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