VNF_Catalogue/views/edit_project.jade

   1
   2 .search-box-placeholder
   3   script(src='/3rd_party/typeahead.js')
   4   script(type='text/javascript', src='/javascripts/mode_edit_project.js')
   5   .fixed-action-btn.fixed-action-btn_custom
   6     a.btn-floating.btn-large.red
   7       i.large.material-icons dashboard
   8     ul
   9
  10       li
  11         a#modal_href.btn-floating.green.tooltipped(href='#modal1', data-position='left', data-delay='50', data-tooltip='Edit project details')
  12           i.large.material-icons mode_edit
  13   #modal1.modal
  14     .modal-content
  15       h4.center
  16         i.material-icons library_add
  17         |         Edit VNF_details
  18       .row
  19         form#add_project_form.col.s12(action='/add_project', enctype='multipart/form-data', method='post')
  20           .row.modal-form-row
  21             .input-field.col.s12
  22               input#vnf_name.validate(type='text', name='vnf_name')
  23               label.left-align(for='vnf_name') Name
  24           .row
  25             .input-field.col.s12
  26               input#repo_url.validate(type='text', name='repo_url')
  27               label.left-align(for='repo_url') Github URL
  28           .row
  29             .input-field.col.s12
  30               select#license
  31                 option(value='', name='license', disabled='', selected='') Choose the License
  32                 option(value='MIT') MIT
  33                 option(value='GPL') GPL
  34                 option(value='GPL_V2') GPL_V2
  35                 option(value='BSD') BSD
  36                 option(value='APACHE') APACHE
  37               label License
  38           .row
  39             .input-field.col.s12
  40               select#opnfv_indicator
  41                 option(value='', name='opnfv_indicator', disabled='', selected='') Choose the OPNFV Indicator
  42                 option(value='silver') silver
  43                 option(value='gold') gold
  44                 option(value='platinum') platinum
  45               label OPNFV Indicator
  46
  47           .row
  48             .file-field.input-field
  49               .btn
  50                 span Photo (Optional)
  51                 input#file_upload(type='file', name='file_upload')
  52               .file-path-wrapper
  53                 input.file-path.validate(type='text', name='file_url')
  54
  55           .row
  56             .input-field.col.s12
  57               input#submitter_id.validate(type='hidden', name='submitter_id', value=1)
  58
  59           .row
  60             button#add_project_button.modal-action.modal-close.waves-effect.waves-light.btn.right
  61               | Submit VNF
  62               i.material-icons.right send
  63   #modal2.modal
  64     .modal-content
  65       h4.center
  66         i.material-icons library_add
  67         |         Add a TAG
  68       .row
  69         form#add_tag_form.col.s12(action='/add_tag', method='post')
  70           .row.modal-form-row
  71             .input-field.col.s12
  72               input#tag_name.validate(type='text', name='tag_name')
  73               label.left-align(for='tag_name') Name
  74           button#add_tag_button.modal-action.modal-close.waves-effect.waves-light.btn.right
  75             | Submit TAG
  76             i.material-icons.right send
  77   #modal3.modal
  78       h4.center
  79         i.material-icons library_add
  80         |         Add a TAG to a VNF
  81       .row
  82         form#add_vnf_tag_association_form.col.s12(action='/vnf_tag_association', method='post')
  83
  84           .row.modal-form-row.modal-form-row-custom
  85             .input-field.col.s2 VNF Name
  86             #scrollable-dropdown-menu.input-field.col.s4
  87               input#vnf_name.typeahead(type='text', name='vnf_name')
  88               //
  89                 label.left-align(for='tag_name') VNF Name
  90             .input-field.col.s2 TAG Name
  91             #scrollable-dropdown-menu.input-field.col.s4
  92               input#tag_name.validate.typeahead(type='text', name='tag_name')
  93               //
  94                 label.left-align(for='tag_name') TAG Name
  95
  96           button#add_vnf_tag_association_button.modal-action.modal-close.waves-effect.waves-light.btn.right
  97             | Submit
  98             i.material-icons.right send
  99   style.
 100     .select-dropdown{
 101         overflow-y: auto !important;
 102     }
 103     .dropdown-content {
 104         max-height: 200px !important;
 105     }
 106     .backdrop{
 107        background-color: rgb(253,225,109);
 108     }
 109     .bg {
 110     }
 111     .modal-form-row-custom {
 112       min-height: 200px !important;
 113     }
 114     #scrollable-dropdown-menu .tt-menu {
 115       max-height: 150px;
 116       overflow-y: auto;
 117     }
 118
 119     .typeahead, .tt-query, .tt-hint {
 120         border: 2px solid #CCCCCC;
 121         border-radius: 8px 8px 8px 8px;
 122         font-size: 24px;
 123         height: 30px;
 124         line-height: 30px;
 125         outline: medium none;
 126         padding: 8px 12px;
 127         width: 396px;
 128     }
 129
 130     .tt-query {
 131         box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
 132     }
 133     .tt-hint {
 134         color: #999999;
 135     }
 136     .tt-dropdown-menu {
 137         background-color: #FFFFFF;
 138         border: 1px solid rgba(0, 0, 0, 0.2);
 139         border-radius: 8px 8px 8px 8px;
 140         box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
 141         margin-top: 12px;
 142         padding: 8px 0;
 143         width: 200px;
 144     }
 145     .tt-suggestion {
 146         font-size: 18px;
 147         line-height: 24px;
 148         padding: 3px 20px;
 149     }
 150     .tt-suggestion.tt-cursor {
 151         background-color: #0097CF;
 152         color: #FFFFFF;
 153     }
 154     .tt-suggestion p {
 155         margin: 0;
 156     }
 157     .tt-dropdown-menu, .gist {
 158         text-align: left;
 159     }