Added Search_Results Page

Also added animations and actions pertaining
to index and search_results page.

Change-Id: If3966991f165626ca2b13a4ac62af6a777a22903
Signed-off-by: Kumar Rishabh <shailrishabh@gmail.com>

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')
+