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

   1 <!-- /*
   2 * ============LICENSE_START=======================================================
   3 * ONAP : CDS
   4 * ================================================================================
   5 * Copyright (C) 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 <form class="search-form" [formGroup]="myControl">
  21   <mat-form-field class="search-full-width">
  22       <input matInput type="text" placeholder="Search Catalog" formControlName="search_input" #searchText>
  23       <button matSuffix mat-icon-button (click)="fetchCatalogByName()">
  24     <mat-icon>search</mat-icon>
  25   </button>
  26   </mat-form-field>
  27 </form>
  28 <div class="searchcontainer">
  29   <div class="flexBox">
  30       <div *ngFor="let option of options" style="position: relative !important;width:20% !important">
  31           <mat-card class="example-card">
  32               <mat-card-content class="card-content">
  33                  {{option.modelName}}<br>
  34                  {{option.derivedFrom}}
  35               </mat-card-content>
  36               <mat-card-actions class="flexBox">
  37                   <button class="matStepNextBtn" matStepperNext mat-menu-item (click)="editInfo(option,'Info')">Info</button>
  38                   <button class="matStepNextBtn" matStepperNext mat-menu-item (click)="editInfo(option,'Edit')">Edit</button>
  39               </mat-card-actions>
  40           </mat-card>
  41       </div>
  42   </div>
  43 </div>