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