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

   1 <!--/*
   2 * ============LICENSE_START=======================================================
   3 * ONAP : CDS
   4 * ================================================================================
   5 * Copyright 2019 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 cdkDropListGroup>
  21   <div class="sources-container">
  22         <div
  23       cdkDropList
  24       [cdkDropListData]="sourcesOptions"
  25       class="sources-list"
  26       (cdkDropListDropped)="drop($event)">
  27         <div class="sources-box" *ngFor="let item of sourcesOptions;let i = index" cdkDrag>
  28                 <mat-expansion-panel class="expansion-panel">
  29                         <mat-expansion-panel-header>
  30                                 <mat-panel-title>
  31                                         {{item}}
  32                                 </mat-panel-title>
  33                         </mat-expansion-panel-header>
  34                         <json-editor [options]="options" [data]="selected(item)" on-change="onChange(item,$event)"></json-editor>
  35                          </mat-expansion-panel>
  36                          <button matSuffix mat-icon-button (click)="delete(item,i)"><mat-icon class="icon">delete</mat-icon></button>
  37         </div>
  38     </div>
  39   </div>
  40
  41   <div class="list-container">
  42     <h3>Source Options</h3>
  43         <mat-form-field>
  44         <input [(ngModel)]="searchText" type="input" matInput placeholder="search sources">
  45         <button matSuffix mat-icon-button><mat-icon>search</mat-icon></button>
  46         <mat-hint>db,mdsal,input,default,..</mat-hint>
  47         </mat-form-field>
  48         <br><br>
  49     <div
  50       cdkDropList
  51       [cdkDropListData]="option"
  52       class="options-list"
  53       (cdkDropListDropped)="drop($event)">
  54       <div class="options-box" *ngFor="let item of option | search :searchText" cdkDrag>{{item}}</div>
  55     </div>
  56    </div>
  57    <div>
  58         <button mat-button class="matStepNextBtn" (click)="UploadSourcesData()">Save Sources Data</button>
  59    </div>
  60 </div>