Skip to content

M
myhr-portal
Commit 347471bd by pantakan konthang
Options

สร้าง category-manage และ template-manage

parent 889a506d
Showing with 2025 additions and 1300 deletions
src/app/apps/apps.module.ts
...@@ -75,7 +75,8 @@ import { ViewInvoiceComponent } from './invoice/view-invoice/view-invoice.compon ...@@ -75,7 +75,8 @@ import { ViewInvoiceComponent } from './invoice/view-invoice/view-invoice.compon
import { EditInvoiceComponent } from './invoice/edit-invoice/edit-invoice.component'; import { EditInvoiceComponent } from './invoice/edit-invoice/edit-invoice.component';
import { ListTemplateImportComponent } from './users/list-template-import/list-template-import.component'; import { ListTemplateImportComponent } from './users/list-template-import/list-template-import.component';
import { ListTemplateExportComponent } from './users/list-template-export/list-template-export.component'; import { ListTemplateExportComponent } from './users/list-template-export/list-template-export.component';
import { PortalCategoryManageComponent } from './portal-category-manage/portal-category-manage.component';
import { PortalTemplateManageComponent } from './portal-template-manage/portal-template-manage.component';
@NgModule({ @NgModule({
...@@ -128,7 +129,9 @@ import { ListTemplateExportComponent } from './users/list-template-export/list-t ...@@ -128,7 +129,9 @@ import { ListTemplateExportComponent } from './users/list-template-export/list-t
JobDetailComponent, JobDetailComponent,
JobApplyComponent, JobApplyComponent,
ListTemplateImportComponent, ListTemplateImportComponent,
ListTemplateExportComponent ListTemplateExportComponent,
PortalCategoryManageComponent,
PortalTemplateManageComponent
], ],
providers: [ providers: [
ContactService, ContactService,
......
src/app/apps/apps.routing.ts
...@@ -30,6 +30,8 @@ import { JobDetailComponent } from "./jobs/job-detail/job-detail.component"; ...@@ -30,6 +30,8 @@ import { JobDetailComponent } from "./jobs/job-detail/job-detail.component";
import { JobApplyComponent } from "./jobs/job-apply/job-apply.component"; import { JobApplyComponent } from "./jobs/job-apply/job-apply.component";
import { ListTemplateImportComponent } from "./users/list-template-import/list-template-import.component"; import { ListTemplateImportComponent } from "./users/list-template-import/list-template-import.component";
import { ListTemplateExportComponent } from "./users/list-template-export/list-template-export.component"; import { ListTemplateExportComponent } from "./users/list-template-export/list-template-export.component";
import { PortalCategoryManageComponent } from "./portal-category-manage/portal-category-manage.component";
import { PortalTemplateManageComponent } from "./portal-template-manage/portal-template-manage.component";
export const AppsRoutes: Routes = [ export const AppsRoutes: Routes = [
{ {
...@@ -153,6 +155,26 @@ export const AppsRoutes: Routes = [ ...@@ -153,6 +155,26 @@ export const AppsRoutes: Routes = [
}, },
}, },
{ {
path: "portal-category-manage",
component: PortalCategoryManageComponent,
data: {
title: "Category Manage",
urls: [
{ title: "Category Manage" },
],
},
},
{
path: "portal-template-manage",
component: PortalTemplateManageComponent,
data: {
title: "Template Manage",
urls: [
{ title: "Template Manage" },
],
},
},
{
path: "import-template", path: "import-template",
component: ListTemplateImportComponent, component: ListTemplateImportComponent,
data: { data: {
......
src/app/apps/contact/contact.component.html
...@@ -58,6 +58,7 @@ ...@@ -58,6 +58,7 @@
</div> </div>
</div> </div>
</div> </div>
<!-- Modal --> <!-- Modal -->
<ng-template #addContactModal let-modal> <ng-template #addContactModal let-modal>
<div class="modal-header"> <div class="modal-header">
......
src/app/apps/portal-category-manage/portal-category-manage.component.html 0 → 100644
<div class="row">
<div class="col-12">
<div class="card card-body">
<h4 class="card-title">Category Manage</h4>
<div class="d-flex mb-3 mt-3">
<input type="text" class="form-control w-25" placeholder="Search" [(ngModel)]='searchTerm'>
<button class="btn btn-primary ml-auto" (click)="openModal(editTemplateModal)">Add File Type Category</button>
</div>
</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-md-4" *ngFor="let c of testdata">
<div class="card">
<div class="card-body text-center">
<img src="{{ c.img }}" class="rounded-circle border p-1" width="100">
<!-- ชื่อประเภทไฟล์ -->
<h3 class="card-title mt-3 mb-0">{{c.name}}</h3>
<div class="mt-1 pt-1">
<h4 class="card-title mt-3 mb-0">{{c.details}}</h4>
<br />
</div>
<div class="mt-3">
<a href="/apps/portal-template-manage">
<button class="btn btn-info">View</button>
</a>
<button class="btn btn-warning">Edit</button>
<button class="btn btn-danger">Delete</button>
<!-- <button class="btn btn-light">Follow</button> -->
</div>
</div>
</div>
</div>
</div>
<!-- Add File -->
<ng-template #editTemplateModal let-modal>
<div class="modal-header">
<h5 class="modal-title" id="edittemplateLabel">Add File Type Category</h5>
<button type="button" class="close" (click)="closeBtnClick()" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<form [formGroup]="edittemplate" (ngSubmit)="onSubmit()">
<div class="form-group row">
<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(edittemplate)>
</div>
</div>
<div class="form-group row">
<label for="position" class="col-sm-4 col-form-label">รายละเอียด</label>
<div class="col-sm-8">
<textarea class="form-control"></textarea>
</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="modal-footer">
<button type="button" class="btn btn-secondary" (click)="closeBtnClick()">Close</button>
<button type="submit" class="btn btn-primary" >Save</button>
</div>
</form>
</div>
</ng-template>
src/app/apps/portal-category-manage/portal-category-manage.component.spec.ts 0 → 100644
/* tslint:disable:no-unused-variable */
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { By } from '@angular/platform-browser';
import { DebugElement } from '@angular/core';
import { PortalCategoryManageComponent } from './portal-category-manage.component';
describe('PortalCategoryManageComponent', () => {
let component: PortalCategoryManageComponent;
let fixture: ComponentFixture<PortalCategoryManageComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ PortalCategoryManageComponent ]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(PortalCategoryManageComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
src/app/apps/portal-category-manage/portal-category-manage.component.ts 0 → 100644
import { Component, OnInit } from "@angular/core";
import { NgbModal } from "@ng-bootstrap/ng-bootstrap";
import { FormBuilder, FormGroup, Validators } from "@angular/forms";
import { DatePipe } from "@angular/common";
// export interface Testdata {
// img: String;
// name: String;
// details: String;
// }
@Component({
selector: "app-portal-category-manage",
templateUrl: "./portal-category-manage.component.html",
styleUrls: ["./portal-category-manage.component.scss"],
})
export class PortalCategoryManageComponent implements OnInit {
constructor(
private fb: FormBuilder,
private modalService: NgbModal,
private datePipe: DatePipe
) {}
get searchTerm(): string {
return this._searchTerm;
}
set searchTerm(val: string) {
this._searchTerm = val;
}
page = 1;
pageSize = 7;
testdata: {
img: String;
name: String;
details: String;
}[] = [];
config: any;
editUser: FormGroup | null = null;
joiningDate: string | null = null;
_searchTerm = "";
ValidationMessage = [
{
Name: { required: "Name is required." },
},
{
Position: { required: "Position is required." },
},
{
Email: { required: "Email is required." },
},
{
Mobile: { required: "Mobile is required." },
},
{
DateOfJoining: { required: "DOJ is required." },
},
{
Salary: { required: "Salary is required." },
},
{
Projects: { required: "Project is required." },
},
];
formsErrors = [];
ngOnInit() {
this.editUser = this.fb.group({
id: [""],
Name: ["", Validators.required],
Position: ["", Validators.required],
Email: ["", Validators.required],
Mobile: ["", Validators.required],
DateOfJoining: ["", Validators.required],
Salary: ["", Validators.required],
Projects: ["", Validators.required],
});
this.testdata = [
{
img: "assets/images/phototest/excel.jpg",
name: "ประเภทไฟล์: Excel",
details: "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx",
},
{
img: "assets/images/phototest/mail.jpg",
name: "ประเภทไฟล์: Mail Merge",
details: "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx",
},
{
img: "assets/images/phototest/resume.jpg",
name: "ประเภทไฟล์: Resume",
details: "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx",
},
];
}
logValidationErrors(group: FormGroup) {
// Object.keys(group.controls).forEach((key: string) => {
// const ac = group.get(key);
// this.formsErrors[key] = '';
// if (ac && !ac.valid && (ac.touched || ac.dirty)) {
// const message = this.ValidationMessage[key];
// for (const errorKey in ac.errors) {
// if (errorKey) {
// this.formsErrors[key] += message[errorKey] + ' ';
// }
// }
// }
// if (ac instanceof FormGroup) {
// this.logValidationErrors(ac)
// }
// })
}
openModal(targetModal: NgbModal) {
this.modalService.open(targetModal, {
centered: true,
backdrop: "static",
});
}
closeBtnClick() {
this.modalService.dismissAll();
this.ngOnInit();
}
}
src/app/apps/portal-template-manage/portal-template-manage.component.html 0 → 100644
<div class="row">
<div class="col-12">
<div class="card card-body">
<h4 class="card-title">Template Manage (แยกแต่ละประเภทของไฟล์)</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" [(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">
<thead>
<tr>
<th class="text-center" scope="col">#</th>
<th scope="col">Name</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 template of filterArray | slice: (page-1) * pageSize : (page-1) * pageSize + pageSize">
<td class="text-center">
{{template.id}}
</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">
<p class="font-medium mb-0">{{ template.Name }}</p>
<small>{{template.Position}}</small>
</div>
</div>
</td> -->
<td>{{ template.Email }}</td>
<td>{{ template.DateOfJoining |date :'fullDate' }}</td>
<td>{{ template.Mobile }}</td>
<td>{{ template.Salary }}</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">
<i-feather name="edit-2" class="feather-sm"></i-feather>
</a>
<a href="javascript: void(0);" class="link" (click)="deletetemplate(template.id)" placement="top"
ngbTooltip="Delete">
<i-feather name="trash-2" class="feather-sm"></i-feather>
</a>
</td>
</tr>
</tbody>
</table>
</div>
<div class="d-flex justify-content-center mt-5">
<ngb-pagination [(page)]="page" [pageSize]="pageSize" [collectionSize]="templateList.length"></ngb-pagination>
</div>
</div>
</div>
</div>
<ng-template #editTemplateModal let-modal>
<div class="modal-header">
<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>
</button>
</div>
<div class="modal-body">
<form [formGroup]="edittemplate" (ngSubmit)="onSubmit()">
<div class="form-group row">
<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(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">รายละเอียด</label>
<div class="col-sm-8">
<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(edittemplate)>
<span class="help-block" *ngIf="formsErrors.Email">
{{formsErrors.Email}}
</span>
</div>
</div>
<div class="form-group row">
<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(edittemplate)>
<span class="help-block" *ngIf="formsErrors.Mobile">
{{formsErrors.Mobile}}
</span>
</div>
</div>
<div class="form-group row">
<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(edittemplate)>
<span class="help-block" *ngIf="formsErrors.DateOfJoining">
{{formsErrors.DateOfJoining}}
</span>
</div>
</div>
<div class="form-group row">
<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(edittemplate)>
<span class="help-block" *ngIf="formsErrors.Salary">
{{formsErrors.Salary}}
</span>
</div>
</div>
<div class="form-group row">
<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(edittemplate)>
<span class="help-block" *ngIf="formsErrors.Projects">
{{formsErrors.Projects}}
</span>
</div>
</div> -->
<div class="modal-footer">
<button type="button" class="btn btn-secondary" (click)="closeBtnClick()">Close</button>
<button type="submit" class="btn btn-primary" [disabled]="edittemplate.invalid">Save</button>
</div>
</form>
</div>
</ng-template>
\ No newline at end of file
src/app/apps/portal-template-manage/portal-template-manage.component.spec.ts 0 → 100644
/* tslint:disable:no-unused-variable */
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { By } from '@angular/platform-browser';
import { DebugElement } from '@angular/core';
import { PortalTemplateManageComponent } from './portal-template-manage.component';
describe('PortalTemplateManageComponent', () => {
let component: PortalTemplateManageComponent;
let fixture: ComponentFixture<PortalTemplateManageComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ PortalTemplateManageComponent ]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(PortalTemplateManageComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
src/app/apps/portal-template-manage/portal-template-manage.component.ts 0 → 100644
import { Component, OnInit } from '@angular/core';
import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
import { FormBuilder, FormGroup, Validators } from '@angular/forms';
import { DatePipe } from '@angular/common';
import { UserService } from '../users/userService.service';
import { User } from '../users/user';
@Component({
selector: 'app-portal-template-manage',
templateUrl: './portal-template-manage.component.html',
styleUrls: ['./portal-template-manage.component.scss']
})
export class PortalTemplateManageComponent implements OnInit {
// constructor() { }
// ngOnInit() {
// }
constructor(private userService: UserService, private fb: FormBuilder, private modalService: NgbModal, private datePipe: DatePipe) {
this.filterArray = this.templateList;
}
get searchTerm(): string {
return this._searchTerm;
}
set searchTerm(val: string) {
this._searchTerm = val;
this.filterArray = this.filter(val);
}
page = 1;
pageSize = 7;
templateList: User[] = this.userService.getUser();
config: any;
editUser: FormGroup | null = null;
userDetail: User | null = null;
filterArray: User[] | null = null;
joiningDate: string | null = null;
_searchTerm = '';
ValidationMessage =
[
{
Name: { required: 'Name is required.' }
}, {
Position: { required: 'Position is required.' }
}, {
Email: { required: 'Email is required.' }
},
{
Mobile: { required: 'Mobile is required.' }
},
{
DateOfJoining: { required: 'DOJ is required.' }
},
{
Salary: { required: 'Salary is required.' }
},
{
Projects: { required: 'Project is required.' }
},
];
formsErrors = [];
ngOnInit() {
this.editUser = this.fb.group({
id: [''],
Name: ['', Validators.required],
Position: ['', Validators.required],
Email: ['', Validators.required],
Mobile: ['', Validators.required],
DateOfJoining: ['', Validators.required],
Salary: ['', Validators.required],
Projects: ['', Validators.required],
});
}
filter(v: string) {
return this.templateList.filter(x => x.Name.toLowerCase().
indexOf(v.toLowerCase()) !== -1 || x.Email.toLowerCase().indexOf(v.toLowerCase()) !== -1);
}
deleteUser(id: number): void {
if (this.filterArray) {
this.filterArray = this.filterArray.filter(user => user.id !== id);
}
}
logValidationErrors(group: FormGroup) {
// Object.keys(group.controls).forEach((key: string) => {
// const ac = group.get(key);
// this.formsErrors[key] = '';
// if (ac && !ac.valid && (ac.touched || ac.dirty)) {
// const message = this.ValidationMessage[key];
// for (const errorKey in ac.errors) {
// if (errorKey) {
// this.formsErrors[key] += message[errorKey] + ' ';
// }
// }
// }
// if (ac instanceof FormGroup) {
// this.logValidationErrors(ac)
// }
// })
}
openModal(targetModal: NgbModal, user: User | null) {
this.modalService.open(targetModal, {
centered: true,
backdrop: 'static'
});
if (user != null) {
if (user.DateOfJoining) {
this.joiningDate = this.datePipe.
transform(new Date(user.DateOfJoining), 'yyyy-MM-dd');
}
this.userDetail = user;
this.editUser?.patchValue({
Name: user.Name,
Position: user.Position,
Email: user.Email,
Mobile: user.Mobile,
DateOfJoining: user.DateOfJoining,
Salary: user.Salary,
Projects: user.Projects,
});
}
}
onSubmit() {
if (this.userDetail != null) {
const index = this.userService.getUser().indexOf(this.userDetail);
if (this.editUser != null) {
this.userDetail.Name = this.editUser.get('Name')?.value;
this.userDetail.Position = this.editUser.get('Position')?.value;
this.userDetail.Email = this.editUser.get('Email')?.value;
this.userDetail.Mobile = this.editUser.get('Mobile')?.value;
this.userDetail.DateOfJoining = this.editUser.get('DateOfJoining')?.value;
this.userDetail.Salary = this.editUser.get('Salary')?.value;
this.userDetail.Projects = this.editUser.get('Projects')?.value;
}
this.userService.getUser()[index] = this.userDetail;
} else {
this.userDetail = new User();
this.userDetail.id = Math.max.apply(Math, this.userService.getUser().map(function (o) { return o.id; })) + 1;
this.userDetail.Name = this.editUser?.get('Name')?.value;
this.userDetail.Position = this.editUser?.get('Position')?.value;
this.userDetail.Email = this.editUser?.get('Email')?.value;
this.userDetail.Mobile = this.editUser?.get('Mobile')?.value;
this.userDetail.DateOfJoining = new Date();
this.userDetail.Salary = this.editUser?.get('Salary')?.value;
this.userDetail.Projects = this.editUser?.get('Projects')?.value;
this.userDetail.imagePath = 'assets/images/users/7.jpg';
this.filterArray?.push(this.userDetail);
}
this.modalService.dismissAll();
this.userDetail = null;
this.joiningDate = '';
this.ngOnInit();
}
closeBtnClick() {
this.modalService.dismissAll();
this.ngOnInit();
}
}
src/app/shared/vertical-sidebar/vertical-menu-items.ts
...@@ -2,6 +2,38 @@ import { RouteInfo } from "./vertical-sidebar.metadata"; ...@@ -2,6 +2,38 @@ import { RouteInfo } from "./vertical-sidebar.metadata";
export const ROUTES: RouteInfo[] = [ export const ROUTES: RouteInfo[] = [
{ {
path: "manage",
title: "Manage",
icon: "Home",
class: "has-arrow",
extralink: false,
label: "",
labelClass: "badge badge-info sidebar-badge",
submenu: [
{
path: '/apps/portal-category-manage',
title: 'Category Manage',
icon: 'mdi mdi-adjust',
class: '',
label: "",
labelClass: "",
extralink: false,
submenu: []
},
{
path: '/apps/portal-template-manage',
title: 'Template Manage',
icon: 'mdi mdi-adjust',
class: '',
label: "",
labelClass: "",
extralink: false,
submenu: []
},
]
},
{
path: '/apps/import-template', path: '/apps/import-template',
title: 'Import Template', title: 'Import Template',
icon: 'mdi mdi-adjust', icon: 'mdi mdi-adjust',
...@@ -21,1303 +53,1305 @@ export const ROUTES: RouteInfo[] = [ ...@@ -21,1303 +53,1305 @@ export const ROUTES: RouteInfo[] = [
extralink: false, extralink: false,
submenu: [] 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", path: "",
// icon: "Book", title: "Personal",
// class: "", icon: "mdi mdi-dots-horizontal",
// extralink: false, class: "nav-small-cap",
// label: "", extralink: true,
// labelClass: "", label: "",
// submenu: [], labelClass: "",
// }, submenu: [],
// { },
// path: "/apps/users", {
// title: "Users", path: "dashboard",
// icon: "Users", title: "Dashboards",
// class: "", icon: "Home",
// extralink: false, class: "has-arrow",
// label: "", extralink: false,
// labelClass: "", label: "10",
// submenu: [], labelClass: "badge badge-info sidebar-badge",
// }, submenu: [
// { {
// path: "/apps/usersrxjs", path: "/dashboard/classic",
// title: "Users-Rxjs", title: "Classic",
// icon: "Users", icon: "mdi mdi-adjust",
// class: "", class: "",
// extralink: false, extralink: false,
// label: "", label: "",
// labelClass: "", labelClass: "",
// submenu: [], submenu: [],
// }, },
// { {
// path: "/apps/fullcalendar", path: "/dashboard/analytical",
// title: "Calendar", title: "Analytical",
// icon: "Calendar", icon: "mdi mdi-adjust",
// class: "", class: "",
// extralink: false, extralink: false,
// label: "", label: "",
// labelClass: "", labelClass: "",
// submenu: [], submenu: [],
// }, },
// { {
// path: "/apps/taskboard", path: "/dashboard/cryptocurrency",
// title: "Taskboard", title: "Cryptocurrency",
// icon: "Layout", icon: "mdi mdi-adjust",
// class: "", class: "",
// extralink: false, extralink: false,
// label: "", label: "",
// labelClass: "", labelClass: "",
// submenu: [], submenu: [],
// }, },
// { {
// path: "/apps/contact", path: "/dashboard/overview",
// title: "Contact", title: "Overview",
// icon: "Phone", icon: "mdi mdi-adjust",
// class: "", class: "",
// extralink: false, extralink: false,
// label: "", label: "",
// labelClass: "", labelClass: "",
// submenu: [], submenu: [],
// }, },
// { {
// path: "/apps/contactrxjs", path: "/dashboard/ecommerce",
// title: "Contact-Rxjs", title: "Ecommerce",
// icon: "Phone", icon: "mdi mdi-adjust",
// class: "", class: "",
// extralink: false, extralink: false,
// label: "", label: "",
// labelClass: "", labelClass: "",
// submenu: [], submenu: [],
// }, },
// { {
// path: "/apps/contact-list", path: "/dashboard/sale",
// title: "Contact Lists", title: "Sale",
// icon: "Pocket", icon: "mdi mdi-adjust",
// class: "", class: "",
// extralink: false, extralink: false,
// label: "", label: "",
// labelClass: "", labelClass: "",
// submenu: [], submenu: [],
// }, },
// { {
// path: "/apps/contact-list-rxjs", path: "/dashboard/general",
// title: "Contact Lists-Rxjs", title: "General",
// icon: "Pocket", icon: "mdi mdi-adjust",
// class: "", class: "",
// extralink: false, extralink: false,
// label: "", label: "",
// labelClass: "", labelClass: "",
// submenu: [], submenu: [],
// }, },
// { {
// path: "/apps/contact-grid", path: "/dashboard/trendy",
// title: "Contact Grid", title: "Trendy",
// icon: "Server", icon: "mdi mdi-adjust",
// class: "", class: "",
// extralink: false, extralink: false,
// label: "", label: "",
// labelClass: "", labelClass: "",
// submenu: [], submenu: [],
// }, },
// { {
// path: "/apps/invoice", path: "/dashboard/campaign",
// title: "Invoice", title: "Campaign",
// icon: "Server", icon: "mdi mdi-adjust",
// class: "", class: "",
// extralink: false, extralink: false,
// label: "", label: "",
// labelClass: "", labelClass: "",
// submenu: [], submenu: [],
// }, },
// { {
// path: "ticket", path: "/dashboard/modern",
// title: "Ticket", title: "Modern",
// icon: "bookmark", icon: "mdi mdi-adjust",
// class: "has-arrow", class: "",
// extralink: false, extralink: false,
// label: "", label: "",
// labelClass: "", labelClass: "",
// submenu: [ submenu: [],
// { },
// path: "apps/ticket/ticketlist", ],
// title: "Ticket List", },
// icon: "mdi mdi-book-multiple", {
// class: "", path: "",
// extralink: false, title: "Apps",
// label: "", icon: "mdi mdi-dots-horizontal",
// labelClass: "", class: "nav-small-cap",
// submenu: [], extralink: true,
// }, label: "",
// { labelClass: "",
// path: "apps/ticket/ticketdetails", submenu: [],
// title: "Ticket Details", },
// icon: "mdi mdi-book-plus", {
// class: "", path: "/apps/mail/inbox",
// extralink: false, title: "Mail",
// label: "", icon: "Inbox",
// labelClass: "", class: "",
// submenu: [], extralink: false,
// }, label: "new",
// ], labelClass: "badge badge-success sidebar-badge",
// }, submenu: [],
// { },
// path: "", {
// title: "UI", path: "/apps/jobs",
// icon: "mdi mdi-dots-horizontal", title: "Job",
// class: "nav-small-cap", icon: "Briefcase",
// extralink: true, class: "",
// label: "", extralink: false,
// labelClass: "", label: "",
// submenu: [], labelClass: "",
// }, submenu: [],
// { },
// path: "component", {
// title: "UI Elements", path: "/apps/chat",
// icon: "Cpu", title: "Chat",
// class: "has-arrow", icon: "message-square",
// extralink: false, class: "",
// label: "13", extralink: false,
// labelClass: "badge badge-warning sidebar-badge", label: "",
// submenu: [ labelClass: "",
// { submenu: [],
// path: "/component/accordion", },
// title: "Accordion", {
// icon: "mdi mdi-equal", path: "/apps/todo",
// class: "", title: "Todo",
// extralink: false, icon: "Sliders",
// label: "", class: "",
// labelClass: "", extralink: false,
// submenu: [], label: "",
// }, labelClass: "",
// { submenu: [],
// path: "/component/alert", },
// title: "Alert", {
// icon: "mdi mdi-message-bulleted", path: "/apps/tasks",
// class: "", title: "Tasks",
// extralink: false, icon: "Layout",
// label: "", class: "",
// labelClass: "", extralink: false,
// submenu: [], label: "",
// }, labelClass: "",
// { submenu: [],
// path: "/component/carousel", },
// title: "Carousel",
// icon: "mdi mdi-view-carousel", {
// class: "", path: "/apps/notes",
// extralink: false, title: "Notes",
// label: "", icon: "Book",
// labelClass: "", class: "",
// submenu: [], extralink: false,
// }, label: "",
// { labelClass: "",
// path: "/component/dropdown", submenu: [],
// title: "Dropdown", },
// icon: "mdi mdi-arrange-bring-to-front", {
// class: "", path: "/apps/users",
// extralink: false, title: "Users",
// label: "", icon: "Users",
// labelClass: "", class: "",
// submenu: [], extralink: false,
// }, label: "",
// { labelClass: "",
// path: "/component/modal", submenu: [],
// title: "Modal", },
// icon: "mdi mdi-tablet", {
// class: "", path: "/apps/usersrxjs",
// extralink: false, title: "Users-Rxjs",
// label: "", icon: "Users",
// labelClass: "", class: "",
// submenu: [], extralink: false,
// }, label: "",
// { labelClass: "",
// path: "/component/pagination", submenu: [],
// title: "Pagination", },
// icon: "mdi mdi-backburger", {
// class: "", path: "/apps/fullcalendar",
// extralink: false, title: "Calendar",
// label: "", icon: "Calendar",
// labelClass: "", class: "",
// submenu: [], extralink: false,
// }, label: "",
// { labelClass: "",
// path: "/component/poptool", submenu: [],
// title: "Popover & Tooltip", },
// icon: "mdi mdi-image-filter-vintage", {
// class: "", path: "/apps/taskboard",
// extralink: false, title: "Taskboard",
// label: "", icon: "Layout",
// labelClass: "", class: "",
// submenu: [], extralink: false,
// }, label: "",
// { labelClass: "",
// path: "/component/progressbar", submenu: [],
// title: "Progressbar", },
// icon: "mdi mdi-poll", {
// class: "", path: "/apps/contact",
// extralink: false, title: "Contact",
// label: "", icon: "Phone",
// labelClass: "", class: "",
// submenu: [], extralink: false,
// }, label: "",
// { labelClass: "",
// path: "/component/rating", submenu: [],
// title: "Ratings", },
// icon: "mdi mdi-bandcamp", {
// class: "", path: "/apps/contactrxjs",
// extralink: false, title: "Contact-Rxjs",
// label: "", icon: "Phone",
// labelClass: "", class: "",
// submenu: [], extralink: false,
// }, label: "",
// { labelClass: "",
// path: "/component/tabs", submenu: [],
// title: "Tabs", },
// icon: "mdi mdi-sort-variant", {
// class: "", path: "/apps/contact-list",
// extralink: false, title: "Contact Lists",
// label: "", icon: "Pocket",
// labelClass: "", class: "",
// submenu: [], extralink: false,
// }, label: "",
// { labelClass: "",
// path: "/component/timepicker", submenu: [],
// title: "Timepicker", },
// icon: "mdi mdi-calendar-clock", {
// class: "", path: "/apps/contact-list-rxjs",
// extralink: false, title: "Contact Lists-Rxjs",
// label: "", icon: "Pocket",
// labelClass: "", class: "",
// submenu: [], extralink: false,
// }, label: "",
// { labelClass: "",
// path: "/component/buttons", submenu: [],
// title: "Button", },
// icon: "mdi mdi-toggle-switch", {
// class: "", path: "/apps/contact-grid",
// extralink: false, title: "Contact Grid",
// label: "", icon: "Server",
// labelClass: "", class: "",
// submenu: [], extralink: false,
// }, label: "",
// { labelClass: "",
// path: "/component/notifier", submenu: [],
// title: "Notifier", },
// icon: "mdi mdi-bandcamp", {
// class: "", path: "/apps/invoice",
// extralink: false, title: "Invoice",
// label: "", icon: "Server",
// labelClass: "", class: "",
// submenu: [], extralink: false,
// }, label: "",
// ], labelClass: "",
// }, submenu: [],
// { },
// path: "cards", {
// title: "Cards", path: "ticket",
// icon: "Copy", title: "Ticket",
// class: "has-arrow", icon: "bookmark",
// extralink: false, class: "has-arrow",
// label: "", extralink: false,
// labelClass: "", label: "",
// submenu: [ labelClass: "",
// { submenu: [
// path: "/cards/basiccards", {
// title: "Basic Cards", path: "apps/ticket/ticketlist",
// icon: "mdi mdi-layers", title: "Ticket List",
// class: "", icon: "mdi mdi-book-multiple",
// extralink: false, class: "",
// label: "", extralink: false,
// labelClass: "", label: "",
// submenu: [], labelClass: "",
// }, submenu: [],
// { },
// path: "/cards/customcards", {
// title: "Custom Cards", path: "apps/ticket/ticketdetails",
// icon: "mdi mdi-credit-card-scan", title: "Ticket Details",
// class: "", icon: "mdi mdi-book-plus",
// extralink: false, class: "",
// label: "", extralink: false,
// labelClass: "", label: "",
// submenu: [], labelClass: "",
// }, submenu: [],
// { },
// path: "/cards/weathercards", ],
// title: "Weather Cards", },
// icon: "mdi mdi-weather-fog", {
// class: "", path: "",
// extralink: false, title: "UI",
// label: "", icon: "mdi mdi-dots-horizontal",
// labelClass: "", class: "nav-small-cap",
// submenu: [], extralink: true,
// }, label: "",
// ], labelClass: "",
// }, submenu: [],
// { },
// path: "extra-component", {
// title: "Extra Components", path: "component",
// icon: "Layers", title: "UI Elements",
// class: "has-arrow", icon: "Cpu",
// extralink: false, class: "has-arrow",
// label: "", extralink: false,
// labelClass: "", label: "13",
// submenu: [ labelClass: "badge badge-warning sidebar-badge",
// { submenu: [
// path: "/extra-component/toastr", {
// title: "Toastr", path: "/component/accordion",
// icon: "mdi mdi-poll", title: "Accordion",
// class: "", icon: "mdi mdi-equal",
// extralink: false, class: "",
// label: "", extralink: false,
// labelClass: "", label: "",
// submenu: [], labelClass: "",
// }, submenu: [],
// { },
// path: "/extra-component/editor", {
// title: "Editor", path: "/component/alert",
// icon: "mdi mdi-dns", title: "Alert",
// class: "", icon: "mdi mdi-message-bulleted",
// extralink: false, class: "",
// label: "", extralink: false,
// labelClass: "", label: "",
// submenu: [], labelClass: "",
// }, submenu: [],
// { },
// path: "/extra-component/dragndrop", {
// title: "Drag n Drop", path: "/component/carousel",
// icon: "mdi mdi-arrow-expand-all", title: "Carousel",
// class: "", icon: "mdi mdi-view-carousel",
// extralink: false, class: "",
// label: "", extralink: false,
// labelClass: "", label: "",
// submenu: [], labelClass: "",
// }, submenu: [],
// ], },
// }, {
// { path: "/component/dropdown",
// path: "widgets", title: "Dropdown",
// title: "Widgets", icon: "mdi mdi-arrange-bring-to-front",
// icon: "Grid", class: "",
// class: "has-arrow", extralink: false,
// extralink: false, label: "",
// label: "", labelClass: "",
// labelClass: "", submenu: [],
// submenu: [ },
// { {
// path: "/widgets/apps", path: "/component/modal",
// title: "Widget Apps", title: "Modal",
// icon: "mdi mdi-comment-processing-outline", icon: "mdi mdi-tablet",
// class: "", class: "",
// extralink: false, extralink: false,
// label: "", label: "",
// labelClass: "", labelClass: "",
// submenu: [], submenu: [],
// }, },
// { {
// path: "/widgets/data", path: "/component/pagination",
// title: "Widget Data", title: "Pagination",
// icon: "mdi mdi-calendar", icon: "mdi mdi-backburger",
// class: "", class: "",
// extralink: false, extralink: false,
// label: "", label: "",
// labelClass: "", labelClass: "",
// submenu: [], submenu: [],
// }, },
// ], {
// }, path: "/component/poptool",
// { title: "Popover & Tooltip",
// path: "", icon: "mdi mdi-image-filter-vintage",
// title: "Forms", class: "",
// icon: "mdi mdi-dots-horizontal", extralink: false,
// class: "nav-small-cap", label: "",
// extralink: true, labelClass: "",
// label: "", submenu: [],
// labelClass: "", },
// submenu: [], {
// }, path: "/component/progressbar",
// { title: "Progressbar",
// path: "forms", icon: "mdi mdi-poll",
// title: "Form Elements", class: "",
// icon: "Edit", extralink: false,
// class: "has-arrow", label: "",
// extralink: false, labelClass: "",
// label: "", submenu: [],
// labelClass: "", },
// submenu: [ {
// { path: "/component/rating",
// path: "/forms/forminputs", title: "Ratings",
// title: "Form Inputs", icon: "mdi mdi-bandcamp",
// icon: "mdi mdi-priority-low", class: "",
// class: "", extralink: false,
// extralink: false, label: "",
// label: "", labelClass: "",
// labelClass: "", submenu: [],
// submenu: [], },
// }, {
// { path: "/component/tabs",
// path: "/forms/inputgroups", title: "Tabs",
// title: "Input Groups", icon: "mdi mdi-sort-variant",
// icon: "mdi mdi-rounded-corner", class: "",
// class: "", extralink: false,
// extralink: false, label: "",
// label: "", labelClass: "",
// labelClass: "", submenu: [],
// submenu: [], },
// }, {
// { path: "/component/timepicker",
// path: "/forms/inputgrid", title: "Timepicker",
// title: "Input Grid", icon: "mdi mdi-calendar-clock",
// icon: "mdi mdi-select-all", class: "",
// class: "", extralink: false,
// extralink: false, label: "",
// label: "", labelClass: "",
// labelClass: "", submenu: [],
// submenu: [], },
// }, {
// { path: "/component/buttons",
// path: "/forms/checkboxandradio", title: "Button",
// title: "Checkbox & Radio", icon: "mdi mdi-toggle-switch",
// icon: "mdi mdi-shape-plus", class: "",
// class: "", extralink: false,
// extralink: false, label: "",
// label: "", labelClass: "",
// labelClass: "", submenu: [],
// submenu: [], },
// }, {
// { path: "/component/notifier",
// path: "/forms/multiselect", title: "Notifier",
// title: "Multiselect", icon: "mdi mdi-bandcamp",
// icon: "mdi mdi-select-inverse", class: "",
// class: "", extralink: false,
// extralink: false, label: "",
// label: "", labelClass: "",
// labelClass: "", submenu: [],
// submenu: [], },
// }, ],
// ], },
// }, {
// { path: "cards",
// path: "formsl", title: "Cards",
// title: "Form Layouts", icon: "Copy",
// icon: "Sidebar", class: "has-arrow",
// class: "has-arrow", extralink: false,
// extralink: false, label: "",
// label: "", labelClass: "",
// labelClass: "", submenu: [
// submenu: [ {
// { path: "/cards/basiccards",
// path: "/forms/formsl/formbasic", title: "Basic Cards",
// title: "Basic Forms", icon: "mdi mdi-layers",
// icon: "mdi mdi-vector-difference-ba", class: "",
// class: "", extralink: false,
// extralink: false, label: "",
// label: "", labelClass: "",
// labelClass: "", submenu: [],
// submenu: [], },
// }, {
// { path: "/cards/customcards",
// path: "/forms/formsl/formhorizontal", title: "Custom Cards",
// title: "Horizontal Forms", icon: "mdi mdi-credit-card-scan",
// icon: "mdi mdi-file-document-box", class: "",
// class: "", extralink: false,
// extralink: false, label: "",
// label: "", labelClass: "",
// labelClass: "", submenu: [],
// submenu: [], },
// }, {
// { path: "/cards/weathercards",
// path: "/forms/formsl/formactions", title: "Weather Cards",
// title: "Form Actions", icon: "mdi mdi-weather-fog",
// icon: "mdi mdi-code-greater-than", class: "",
// class: "", extralink: false,
// extralink: false, label: "",
// label: "", labelClass: "",
// labelClass: "", submenu: [],
// submenu: [], },
// }, ],
// { },
// path: "/forms/formsl/formrowseparator", {
// title: "Row Separator", path: "extra-component",
// icon: "mdi mdi-code-equal", title: "Extra Components",
// class: "", icon: "Layers",
// extralink: false, class: "has-arrow",
// label: "", extralink: false,
// labelClass: "", label: "",
// submenu: [], labelClass: "",
// }, submenu: [
// { {
// path: "/forms/formsl/formstripedrows", path: "/extra-component/toastr",
// title: "Striped Rows", title: "Toastr",
// icon: "mdi mdi-content-duplicate", icon: "mdi mdi-poll",
// class: "", class: "",
// extralink: false, extralink: false,
// label: "", label: "",
// labelClass: "", labelClass: "",
// submenu: [], submenu: [],
// }, },
// { {
// path: "/forms/formsl/formdetail", path: "/extra-component/editor",
// title: "Detail Forms", title: "Editor",
// icon: "mdi mdi-cards-outline", icon: "mdi mdi-dns",
// class: "", class: "",
// extralink: false, extralink: false,
// label: "", label: "",
// labelClass: "", labelClass: "",
// submenu: [], submenu: [],
// }, },
// ], {
// }, path: "/extra-component/dragndrop",
// { title: "Drag n Drop",
// path: "formsa", icon: "mdi mdi-arrow-expand-all",
// title: "Form Addons", class: "",
// icon: "Package", extralink: false,
// class: "has-arrow", label: "",
// extralink: false, labelClass: "",
// label: "", submenu: [],
// labelClass: "", },
// submenu: [ ],
// { },
// path: "forms/formsa/formvalidation", {
// title: "Form Validation", path: "widgets",
// icon: "mdi mdi-alert-box", title: "Widgets",
// class: "", icon: "Grid",
// extralink: false, class: "has-arrow",
// label: "", extralink: false,
// labelClass: "", label: "",
// submenu: [], labelClass: "",
// }, submenu: [
// { {
// path: "forms/formsa/typehead", path: "/widgets/apps",
// title: "Form Typehead", title: "Widget Apps",
// icon: "mdi mdi-backburger", icon: "mdi mdi-comment-processing-outline",
// class: "", class: "",
// extralink: false, extralink: false,
// label: "", label: "",
// labelClass: "", labelClass: "",
// submenu: [], submenu: [],
// }, },
// { {
// path: "forms/formsa/datepicker", path: "/widgets/data",
// title: "Datepicker", title: "Widget Data",
// icon: "mdi mdi-calendar-check", icon: "mdi mdi-calendar",
// class: "", class: "",
// extralink: false, extralink: false,
// label: "", label: "",
// labelClass: "", labelClass: "",
// submenu: [], submenu: [],
// }, },
// { ],
// path: "forms/formsa/language-datepicker", },
// title: "Language Datepicker", {
// icon: "mdi mdi-calendar-check", path: "",
// class: "", title: "Forms",
// extralink: false, icon: "mdi mdi-dots-horizontal",
// label: "", class: "nav-small-cap",
// labelClass: "", extralink: true,
// submenu: [], label: "",
// }, labelClass: "",
// { submenu: [],
// path: "forms/ngx", },
// title: "Form Wizard / Steps", {
// icon: "mdi mdi-attachment", path: "forms",
// class: "", title: "Form Elements",
// extralink: false, icon: "Edit",
// label: "", class: "has-arrow",
// labelClass: "", extralink: false,
// submenu: [], label: "",
// }, labelClass: "",
// ], submenu: [
// }, {
// { path: "/forms/forminputs",
// path: "", title: "Form Inputs",
// title: "Tables", icon: "mdi mdi-priority-low",
// icon: "mdi mdi-dots-horizontal", class: "",
// class: "nav-small-cap", extralink: false,
// extralink: true, label: "",
// label: "", labelClass: "",
// labelClass: "", submenu: [],
// submenu: [], },
// }, {
// { path: "/forms/inputgroups",
// path: "tables", title: "Input Groups",
// title: "Bootstrap Tables", icon: "mdi mdi-rounded-corner",
// icon: "Crop", class: "",
// class: "has-arrow", extralink: false,
// extralink: false, label: "",
// label: "4", labelClass: "",
// labelClass: "badge badge-danger sidebar-badge", submenu: [],
// submenu: [ },
// { {
// path: "/tables/basictables", path: "/forms/inputgrid",
// title: "Basic Tables", title: "Input Grid",
// icon: "mdi mdi-border-all", icon: "mdi mdi-select-all",
// class: "", class: "",
// extralink: false, extralink: false,
// label: "", label: "",
// labelClass: "", labelClass: "",
// submenu: [], submenu: [],
// }, },
// { {
// path: "/tables/darktables", path: "/forms/checkboxandradio",
// title: "Dark Basic Tables", title: "Checkbox & Radio",
// icon: "mdi mdi-border-all", icon: "mdi mdi-shape-plus",
// class: "", class: "",
// extralink: false, extralink: false,
// label: "", label: "",
// labelClass: "", labelClass: "",
// submenu: [], submenu: [],
// }, },
// { {
// path: "/tables/colortables", path: "/forms/multiselect",
// title: "Colored Tables", title: "Multiselect",
// icon: "mdi mdi-border-all", icon: "mdi mdi-select-inverse",
// class: "", class: "",
// extralink: false, extralink: false,
// label: "", label: "",
// labelClass: "", labelClass: "",
// submenu: [], submenu: [],
// }, },
// { ],
// path: "/tables/tablesizing", },
// title: "Table Sizing", {
// icon: "mdi mdi-border-all", path: "formsl",
// class: "", title: "Form Layouts",
// extralink: false, icon: "Sidebar",
// label: "", class: "has-arrow",
// labelClass: "", extralink: false,
// submenu: [], label: "",
// }, labelClass: "",
// ], submenu: [
// }, {
// { path: "/forms/formsl/formbasic",
// path: "/tables/ngtable", title: "Basic Forms",
// title: "Ng Tables", icon: "mdi mdi-vector-difference-ba",
// icon: "Maximize", class: "",
// class: "", extralink: false,
// extralink: false, label: "",
// label: "", labelClass: "",
// labelClass: "", submenu: [],
// submenu: [], },
// }, {
// { path: "/forms/formsl/formhorizontal",
// path: "/tables/datatable", title: "Horizontal Forms",
// title: "Data Tables", icon: "mdi mdi-file-document-box",
// icon: "Disc", class: "",
// class: "", extralink: false,
// extralink: false, label: "",
// label: "", labelClass: "",
// labelClass: "", submenu: [],
// submenu: [], },
// }, {
// { path: "/forms/formsl/formactions",
// path: "", title: "Form Actions",
// title: "Charts", icon: "mdi mdi-code-greater-than",
// icon: "mdi mdi-dots-horizontal", class: "",
// class: "nav-small-cap", extralink: false,
// extralink: true, label: "",
// label: "", labelClass: "",
// labelClass: "", submenu: [],
// submenu: [], },
// }, {
// { path: "/forms/formsl/formrowseparator",
// path: "charts", title: "Row Separator",
// title: "Charts", icon: "mdi mdi-code-equal",
// icon: "Loader", class: "",
// class: "has-arrow", extralink: false,
// extralink: false, label: "",
// label: "", labelClass: "",
// labelClass: "", submenu: [],
// submenu: [ },
// { {
// path: "/charts/chartjs", path: "/forms/formsl/formstripedrows",
// title: "Chart Js", title: "Striped Rows",
// icon: "mdi mdi-svg", icon: "mdi mdi-content-duplicate",
// class: "", class: "",
// extralink: false, extralink: false,
// label: "", label: "",
// labelClass: "", labelClass: "",
// submenu: [], submenu: [],
// }, },
// { {
// path: "/charts/chartistjs", path: "/forms/formsl/formdetail",
// title: "Chartist Js", title: "Detail Forms",
// icon: "mdi mdi-blur", icon: "mdi mdi-cards-outline",
// class: "", class: "",
// extralink: false, extralink: false,
// label: "", label: "",
// labelClass: "", labelClass: "",
// submenu: [], submenu: [],
// }, },
// { ],
// path: "/charts/ngxchart", },
// title: "Ngx Charts", {
// icon: "mdi mdi-blur", path: "formsa",
// class: "", title: "Form Addons",
// extralink: false, icon: "Package",
// label: "", class: "has-arrow",
// labelClass: "", extralink: false,
// submenu: [], label: "",
// }, labelClass: "",
// { submenu: [
// path: "/charts/apexchart", {
// title: "Apex Charts", path: "forms/formsa/formvalidation",
// icon: "mdi mdi-blur", title: "Form Validation",
// class: "", icon: "mdi mdi-alert-box",
// label: "", class: "",
// labelClass: "", extralink: false,
// extralink: false, label: "",
// submenu: [], labelClass: "",
// }, submenu: [],
// ], },
// }, {
// { path: "forms/formsa/typehead",
// path: "", title: "Form Typehead",
// title: "Maps", icon: "mdi mdi-backburger",
// icon: "mdi mdi-dots-horizontal", class: "",
// class: "nav-small-cap", extralink: false,
// extralink: true, label: "",
// label: "", labelClass: "",
// labelClass: "", submenu: [],
// submenu: [], },
// }, {
// { path: "forms/formsa/datepicker",
// path: "/maps/google", title: "Datepicker",
// title: "Google Maps", icon: "mdi mdi-calendar-check",
// icon: "Map", class: "",
// class: "", extralink: false,
// extralink: false, label: "",
// label: "", labelClass: "",
// labelClass: "", submenu: [],
// submenu: [], },
// }, {
// { path: "forms/formsa/language-datepicker",
// path: "", title: "Language Datepicker",
// title: "Pages", icon: "mdi mdi-calendar-check",
// icon: "mdi mdi-dots-horizontal", class: "",
// class: "nav-small-cap", extralink: false,
// extralink: true, label: "",
// label: "", labelClass: "",
// labelClass: "", submenu: [],
// submenu: [], },
// }, {
// { path: "forms/ngx",
// path: "ecom", title: "Form Wizard / Steps",
// title: "Ecommerce Pages", icon: "mdi mdi-attachment",
// icon: "shopping-cart", class: "",
// class: "has-arrow", extralink: false,
// extralink: false, label: "",
// label: "", labelClass: "",
// labelClass: "", submenu: [],
// submenu: [ },
// { ],
// path: "/ecom/products", },
// title: "Products", {
// icon: "mdi mdi-cards-variant", path: "",
// class: "", title: "Tables",
// extralink: false, icon: "mdi mdi-dots-horizontal",
// label: "", class: "nav-small-cap",
// labelClass: "", extralink: true,
// submenu: [], label: "",
// }, labelClass: "",
// { submenu: [],
// path: "/ecom/cart", },
// title: "Cart", {
// icon: "mdi mdi-cart", path: "tables",
// class: "", title: "Bootstrap Tables",
// extralink: false, icon: "Crop",
// label: "", class: "has-arrow",
// labelClass: "", extralink: false,
// submenu: [], label: "4",
// }, labelClass: "badge badge-danger sidebar-badge",
// { submenu: [
// path: "/ecom/edit", {
// title: "Edit Products", path: "/tables/basictables",
// icon: "mdi mdi-cart-plus", title: "Basic Tables",
// class: "", icon: "mdi mdi-border-all",
// extralink: false, class: "",
// label: "", extralink: false,
// labelClass: "", label: "",
// submenu: [], labelClass: "",
// }, submenu: [],
// { },
// path: "/ecom/details", {
// title: "Product Details", path: "/tables/darktables",
// icon: "mdi mdi-camera-burst", title: "Dark Basic Tables",
// class: "", icon: "mdi mdi-border-all",
// extralink: false, class: "",
// label: "", extralink: false,
// labelClass: "", label: "",
// submenu: [], labelClass: "",
// }, submenu: [],
// { },
// path: "/ecom/orders", {
// title: "Orders", path: "/tables/colortables",
// icon: "mdi mdi-chart-pie", title: "Colored Tables",
// class: "", icon: "mdi mdi-border-all",
// extralink: false, class: "",
// label: "", extralink: false,
// labelClass: "", label: "",
// submenu: [], labelClass: "",
// }, submenu: [],
// { },
// path: "/ecom/checkout", {
// title: "Checkout", path: "/tables/tablesizing",
// icon: "mdi mdi-clipboard-check", title: "Table Sizing",
// class: "", icon: "mdi mdi-border-all",
// extralink: false, class: "",
// label: "", extralink: false,
// labelClass: "", label: "",
// submenu: [], labelClass: "",
// }, submenu: [],
// ], },
// }, ],
// { },
// path: "authentication", {
// title: "Authentication", path: "/tables/ngtable",
// icon: "Lock", title: "Ng Tables",
// class: "has-arrow", icon: "Maximize",
// extralink: false, class: "",
// label: "", extralink: false,
// labelClass: "", label: "",
// submenu: [ labelClass: "",
// { submenu: [],
// path: "/authentication/login", },
// title: "Login", {
// icon: "mdi mdi-account-key", path: "/tables/datatable",
// class: "", title: "Data Tables",
// extralink: false, icon: "Disc",
// label: "", class: "",
// labelClass: "", extralink: false,
// submenu: [], label: "",
// }, labelClass: "",
// { submenu: [],
// path: "/authentication/login2", },
// title: "Login 2", {
// icon: "mdi mdi-account-key", path: "",
// class: "", title: "Charts",
// extralink: false, icon: "mdi mdi-dots-horizontal",
// label: "", class: "nav-small-cap",
// labelClass: "", extralink: true,
// submenu: [], label: "",
// }, labelClass: "",
// { submenu: [],
// path: "/authentication/signup", },
// title: "Register", {
// icon: "mdi mdi-account-plus", path: "charts",
// class: "", title: "Charts",
// extralink: false, icon: "Loader",
// label: "", class: "has-arrow",
// labelClass: "", extralink: false,
// submenu: [], label: "",
// }, labelClass: "",
// { submenu: [
// path: "/authentication/signup2", {
// title: "Register 2", path: "/charts/chartjs",
// icon: "mdi mdi-account-plus", title: "Chart Js",
// class: "", icon: "mdi mdi-svg",
// extralink: false, class: "",
// label: "", extralink: false,
// labelClass: "", label: "",
// submenu: [], labelClass: "",
// }, submenu: [],
// { },
// path: "/authentication/404", {
// title: "404", path: "/charts/chartistjs",
// icon: "mdi mdi-alert-outline", title: "Chartist Js",
// class: "", icon: "mdi mdi-blur",
// extralink: false, class: "",
// label: "", extralink: false,
// labelClass: "", label: "",
// submenu: [], labelClass: "",
// }, submenu: [],
// { },
// path: "/authentication/lock", {
// title: "Lockscreen", path: "/charts/ngxchart",
// icon: "mdi mdi-account-off", title: "Ngx Charts",
// class: "", icon: "mdi mdi-blur",
// extralink: false, class: "",
// label: "", extralink: false,
// labelClass: "", label: "",
// submenu: [], labelClass: "",
// }, submenu: [],
// ], },
// }, {
// { path: "/charts/apexchart",
// path: "sample-pages", title: "Apex Charts",
// title: "Sample Pages", icon: "mdi mdi-blur",
// icon: "book-open", class: "",
// class: "has-arrow", label: "",
// extralink: false, labelClass: "",
// label: "", extralink: false,
// labelClass: "", submenu: [],
// submenu: [ },
// { ],
// path: "/sample-pages/profile", },
// title: "Profile", {
// icon: "mdi mdi-account-network", path: "",
// class: "", title: "Maps",
// extralink: false, icon: "mdi mdi-dots-horizontal",
// label: "", class: "nav-small-cap",
// labelClass: "", extralink: true,
// submenu: [], label: "",
// }, labelClass: "",
// { submenu: [],
// path: "/sample-pages/pricing", },
// title: "Pricing", {
// icon: "mdi mdi-file-export", path: "/maps/google",
// class: "", title: "Google Maps",
// extralink: false, icon: "Map",
// label: "", class: "",
// labelClass: "", extralink: false,
// submenu: [], label: "",
// }, labelClass: "",
// { submenu: [],
// path: "/sample-pages/invoice", },
// title: "Invoice", {
// icon: "mdi mdi-ungroup", path: "",
// class: "", title: "Pages",
// extralink: false, icon: "mdi mdi-dots-horizontal",
// label: "", class: "nav-small-cap",
// labelClass: "", extralink: true,
// submenu: [], label: "",
// }, labelClass: "",
// { submenu: [],
// path: "/sample-pages/helperclasses", },
// title: "Helper Classes", {
// icon: "mdi mdi-tune", path: "ecom",
// class: "", title: "Ecommerce Pages",
// extralink: false, icon: "shopping-cart",
// label: "", class: "has-arrow",
// labelClass: "", extralink: false,
// submenu: [], label: "",
// }, labelClass: "",
// { submenu: [
// path: "/starter", {
// title: "Starter Page", path: "/ecom/products",
// icon: "mdi mdi-crop-free", title: "Products",
// class: "", icon: "mdi mdi-cards-variant",
// extralink: false, class: "",
// label: "", extralink: false,
// labelClass: "", label: "",
// submenu: [], labelClass: "",
// }, submenu: [],
// ], },
// }, {
// { path: "/ecom/cart",
// path: "timeline", title: "Cart",
// title: "Timeline", icon: "mdi mdi-cart",
// icon: "Activity", class: "",
// class: "has-arrow", extralink: false,
// extralink: false, label: "",
// label: "", labelClass: "",
// labelClass: "", submenu: [],
// submenu: [ },
// { {
// path: "/timeline/left", path: "/ecom/edit",
// title: "Left Timeline", title: "Edit Products",
// icon: "mdi mdi-clock-fast", icon: "mdi mdi-cart-plus",
// class: "", class: "",
// extralink: false, extralink: false,
// label: "", label: "",
// labelClass: "", labelClass: "",
// submenu: [], submenu: [],
// }, },
// { {
// path: "/timeline/right", path: "/ecom/details",
// title: "Right Timeline", title: "Product Details",
// icon: "mdi mdi-clock-end", icon: "mdi mdi-camera-burst",
// class: "", class: "",
// extralink: false, extralink: false,
// label: "", label: "",
// labelClass: "", labelClass: "",
// submenu: [], submenu: [],
// }, },
// { {
// path: "/timeline/center", path: "/ecom/orders",
// title: "Center Timeline", title: "Orders",
// icon: "mdi mdi-clock-in", icon: "mdi mdi-chart-pie",
// class: "", class: "",
// extralink: false, extralink: false,
// label: "", label: "",
// labelClass: "", labelClass: "",
// submenu: [], submenu: [],
// }, },
// ], {
// }, path: "/ecom/checkout",
// { title: "Checkout",
// path: "icons", icon: "mdi mdi-clipboard-check",
// title: "Icons", class: "",
// icon: "Feather", extralink: false,
// class: "has-arrow", label: "",
// extralink: false, labelClass: "",
// label: "", submenu: [],
// labelClass: "", },
// submenu: [ ],
// { },
// path: "/icons/fontawesome", {
// title: "Fontawesome", path: "authentication",
// icon: "mdi mdi-emoticon-cool", title: "Authentication",
// class: "", icon: "Lock",
// extralink: false, class: "has-arrow",
// label: "", extralink: false,
// labelClass: "", label: "",
// submenu: [], labelClass: "",
// }, submenu: [
// { {
// path: "/icons/simpleline", path: "/authentication/login",
// title: "Simple Line Icons", title: "Login",
// icon: "mdi mdi mdi-image-broken-variant", icon: "mdi mdi-account-key",
// class: "", class: "",
// extralink: false, extralink: false,
// label: "", label: "",
// labelClass: "", labelClass: "",
// submenu: [], submenu: [],
// }, },
// { {
// path: "/icons/material", path: "/authentication/login2",
// title: "Material Icons", title: "Login 2",
// icon: "mdi mdi-emoticon", icon: "mdi mdi-account-key",
// class: "", class: "",
// extralink: false, extralink: false,
// label: "", label: "",
// labelClass: "", labelClass: "",
// submenu: [], submenu: [],
// }, },
// ], {
// }, path: "/authentication/signup",
// { title: "Register",
// path: "mlevel", icon: "mdi mdi-account-plus",
// title: "Menu Levels", class: "",
// icon: "align-left", extralink: false,
// class: "has-arrow", label: "",
// extralink: false, labelClass: "",
// label: "", submenu: [],
// labelClass: "", },
// submenu: [ {
// { path: "/authentication/signup2",
// path: "", title: "Register 2",
// title: "Second Level", icon: "mdi mdi-account-plus",
// icon: "mdi mdi-octagram", class: "",
// class: "", extralink: false,
// extralink: true, label: "",
// label: "", labelClass: "",
// labelClass: "", submenu: [],
// submenu: [], },
// }, {
// { path: "/authentication/404",
// path: "/second", title: "404",
// title: "Second Child", icon: "mdi mdi-alert-outline",
// icon: "mdi mdi-octagram", class: "",
// class: "has-arrow", extralink: false,
// extralink: false, label: "",
// label: "", labelClass: "",
// labelClass: "", submenu: [],
// submenu: [ },
// { {
// path: "/thirdone", path: "/authentication/lock",
// title: "Third 1.1", title: "Lockscreen",
// icon: "mdi mdi-playlist-plus", icon: "mdi mdi-account-off",
// class: "", class: "",
// extralink: false, extralink: false,
// label: "", label: "",
// labelClass: "", labelClass: "",
// submenu: [], submenu: [],
// }, },
// { ],
// path: "/thirdtwo", },
// title: "Third 1.2", {
// icon: "mdi mdi-playlist-plus", path: "sample-pages",
// class: "", title: "Sample Pages",
// extralink: false, icon: "book-open",
// label: "", class: "has-arrow",
// labelClass: "", extralink: false,
// submenu: [], 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: [],
},
],
},
],
},
]; ];
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