catalog-ui/src/app/ng2/pages/type-workspace/type-workspace-general/type-workspace-general.component.html

   1 <!--
   2   ~ -
   3   ~  ============LICENSE_START=======================================================
   4   ~  Copyright (C) 2022 Nordix Foundation.
   5   ~  ================================================================================
   6   ~  Licensed under the Apache License, Version 2.0 (the "License");
   7   ~  you may not use this file except in compliance with the License.
   8   ~  You may obtain a copy of the License at
   9   ~
  10   ~       http://www.apache.org/licenses/LICENSE-2.0
  11   ~
  12   ~  Unless required by applicable law or agreed to in writing, software
  13   ~  distributed under the License is distributed on an "AS IS" BASIS,
  14   ~  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  15   ~  See the License for the specific language governing permissions and
  16   ~  limitations under the License.
  17   ~
  18   ~  SPDX-License-Identifier: Apache-2.0
  19   ~  ============LICENSE_END=========================================================
  20   -->
  21
  22 <div class="sdc-workspace-general-step">
  23   <form class="w-sdc-form" [formGroup]="formGroup">
  24     <div class="w-sdc-form-section-container">
  25       <div class="w-sdc-form-columns-wrapper">
  26         <div class="w-sdc-form-column">
  27           <div class="upper-general-fields">
  28             <div class="name-and-category-fields">
  29               <div class="i-sdc-form-item" [ngClass]="{'error': false}">
  30                 <label class="i-sdc-form-label" [ngClass]="{'required': !isViewOnly}">{{'TYPE_LABEL' | translate}}:</label>
  31                 <span>{{dataType.name}}</span>
  32               </div>
  33
  34               <div class="i-sdc-form-item">
  35                 <label class="i-sdc-form-label" [ngClass]="{'required': !isViewOnly}">{{'MODEL_LABEL' | translate}}:</label>
  36                 <span>{{dataType.model ? dataType.model : DEFAULT_MODEL_NAME}}</span>
  37               </div>
  38
  39               <div class="i-sdc-form-item">
  40                 <label class="i-sdc-form-label" [ngClass]="{'required': !isViewOnly}">{{'DERIVED_FROM_LABEL' | translate}}:</label>
  41                 <span>{{dataType.derivedFromName}}</span>
  42               </div>
  43             </div>
  44           </div>
  45
  46           <div class="i-sdc-form-item description-field">
  47             <label class="i-sdc-form-label" [ngClass]="{'required': !isViewOnly}">{{'DESCRIPTION_LABEL' | translate}}:</label>
  48             <textarea class="description"
  49                       formControlName="description"
  50                       [ngClass]="{'view-mode': isViewOnly}"
  51                       [required]="true"
  52                       [attr.test-id]="description"
  53                       [value]="dataType.description"></textarea>
  54           </div>
  55         </div>
  56
  57         <div class="w-sdc-form-column">
  58           <div class="meta-data" data-ng-if="component.creationDate">
  59             <div>
  60               <strong>{{'CREATED_LABEL' | translate}}:</strong>
  61             </div>
  62             <div class="meta-data-item-value">{{dataType.creationTime | date:'MM/dd/yyyy'}}</div>
  63             <div>
  64               <strong>{{'MODIFIED_LABEL' | translate}}:</strong>
  65             </div>
  66             <div class="meta-data-item-value">
  67               {{dataType.modificationTime | date:'MM/dd/yyyy'}}
  68             </div>
  69             <div>
  70               <strong>{{'UNIQUE_ID_LABEL' | translate}}:</strong>
  71             </div>
  72             <div class="meta-data-item-value">{{dataType.uniqueId}}</div>
  73           </div>
  74         </div>
  75
  76       </div>
  77     </div>
  78   </form>
  79 </div>