Initial commit of RIC Dashboard webapp

[portal/ric-dashboard.git] / webapp-frontend / src / app / ui / catalog-card / catalog-card.component.html

diff --git a/webapp-frontend/src/app/ui/catalog-card/catalog-card.component.html b/webapp-frontend/src/app/ui/catalog-card/catalog-card.component.html
new file mode 100644 (file)
index 0000000..aac0c38
--- /dev/null
+++ b/webapp-frontend/src/app/ui/catalog-card/catalog-card.component.html
@@ -0,0 +1,36 @@
+<!--
+  ========================LICENSE_START=================================
+  ORAN-OSC
+  %%
+  Copyright (C) 2019 AT&T Intellectual Property and Nokia
+  %%
+  Licensed under the Apache License, Version 2.0 (the "License");
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+  
+       http://www.apache.org/licenses/LICENSE-2.0
+  
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+  ========================LICENSE_END===================================
+  -->
+<div class="add__card" routerLink="/catalog" [ngClass]="{'add__card-dark': darkMode}">
+  <div class="header__container">
+    <span class="card__title">xApp Catalog</span><br><br><br>
+    <div style="color: black; size: 1em; text-align: center">
+        <mat-icon>wifi</mat-icon> Dual Connectivity</div>
+    <div style="color: black; size: 1em; text-align: center">
+        <mat-icon>check_box</mat-icon> Admission Control</div>
+    <div style="color: black; size: 1em; text-align: center">
+        <mat-icon>settings_input_antenna</mat-icon> ANR</div>
+    <div style="color: black; size: 1em; text-align: center">
+        <mat-icon>call_split</mat-icon> IFLB</div>
+
+  </div>
+  <div class="body__container">
+    <img src="../../../assets/intelligence.png" width="100%" height="100%"/>
+  </div>
+</div>