Skip to content

M
myhr-portal
Commit 889a506d by Ooh-Ao
Options

export

parent da09ad77
Showing with 1400 additions and 1438 deletions
src/app/apps/users/list-template-export/list-template-export.component.html
<div class="row"> <div class="row">
<div class="col-12"> <div class="col-12">
<div class="card card-body"> <div class="card card-body">
<h4 class="card-title">Employee Table</h4> <h4 class="card-title">Template List</h4>
<h5 class="card-subtitle">Here is the employee list you can add, edit or delet the emplyee</h5>
<div class="d-flex mb-3 mt-3"> <div class="d-flex mb-3 mt-3">
<input type="text" class="form-control w-25" placeholder="Search by Name or Email" [(ngModel)]='searchTerm'> <input type="text" class="form-control w-25" placeholder="Search" [(ngModel)]='searchTerm'>
<button class="btn btn-primary ml-auto" (click)="openModal(editUserModal, null)">Add User</button> <!-- <button class="btn btn-primary ml-auto" (click)="openModal(editTemplateModal, null)">Add template</button> -->
</div> </div>
<div class="table-responsive table-bordered"> <div class="table-responsive table-bordered">
<table class="table table-striped mb-0 no-wrap v-middle"> <table class="table table-striped mb-0 no-wrap v-middle">
...@@ -13,45 +12,41 @@ ...@@ -13,45 +12,41 @@
<tr> <tr>
<th class="text-center" scope="col">#</th> <th class="text-center" scope="col">#</th>
<th scope="col">Name</th> <th scope="col">Name</th>
<th scope="col">Email</th> <th scope="col">Description</th>
<th scope="col">Mobile</th> <th scope="col">Upload Date</th>
<th scope="col">Date of Joining</th> <th scope="col">Status</th>
<th scope="col">Salary</th> <th scope="col">Type</th>
<th scope="col">Projects</th> <th scope="col">File</th>
<th scope="col">Action</th> <th scope="col">Action</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr *ngFor="let user of filterArray | slice: (page-1) * pageSize : (page-1) * pageSize + pageSize"> <tr *ngFor="let template of filterArray | slice: (page-1) * pageSize : (page-1) * pageSize + pageSize">
<td class="text-center"> <td class="text-center">
{{user.id}} {{template.id}}
</td> </td>
<td>{{ template.Name }}</td>
<td> <!-- <td>
<div class="d-flex align-items-center"> <div class="d-flex align-items-center">
<img class="rounded-circle" [src]='user.imagePath' height=" 50px" width="50px"> <img class="rounded-circle" [src]='template.imagePath' height=" 50px" width="50px">
<div class="ml-3"> <div class="ml-3">
<p class="font-medium mb-0">{{ user.Name }}</p> <p class="font-medium mb-0">{{ template.Name }}</p>
<small>{{user.Position}}</small> <small>{{template.Position}}</small>
</div> </div>
</div> </div>
</td> </td> -->
<td>{{ user.Email }}</td> <td>{{ template.Email }}</td>
<td>{{ user.Mobile }}</td> <td>{{ template.DateOfJoining |date :'fullDate' }}</td>
<td>{{ user.DateOfJoining |date :'fullDate' }}</td> <td>{{ template.Mobile }}</td>
<td>{{ user.Salary }}</td> <td>{{ template.Salary }}</td>
<td>{{ user.Projects }}</td> <td><a style="color: blue;">{{ template.imagePath }}</a></td>
<td> <td>
<a href="javascript: void(0);" (click)="openModal(editUserModal, user)" class="link mr-2" <a href="javascript: void(0);" (click)="openModal(editTemplateModal, template)" class="link mr-2"
placement="top" ngbTooltip="Edit"> placement="top" ngbTooltip="Download">
<i-feather name="edit-2" class="feather-sm"></i-feather> <i-feather name="download" class="feather-sm"></i-feather>
</a>
<a href="javascript: void(0);" class="link" (click)="deleteUser(user.id)" placement="top"
ngbTooltip="Delete">
<i-feather name="trash-2" class="feather-sm"></i-feather>
</a> </a>
</td> </td>
</tr> </tr>
...@@ -59,18 +54,18 @@ ...@@ -59,18 +54,18 @@
</table> </table>
</div> </div>
<div class="d-flex justify-content-center mt-5"> <div class="d-flex justify-content-center mt-5">
<ngb-pagination [(page)]="page" [pageSize]="pageSize" [collectionSize]="userList.length"></ngb-pagination> <ngb-pagination [(page)]="page" [pageSize]="pageSize" [collectionSize]="templateList.length"></ngb-pagination>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<ng-template #editUserModal let-modal> <ng-template #editTemplateModal let-modal>
<div class="modal-header"> <div class="modal-header">
<h5 class="modal-title" id="editUserLabel">Edit User</h5> <h5 class="modal-title" id="edittemplateLabel">Edit template</h5>
<button type="button" class="close" (click)="closeBtnClick()" aria-label="Close"> <button type="button" class="close" (click)="closeBtnClick()" aria-label="Close">
<span aria-hidden="true">&times;</span> <span aria-hidden="true">&times;</span>
...@@ -80,35 +75,59 @@ ...@@ -80,35 +75,59 @@
<div class="modal-body"> <div class="modal-body">
<form [formGroup]="editUser" (ngSubmit)="onSubmit()"> <form [formGroup]="edittemplate" (ngSubmit)="onSubmit()">
<div class="form-group row"> <div class="form-group row">
<label for="name" class="col-sm-4 col-form-label">Name</label> <label for="name" class="col-sm-4 col-form-label">ชื่อ</label>
<div class="col-sm-8"> <div class="col-sm-8">
<input type="text" class="form-control" formControlName="Name" id="name" (blur)=logValidationErrors(editUser)> <input type="text" class="form-control" formControlName="Name" id="name" (blur)=logValidationErrors(edittemplate)>
<span class="help-block" *ngIf="formsErrors.Name"> <span class="help-block" *ngIf="formsErrors.Name">
{{formsErrors.Name}} {{formsErrors.Name}}
</span> </span>
</div> </div>
</div> </div>
<div class="form-group row">
<label for="name" class="col-sm-4 col-form-label">ไฟล์เทมเพลต</label>
<div class="col-sm-8">
<input type="file" class="form-control">
</div>
</div>
<div class="form-group row"> <div class="form-group row">
<label for="position" class="col-sm-4 col-form-label">Position</label> <label for="position" class="col-sm-4 col-form-label">รายละเอียด</label>
<div class="col-sm-8"> <div class="col-sm-8">
<input type="text" class="form-control" formControlName="Position" id="position" <textarea class="form-control"></textarea>
(blur)=logValidationErrors(editUser)>
<span class="help-block" *ngIf="formsErrors.Position">
{{formsErrors.Position}}
</span>
</div> </div>
</div> </div>
<div class="form-group row"> <div class="form-group row">
<label for="position" class="col-sm-4 col-form-label">ประเภท</label>
<div class="col-sm-8">
<select class="form-control">
<option>Excel</option>
<option>Mail Merge</option>
<option>Resume</option>
</select>
</div>
</div>
<div class="form-group row">
<label for="position" class="col-sm-4 col-form-label">สถานะ</label>
<div class="col-sm-8">
<select class="form-control">
<option>เปิดใช้งาน</option>
<option>ปิดการใช้งาน</option>
</select>
</div>
</div>
<!-- <div class="form-group row">
<label for="email" class="col-sm-4 col-form-label">Email</label> <label for="email" class="col-sm-4 col-form-label">Email</label>
<div class="col-sm-8"> <div class="col-sm-8">
<input type="email" class="form-control" formControlName="Email" id="email" <input type="email" class="form-control" formControlName="Email" id="email"
(blur)=logValidationErrors(editUser)> (blur)=logValidationErrors(edittemplate)>
<span class="help-block" *ngIf="formsErrors.Email"> <span class="help-block" *ngIf="formsErrors.Email">
{{formsErrors.Email}} {{formsErrors.Email}}
</span> </span>
...@@ -119,7 +138,7 @@ ...@@ -119,7 +138,7 @@
<label for="mobile" class="col-sm-4 col-form-label">Mobile</label> <label for="mobile" class="col-sm-4 col-form-label">Mobile</label>
<div class="col-sm-8"> <div class="col-sm-8">
<input type="text" class="form-control" formControlName="Mobile" id="mobile" <input type="text" class="form-control" formControlName="Mobile" id="mobile"
(blur)=logValidationErrors(editUser)> (blur)=logValidationErrors(edittemplate)>
<span class="help-block" *ngIf="formsErrors.Mobile"> <span class="help-block" *ngIf="formsErrors.Mobile">
{{formsErrors.Mobile}} {{formsErrors.Mobile}}
</span> </span>
...@@ -130,7 +149,7 @@ ...@@ -130,7 +149,7 @@
<label for="doj" class="col-sm-4 col-form-label">Date Of Joining</label> <label for="doj" class="col-sm-4 col-form-label">Date Of Joining</label>
<div class="col-sm-8"> <div class="col-sm-8">
<input type="date" class="form-control" formControlName="DateOfJoining" [(ngModel)]="joiningDate" id="doj" <input type="date" class="form-control" formControlName="DateOfJoining" [(ngModel)]="joiningDate" id="doj"
(blur)=logValidationErrors(editUser)> (blur)=logValidationErrors(edittemplate)>
<span class="help-block" *ngIf="formsErrors.DateOfJoining"> <span class="help-block" *ngIf="formsErrors.DateOfJoining">
{{formsErrors.DateOfJoining}} {{formsErrors.DateOfJoining}}
</span> </span>
...@@ -141,7 +160,7 @@ ...@@ -141,7 +160,7 @@
<label for="salary" class="col-sm-4 col-form-label">Salary</label> <label for="salary" class="col-sm-4 col-form-label">Salary</label>
<div class="col-sm-8"> <div class="col-sm-8">
<input type="number" class="form-control" formControlName="Salary" id="salary" <input type="number" class="form-control" formControlName="Salary" id="salary"
(blur)=logValidationErrors(editUser)> (blur)=logValidationErrors(edittemplate)>
<span class="help-block" *ngIf="formsErrors.Salary"> <span class="help-block" *ngIf="formsErrors.Salary">
{{formsErrors.Salary}} {{formsErrors.Salary}}
</span> </span>
...@@ -152,12 +171,12 @@ ...@@ -152,12 +171,12 @@
<label for="projects" class="col-sm-4 col-form-label">Projects</label> <label for="projects" class="col-sm-4 col-form-label">Projects</label>
<div class="col-sm-8"> <div class="col-sm-8">
<input type="number" class="form-control" formControlName="Projects" id="projects" <input type="number" class="form-control" formControlName="Projects" id="projects"
(blur)=logValidationErrors(editUser)> (blur)=logValidationErrors(edittemplate)>
<span class="help-block" *ngIf="formsErrors.Projects"> <span class="help-block" *ngIf="formsErrors.Projects">
{{formsErrors.Projects}} {{formsErrors.Projects}}
</span> </span>
</div> </div>
</div> </div> -->
...@@ -166,7 +185,7 @@ ...@@ -166,7 +185,7 @@
<div class="modal-footer"> <div class="modal-footer">
<button type="button" class="btn btn-secondary" (click)="closeBtnClick()">Close</button> <button type="button" class="btn btn-secondary" (click)="closeBtnClick()">Close</button>
<button type="submit" class="btn btn-primary" [disabled]="editUser.invalid">Save</button> <button type="submit" class="btn btn-primary" [disabled]="edittemplate.invalid">Save</button>
</div> </div>
......
src/app/apps/users/list-template-export/list-template-export.component.ts
...@@ -13,7 +13,7 @@ import { User } from '../user'; ...@@ -13,7 +13,7 @@ import { User } from '../user';
export class ListTemplateExportComponent implements OnInit { export class ListTemplateExportComponent implements OnInit {
constructor(private userService: UserService, private fb: FormBuilder, private modalService: NgbModal, private datePipe: DatePipe) { constructor(private userService: UserService, private fb: FormBuilder, private modalService: NgbModal, private datePipe: DatePipe) {
this.filterArray = this.userList; this.filterArray = this.templateList;
} }
get searchTerm(): string { get searchTerm(): string {
return this._searchTerm; return this._searchTerm;
...@@ -26,7 +26,7 @@ export class ListTemplateExportComponent implements OnInit { ...@@ -26,7 +26,7 @@ export class ListTemplateExportComponent implements OnInit {
pageSize = 7; pageSize = 7;
userList: User[] = this.userService.getUser(); templateList: User[] = this.userService.getUser();
config: any; config: any;
editUser: FormGroup | null = null; editUser: FormGroup | null = null;
userDetail: User | null = null; userDetail: User | null = null;
...@@ -78,7 +78,7 @@ export class ListTemplateExportComponent implements OnInit { ...@@ -78,7 +78,7 @@ export class ListTemplateExportComponent implements OnInit {
} }
filter(v: string) { filter(v: string) {
return this.userList.filter(x => x.Name.toLowerCase(). return this.templateList.filter(x => x.Name.toLowerCase().
indexOf(v.toLowerCase()) !== -1 || x.Email.toLowerCase().indexOf(v.toLowerCase()) !== -1); indexOf(v.toLowerCase()) !== -1 || x.Email.toLowerCase().indexOf(v.toLowerCase()) !== -1);
} }
......
src/app/apps/users/list-template-import/list-template-import.component.html
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<h4 class="card-title">Template</h4> <h4 class="card-title">Template</h4>
<h5 class="card-subtitle">Here is the template list you can add, edit or delet the template</h5> <h5 class="card-subtitle">Here is the template list you can add, edit or delet the template</h5>
<div class="d-flex mb-3 mt-3"> <div class="d-flex mb-3 mt-3">
<input type="text" class="form-control w-25" placeholder="Search by Name or Email" [(ngModel)]='searchTerm'> <input type="text" class="form-control w-25" placeholder="Search" [(ngModel)]='searchTerm'>
<button class="btn btn-primary ml-auto" (click)="openModal(editTemplateModal, null)">Add template</button> <button class="btn btn-primary ml-auto" (click)="openModal(editTemplateModal, null)">Add template</button>
</div> </div>
<div class="table-responsive table-bordered"> <div class="table-responsive table-bordered">
...@@ -27,8 +27,8 @@ ...@@ -27,8 +27,8 @@
<td class="text-center"> <td class="text-center">
{{template.id}} {{template.id}}
</td> </td>
<td>{{ template.Name }}</td>
<td> <!-- <td>
<div class="d-flex align-items-center"> <div class="d-flex align-items-center">
<img class="rounded-circle" [src]='template.imagePath' height=" 50px" width="50px"> <img class="rounded-circle" [src]='template.imagePath' height=" 50px" width="50px">
<div class="ml-3"> <div class="ml-3">
...@@ -36,14 +36,14 @@ ...@@ -36,14 +36,14 @@
<small>{{template.Position}}</small> <small>{{template.Position}}</small>
</div> </div>
</div> </div>
</td> </td> -->
<td>{{ template.Email }}</td> <td>{{ template.Email }}</td>
<td>{{ template.Mobile }}</td>
<td>{{ template.DateOfJoining |date :'fullDate' }}</td> <td>{{ template.DateOfJoining |date :'fullDate' }}</td>
<td>{{ template.Mobile }}</td>
<td>{{ template.Salary }}</td> <td>{{ template.Salary }}</td>
<td>{{ template.Projects }}</td> <td><a style="color: blue;">{{ template.imagePath }}</a></td>
<td> <td>
<a href="javascript: void(0);" (click)="openModal(editTemplateModal, template)" class="link mr-2" <a href="javascript: void(0);" (click)="openModal(editTemplateModal, template)" class="link mr-2"
placement="top" ngbTooltip="Edit"> placement="top" ngbTooltip="Edit">
......
src/app/apps/users/user-data.ts
...@@ -3,101 +3,46 @@ import { User } from './user'; ...@@ -3,101 +3,46 @@ import { User } from './user';
export const users: User[] = [ export const users: User[] = [
{ {
id: 1, id: 1,
Name: 'Johnathan Deo', Name: 'Template Excel ข้อมูลพนักงาน',
Position: 'Seo Expert', Position: 'Seo Expert',
Email: 'r@gmail.com', Email: 'แสดงรายชื่อพนักงานทั้งหมด',
Mobile: 9786838, Mobile: 'เปิดใช้งาน',
DateOfJoining: new Date('01-2-2020'), DateOfJoining: new Date('01-2-2020'),
Salary: 12000, Salary: 'Excel',
Projects: 10, Projects: 10,
imagePath: 'assets/images/users/2.jpg' imagePath: '111.xlxs'
}, },
{ {
id: 2, id: 2,
Name: 'Mark Zukerburg', Name: 'หนังสือรับรองเงินเดือน Word',
Position: 'Web Developer', Position: 'Web Developer',
Email: 'mark@gmail.com', Email: 'เอกสารใบรับรองเงินเดือน',
Mobile: 8786838, Mobile: 'เปิดใช้งาน',
DateOfJoining: new Date('04-2-2020'), DateOfJoining: new Date('04-2-2020'),
Salary: 12000, Salary: 'Mail Merge',
Projects: 10, Projects: 10,
imagePath: 'assets/images/users/3.jpg' imagePath: '111.doc'
}, },
{ {
id: 3, id: 3,
Name: 'Sam smith', Name: 'Resume',
Position: 'Web Designer', Position: 'Web Designer',
Email: 'sam@gmail.com', Email: 'ตัวอย่าง Resume',
Mobile: 7788838, Mobile: 'เปิดใช้งาน',
DateOfJoining: new Date('02-2-2020'), DateOfJoining: new Date('02-2-2020'),
Salary: 12000, Salary: 'Resume',
Projects: 10, Projects: 10,
imagePath: 'assets/images/users/4.jpg' imagePath: '111.pdf'
}, },
{ {
id: 4, id: 4,
Name: 'John Deo', Name: 'Template Excel เวลาการทำงาน',
Position: 'Tester', Position: 'Tester',
Email: 'john@gmail.com', Email: 'ข้อมูลเวลาการทำงาน',
Mobile: 8786838, Mobile: 'เปิดใช้งาน',
DateOfJoining: new Date('03-2-2020'), DateOfJoining: new Date('03-2-2020'),
Salary: 12000, Salary: 'Excel',
Projects: 11, Projects: 11,
imagePath: 'assets/images/users/5.jpg' imagePath: '111.xlxs'
}, },
{
id: 5,
Name: 'Genilia',
Position: 'Actor',
Email: 'genilia@gmail.com',
Mobile: 8786838,
DateOfJoining: new Date('05-2-2020'),
Salary: 12000,
Projects: 19,
imagePath: 'assets/images/users/6.jpg'
},
{
id: 6,
Name: 'Jack Sparrow',
Position: 'Content Writer',
Email: 'jac@gmail.com',
Mobile: 8786838,
DateOfJoining: new Date('05-21-2020'),
Salary: 12000,
Projects: 5,
imagePath: 'assets/images/users/7.jpg'
},
{
id: 7,
Name: 'Tom Cruise',
Position: 'Actor',
Email: 'tom@gmail.com',
Mobile: 8786838,
DateOfJoining: new Date('02-15-2019'),
Salary: 12000,
Projects: 9,
imagePath: 'assets/images/users/3.jpg'
},
{
id: 8,
Name: 'Hary Porter',
Position: 'Actor',
Email: 'hary@gmail.com',
Mobile: 8786838,
DateOfJoining: new Date('07-3-2019'),
Salary: 12000,
Projects: 7,
imagePath: 'assets/images/users/6.jpg'
},
{
id: 9,
Name: 'Kristen Ronaldo',
Position: 'Player',
Email: 'kristen@gmail.com',
Mobile: 8786838,
DateOfJoining: new Date('01-15-2019'),
Salary: 12000,
Projects: 1,
imagePath: 'assets/images/users/5.jpg'
}
]; ];
src/app/apps/users/user.ts
...@@ -3,9 +3,9 @@ export class User { ...@@ -3,9 +3,9 @@ export class User {
public Name = ''; public Name = '';
public Position = ''; public Position = '';
public Email = ''; public Email = '';
public Mobile = 0; public Mobile = '';
public DateOfJoining: Date | null = null; public DateOfJoining: Date | null = null;
public Salary = 0; public Salary = '';
public Projects = 0; public Projects = 0;
public imagePath = ''; public imagePath = '';
} }
\ No newline at end of file
src/app/shared/vertical-sidebar/vertical-menu-items.ts
...@@ -21,1303 +21,1303 @@ export const ROUTES: RouteInfo[] = [ ...@@ -21,1303 +21,1303 @@ export const ROUTES: RouteInfo[] = [
extralink: false, extralink: false,
submenu: [] submenu: []
}, },
{ // {
path: "", // path: "",
title: "Personal", // title: "Personal",
icon: "mdi mdi-dots-horizontal", // icon: "mdi mdi-dots-horizontal",
class: "nav-small-cap", // class: "nav-small-cap",
extralink: true, // extralink: true,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "dashboard", // path: "dashboard",
title: "Dashboards", // title: "Dashboards",
icon: "Home", // icon: "Home",
class: "has-arrow", // class: "has-arrow",
extralink: false, // extralink: false,
label: "10", // label: "10",
labelClass: "badge badge-info sidebar-badge", // labelClass: "badge badge-info sidebar-badge",
submenu: [ // submenu: [
{ // {
path: "/dashboard/classic", // path: "/dashboard/classic",
title: "Classic", // title: "Classic",
icon: "mdi mdi-adjust", // icon: "mdi mdi-adjust",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "/dashboard/analytical", // path: "/dashboard/analytical",
title: "Analytical", // title: "Analytical",
icon: "mdi mdi-adjust", // icon: "mdi mdi-adjust",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "/dashboard/cryptocurrency", // path: "/dashboard/cryptocurrency",
title: "Cryptocurrency", // title: "Cryptocurrency",
icon: "mdi mdi-adjust", // icon: "mdi mdi-adjust",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "/dashboard/overview", // path: "/dashboard/overview",
title: "Overview", // title: "Overview",
icon: "mdi mdi-adjust", // icon: "mdi mdi-adjust",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "/dashboard/ecommerce", // path: "/dashboard/ecommerce",
title: "Ecommerce", // title: "Ecommerce",
icon: "mdi mdi-adjust", // icon: "mdi mdi-adjust",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "/dashboard/sale", // path: "/dashboard/sale",
title: "Sale", // title: "Sale",
icon: "mdi mdi-adjust", // icon: "mdi mdi-adjust",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "/dashboard/general", // path: "/dashboard/general",
title: "General", // title: "General",
icon: "mdi mdi-adjust", // icon: "mdi mdi-adjust",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "/dashboard/trendy", // path: "/dashboard/trendy",
title: "Trendy", // title: "Trendy",
icon: "mdi mdi-adjust", // icon: "mdi mdi-adjust",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "/dashboard/campaign", // path: "/dashboard/campaign",
title: "Campaign", // title: "Campaign",
icon: "mdi mdi-adjust", // icon: "mdi mdi-adjust",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "/dashboard/modern", // path: "/dashboard/modern",
title: "Modern", // title: "Modern",
icon: "mdi mdi-adjust", // icon: "mdi mdi-adjust",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
], // ],
}, // },
{ // {
path: "", // path: "",
title: "Apps", // title: "Apps",
icon: "mdi mdi-dots-horizontal", // icon: "mdi mdi-dots-horizontal",
class: "nav-small-cap", // class: "nav-small-cap",
extralink: true, // extralink: true,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "/apps/mail/inbox", // path: "/apps/mail/inbox",
title: "Mail", // title: "Mail",
icon: "Inbox", // icon: "Inbox",
class: "", // class: "",
extralink: false, // extralink: false,
label: "new", // label: "new",
labelClass: "badge badge-success sidebar-badge", // labelClass: "badge badge-success sidebar-badge",
submenu: [], // submenu: [],
}, // },
{ // {
path: "/apps/jobs", // path: "/apps/jobs",
title: "Job", // title: "Job",
icon: "Briefcase", // icon: "Briefcase",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "/apps/chat", // path: "/apps/chat",
title: "Chat", // title: "Chat",
icon: "message-square", // icon: "message-square",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "/apps/todo", // path: "/apps/todo",
title: "Todo", // title: "Todo",
icon: "Sliders", // icon: "Sliders",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "/apps/tasks", // path: "/apps/tasks",
title: "Tasks", // title: "Tasks",
icon: "Layout", // icon: "Layout",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "/apps/notes", // path: "/apps/notes",
title: "Notes", // title: "Notes",
icon: "Book", // icon: "Book",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "/apps/users", // path: "/apps/users",
title: "Users", // title: "Users",
icon: "Users", // icon: "Users",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "/apps/usersrxjs", // path: "/apps/usersrxjs",
title: "Users-Rxjs", // title: "Users-Rxjs",
icon: "Users", // icon: "Users",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "/apps/fullcalendar", // path: "/apps/fullcalendar",
title: "Calendar", // title: "Calendar",
icon: "Calendar", // icon: "Calendar",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "/apps/taskboard", // path: "/apps/taskboard",
title: "Taskboard", // title: "Taskboard",
icon: "Layout", // icon: "Layout",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "/apps/contact", // path: "/apps/contact",
title: "Contact", // title: "Contact",
icon: "Phone", // icon: "Phone",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "/apps/contactrxjs", // path: "/apps/contactrxjs",
title: "Contact-Rxjs", // title: "Contact-Rxjs",
icon: "Phone", // icon: "Phone",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "/apps/contact-list", // path: "/apps/contact-list",
title: "Contact Lists", // title: "Contact Lists",
icon: "Pocket", // icon: "Pocket",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "/apps/contact-list-rxjs", // path: "/apps/contact-list-rxjs",
title: "Contact Lists-Rxjs", // title: "Contact Lists-Rxjs",
icon: "Pocket", // icon: "Pocket",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "/apps/contact-grid", // path: "/apps/contact-grid",
title: "Contact Grid", // title: "Contact Grid",
icon: "Server", // icon: "Server",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "/apps/invoice", // path: "/apps/invoice",
title: "Invoice", // title: "Invoice",
icon: "Server", // icon: "Server",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "ticket", // path: "ticket",
title: "Ticket", // title: "Ticket",
icon: "bookmark", // icon: "bookmark",
class: "has-arrow", // class: "has-arrow",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [ // submenu: [
{ // {
path: "apps/ticket/ticketlist", // path: "apps/ticket/ticketlist",
title: "Ticket List", // title: "Ticket List",
icon: "mdi mdi-book-multiple", // icon: "mdi mdi-book-multiple",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "apps/ticket/ticketdetails", // path: "apps/ticket/ticketdetails",
title: "Ticket Details", // title: "Ticket Details",
icon: "mdi mdi-book-plus", // icon: "mdi mdi-book-plus",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
], // ],
}, // },
{ // {
path: "", // path: "",
title: "UI", // title: "UI",
icon: "mdi mdi-dots-horizontal", // icon: "mdi mdi-dots-horizontal",
class: "nav-small-cap", // class: "nav-small-cap",
extralink: true, // extralink: true,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "component", // path: "component",
title: "UI Elements", // title: "UI Elements",
icon: "Cpu", // icon: "Cpu",
class: "has-arrow", // class: "has-arrow",
extralink: false, // extralink: false,
label: "13", // label: "13",
labelClass: "badge badge-warning sidebar-badge", // labelClass: "badge badge-warning sidebar-badge",
submenu: [ // submenu: [
{ // {
path: "/component/accordion", // path: "/component/accordion",
title: "Accordion", // title: "Accordion",
icon: "mdi mdi-equal", // icon: "mdi mdi-equal",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "/component/alert", // path: "/component/alert",
title: "Alert", // title: "Alert",
icon: "mdi mdi-message-bulleted", // icon: "mdi mdi-message-bulleted",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "/component/carousel", // path: "/component/carousel",
title: "Carousel", // title: "Carousel",
icon: "mdi mdi-view-carousel", // icon: "mdi mdi-view-carousel",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "/component/dropdown", // path: "/component/dropdown",
title: "Dropdown", // title: "Dropdown",
icon: "mdi mdi-arrange-bring-to-front", // icon: "mdi mdi-arrange-bring-to-front",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "/component/modal", // path: "/component/modal",
title: "Modal", // title: "Modal",
icon: "mdi mdi-tablet", // icon: "mdi mdi-tablet",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "/component/pagination", // path: "/component/pagination",
title: "Pagination", // title: "Pagination",
icon: "mdi mdi-backburger", // icon: "mdi mdi-backburger",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "/component/poptool", // path: "/component/poptool",
title: "Popover & Tooltip", // title: "Popover & Tooltip",
icon: "mdi mdi-image-filter-vintage", // icon: "mdi mdi-image-filter-vintage",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "/component/progressbar", // path: "/component/progressbar",
title: "Progressbar", // title: "Progressbar",
icon: "mdi mdi-poll", // icon: "mdi mdi-poll",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "/component/rating", // path: "/component/rating",
title: "Ratings", // title: "Ratings",
icon: "mdi mdi-bandcamp", // icon: "mdi mdi-bandcamp",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "/component/tabs", // path: "/component/tabs",
title: "Tabs", // title: "Tabs",
icon: "mdi mdi-sort-variant", // icon: "mdi mdi-sort-variant",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "/component/timepicker", // path: "/component/timepicker",
title: "Timepicker", // title: "Timepicker",
icon: "mdi mdi-calendar-clock", // icon: "mdi mdi-calendar-clock",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "/component/buttons", // path: "/component/buttons",
title: "Button", // title: "Button",
icon: "mdi mdi-toggle-switch", // icon: "mdi mdi-toggle-switch",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "/component/notifier", // path: "/component/notifier",
title: "Notifier", // title: "Notifier",
icon: "mdi mdi-bandcamp", // icon: "mdi mdi-bandcamp",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
], // ],
}, // },
{ // {
path: "cards", // path: "cards",
title: "Cards", // title: "Cards",
icon: "Copy", // icon: "Copy",
class: "has-arrow", // class: "has-arrow",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [ // submenu: [
{ // {
path: "/cards/basiccards", // path: "/cards/basiccards",
title: "Basic Cards", // title: "Basic Cards",
icon: "mdi mdi-layers", // icon: "mdi mdi-layers",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "/cards/customcards", // path: "/cards/customcards",
title: "Custom Cards", // title: "Custom Cards",
icon: "mdi mdi-credit-card-scan", // icon: "mdi mdi-credit-card-scan",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "/cards/weathercards", // path: "/cards/weathercards",
title: "Weather Cards", // title: "Weather Cards",
icon: "mdi mdi-weather-fog", // icon: "mdi mdi-weather-fog",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
], // ],
}, // },
{ // {
path: "extra-component", // path: "extra-component",
title: "Extra Components", // title: "Extra Components",
icon: "Layers", // icon: "Layers",
class: "has-arrow", // class: "has-arrow",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [ // submenu: [
{ // {
path: "/extra-component/toastr", // path: "/extra-component/toastr",
title: "Toastr", // title: "Toastr",
icon: "mdi mdi-poll", // icon: "mdi mdi-poll",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "/extra-component/editor", // path: "/extra-component/editor",
title: "Editor", // title: "Editor",
icon: "mdi mdi-dns", // icon: "mdi mdi-dns",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "/extra-component/dragndrop", // path: "/extra-component/dragndrop",
title: "Drag n Drop", // title: "Drag n Drop",
icon: "mdi mdi-arrow-expand-all", // icon: "mdi mdi-arrow-expand-all",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
], // ],
}, // },
{ // {
path: "widgets", // path: "widgets",
title: "Widgets", // title: "Widgets",
icon: "Grid", // icon: "Grid",
class: "has-arrow", // class: "has-arrow",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [ // submenu: [
{ // {
path: "/widgets/apps", // path: "/widgets/apps",
title: "Widget Apps", // title: "Widget Apps",
icon: "mdi mdi-comment-processing-outline", // icon: "mdi mdi-comment-processing-outline",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "/widgets/data", // path: "/widgets/data",
title: "Widget Data", // title: "Widget Data",
icon: "mdi mdi-calendar", // icon: "mdi mdi-calendar",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
], // ],
}, // },
{ // {
path: "", // path: "",
title: "Forms", // title: "Forms",
icon: "mdi mdi-dots-horizontal", // icon: "mdi mdi-dots-horizontal",
class: "nav-small-cap", // class: "nav-small-cap",
extralink: true, // extralink: true,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "forms", // path: "forms",
title: "Form Elements", // title: "Form Elements",
icon: "Edit", // icon: "Edit",
class: "has-arrow", // class: "has-arrow",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [ // submenu: [
{ // {
path: "/forms/forminputs", // path: "/forms/forminputs",
title: "Form Inputs", // title: "Form Inputs",
icon: "mdi mdi-priority-low", // icon: "mdi mdi-priority-low",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "/forms/inputgroups", // path: "/forms/inputgroups",
title: "Input Groups", // title: "Input Groups",
icon: "mdi mdi-rounded-corner", // icon: "mdi mdi-rounded-corner",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "/forms/inputgrid", // path: "/forms/inputgrid",
title: "Input Grid", // title: "Input Grid",
icon: "mdi mdi-select-all", // icon: "mdi mdi-select-all",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "/forms/checkboxandradio", // path: "/forms/checkboxandradio",
title: "Checkbox & Radio", // title: "Checkbox & Radio",
icon: "mdi mdi-shape-plus", // icon: "mdi mdi-shape-plus",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "/forms/multiselect", // path: "/forms/multiselect",
title: "Multiselect", // title: "Multiselect",
icon: "mdi mdi-select-inverse", // icon: "mdi mdi-select-inverse",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
], // ],
}, // },
{ // {
path: "formsl", // path: "formsl",
title: "Form Layouts", // title: "Form Layouts",
icon: "Sidebar", // icon: "Sidebar",
class: "has-arrow", // class: "has-arrow",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [ // submenu: [
{ // {
path: "/forms/formsl/formbasic", // path: "/forms/formsl/formbasic",
title: "Basic Forms", // title: "Basic Forms",
icon: "mdi mdi-vector-difference-ba", // icon: "mdi mdi-vector-difference-ba",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "/forms/formsl/formhorizontal", // path: "/forms/formsl/formhorizontal",
title: "Horizontal Forms", // title: "Horizontal Forms",
icon: "mdi mdi-file-document-box", // icon: "mdi mdi-file-document-box",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "/forms/formsl/formactions", // path: "/forms/formsl/formactions",
title: "Form Actions", // title: "Form Actions",
icon: "mdi mdi-code-greater-than", // icon: "mdi mdi-code-greater-than",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "/forms/formsl/formrowseparator", // path: "/forms/formsl/formrowseparator",
title: "Row Separator", // title: "Row Separator",
icon: "mdi mdi-code-equal", // icon: "mdi mdi-code-equal",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "/forms/formsl/formstripedrows", // path: "/forms/formsl/formstripedrows",
title: "Striped Rows", // title: "Striped Rows",
icon: "mdi mdi-content-duplicate", // icon: "mdi mdi-content-duplicate",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "/forms/formsl/formdetail", // path: "/forms/formsl/formdetail",
title: "Detail Forms", // title: "Detail Forms",
icon: "mdi mdi-cards-outline", // icon: "mdi mdi-cards-outline",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
], // ],
}, // },
{ // {
path: "formsa", // path: "formsa",
title: "Form Addons", // title: "Form Addons",
icon: "Package", // icon: "Package",
class: "has-arrow", // class: "has-arrow",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [ // submenu: [
{ // {
path: "forms/formsa/formvalidation", // path: "forms/formsa/formvalidation",
title: "Form Validation", // title: "Form Validation",
icon: "mdi mdi-alert-box", // icon: "mdi mdi-alert-box",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "forms/formsa/typehead", // path: "forms/formsa/typehead",
title: "Form Typehead", // title: "Form Typehead",
icon: "mdi mdi-backburger", // icon: "mdi mdi-backburger",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "forms/formsa/datepicker", // path: "forms/formsa/datepicker",
title: "Datepicker", // title: "Datepicker",
icon: "mdi mdi-calendar-check", // icon: "mdi mdi-calendar-check",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "forms/formsa/language-datepicker", // path: "forms/formsa/language-datepicker",
title: "Language Datepicker", // title: "Language Datepicker",
icon: "mdi mdi-calendar-check", // icon: "mdi mdi-calendar-check",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "forms/ngx", // path: "forms/ngx",
title: "Form Wizard / Steps", // title: "Form Wizard / Steps",
icon: "mdi mdi-attachment", // icon: "mdi mdi-attachment",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
], // ],
}, // },
{ // {
path: "", // path: "",
title: "Tables", // title: "Tables",
icon: "mdi mdi-dots-horizontal", // icon: "mdi mdi-dots-horizontal",
class: "nav-small-cap", // class: "nav-small-cap",
extralink: true, // extralink: true,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "tables", // path: "tables",
title: "Bootstrap Tables", // title: "Bootstrap Tables",
icon: "Crop", // icon: "Crop",
class: "has-arrow", // class: "has-arrow",
extralink: false, // extralink: false,
label: "4", // label: "4",
labelClass: "badge badge-danger sidebar-badge", // labelClass: "badge badge-danger sidebar-badge",
submenu: [ // submenu: [
{ // {
path: "/tables/basictables", // path: "/tables/basictables",
title: "Basic Tables", // title: "Basic Tables",
icon: "mdi mdi-border-all", // icon: "mdi mdi-border-all",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "/tables/darktables", // path: "/tables/darktables",
title: "Dark Basic Tables", // title: "Dark Basic Tables",
icon: "mdi mdi-border-all", // icon: "mdi mdi-border-all",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "/tables/colortables", // path: "/tables/colortables",
title: "Colored Tables", // title: "Colored Tables",
icon: "mdi mdi-border-all", // icon: "mdi mdi-border-all",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "/tables/tablesizing", // path: "/tables/tablesizing",
title: "Table Sizing", // title: "Table Sizing",
icon: "mdi mdi-border-all", // icon: "mdi mdi-border-all",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
], // ],
}, // },
{ // {
path: "/tables/ngtable", // path: "/tables/ngtable",
title: "Ng Tables", // title: "Ng Tables",
icon: "Maximize", // icon: "Maximize",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "/tables/datatable", // path: "/tables/datatable",
title: "Data Tables", // title: "Data Tables",
icon: "Disc", // icon: "Disc",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "", // path: "",
title: "Charts", // title: "Charts",
icon: "mdi mdi-dots-horizontal", // icon: "mdi mdi-dots-horizontal",
class: "nav-small-cap", // class: "nav-small-cap",
extralink: true, // extralink: true,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "charts", // path: "charts",
title: "Charts", // title: "Charts",
icon: "Loader", // icon: "Loader",
class: "has-arrow", // class: "has-arrow",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [ // submenu: [
{ // {
path: "/charts/chartjs", // path: "/charts/chartjs",
title: "Chart Js", // title: "Chart Js",
icon: "mdi mdi-svg", // icon: "mdi mdi-svg",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "/charts/chartistjs", // path: "/charts/chartistjs",
title: "Chartist Js", // title: "Chartist Js",
icon: "mdi mdi-blur", // icon: "mdi mdi-blur",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "/charts/ngxchart", // path: "/charts/ngxchart",
title: "Ngx Charts", // title: "Ngx Charts",
icon: "mdi mdi-blur", // icon: "mdi mdi-blur",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "/charts/apexchart", // path: "/charts/apexchart",
title: "Apex Charts", // title: "Apex Charts",
icon: "mdi mdi-blur", // icon: "mdi mdi-blur",
class: "", // class: "",
label: "", // label: "",
labelClass: "", // labelClass: "",
extralink: false, // extralink: false,
submenu: [], // submenu: [],
}, // },
], // ],
}, // },
{ // {
path: "", // path: "",
title: "Maps", // title: "Maps",
icon: "mdi mdi-dots-horizontal", // icon: "mdi mdi-dots-horizontal",
class: "nav-small-cap", // class: "nav-small-cap",
extralink: true, // extralink: true,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "/maps/google", // path: "/maps/google",
title: "Google Maps", // title: "Google Maps",
icon: "Map", // icon: "Map",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "", // path: "",
title: "Pages", // title: "Pages",
icon: "mdi mdi-dots-horizontal", // icon: "mdi mdi-dots-horizontal",
class: "nav-small-cap", // class: "nav-small-cap",
extralink: true, // extralink: true,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "ecom", // path: "ecom",
title: "Ecommerce Pages", // title: "Ecommerce Pages",
icon: "shopping-cart", // icon: "shopping-cart",
class: "has-arrow", // class: "has-arrow",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [ // submenu: [
{ // {
path: "/ecom/products", // path: "/ecom/products",
title: "Products", // title: "Products",
icon: "mdi mdi-cards-variant", // icon: "mdi mdi-cards-variant",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "/ecom/cart", // path: "/ecom/cart",
title: "Cart", // title: "Cart",
icon: "mdi mdi-cart", // icon: "mdi mdi-cart",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "/ecom/edit", // path: "/ecom/edit",
title: "Edit Products", // title: "Edit Products",
icon: "mdi mdi-cart-plus", // icon: "mdi mdi-cart-plus",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "/ecom/details", // path: "/ecom/details",
title: "Product Details", // title: "Product Details",
icon: "mdi mdi-camera-burst", // icon: "mdi mdi-camera-burst",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "/ecom/orders", // path: "/ecom/orders",
title: "Orders", // title: "Orders",
icon: "mdi mdi-chart-pie", // icon: "mdi mdi-chart-pie",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "/ecom/checkout", // path: "/ecom/checkout",
title: "Checkout", // title: "Checkout",
icon: "mdi mdi-clipboard-check", // icon: "mdi mdi-clipboard-check",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
], // ],
}, // },
{ // {
path: "authentication", // path: "authentication",
title: "Authentication", // title: "Authentication",
icon: "Lock", // icon: "Lock",
class: "has-arrow", // class: "has-arrow",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [ // submenu: [
{ // {
path: "/authentication/login", // path: "/authentication/login",
title: "Login", // title: "Login",
icon: "mdi mdi-account-key", // icon: "mdi mdi-account-key",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "/authentication/login2", // path: "/authentication/login2",
title: "Login 2", // title: "Login 2",
icon: "mdi mdi-account-key", // icon: "mdi mdi-account-key",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "/authentication/signup", // path: "/authentication/signup",
title: "Register", // title: "Register",
icon: "mdi mdi-account-plus", // icon: "mdi mdi-account-plus",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "/authentication/signup2", // path: "/authentication/signup2",
title: "Register 2", // title: "Register 2",
icon: "mdi mdi-account-plus", // icon: "mdi mdi-account-plus",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "/authentication/404", // path: "/authentication/404",
title: "404", // title: "404",
icon: "mdi mdi-alert-outline", // icon: "mdi mdi-alert-outline",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "/authentication/lock", // path: "/authentication/lock",
title: "Lockscreen", // title: "Lockscreen",
icon: "mdi mdi-account-off", // icon: "mdi mdi-account-off",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
], // ],
}, // },
{ // {
path: "sample-pages", // path: "sample-pages",
title: "Sample Pages", // title: "Sample Pages",
icon: "book-open", // icon: "book-open",
class: "has-arrow", // class: "has-arrow",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [ // submenu: [
{ // {
path: "/sample-pages/profile", // path: "/sample-pages/profile",
title: "Profile", // title: "Profile",
icon: "mdi mdi-account-network", // icon: "mdi mdi-account-network",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "/sample-pages/pricing", // path: "/sample-pages/pricing",
title: "Pricing", // title: "Pricing",
icon: "mdi mdi-file-export", // icon: "mdi mdi-file-export",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "/sample-pages/invoice", // path: "/sample-pages/invoice",
title: "Invoice", // title: "Invoice",
icon: "mdi mdi-ungroup", // icon: "mdi mdi-ungroup",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "/sample-pages/helperclasses", // path: "/sample-pages/helperclasses",
title: "Helper Classes", // title: "Helper Classes",
icon: "mdi mdi-tune", // icon: "mdi mdi-tune",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "/starter", // path: "/starter",
title: "Starter Page", // title: "Starter Page",
icon: "mdi mdi-crop-free", // icon: "mdi mdi-crop-free",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
], // ],
}, // },
{ // {
path: "timeline", // path: "timeline",
title: "Timeline", // title: "Timeline",
icon: "Activity", // icon: "Activity",
class: "has-arrow", // class: "has-arrow",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [ // submenu: [
{ // {
path: "/timeline/left", // path: "/timeline/left",
title: "Left Timeline", // title: "Left Timeline",
icon: "mdi mdi-clock-fast", // icon: "mdi mdi-clock-fast",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "/timeline/right", // path: "/timeline/right",
title: "Right Timeline", // title: "Right Timeline",
icon: "mdi mdi-clock-end", // icon: "mdi mdi-clock-end",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "/timeline/center", // path: "/timeline/center",
title: "Center Timeline", // title: "Center Timeline",
icon: "mdi mdi-clock-in", // icon: "mdi mdi-clock-in",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
], // ],
}, // },
{ // {
path: "icons", // path: "icons",
title: "Icons", // title: "Icons",
icon: "Feather", // icon: "Feather",
class: "has-arrow", // class: "has-arrow",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [ // submenu: [
{ // {
path: "/icons/fontawesome", // path: "/icons/fontawesome",
title: "Fontawesome", // title: "Fontawesome",
icon: "mdi mdi-emoticon-cool", // icon: "mdi mdi-emoticon-cool",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "/icons/simpleline", // path: "/icons/simpleline",
title: "Simple Line Icons", // title: "Simple Line Icons",
icon: "mdi mdi mdi-image-broken-variant", // icon: "mdi mdi mdi-image-broken-variant",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "/icons/material", // path: "/icons/material",
title: "Material Icons", // title: "Material Icons",
icon: "mdi mdi-emoticon", // icon: "mdi mdi-emoticon",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
], // ],
}, // },
{ // {
path: "mlevel", // path: "mlevel",
title: "Menu Levels", // title: "Menu Levels",
icon: "align-left", // icon: "align-left",
class: "has-arrow", // class: "has-arrow",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [ // submenu: [
{ // {
path: "", // path: "",
title: "Second Level", // title: "Second Level",
icon: "mdi mdi-octagram", // icon: "mdi mdi-octagram",
class: "", // class: "",
extralink: true, // extralink: true,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "/second", // path: "/second",
title: "Second Child", // title: "Second Child",
icon: "mdi mdi-octagram", // icon: "mdi mdi-octagram",
class: "has-arrow", // class: "has-arrow",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [ // submenu: [
{ // {
path: "/thirdone", // path: "/thirdone",
title: "Third 1.1", // title: "Third 1.1",
icon: "mdi mdi-playlist-plus", // icon: "mdi mdi-playlist-plus",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
{ // {
path: "/thirdtwo", // path: "/thirdtwo",
title: "Third 1.2", // title: "Third 1.2",
icon: "mdi mdi-playlist-plus", // icon: "mdi mdi-playlist-plus",
class: "", // class: "",
extralink: false, // extralink: false,
label: "", // label: "",
labelClass: "", // labelClass: "",
submenu: [], // submenu: [],
}, // },
], // ],
}, // },
], // ],
}, // },
]; ];
src/app/shared/vertical-sidebar/vertical-sidebar.component.html
...@@ -32,12 +32,12 @@ ...@@ -32,12 +32,12 @@
</div> </div>
</div> </div>
</li> </li>
<li class="p-15 m-t-10"> <!-- <li class="p-15 m-t-10">
<a href="javascript:void(0)" class="btn btn-block create-btn text-white no-block d-flex align-items-center"> <a href="javascript:void(0)" class="btn btn-block create-btn text-white no-block d-flex align-items-center">
<i class="fa fa-plus-square"></i> <i class="fa fa-plus-square"></i>
<span class="hide-menu m-l-5">Create New</span> <span class="hide-menu m-l-5">Create New</span>
</a> </a>
</li> </li> -->
<!-- First level menu --> <!-- First level menu -->
<li class="sidebar-item" [class.active]="showMenu === sidebarnavItem.title" <li class="sidebar-item" [class.active]="showMenu === sidebarnavItem.title"
*ngFor="let sidebarnavItem of sidebarnavItems" *ngFor="let sidebarnavItem of sidebarnavItems"
...@@ -89,4 +89,4 @@ ...@@ -89,4 +89,4 @@
</ul> </ul>
</li> </li>
</ul> </ul>
</nav> </nav>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment