mod2/ui/src/app/home/home.component.html

   1 <!--
   2   # ============LICENSE_START=======================================================
   3   # Copyright (c) 2020 AT&T Intellectual Property. All rights reserved.
   4   # ================================================================================
   5   # Licensed under the Apache License, Version 2.0 (the "License");
   6   # you may not use this file except in compliance with the License.
   7   # You may obtain a copy of the License at
   8   #
   9   #      http://www.apache.org/licenses/LICENSE-2.0
  10   #
  11   # Unless required by applicable law or agreed to in writing, software
  12   # distributed under the License is distributed on an "AS IS" BASIS,
  13   # WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  14   # See the License for the specific language governing permissions and
  15   # limitations under the License.
  16   # ============LICENSE_END=========================================================
  17  -->
  18
  19 <div style="margin: -50px 0px 0px -30px">
  20     <mat-card
  21         (click)="toggleMsMenu()"
  22         appMaterialElevation
  23         [defaultElevation]="defaultElevation"
  24         raisedElevation="16"
  25         class="card"
  26         style="background-color: #60a4a5">
  27             Microservices...
  28     </mat-card>
  29     <mat-card
  30         (click)="navSelect('Onboarding Tools')"
  31         appMaterialElevation
  32         [defaultElevation]="defaultElevation"
  33         raisedElevation="16"
  34         class="card"
  35         style="background-color: rgba(154, 135, 167, 0.904);"
  36             [routerLink]="'/OnboardingTools'">
  37             Onboarding Tools
  38     </mat-card>
  39     <mat-card *ngIf="authService.isAdmin"
  40         (click)="navSelect('User Management')"
  41         appMaterialElevation
  42         [defaultElevation]="defaultElevation"
  43         raisedElevation="16"
  44         class="card"
  45         style="background-color: rgba(160, 120, 83, 0.904);"
  46             [routerLink]="'/users'">
  47             User Management
  48     </mat-card>
  49 </div>
  50 <br>
  51 <div *ngIf="displayMsMenu" style="margin-top: -60px">
  52     <mat-card id="subMenu" (click)="navSelect('Microservices')"
  53         appMaterialElevation
  54         [defaultElevation]="defaultElevation"
  55         raisedElevation="16"
  56         class="card"
  57         style="background-color: #70a7a9; position: absolute;">
  58             Microservices
  59     </mat-card>
  60 </div>
  61 <br>
  62 <div *ngIf="displayMsMenu" style="margin-top: 70px">
  63     <mat-card id="subMenu" (click)="navSelect('MS Instances')"
  64         appMaterialElevation
  65         [defaultElevation]="defaultElevation"
  66         raisedElevation="16"
  67         class="card"
  68         style="background-color: #8fbbbc; position: absolute;">
  69             MS Instances
  70     </mat-card>
  71 </div>
  72 <br>
  73 <div *ngIf="displayMsMenu" style="margin-top: 70px">
  74     <mat-card id="subMenu" (click)="navSelect('Blueprints')"
  75         appMaterialElevation
  76         [defaultElevation]="defaultElevation"
  77         raisedElevation="16"
  78         class="card"
  79         style="background-color: #afcecf; position: absolute;">
  80             Blueprints
  81     </mat-card>
  82 </div>
  83 <br>
  84 <div *ngIf="displayMsMenu" style="margin-top: 70px">
  85     <mat-card id="subMenu" (click)="navSelect('MOD APIs')"
  86         appMaterialElevation
  87         [defaultElevation]="defaultElevation"
  88         raisedElevation="16"
  89         class="card"
  90         style="background-color: #cfe2e2; position: absolute;">
  91             MOD APIs
  92     </mat-card>
  93 </div>