breadcrumb added

admin/package.json

@@ -32,7 +32,9 @@
     "hammerjs": "^2.0.8",
     "jquery": "^3.3.1",
     "moment": "^2.21.0",
+    "ng2-breadcrumbs": "^0.1.281",
     "ng2-charts": "^1.6.0",
+    "ng5-breadcrumb": "^0.0.6",
     "popper.js": "^1.14.1",
     "rxjs": "^5.0.1",
     "sweetalert2": "^7.18.0",

admin/src/app/admin-app/admin-app.route.ts

@@ -18,33 +18,30 @@ export const adminAppRoute: Routes = [
         path: '',
         canActivateChild: [AuthGuardService],
         children: [
-          {path: 'dashboard', loadChildren: 'app/admin-app/components/dashboard/dashboard.module#DashboardModule'},
-          // {path: 'user-management', component: UserListComponent},
-          {path: 'user-management', loadChildren: 'app/admin-app/components/user-management/user-managment.module#UserManagementModule'},
-          {path: 'role', loadChildren: 'app/admin-app/components/role-management/role.module#RoleModule'},
-          {path: 'access', loadChildren: 'app/admin-app/components/api-access/api-access.module#ApiAccessModule'},
-          {path: 'contact', loadChildren: 'app/admin-app/components/contact/contact.module#ContactModule'},
-          {path: 'blog', loadChildren: 'app/admin-app/components/blog/blog.module#BlogModule'},
-          {path: 'analytics', loadChildren: 'app/admin-app/components/google-analytics/google-analytics.module#GoogleAnalyticsModule'},
-          {path: 'organization', loadChildren: 'app/admin-app/components/organization-information/organization-information.module#OrganizationInformationModule'},
-          {path: 'googlemap', loadChildren: 'app/admin-app/components/google-map/google-map.module#GoogleMapModule'},
-          {path: 'testimonial', loadChildren: 'app/admin-app/components/testimonial/testimonial.module#TestimonialModule'},
-          {path: 'imagegallery', loadChildren: 'app/admin-app/components/image-gallery/image-gallery.module#ImageGalleryModule'},
-          {path: 'team', loadChildren: 'app/admin-app/components/team-management/team-management.module#TeamManagementModule'},
-          {path: 'errorlog', loadChildren: 'app/admin-app/components/application-log/application-log.module#ApplicationLogModule'},
-          {path: 'access', loadChildren: 'app/admin-app/components/api-access/api-access.module#ApiAccessModule'},
-          {path: 'email-service', loadChildren:'app/admin-app/components/email-service/email-service.module#EmailServiceModule'},
-          {path: 'cloudinary', loadChildren: 'app/admin-app/components/cloudinary/cloudinary.module#CloudinaryModule'},
-          {path: 'news', loadChildren:'app/admin-app/components/news/news.module#NewsModule'},
-          {path: 'imageslider',loadChildren:'app/admin-app/components/image-slider/image-slider.module#ImageSlideModule'},
-          {path: 'email-template', loadChildren:'app/admin-app/components/email-template/email-template.module#EmailTemplateModule'},
-          {path: 'html', loadChildren:'app/admin-app/components/html-content/html-content.module#HtmlContentModule'},
-          {path: 'event', loadChildren:'app/admin-app/components/event-management/event-managment.module#EventManagementModule'},
-          {path: 'html', loadChildren:'app/admin-app/components/html-content/html-content.module#HtmlContentModule'},
-          {path: 'partner', loadChildren:'app/admin-app/components/partner/partner.module#PartnerModule'},
-          {path: 'comment', loadChildren:'app/admin-app/components/comment-setting/comment-setting.module#CommentSettingModule'},
-          {path: 'profile', loadChildren: 'app/admin-app/components/user-profile/user-profile.module#UserProfileModule'},
-          {path: 'token', loadChildren: 'app/admin-app/components/token-management/token-management.module#TokenModule'},
+          {path: 'dashboard', loadChildren: 'app/admin-app/components/dashboard/dashboard.module#DashboardModule', data: {breadcrumb: 'Dashboard'}},
+          {path: 'user-management', loadChildren: 'app/admin-app/components/user-management/user-managment.module#UserManagementModule', data: {breadcrumb: 'User Management'}},
+          {path: 'role', loadChildren: 'app/admin-app/components/role-management/role.module#RoleModule', data: {breadcrumb: 'Role'}},
+          {path: 'access', loadChildren: 'app/admin-app/components/api-access/api-access.module#ApiAccessModule', data: {breadcrumb: 'Api Access'}},
+          {path: 'contact', loadChildren: 'app/admin-app/components/contact/contact.module#ContactModule', data: {breadcrumb: 'Contact'}},
+          {path: 'blog', loadChildren: 'app/admin-app/components/blog/blog.module#BlogModule', data: {breadcrumb: 'Blog'}},
+          {path: 'analytics', loadChildren: 'app/admin-app/components/google-analytics/google-analytics.module#GoogleAnalyticsModule', data: {breadcrumb: 'Google Analytics'}},
+          {path: 'organization', loadChildren: 'app/admin-app/components/organization-information/organization-information.module#OrganizationInformationModule', data: {breadcrumb: 'Organization Information'}},
+          {path: 'googlemap', loadChildren: 'app/admin-app/components/google-map/google-map.module#GoogleMapModule', data: {breadcrumb: 'Google Map'}},
+          {path: 'testimonial', loadChildren: 'app/admin-app/components/testimonial/testimonial.module#TestimonialModule', data: {breadcrumb: 'Testimonial'}},
+          {path: 'imagegallery', loadChildren: 'app/admin-app/components/image-gallery/image-gallery.module#ImageGalleryModule', data: {breadcrumb: 'Image Gallery'}},
+          {path: 'team', loadChildren: 'app/admin-app/components/team-management/team-management.module#TeamManagementModule', data: {breadcrumb: 'Team Management'}},
+          {path: 'errorlog', loadChildren: 'app/admin-app/components/application-log/application-log.module#ApplicationLogModule', data: {breadcrumb: 'Error Log'}},
+          {path: 'email-service', loadChildren:'app/admin-app/components/email-service/email-service.module#EmailServiceModule', data: {breadcrumb: 'Email Service'}},
+          {path: 'cloudinary', loadChildren: 'app/admin-app/components/cloudinary/cloudinary.module#CloudinaryModule', data: {breadcrumb: 'Cloudinary'}},
+          {path: 'news', loadChildren:'app/admin-app/components/news/news.module#NewsModule', data: {breadcrumb: 'News'}},
+          {path: 'imageslider',loadChildren:'app/admin-app/components/image-slider/image-slider.module#ImageSlideModule', data: {breadcrumb: 'Image Slider'}},
+          {path: 'email-template', loadChildren:'app/admin-app/components/email-template/email-template.module#EmailTemplateModule', data: {breadcrumb: 'Email Template'}},
+          {path: 'html', loadChildren:'app/admin-app/components/html-content/html-content.module#HtmlContentModule', data: {breadcrumb: 'Html Content'}},
+          {path: 'event', loadChildren:'app/admin-app/components/event-management/event-managment.module#EventManagementModule', data: {breadcrumb: 'Event Management'}},
+          {path: 'partner', loadChildren:'app/admin-app/components/partner/partner.module#PartnerModule', data: {breadcrumb: 'Partner'}},
+          {path: 'comment', loadChildren:'app/admin-app/components/comment-setting/comment-setting.module#CommentSettingModule', data: {breadcrumb: 'Comment'}},
+          {path: 'profile', loadChildren: 'app/admin-app/components/user-profile/user-profile.module#UserProfileModule', data: {breadcrumb: 'User Profile'}},
+          {path: 'token', loadChildren: 'app/admin-app/components/token-management/token-management.module#TokenModule', data: {breadcrumb: 'Token'}},
           {path: '', redirectTo: 'dashboard', pathMatch: "full"}
         ]
       }

