Enhancements - top menu updated, bug fixes

Author: kannan-ar

.gitignore

@@ -58,5 +58,5 @@ TestResult.xml
 *.env
 
 #files#
-project.lock.json
+package-lock.json
 src/server/web-variables.env

pending_changes.txt

@@ -1,8 +1,3 @@
-1. a localStorage for preferences. If it is not set, it will consider as a first visit and welcome the user with options to set
-	preferences. A search will done with keywords and load in home page.
-2. When click on user info area and if it is not from home page, there is an issue that it will redirect to home page.
-3. Add color indicator for different shopping sites (Flipkart, Amazon, Ebay).
-4. The scroll should be done in scroll area. It should not scroll the entire page. That means header and search box must remains there.
-5. There must be a progress indicator while loading the items.
-6. Compare this feature.
-7. Offers and deal of the day are caching. What if the caching failed? will it try to fetch from web service next loading?
+1. When click on user info area and if it is not from home page, there is an issue that it will redirect to home page.
+2. Compare this feature.
+3. Offers and deal of the day are caching. What if the caching failed? will it try to fetch from web service next loading?

src/app/account/top-menu.component.ts

@@ -10,15 +10,17 @@ import { AccountService } from "../services/account/account.service";
     selector: "[topMenu]",
     template: `
         <li *ngIf="!isLogged" ngbDropdown>
-            <a href="#" id="anonymousMenu" class="nav-link" ngbDropdownToggle>Hi Guest&nbsp;<span class="glyphicon glyphicon-triangle-bottom"></span></a>
+            <a id="anonymousMenu" class="nav-link lnk" ngbDropdownToggle>Hi Guest&nbsp;<span class="glyphicon glyphicon-triangle-bottom"></span></a>
             <div ngbDropdownMenu aria-labelledby="anonymousMenu">
-                <a href="#" class="dropdown-item menu-link" [routerLink]="['/signin']" routerLinkActive="active">Signin</a>
+                <a href="#" class="dropdown-item menu-link" [routerLink]="['/dashboard']" routerLinkActive="active">Dashboard</a>
+                <a href="#" class="dropdown-item menu-link" [routerLink]="['/signin']">Signin</a>
                 <a href="#" class="dropdown-item menu-link" (click)="showPreference()">Preferences</a>
             </div>
         </li>
         <li *ngIf="isLogged" ngbDropdown>
-            <a href="#" id="accountMenu" class="nav-link" ngbDropdownToggle>Welcome&nbsp;{{info.name}}&nbsp;<span class="glyphicon glyphicon-triangle-bottom"></span></a>
+            <a id="accountMenu" class="nav-link lnk" ngbDropdownToggle>Welcome&nbsp;{{info.name}}&nbsp;<span class="glyphicon glyphicon-triangle-bottom"></span></a>
             <div ngbDropdownMenu aria-labelledby="accountMenu">
+                <a href="#" class="dropdown-item menu-link" [routerLink]="['/dashboard']" routerLinkActive="active">Dashboard</a>
                 <a href="#" class="dropdown-item menu-link" (click)="showPreference()">Preferences</a>
                 <a href="#" class="dropdown-item menu-link" [routerLink]="['/wishlist']">Wishlist <span class="glyphicon glyphicon-heart float-right"></span></a>
                 <a href="#" class="dropdown-item menu-link" (click)="logout()">Sign Out <span class="glyphicon glyphicon-log-out float-right"></span></a>

src/app/app.routing.ts

@@ -11,6 +11,10 @@ const appRoutes: Routes = [
         path: "",
         component: HomeComponent
     },
+    {
+        path: "dashboard",
+        component: HomeComponent
+    },
     {
         path: "signin",
         component: SigninComponent

src/app/shared/styles/styles.css

@@ -91,3 +91,7 @@ input:checked + .slider:before {
     -ms-transform: translateX(8px);
     transform: translateX(8px);
 }
+
+.lnk {
+    cursor: pointer;
+}