cds-ui/client/src/app/feature-modules/controller-catalog/create-catalog/create-catalog.component.html

   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 <mat-card class="ver-card">
  21   <mat-card-header><div class="mat-card-header">Create Catalog</div>
  22   </mat-card-header>
  23   <mat-card-content>
  24 <form [formGroup]="CatalogFormData" (ngSubmit)="CreateCatalog()">
  25   <mat-form-field class="form-field">
  26    <input matInput placeholder="Model Name" formControlName="Model_Name">
  27  </mat-form-field>
  28  <mat-form-field class="form-field" >
  29   <input matInput placeholder="User Id" formControlName="User_id">
  30 </mat-form-field>
  31  <mat-form-field class="form-field">
  32    <input matInput placeholder="Tags" formControlName="_tags">
  33  </mat-form-field>
  34  <mat-form-field class="form-field">
  35    <mat-select matInput placeholder="Definition Type" formControlName="_type">
  36      <mat-option [value]="item" *ngFor="let item of definitionType">{{item.definitionType}}</mat-option>
  37    </mat-select>
  38  </mat-form-field>
  39  <mat-form-field class="form-field" >
  40    <mat-select matInput placeholder="Derived From" formControlName="Derived_From">
  41     <mat-option [value]="item" *ngFor="let item of derivedFrom">{{item.derivedFrom}}</mat-option>
  42    </mat-select>
  43  </mat-form-field>
  44  <mat-form-field class="form-field" >
  45    <textarea matInput placeholder="Description" formControlName="_description"></textarea>
  46  </mat-form-field>
  47   <br>
  48   <div >
  49       <json-editor  placeholder="Definition" class="jsoneditor" [options]="options" [data]="resources" on-change="onChange($event)"></json-editor>
  50   </div>
  51  <div>
  52    <button mat-button class="matStepNextBtn" type="submit">Save</button>
  53  </div>
  54 </form>
  55 </mat-card-content>
  56 </mat-card>