utils/test/vnfcatalogue/VNF_Catalogue/views/vnf_tag_association.jade

   1 doctype html
   2 //
   3   Copyright (c) 2017 Kumar Rishabh and others.
   4   All rights reserved. This program and the accompanying materials
   5   are made available under the terms of the Apache License, Version 2.0
   6   which accompanies this distribution, and is available at
   7   http://www.apache.org/licenses/LICENSE-2.0
   8 html(lang='en')
   9 html
  10   head
  11     title= title
  12     //
  13       link(rel='stylesheet', href='/3rd_party/materialize/css/materialize.css')
  14     script(type='text/javascript', src='https://code.jquery.com/jquery-3.1.1.min.js')
  15     //
  16       script(src='/javascripts/global.js')
  17     //
  18       script(src='/3rd_party/materialize/js/materialize.js')
  19     link(href='https://fonts.googleapis.com/icon?family=Material+Icons', rel='stylesheet')
  20     link(rel='stylesheet', href='/stylesheets/style.css')
  21     script(src='/3rd_party/typeahead.js')
  22     script(src='/javascripts/mode_edit.js')
  23   body
  24     h4.center
  25     i.material-icons library_add
  26     |         Add a TAG to a VNF
  27     .row
  28     form#add_tag_form.col.s12(action='/add_tag', method='post')
  29       .row.modal-form-row
  30           .input-field.col.s6 VNF Name
  31           .input-field.col.s6 TAG Name
  32       .row.modal-form-row
  33         #scrollable-dropdown-menu.input-field.col.s6
  34           input#tag_name.typeahead(type='text', name='tag_name')
  35           //
  36             label.left-align(for='tag_name') VNF Name
  37
  38         .input-field.col.s6
  39           input#tag_name.validate(type='text', name='vnf_name')
  40           //
  41             label.left-align(for='tag_name') TAG Name
  42       .row.modal-form-row
  43           .input-field.col.s6
  44           .input-field.col.s6
  45       .row.modal-form-row
  46       button#add_tag_button.modal-action.modal-close.waves-effect.waves-light.btn.right
  47         | Submit
  48         i.material-icons.right send
  49 style.
  50   #scrollable-dropdown-menu .tt-menu {
  51     max-height: 150px;
  52     overflow-y: auto;
  53   }
  54
  55   .typeahead, .tt-query, .tt-hint {
  56       border: 2px solid #CCCCCC;
  57       border-radius: 8px 8px 8px 8px;
  58       font-size: 24px;
  59       height: 30px;
  60       line-height: 30px;
  61       outline: medium none;
  62       padding: 8px 12px;
  63       width: 396px;
  64   }
  65   .typeahead {
  66       background-color: #FFFFFF;
  67   }
  68   .typeahead:focus {
  69       border: 2px solid #0097CF;
  70   }
  71   .tt-query {
  72       box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  73   }
  74   .tt-hint {
  75       color: #999999;
  76   }
  77   .tt-dropdown-menu {
  78       background-color: #FFFFFF;
  79       border: 1px solid rgba(0, 0, 0, 0.2);
  80       border-radius: 8px 8px 8px 8px;
  81       box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  82       margin-top: 12px;
  83       padding: 8px 0;
  84       width: 422px;
  85   }
  86   .tt-suggestion {
  87       font-size: 18px;
  88       line-height: 24px;
  89       padding: 3px 20px;
  90   }
  91   .tt-suggestion.tt-cursor {
  92       background-color: #0097CF;
  93       color: #FFFFFF;
  94   }
  95   .tt-suggestion p {
  96       margin: 0;
  97   }
  98   .tt-dropdown-menu, .gist {
  99       text-align: left;
 100   }
 101   /*
 102   html {
 103       overflow-y: scroll;
 104   }
 105   .container {
 106       margin: 0 auto;
 107       max-width: 750px;
 108       text-align: center;
 109   }
 110
 111   html {
 112       color: #333333;
 113       font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
 114       font-size: 18px;
 115       line-height: 1.2;
 116   }
 117   .title, .example-name {
 118       font-family: Prociono;
 119   }
 120   p {
 121       margin: 0 0 10px;
 122   }
 123   .title {
 124       font-size: 64px;
 125       margin: 20px 0 0;
 126   }
 127   .example {
 128       padding: 30px 0;
 129   }
 130   .example-name {
 131       font-size: 32px;
 132       margin: 20px 0;
 133   }
 134   .demo {
 135       margin: 50px 0;
 136       position: relative;
 137   }
 138   */
 139   /*
 140   .gist {
 141       font-size: 14px;
 142   }
 143   .example-twitter-oss .tt-suggestion {
 144       padding: 8px 20px;
 145   }
 146   .example-twitter-oss .tt-suggestion + .tt-suggestion {
 147       border-top: 1px solid #CCCCCC;
 148   }
 149   .example-twitter-oss .repo-language {
 150       float: right;
 151       font-style: italic;
 152   }
 153   .example-twitter-oss .repo-name {
 154       font-weight: bold;
 155   }
 156   .example-twitter-oss .repo-description {
 157       font-size: 14px;
 158   }
 159   .example-sports .league-name {
 160       border-bottom: 1px solid #CCCCCC;
 161       margin: 0 20px 5px;
 162       padding: 3px 0;
 163   }
 164   .example-arabic .tt-dropdown-menu {
 165       text-align: right;
 166   }
 167   */