Merge "Added Search_Results Page"

1 files changed, 69 insertions, 122 deletions

diff --git a/utils/test/vnfcatalogue/VNF_Catalogue/views/search_projects.jade b/utils/test/vnfcatalogue/VNF_Catalogue/views/search_projects.jade
index 3076543af..6670d212c 100644
--- a/utils/test/vnfcatalogue/VNF_Catalogue/views/search_projects.jade
+++ b/utils/test/vnfcatalogue/VNF_Catalogue/views/search_projects.jade
@@ -1,128 +1,75 @@
-doctype html
+extends layout
+
 //
   Copyright (c) 2017 Kumar Rishabh and others.
   All rights reserved. This program and the accompanying materials
   are made available under the terms of the Apache License, Version 2.0
   which accompanies this distribution, and is available at
   http://www.apache.org/licenses/LICENSE-2.0
-html(lang='en')
-  head
-    meta(charset='UTF-8')
-    title Document
-    link(rel='stylesheet', href='/stylesheets/3rd_party/bootstrap.css')
-    link(rel='stylesheet', href='/stylesheets/style.css')
-  body
-    header
-      ul.navigation
-        li.logo
-        li.links
-          a(href='#') Projects
-        li.links
-          a(href='#') People
-        li.links
-          a(href='#') About
-      ul.navigation-right
-        li.signup
-          a(href='#') Sign up
-        li.option or
-        li.signin
-          a(href='#') Sign in
-    .search-box
-      h1 VNF Catalogue
-      form.search-form
-        input.search-input(type='text', placeholder='Search...')
-        .space-10
-        button.search-button(type='submit', value='Search') Search
-    .content
-      ul.most-menu
-        li.items.active
-          a(href='#') Most Popular
-        li.items
-          a(href='#') Most Active
-        li.items
-          a(href='#') Most Active Contributions
-      .container
-        .row
-          .box-container
-            .col-md-3
-              .content-box
-                .content-data
-                  h1.content-title AAA
-                  .box
-                    img.commit-icon(src='/images/3rd_party/commits.png')
-                    h3.commits
-                      | 4,845
-                      br
-                      | commits
-          .col-md-3
-            .content-box
-              .content-data
-                h1.content-title AAA
-                .box
-                  img.commit-icon(src='/images/3rd_party/commits.png')
-                  h3.commits
-                    | 4,845
-                    br
-                    | commits
-          .col-md-3
-            .content-box
-              .content-data
-                h1.content-title AAA
-                .box
-                  img.commit-icon(src='/images/3rd_party/commits.png')
-                  h3.commits
-                    | 4,845
-                    br
-                    | commits
-          .col-md-3
-            .content-box
-              .content-data
-                h1.content-title AAA
-                .box
-                  img.commit-icon(src='/images/3rd_party/commits.png')
-                  h3.commits
-                    | 4,845
-                    br
-                    | commits
-          .col-md-3
-            .content-box
-              .content-data
-                h1.content-title AAA
-                .box
-                  img.commit-icon(src='/images/3rd_party/commits.png')
-                  h3.commits
-                    | 4,845
-                    br
-                    | commits
-          .col-md-3
-            .content-box
-              .content-data
-                h1.content-title AAA
-                .box
-                  img.commit-icon(src='/images/3rd_party/commits.png')
-                  h3.commits
-                    | 4,845
-                    br
-                    | commits
-          .col-md-3
-            .content-box
-              .content-data
-                h1.content-title AAA
-                .box
-                  img.commit-icon(src='/images/3rd_party/commits.png')
-                  h3.commits
-                    | 4,845
-                    br
-                    | commits
-          .col-md-3
-            .content-box
-              .content-data
-                h1.content-title AAA
-                .box
-                  img.commit-icon(src='/images/3rd_party/commits.png')
-                  h3.commits
-                    | 4,845
-                    br
-                    | commits
-      footer
-        | © 2017 OPNFV
+block content
+  .search-box
+    .form-group-custom.form-group.has-feedback
+      input.search-input-rest.form-control(type='text', placeholder='Search...', id='Tags')
+      i.material-icons search
+  .content
+    .container
+      .card.card-shadow-custom.horizontal
+        .row.row-custom
+          .col.s5.card-title-div-custom
+            span.card-title.card-title-span-custom Card Title
+          .col.s5.card-title-div-custom
+            i.material-icons grade
+            span.card-title PenguinScore: 42
+          .col.s2.card-title-div-custom-right
+            form(action='#')
+              input#search_result_1(type='checkbox')
+              label(for='search_result_1') Compare
+          //
+            <div class="card-action">
+            <a href="#">This is a link</a>
+            </div>
+          .col.s4.card-image
+            img.card-image-picture-custom(src='/images/logo.png')
+          .col.s8.card-stacked
+            .card-content
+              p
+                .collection.collection-custom
+                  a.collection-item(href='#!')
+                    span
+                      i.material-icons code
+                      |                             Lines Of Code: 1.03M
+                  a.collection-item(href='#!')
+                    span
+                      i.material-icons code
+                      |                             Lines Of Code: 1.03M
+                  a.collection-item(href='#!')
+                    span
+                      i.material-icons code
+                      |                             Lines Of Code: 1.03M
+                  a.collection-item(href='#!')
+                    span
+                      i.material-icons code
+                      |                             Lines Of Code: 1.03M
+            .card-action
+              | Tags: 
+              .chip
+                a.a-custom(href='#!') Tag1
+              .chip
+                a.a-custom(href='#!') Tag2
+              .chip
+                a.a-custom(href='#!') Tag3
+              .chip
+                a.a-custom(href='#!') Tag4
+              .chip
+                a.a-custom(href='#!') Tag5
+              a.a-custom-more(href='#!') more
+          .divider
+          .card-action-custom.col.s12.card-action
+            | License: 
+            a(href='#') MIT
+            |                     Complexity: 
+            a(href='#') Atomic
+  footer
+    | © 2017 XYZ Company
+    link(rel='stylesheet', href='/stylesheets/search_projects.css')
+