Initial Commit - NG UI
* Roboto and font-awesome fonts are added in package.json
* Replace Nginx alpine varient to stable
* Devops files are added
* Docker file aligned as per community reviews
* Enhancement - NS primitive, Azure inclusion and domain name
* RWD changes
Change-Id: If543efbf127964cbd8f4be4c5a67260c91407fd9
Signed-off-by: kumaran.m <kumaran.m@tataelxsi.co.in>
diff --git a/src/app/layouts/sidebar/SidebarComponent.html b/src/app/layouts/sidebar/SidebarComponent.html
new file mode 100644
index 0000000..1fa4f82
--- /dev/null
+++ b/src/app/layouts/sidebar/SidebarComponent.html
@@ -0,0 +1,52 @@
+<!--
+Copyright 2020 TATA ELXSI
+
+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.
+
+Author: KUMARAN M (kumaran.m@tataelxsi.co.in), RAJESH S (rajesh.s@tataelxsi.co.in), BARATH KUMAR R (barath.r@tataelxsi.co.in)
+-->
+<div id="sidebar" class="p-2 sidebar-mini" [class.sidebar-collapse]="classAppliedForDesktop" [class.sidebar-open]="classAppliedForMobile">
+ <div class="custom-menu" (click)="sideBarOpenClose()">
+ <button type="button" id="sidebarCollapse" class="btn btn-primary">
+ <i class="fa fa-bars"></i>
+ </button>
+ </div>
+ <nav>
+ <ul class="scrollable-menu">
+ <li *ngFor="let menu of getMenus; let i = index" [ngClass]="{'hasChild': menu.isChildExists }"
+ class="{{menu.liClass}}" id="{{menu.clickFunction}}{{i}}"
+ (click)="handleMenuFunction(i, menu.clickFunction, 'menu-open', menu.isChildExists)"
+ [routerLinkActiveOptions]="{exact: menu.routerLinkActiveOptions !== undefined ? menu.routerLinkActiveOptions : false}"
+ [routerLinkActive]="menu.routerLinkActive !== undefined ? menu.routerLinkActive : ''">
+ <a *ngIf="menu.isChildExists" class="{{menu.anchorTagClass}}">
+ <i class="{{menu.icon}}"></i>
+ <span>{{ menu.menuName | translate}}</span>
+ </a>
+ <a *ngIf="!menu.isChildExists" class="{{menu.anchorTagClass}}" [routerLink]="menu.routerLink">
+ <i class="{{menu.icon}}"></i>
+ <span>{{ menu.menuName | translate}}</span>
+ </a>
+ <ul *ngIf="menu.isChildExists" class="{{menu.ulClass}}">
+ <li *ngFor="let childMenu of menu.childItems"
+ [routerLinkActiveOptions]="{exact: childMenu.routerLinkActiveOptions}"
+ [routerLinkActive]="childMenu.routerLinkActive" (click)="checkAndCloseSideBar(childMenu.isChildExists)">
+ <a class="{{childMenu.anchorTagClass}}" [routerLink]="childMenu.routerLink">
+ <i class="{{childMenu.icon}}"></i>
+ <span>{{childMenu.menuName | translate}}</span>
+ </a>
+ </li>
+ </ul>
+ </li>
+ </ul>
+ </nav>
+</div>
\ No newline at end of file