admin/src/app/admin-app/admin-index.html

@@ -8,6 +8,7 @@
             </div>
             <div class="nb-main-content">
                 <section class="nb-main-container">
+                    <app-breadcrumb></app-breadcrumb>
                     <router-outlet>
                     </router-outlet>
                 </section>

admin/src/app/admin-app/components/api-access/api-access-editor.component.ts

@@ -5,7 +5,7 @@ import { ApiAccessService } from "./api-access.service";
 import { FormGroup, FormBuilder, Validators } from "@angular/forms";
 import { RoleService } from "../role-management/role.service";
 import { Config } from "../../../shared/configs/general.config";
-import { ActivatedRoute, Router } from "@angular/router";
+import { ActivatedRoute, Router, NavigationEnd, NavigationStart } from "@angular/router";
 
 @Component({
   selector: "api-access-editor",

admin/src/app/admin-app/components/api-access/api-access-home.component.ts

@@ -19,6 +19,7 @@ import { Component } from '@angular/core';
 export class ApiAccessHomeComponent {
     title: string = "Api Access Management";
 
-    constructor() {}
+    constructor() {
 
+    }
 }

admin/src/app/admin-app/components/api-access/api-access.component.ts

@@ -1,7 +1,7 @@
 import {Component, OnInit} from '@angular/core';
 import {ApiAccessService} from "./api-access.service";
 import {ApiAccessModel} from "./api-access.model";
-import { Router } from '@angular/router';
+import { Router, NavigationEnd } from '@angular/router';
 import {MatPaginator, MatTableDataSource} from '@angular/material';
 import Swal from 'sweetalert2';
 
@@ -15,6 +15,7 @@ export class ApiAccessComponent implements OnInit {
   objListResponse:ApiAccessModel[];
   accessId:string;  
   dataSource: any;
+  breadcrumbs: any;
   displayedColumns = ['SN','Api Route', 'Role', 'Active', 'Actions'];
   // /* Pagination */
   perPage:number = 10;
@@ -25,13 +26,13 @@ export class ApiAccessComponent implements OnInit {
   bindSort:boolean = false;
   // /* End Pagination */
 
+  constructor(private _objService:ApiAccessService, private router:Router) {
+  }
+
   ngOnInit() {
     this.getApiAccessList();
   }
 
-  constructor(private _objService:ApiAccessService, private router:Router) {
-  }
-
   getApiAccessList() {
     this._objService.getAccessList()
       .subscribe(objRes => this.bindList(objRes),

admin/src/app/admin-app/components/api-access/api-access.model.ts

@@ -15,4 +15,4 @@ export class ApiAccessModel {
     deleted:boolean;
     deletedBy:string;
     deletedOn:string;
-}
+}

admin/src/app/admin-app/components/api-access/api-access.module.ts

@@ -6,7 +6,6 @@ import {ApiAccessHomeComponent} from './api-access-home.component';
 import {SharedModule} from '../../../shared/shared.module';
 import {ApiAccessRouting} from './api-access.routing';
 
-
 @NgModule({
     imports: [SharedModule.forRoot(), ApiAccessRouting],
     declarations: [ApiAccessHomeComponent, ApiAccessEditorComponent, ApiAccessComponent],

admin/src/app/admin-app/components/api-access/api-access.routing.ts

@@ -6,12 +6,12 @@ import { ApiAccessHomeComponent } from './api-access-home.component';
 
 
 export const ApiAccessRoute: Routes = [
-  {path:'', component: ApiAccessHomeComponent,
-  children: [
-    {path: '', component: ApiAccessComponent},
-    {path: 'editor', component: ApiAccessEditorComponent},
-    {path: 'editor/:id', component: ApiAccessEditorComponent},
-  ]}
+  // {path:'', component: ApiAccessHomeComponent, data: {breadcrumb: 'ApiAccess Home'},
+  // children: [
+    {path: '', component: ApiAccessComponent, data: {breadcrumb: 'ApiAccess List'}},
+    {path: 'editor', component: ApiAccessEditorComponent, data: {breadcrumb: 'ApiAccess Editor'}},
+    {path: 'editor/:id', component: ApiAccessEditorComponent, data: {breadcrumb: 'ApiAccess Editor'}},
+  // ]}
 ];
 
 @NgModule({

admin/src/app/admin-app/components/application-log/application-log.routing.ts

@@ -3,7 +3,7 @@ import {ApplicationLogComponent} from "./application-log-list.component";
 import {Routes, RouterModule, Router} from "@angular/router";
 
 export const ApplicationLogRoute: Routes=[
-    {path:'', component:ApplicationLogComponent}
+    {path:'', component:ApplicationLogComponent, data: {breadcrumb: 'Error Log List'}}
 ]
 
 @NgModule({

admin/src/app/admin-app/components/blog/blog.route.ts

@@ -10,18 +10,18 @@ import { BlogDocListComponent } from './blog-doc-list.component';
 import { BlogMetaTagEditorComponent } from './blog-metatag.component';
 
 const BlogRoutes: Routes = [
-    {path: '', component: BlogManagementComponent,
+    {path: '', component: BlogManagementComponent, data: {breadcrumb: 'Blog Management'}, 
         children: [
-            {path: '', component: BlogListComponent},
-            {path: 'editor', component: BlogEditorComponent},
-            {path: 'editor/:id', component: BlogEditorComponent},
-            {path: 'documents/:blogId', component: BlogDocListComponent},
-            {path: 'documents/:blogId/editor', component: BlogDocEditorComponent},
-            {path: 'documents/:blogId/editor/:docId', component: BlogDocEditorComponent},
-            {path: 'metatag/:blogId', component: BlogMetaTagEditorComponent},            
-            {path: 'category', component: BlogCategoryListComponent},
-            {path: 'category/editor', component: BlogCategoryEditorComponent},            
-            {path: 'category/editor/:id', component: BlogCategoryEditorComponent}           
+            {path: '', component: BlogListComponent, data: {breadcrumb: 'Blog List'}},
+            {path: 'editor', component: BlogEditorComponent, data: {breadcrumb: 'Blog Editor'}},
+            {path: 'editor/:id', component: BlogEditorComponent, data: {breadcrumb: 'Blog Editor'}},
+            {path: 'documents/:blogId', component: BlogDocListComponent, data: {breadcrumb: 'Blog Documents List'}},
+            {path: 'documents/:blogId/editor', component: BlogDocEditorComponent, data: {breadcrumb: 'Blog Document Editor'}},
+            {path: 'documents/:blogId/editor/:docId', component: BlogDocEditorComponent, data: {breadcrumb: 'Blog Document Editor'}},
+            {path: 'metatag/:blogId', component: BlogMetaTagEditorComponent, data: {breadcrumb: 'Blog Meta Tag Editor'}},            
+            {path: 'category', component: BlogCategoryListComponent, data: {breadcrumb: 'Blog Category'}},
+            {path: 'category/editor', component: BlogCategoryEditorComponent, data: {breadcrumb: 'Blog Category Editor'}},            
+            {path: 'category/editor/:id', component: BlogCategoryEditorComponent, data: {breadcrumb: 'Blog Category Editor'}}           
         ]
     }
 ];

admin/src/app/admin-app/components/cloudinary/cloudinary.html

@@ -10,7 +10,6 @@
   </nav>
   <h1 class="nb-heading-one mr-auto">Cloudinary</h1>
 </div>
-
 <!-- /.row -->
 <mat-card class="material-card-sm">
   <alert [(displayed)]="objAlert.show" [type]="objAlert.type" [closeButton]="objAlert.closeButton">

admin/src/app/admin-app/components/cloudinary/cloudinary.module.ts

@@ -4,6 +4,7 @@ import {CloudinarySettingComponent} from"./cloudinary.component";
 import {SharedModule} from '../../../shared/shared.module';
 import {ReactiveFormsModule} from '@angular/forms';
 import {CloudinaryRouting} from './cloudinary.routing';
+
 @NgModule({
     imports: [SharedModule.forRoot(), CloudinaryRouting],
     declarations: [CloudinarySettingComponent],

admin/src/app/admin-app/components/cloudinary/cloudinary.routing.ts

@@ -4,8 +4,9 @@ import {CloudinarySettingComponent} from './cloudinary.component';
 
 
 export const CloudinaryRoute: Routes = [
-  {path:'', component: CloudinarySettingComponent}
-
+  {path:'', component: CloudinarySettingComponent, data: {
+    breadcrumb: 'Cloudinary Setting',
+  }}
 ];
 
 @NgModule({

admin/src/app/admin-app/components/comment-setting/comment-setting.routing.ts

@@ -4,8 +4,7 @@ import {CommentSettingComponent} from './comment-setting.component';
 
 
 export const CommentRoute: Routes = [
-  {path:'', component: CommentSettingComponent}
-
+  {path:'', component: CommentSettingComponent, data: {breadcrumb: 'Comment Setting'}}
 ];
 
 @NgModule({

admin/src/app/admin-app/components/contact/contact.routing.ts

@@ -5,12 +5,12 @@ import {ContactHomeComponent} from './contact-home.component';
 import {Routes, RouterModule} from '@angular/router';
 
 export const ContactRoute: Routes = [
-    {path:'', component: ContactHomeComponent,
-    children: [
-        {path:'', component: ContactListComponent},
-        {path:'detail/:id', component: ContactViewComponent}
-    ]
-}
+    // {path:'', component: ContactHomeComponent, data: {breadcrumb: 'Contact'}
+    // children: [
+        {path:'', component: ContactListComponent, data: {breadcrumb: 'Contact List'}},
+        {path:'detail/:id', component: ContactViewComponent, data: {breadcrumb: 'Contact Details'}}
+    // ]
+
 ]
 
 @NgModule({

admin/src/app/admin-app/components/dashboard/dashboard.route.ts

@@ -3,7 +3,7 @@ import {NgModule} from '@angular/core';
 import {Routes, RouterModule} from '@angular/router';
 
 export const DashboardRoute: Routes = [
-    {path:'', component: DashboardComponent}
+    {path:'', component: DashboardComponent, data: {breadcrumb: 'Graphs'}}
 ]
 
 @NgModule({

admin/src/app/admin-app/components/dashboard/dashboard.service.ts

@@ -33,7 +33,6 @@ export class DashboardService {
     }
 
     queryGoogleRealtimeApi(params:any):Observable<any> {
-        debugger;
         return this._http.get(this.realTimeApiRoute + params)
             .map(res=>res.json())
             .catch(err=>this.handleError(err));

admin/src/app/admin-app/components/email-service/email-service.routing.ts

@@ -4,7 +4,7 @@ import {EmailServiceComponent} from './email-service.component';
 
 
 export const EmailServiceRoute: Routes = [
-  {path:'', component: EmailServiceComponent}
+  {path:'', component: EmailServiceComponent, data: {breadcrumb: 'Email Service Setting'}}
 
 ];
 

admin/src/app/admin-app/components/email-template/email-template.route.ts

@@ -4,9 +4,9 @@ import { EmailTemplateListComponent } from "./email-template-list.component";
 import { EmailTemplateEditorComponent } from "./email-template-editor.component";
 import { EmailTemplateComponent } from './email-template.component';
 export const EmailTemplateRoutes: Routes = [
-  { path: '', component: EmailTemplateListComponent },
-  { path: 'email-template-editor', component: EmailTemplateEditorComponent },
-  { path: 'email-template-editor/:id', component: EmailTemplateEditorComponent }
+  { path: '', component: EmailTemplateListComponent, data: {breadcrumb: 'Email Template List'}},
+  { path: 'email-template-editor', component: EmailTemplateEditorComponent, data: {breadcrumb: 'Email Template Editor'} },
+  { path: 'email-template-editor/:id', component: EmailTemplateEditorComponent, data: {breadcrumb: 'Email Template Editor'} }
 ];
 
 @NgModule({

admin/src/app/admin-app/components/event-management/event-management.routing.ts

@@ -4,9 +4,9 @@ import { EventEditorComponent} from './event-editor.component';
 import { EventComponent } from './event-list.component';
 
 export const EventRoutes: Routes = [
-    {path: '', component: EventComponent},
-    {path: 'editor', component: EventEditorComponent},
-    {path: 'editor/:id', component: EventEditorComponent},
+    {path: '', component: EventComponent, data: {breadcrumb: 'Event List'}},
+    {path: 'editor', component: EventEditorComponent, data: {breadcrumb: 'Event Editor'}},
+    {path: 'editor/:id', component: EventEditorComponent, data: {breadcrumb: 'Event Editor'}},
 ];
 
 @NgModule({

admin/src/app/admin-app/components/google-analytics/google-analytics.route.ts

@@ -3,7 +3,7 @@ import {GoogleAnalyticsComponent} from './google-analytics.component';
 import {Routes, RouterModule} from '@angular/router';
 
 export const GoogleAnalyticsRoute: Routes = [
-    {path:'', component:GoogleAnalyticsComponent}
+    {path:'', component:GoogleAnalyticsComponent, data: { breadcrumb: 'Google Analytics Setting'}}
 ]
 
 @NgModule({

admin/src/app/admin-app/components/google-map/google-map.route.ts

@@ -3,8 +3,7 @@ import { GoogleMapComponent } from './google-map.component';
 import { Routes,RouterModule } from '@angular/router';
 
 export const GoogleMapRoute: Routes = [
-      {path: '', component: GoogleMapComponent},
-       ];
+      {path: '', component: GoogleMapComponent, data: {breadcrumb: 'Google Map Setting'}}];
 
 @NgModule({
 imports: [RouterModule.forChild(GoogleMapRoute)],

admin/src/app/admin-app/components/html-content/html-content.routing.ts

@@ -3,9 +3,9 @@ import { Routes, RouterModule } from '@angular/router';
 import { HtmlContentEditorComponent } from "./html-content-editor.component";
 import { HtmlContentComponent } from './html-content-list.component';
 export const HtmlContentRoutes: Routes = [
-  { path: '', component: HtmlContentComponent },
-  { path: 'editor', component: HtmlContentEditorComponent },
-  { path: 'editor/:id', component: HtmlContentEditorComponent }
+  { path: '', component: HtmlContentComponent, data: {breadcrumb: 'Html Content List'} },
+  { path: 'editor', component: HtmlContentEditorComponent, data: {breadcrumb: 'Html Content Editor'} },
+  { path: 'editor/:id', component: HtmlContentEditorComponent, data: {breadcrumb: 'Html Content Editor'} }
 ];
 
 @NgModule({