catalog-ui/src/app/ng2/pages/properties-assignment/declare-list/declare-list.component.html

   1 <!--
   2 * ============LICENSE_START=======================================================
   3 * SDC
   4 * ================================================================================
   5 * Copyright (C) 2019 Fujitsu Limited. All rights reserved.
   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 -->
  21
  22 <div class="declare-list">
  23     <loader [display]="isLoading" [size]="'large'" [relative]="true" [loaderDelay]="500"></loader>
  24     <form class="w-sdc-form">
  25
  26         <div class="side-by-side">
  27             <div class="i-sdc-form-item">
  28                 <label class="i-sdc-form-label required">Name</label>
  29                 <input class="i-sdc-form-input"
  30                        type="text"
  31                        name="propertyName"
  32                        data-tests-id="property-name"
  33                        [(ngModel)]="propertyModel.name"
  34                        [ngModelOptions]="{ debounce: 200 }"
  35                        autofocus/>
  36             </div>
  37             <!-- Type -->
  38             <div class="i-sdc-form-item">
  39                 <label class="i-sdc-form-label">Type</label>
  40                 <input class="i-sdc-form-input"
  41                        type="text"
  42                        data-tests-id="property-type"
  43                        value="list"
  44                        disabled
  45                        autofocus/>
  46             </div>
  47         </div>
  48
  49         <!-- Schema Type -->
  50         <div class="i-sdc-form-item">
  51             <label class="i-sdc-form-label required">New Schema Type for List</label>
  52             <input class="i-sdc-form-input"
  53                     type="text"
  54                     name="typeName"
  55                     [(ngModel)]="propertyModel.simpleType"
  56                     [ngModelOptions]="{ debounce: 200 }">
  57         </div>
  58
  59         <!-- Properties -->
  60         <div class="i-sdc-form-item">
  61             <label class="i-sdc-form-label">Properties</label>
  62             <input class="i-sdc-form-input"
  63                    type="text"
  64                    name="properties"
  65                    data-tests-id="properties"
  66                    value="{{propertiesListString}}"
  67                    disabled>
  68         </div>
  69
  70         <!-- Description -->
  71         <div class="i-sdc-form-item">
  72             <label class="i-sdc-form-label">Description</label>
  73             <textarea  class="i-sdc-form-textarea"
  74                        [pattern]="commentValidationPattern"
  75                        name="propertyDescription"
  76                        [(ngModel)]="propertyModel.description"
  77                        [ngModelOptions]="{ debounce: 200 }"
  78                        data-tests-id="property-description"
  79             ></textarea>
  80         </div>
  81
  82     </form>
  83 </div>