From c49481f3c9ecdaac30c6359caa2bfd3d9e18fd02 Mon Sep 17 00:00:00 2001
From: Art <d.art.shishkin@gmail.com>
Date: Mon, 20 Sep 2021 16:27:54 +0300
Subject: [PATCH] 157. Adding tab name - Part 2 - tab template (#21)

---
 .../src/app/component/user/user.component.html            | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/support-portal-frontend/src/app/component/user/user.component.html b/support-portal-frontend/src/app/component/user/user.component.html
index 1dce686..6129838 100644
--- a/support-portal-frontend/src/app/component/user/user.component.html
+++ b/support-portal-frontend/src/app/component/user/user.component.html
@@ -4,7 +4,7 @@
     </div>
     <div class="col-md-4">
       <h5>User Management Portal</h5>
-      <small></small>
+      <small *ngIf="titleAction$ | async as title">{{title}}</small>
     </div>
     <div class="col-md-4">
     </div>
@@ -14,15 +14,15 @@
   <nav class="navbar navbar-expand-md breadcrumb">
     <div class="collapse navbar-collapse" id="navbarCollapse">
       <div class="nav nav-pills">
-        <a class="nav-item nav-link active ml-1" data-toggle="tab" href="#users">
+        <a class="nav-item nav-link active ml-1" (click)="changeTitle('Users')" data-toggle="tab" >
           <i class="fa fa-users"></i>
           Users
         </a>
-        <a class="nav-item nav-link ml-3" data-toggle="tab" href="#reset-password">
+        <a class="nav-item nav-link ml-3" (click)="changeTitle('Settings')" data-toggle="tab">
           <i class="fa fa-cogs"></i>
           Settings
         </a>
-        <a class="nav-item nav-link move-right mr-3" data-toggle="tab" href="#profile">
+        <a class="nav-item nav-link move-right mr-3" (click)="changeTitle('Profile')" data-toggle="tab">
           Welcome,
           <i class="fa fa-user"></i>
         </a>