catalog-ui/src/app/ng2/pages/composition/panel/panel-tabs/groups/group-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
  18 <ng2-expand-collapse state="0">
  19
  20     <header tooltip="General Information">General Info</header>
  21
  22     <content>
  23     <!-- CATEGORY -->
  24     <div class="component-details-panel-item">
  25         <span class="name" [innerHTML]="'GENERAL_LABEL_CATEGORY' | translate"></span>
  26         <span class="value" data-tests-id="rightTab_category" tooltip="Group">Group</span>
  27     </div>
  28
  29     <!-- SUB CATEGORY -->
  30     <div class="component-details-panel-item">
  31         <span class="name" [innerHTML]="'GENERAL_LABEL_SUB_CATEGORY' | translate"></span>
  32         <span class="value" data-tests-id="rightTab_subCategory" tooltip="Group">Group</span>
  33     </div>
  34
  35     <!-- VERSION -->
  36     <div class="component-details-panel-item">
  37         <span class="name" [innerHTML]="'GENERAL_LABEL_VERSION' | translate"></span>
  38         <span class="value" data-tests-id="rightTab_version" tooltip="{{group.version}}">{{group.version}}</span>
  39     </div>
  40
  41     <!-- DESCRIPTION -->
  42     <div class="component-details-panel-item description">
  43         <span class="name" [innerHTML]="'GENERAL_LABEL_DESCRIPTION' | translate"></span>
  44         <span class="value" ellipsis="group.description" max-chars="55" data-tests-id="rightTab_description">{{group.description}}</span>
  45     </div>
  46     </content>
  47 </ng2-expand-collapse>