catalog-ui/src/app/ng2/pages/type-workspace/type-workspace.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-container">
  23   <loader [display]="isLoading"></loader>
  24   <div class="w-sdc-main-container">
  25     <app-workspace-menu [menuHeader]="dataType.name"
  26                         (onMenuUpdate)="onMenuUpdate($event)"
  27                         (onClick)="onMenuClick($event)">
  28     </app-workspace-menu>
  29
  30     <div class="w-sdc-main-right-container">
  31       <div class="sdc-workspace-top-bar">
  32         <div class="progress-container">
  33         </div>
  34         <div class="sdc-workspace-top-bar-buttons">
  35           <span class="sprite-new x-btn" (click)="goToBreadcrumbHome()" sdc-smart-tooltip="Close" [title]="'CLOSE_LABEL' | translate"></span>
  36         </div>
  37       </div>
  38
  39       <div class="w-sdc-main-container-body-content-wrapper">
  40         <div class="w-sdc-main-container-body-content-header">
  41           <div class="workspace-tab-title">
  42             {{currentMenu.text}}
  43           </div>
  44         </div>
  45         <div class="w-sdc-main-container-body-content" *ngIf="dataType">
  46           <app-type-workspace-general *ngIf="currentMenu.state === 'general'" [dataType]="dataType"></app-type-workspace-general>
  47           <app-type-workspace-properties *ngIf="currentMenu.state === 'properties'" [dataType]="dataType" [isViewOnly]="false"></app-type-workspace-properties>
  48           <app-type-workspace-tosca-artifact *ngIf="currentMenu.state === 'tosca_artifacts'" [dataType]="dataType"></app-type-workspace-tosca-artifact>
  49         </div>
  50
  51       </div>
  52
  53     </div>
  54   </div>
  55   <top-nav [hideSearch]="true" [menuModel]="breadcrumbsModel" [version]="sdcVersion" [unsavedChanges]="false"></top-nav>
  56 </div>