gerrit.onap Code Review - ccsdk/cds.git/blob

   1 <h6 class="create-title">CREATE</h6>
   2 <div class="card creat-card">
   3     <div class="single-line">
   4         <label class="label-name">Name</label>
   5         <div class="label-input">
   6             <input type="input" placeholder="Topology name.vLB.CDS">
   7         </div>
   8     </div>
   9     <hr />
  10     <div class="single-line">
  11         <label class="label-name">Management Type</label>
  12         <div class="label-input">
  13             <div class="row">
  14                 <div class="col-md-4 d-flex">
  15                     <a class="select-type active" href="#">
  16                         <div class="select-type-icon"><span class="icon-template-mapping"></span></div>
  17                         <div>Template And Support Mapping</div>
  18                     </a>
  19                 </div>
  20                 <div class="col-md-4 d-flex">
  21                     <a class="select-type" href="#">
  22                         <div class="select-type-icon"><span class="icon-template"></span></div>
  23                         <div>Template Only</div>
  24                     </a>
  25                 </div>
  26                 <div class="col-md-4 d-flex">
  27                     <a class="select-type" href="#">
  28                         <div class="select-type-icon"><span class="icon-mapping"></span></div>
  29                         <div>Mapping Only</div>
  30                     </a>
  31
  32                 </div>
  33             </div>
  34
  35         </div>
  36     </div>
  37     <hr />
  38     <div class="single-line">
  39         <label class="label-name">Type</label>
  40         <div class="label-input">
  41             <label name="trst">
  42                 <input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios1" value=Velcoity>
  43
  44                 <span>
  45                     Velcoity
  46                 </span>
  47             </label>
  48             <label name="trst">
  49                 <input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios1" value=Velcoity>
  50
  51                 <span>
  52                     Jinja
  53                 </span>
  54             </label>
  55             <label name="trst">
  56                 <input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios1" value=Velcoity>
  57
  58                 <span>
  59                     Kotlin
  60                 </span>
  61             </label>
  62         </div>
  63     </div>
  64 </div>
  65
  66 <div class="template-mapping-accordion">
  67     <div id="accordion">
  68         <div class="card">
  69             <div class="card-header" id="headingOne">
  70                 <h5 class="mb-0 d-flex justify-content-between">
  71                     <button class="btn btn-link" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true"
  72                         aria-controls="collapseOne">
  73                         1. Create Template
  74                     </button>
  75
  76                 </h5>
  77             </div>
  78
  79             <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion">
  80                 <div class="card-body">
  81                     Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3
  82                     wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum
  83                     eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla
  84                     assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt
  85                     sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer
  86                     farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus
  87                     labore sustainable VHS.
  88                 </div>
  89             </div>
  90         </div>
  91         <div class="card">
  92             <div class="card-header" id="headingTwo">
  93                 <h5 class="mb-0">
  94                     <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseTwo"
  95                         aria-expanded="false" aria-controls="collapseTwo">
  96                         2. Manage Mapping
  97                     </button>
  98                 </h5>
  99             </div>
 100             <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordion">
 101                 <div class="card-body">
 102                     Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3
 103                     wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum
 104                     eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla
 105                     assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt
 106                     sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer
 107                     farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus
 108                     labore sustainable VHS.
 109                 </div>
 110             </div>
 111         </div>
 112     </div>
 113 </div>