1 files changed, 64 insertions, 0 deletions
diff --git a/mod2/ui/src/app/home/home.component.ts b/mod2/ui/src/app/home/home.component.ts
new file mode 100644
index 0000000..36f9ee1
--- /dev/null
+++ b/mod2/ui/src/app/home/home.component.ts
@@ -0,0 +1,64 @@
+/* 
+ *  # ============LICENSE_START=======================================================
+ *  # Copyright (c) 2020 AT&T Intellectual Property. All rights reserved.
+ *  # ================================================================================
+ *  # 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=========================================================
+ */
+
+import { Component, OnInit, HostBinding } from '@angular/core';
+import { AppComponent } from '../app.component';
+import { AuthService } from '../services/auth.service';
+import { BreadcrumbService } from '../services/breadcrumb.service';
+
+@Component({
+  selector: 'app-home',
+  templateUrl: './home.component.html',
+  styleUrls: ['./home.component.css']
+})
+export class HomeComponent implements OnInit {
+
+  defaultElevation = 2;
+  raisedElevation = 8;
+  panelOpenState = false;
+
+  name = 'Angular';
+
+  displayMsMenu = false;
+
+  constructor(private appComp: AppComponent, public authService: AuthService, private bread: BreadcrumbService) { }
+
+  ngOnInit() {
+  }
+
+  disableAnimation = true;
+  ngAfterViewInit(): void {
+    // timeout required to avoid the dreaded 'ExpressionChangedAfterItHasBeenCheckedError'
+    setTimeout(() => this.disableAnimation = false);
+  }
+
+    toggleMsMenu() {
+        if (this.displayMsMenu == false) {
+            this.displayMsMenu = true
+        } else {
+            this.displayMsMenu = false
+        }
+   }
+
+    navSelect(menuItem: any) {
+        this.appComp.tree_handler(menuItem, null);
+        // Set the breadcrumbs for the selected menu item (card)
+        this.bread.setBreadcrumbs(menuItem, "reset");
+    }
+        
+}