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

   1 <!--/*
   2 * ============LICENSE_START=======================================================
   3 * ONAP : CDS
   4 * ================================================================================
   5 * Copyright (C) 2020 TechMahindra
   6 *=================================================================================
   7 * Licensed under the Apache License, Version 2.0 (the "License");
   8 * you may not use this file except in compliance with the License.
   9 * You may obtain a copy of the License at
  10 *
  11 *     http://www.apache.org/licenses/LICENSE-2.0
  12 *
  13 * Unless required by applicable law or agreed to in writing, software
  14 * distributed under the License is distributed on an "AS IS" BASIS,
  15 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  16 * See the License for the specific language governing permissions and
  17 * limitations under the License.
  18 * ============LICENSE_END=========================================================
  19 */-->
  20 <div class="col-11">
  21    <div class= "row ">
  22        <div class="card creat-card source1">
  23            <h5 class="label-name"> Sources Options</h5>
  24            <div class="searchBox row"><i class="searchButton1 col-1" aria-hidden="true"></i>
  25             <input class="searchText col-8" [(ngModel)]="searchText" type="input" placeholder="filter sources">
  26           </div>
  27
  28        <div class="example-container">
  29         <div
  30           cdkDropList
  31           #todoList="cdkDropList"
  32           [cdkDropListData]="option"
  33           [cdkDropListConnectedTo]="[doneList]"
  34           class="example-list"
  35           (cdkDropListDropped)="drop($event)">
  36           <div class="example-box card creat-card" *ngFor="let item of option| search :searchText" cdkDrag>
  37             <input type="checkbox" class="checkbox" [(ngModel)]="checked" (change)="onChange(item, $event.target.checked)">
  38             {{item.name}}
  39           </div>
  40
  41         </div>
  42
  43       </div>
  44       <div class="footer row">
  45         <a class="select-button col-sm-05">Select all</a>
  46         <button  class="action-button1 col-sm-04" >Add to list</button>
  47       </div>
  48    </div>
  49
  50       <div class="card creat-card source">
  51         <h5 class="label-name">Sources List</h5>
  52         <div class="example-container2 card creat-card">
  53             <div
  54               cdkDropList
  55               #doneList="cdkDropList"
  56               [cdkDropListData]="sourcesOptions"
  57               [cdkDropListConnectedTo]="[todoList]"
  58               class="example-list1"
  59               (cdkDropListDropped)="drop($event)">
  60
  61               <div class="example-box1" *ngFor="let item of sourcesOptions" cdkDrag>
  62                 <input type="checkbox" value="item.name">
  63                 <mat-expansion-panel class="expansion-panel">
  64                     <mat-expansion-panel-header [collapsedHeight]="'23px'" [expandedHeight]="'23px'">
  65                       <mat-panel-title>
  66                     {{item.name}}
  67                       </mat-panel-title>
  68                     </mat-expansion-panel-header>
  69                     <br>
  70                       <ace-editor [(text)]=item.value [mode]="'javascript'" [autoUpdateContent]="true"
  71                         [durationBeforeCallback]="1000" (textChanged)="textChanged($event,item)" [theme]="'tomorrow_night_bright'" #editor style="height:300px;">
  72                       </ace-editor>
  73                   </mat-expansion-panel>
  74               </div>
  75
  76             </div>
  77
  78           </div>
  79           <div>
  80             <a type="submit" class="delete">Delete</a>
  81           </div>
  82       </div>
  83 </div>
  84 </div>
  85