VNF_Catalogue/views/search_projects.jade

   1 extends layout
   2
   3 //
   4   Copyright (c) 2017 Kumar Rishabh and others.
   5   All rights reserved. This program and the accompanying materials
   6   are made available under the terms of the Apache License, Version 2.0
   7   which accompanies this distribution, and is available at
   8   http://www.apache.org/licenses/LICENSE-2.0
   9 block search
  10   include search
  11 block add_project
  12   include add_project
  13 block content
  14   .col.s12.pagination
  15     #pagination-long
  16   .content#content
  17     each key, index in json
  18       .container.container-custom
  19         .card.card-shadow-custom.horizontal
  20           .row.row-custom
  21             .col.s5.card-title-div-custom
  22               span.card-title.card-title-span-custom
  23                 a.custom-href(href='/project_profile?vnf_id=#{key.vnf_id}')
  24                   | #{key.vnf_name}
  25             .col.s5.card-title-div-custom
  26               i.material-icons grade
  27               span.card-title PenguinScore: 42
  28             .col.s2.card-title-div-custom-right
  29               form(action='#')
  30                 input#search_result_1(type='checkbox', name='#{key.vnf_name}')
  31                 label(for='search_result_1') Compare
  32             //
  33               <div class="card-action">
  34               <a href="#">This is a link</a>
  35               </div>
  36             .col.s4.card-image.card-image-custom
  37               img.img-size.card-image-picture-custom(src='/uploads/#{key.photo_url}')
  38             .col.s8.card-stacked
  39               .card-content
  40                 p
  41                   .collection.collection-custom
  42                     a.collection-item(href='#!')
  43                       span
  44                         i.material-icons code
  45                         |                             Lines Of Code: #{key.lines_of_code}
  46                     a.collection-item(href='#!')
  47                       span
  48                         i.material-icons person
  49                         |                             Number of Developers: #{key.no_of_developers}
  50                     a.collection-item(href='#!')
  51                       span
  52                         i.material-icons star
  53                         |                             Number of Stars: #{key.no_of_stars}
  54                     a.collection-item(href='#!')
  55                       span
  56                         i.material-icons description
  57                         |                             Number of Versions: #{key.versions}
  58               .card-action
  59                 | Tags:
  60                 each tag, index in key.tags
  61                   .chip
  62                     a.a-custom(href='/search_projects?tags=#{tag.tag_name}') #{tag.tag_name}
  63                 //
  64                   .chip
  65                     a.a-custom(href='#!') tag1
  66                   .chip
  67                     a.a-custom(href='#!') Tag2
  68                   .chip
  69                     a.a-custom(href='#!') Tag3
  70                   .chip
  71                     a.a-custom(href='#!') Tag4
  72                   .chip
  73                     a.a-custom(href='#!') Tag5
  74                 a.a-custom-more(href='/project_profile?vnf_id=#{key.vnf_id}') more
  75             .divider
  76             .card-action-custom.col.s12.card-action
  77               | License:
  78               a(href='#') #{key.license}
  79               | Complexity:
  80               a(href='#') Atomic
  81               | Activity:
  82               a(href='#') Medium
  83               | OPNFV Indicator:
  84               a(href='#') #{key.opnfv_indicator}
  85   footer
  86     | © 2017 XYZ Company
  87     link(rel='stylesheet', href='/stylesheets/search_projects.css')
  88     script(type='text/javascript', src='/3rd_party/materialize-pagination.js')
  89     script(type='text/javascript', src='/javascripts/search_results.js')
  90     style(type='text/css').
  91       div.pagination{
  92         margin-top: 1em;
  93       }
  94       div.pagination li {
  95         width: 40px;
  96       }