Add vnf, tag create & Associate Plugins

Adds support for accessing database, plugin to create tags and
vnfs and make association between them. Also adds autocomplete feature
to vnf-tag association.

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

4 files changed, 79 insertions, 46 deletions

diff --git a/vnfcatalogue/VNF_Catalogue/public/stylesheets/project_profile.css b/vnfcatalogue/VNF_Catalogue/public/stylesheets/project_profile.css
new file mode 100644
index 0000000..03527f0
--- /dev/null
+++ b/vnfcatalogue/VNF_Catalogue/public/stylesheets/project_profile.css
@@ -0,0 +1,12 @@
+/*******************************************************************************
+ * 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
+ *******************************************************************************/
+
+.container-custom {
+  max-width: 100% !important;
+}
diff --git a/vnfcatalogue/VNF_Catalogue/public/stylesheets/search_form.css b/vnfcatalogue/VNF_Catalogue/public/stylesheets/search_form.css
new file mode 100644
index 0000000..4598cff
--- /dev/null
+++ b/vnfcatalogue/VNF_Catalogue/public/stylesheets/search_form.css
@@ -0,0 +1,58 @@
+/*******************************************************************************
+ * 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
+ *******************************************************************************/
+
+input.search-input-rest
+{
+  font-weight: 400;
+  margin: 0px 0;
+  height: 30px;
+  padding: 10px 30px;
+    min-width: 90%;
+    max-width: 90%;
+  /*max-width: 500px;
+  */
+  border-radius: 5px;
+  border: 2px solid #333333;
+  box-shadow: 0 0 15px 1px rgba(0,0,0,0.50);
+  color: #333333;
+  font-size: 22px;
+}
+.material-search-custom {
+  left : -30px;
+
+  padding-left: 10px;
+}
+.form-group-custom {
+  width : 400px;
+  position: relative;
+  float: right;
+  left: -40%;
+}
+.form-control-custom {
+  padding-top: 10px;
+  padding-left: 50px;
+}
+input[type="search"]:focus:not([readonly]) {
+  transition: all 0s !important;
+  border-radius: 5px;
+  border: 2px solid #333333;
+  box-shadow: 0 0 15px 1px rgba(0,0,0,0.50);
+  color: #333333;
+}
+.gray {
+  background: rgb(249,249,249);
+}
+span.glyphicon.glyphicon-search.form-control-feedback,
+    div.form-group-custom i.material-icons {
+      top: 0.5em;
+      left: 16.0em;
+      cursor:pointer;
+      z-index: 30;
+      position: absolute;
+}
diff --git a/vnfcatalogue/VNF_Catalogue/public/stylesheets/search_projects.css b/vnfcatalogue/VNF_Catalogue/public/stylesheets/search_projects.css
index 8875f7f..c000711 100644
--- a/vnfcatalogue/VNF_Catalogue/public/stylesheets/search_projects.css
+++ b/vnfcatalogue/VNF_Catalogue/public/stylesheets/search_projects.css
@@ -7,36 +7,13 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  *******************************************************************************/
 
-input[type="text"]:focus:not([readonly]) {
-  transition: all 0s !important;
-  border-radius: 5px;
-  border: 2px solid #333333;
-  box-shadow: 0 0 15px 1px rgba(0,0,0,0.50);
-  color: #333333;
-}
-.gray {
-  background: rgb(249,249,249);
-}
-.material-search-custom {
-  left : -30px;
-
-  padding-left: 10px;
-}
-.form-group-custom {
-  width : 400px;
-  position: relative;
-  float: right;
-  left: -40%;
-}
-.form-control-custom {
-  padding-top: 10px;
-  padding-left: 50px;
-}
 .card-shadow-custom {
   box-shadow: 0 2px 3px 0 rgba(0,0,0,0.50);
   border-bottom: 2px solid #8B19A2;
 }
 .row-custom {
+  display: flex;
+  flex-flow: row wrap;
   width: 100%;
   margin: 1em 1em 1em 1em;
   padding-right: 20px;
@@ -56,8 +33,7 @@ input[type="text"]:focus:not([readonly]) {
   display: inline-block;
 }
 .card-image-picture-custom {
-  margin: 1em 0em 0em 3.5em;
-  display: inline-block;
+  margin: auto;
 }
 .collection .collection-item.active {
   background-color: rgb(255,245,114);
@@ -125,8 +101,12 @@ a.a-custom-more:hover {
 span.glyphicon.glyphicon-search.form-control-feedback,
     div.form-group-custom i.material-icons {
       top: 0.5em;
-      left: 16.5em;
+      left: 16.0em;
       cursor:pointer;
       z-index: 30;
       position: absolute;
 }
+.card-image-custom {
+  display: flex;
+  flex-flow: column wrap;
+}
diff --git a/vnfcatalogue/VNF_Catalogue/public/stylesheets/style.css b/vnfcatalogue/VNF_Catalogue/public/stylesheets/style.css
index 4769cfc..f5355ba 100644
--- a/vnfcatalogue/VNF_Catalogue/public/stylesheets/style.css
+++ b/vnfcatalogue/VNF_Catalogue/public/stylesheets/style.css
@@ -152,23 +152,6 @@ form.search-form input.search-input
   color: #333333;
   font-size: 22px;
 }
-input.search-input-rest
-{
-  font-weight: 400;
-  margin: 0px 0;
-  height: 30px;
-  padding: 10px 30px;
-    min-width: 90%;
-    max-width: 90%;
-  /*max-width: 500px;
-  */
-  border-radius: 5px;
-  border: 2px solid #333333;
-  box-shadow: 0 0 15px 1px rgba(0,0,0,0.50);
-  color: #333333;
-  font-size: 22px;
-}
-
 
 form.search-form button.search-button
 {
@@ -306,7 +289,7 @@ footer
 {
   height: 100px;
 }
-input[type="text"]:focus:not([readonly]) {
+input[type="search"]:focus:not([readonly]) {
   transition: all 0s !important;
   border-radius: 5px;
   border: 2px solid #333333;