catalog-ui/src/app/ng2/pages/composition/panel/panel-tabs/policies/policy-information-tab.component.html

   1 <!--
   2   ~ Copyright (C) 2018 AT&T Intellectual Property. All rights reserved.
   3   ~
   4   ~ Licensed under the Apache License, Version 2.0 (the "License");
   5   ~ you may not use this file except in compliance with the License.
   6   ~ You may obtain a copy of the License at
   7   ~
   8   ~      http://www.apache.org/licenses/LICENSE-2.0
   9   ~
  10   ~ Unless required by applicable law or agreed to in writing, software
  11   ~ distributed under the License is distributed on an "AS IS" BASIS,
  12   ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  13   ~ See the License for the specific language governing permissions and
  14   ~ limitations under the License.
  15   -->
  16
  17 <ng2-expand-collapse state="0">
  18     <header tooltip="General Information">General Info</header>
  19     <content>
  20         <!-- TYPE -->
  21         <div class="component-details-panel-item">
  22             <span class="name" [innerHTML]="'GENERAL_LABEL_TYPE' | translate"></span>
  23             <span class="value" data-tests-id="rightTab_componentType" tooltip="{{policy.policyTypeUid}}">{{policy.policyTypeUid}}</span>
  24         </div>
  25
  26         <!-- CATEGORY -->
  27         <div class="component-details-panel-item">
  28             <span class="name" [innerHTML]="'GENERAL_LABEL_CATEGORY' | translate"></span>
  29             <span class="value" data-tests-id="rightTab_category" tooltip="Policy">Policy</span>
  30         </div>
  31
  32         <!-- SUB CATEGORY -->
  33         <div class="component-details-panel-item">
  34             <span class="name" [innerHTML]="'GENERAL_LABEL_SUB_CATEGORY' | translate"></span>
  35             <span class="value" data-tests-id="rightTab_subCategory" tooltip="Policy">Policy</span>
  36         </div>
  37
  38         <!-- VERSION -->
  39         <div class="component-details-panel-item">
  40             <span class="name" [innerHTML]="'GENERAL_LABEL_VERSION' | translate"></span>
  41             <span class="value" data-tests-id="rightTab_version" tooltip="{{policy.version}}">{{policy.version}}</span>
  42         </div>
  43
  44         <!-- DESCRIPTION -->
  45         <div class="component-details-panel-item description">
  46             <span class="name" [innerHTML]="'GENERAL_LABEL_DESCRIPTION' | translate"></span>
  47             <span class="value" ellipsis="policy.description" max-chars="55" data-tests-id="rightTab_description">{{policy.description}}</span>
  48         </div>
  49     </content>
  50 </ng2-expand-collapse>