Add images, update services, fix routes
This commit is contained in:
6
src/views/dashboard.routes.ts
Normal file
6
src/views/dashboard.routes.ts
Normal file
@@ -0,0 +1,6 @@
|
||||
import { Dashboard } from '@/src/views/dashboard';
|
||||
import { Routes } from '@angular/router';
|
||||
|
||||
export default [
|
||||
{ path: '', component: Dashboard}
|
||||
] as Routes;
|
||||
@@ -1,7 +1,10 @@
|
||||
import { Routes } from '@angular/router';
|
||||
import { Access } from '@/src/views/pages/auth/access';
|
||||
import { Login } from '@/src/views/pages/auth/login';
|
||||
import { Error } from '@/src/views/pages/auth/error';
|
||||
|
||||
export default [
|
||||
{ path: 'access', loadComponent: () => import('./access').then(c => c.Access)},
|
||||
{ path: 'error', loadComponent: () => import('./error').then(c => c.Error)},
|
||||
{ path: 'login', loadComponent: () => import('./login').then(c => c.Login)},
|
||||
{ path: 'access', component: Access},
|
||||
{ path: 'error', component: Error},
|
||||
{ path: 'login', component: Login},
|
||||
] as Routes;
|
||||
|
||||
@@ -237,7 +237,7 @@ import { Product, ProductService } from '@/src/service/product.service';
|
||||
</p-dialog>
|
||||
</div>
|
||||
`,
|
||||
providers: [MessageService]
|
||||
providers: [MessageService, ProductService],
|
||||
})
|
||||
export class Crud implements OnInit {
|
||||
|
||||
|
||||
@@ -1,10 +1,15 @@
|
||||
import { Routes } from '@angular/router';
|
||||
import { Documentation } from '@/src/views/pages/documentation';
|
||||
import { Crud } from '@/src/views/pages/crud';
|
||||
import { Landing } from '@/src/views/pages/landing';
|
||||
import { Empty } from '@/src/views/pages/empty';
|
||||
import { Notfound } from '@/src/views/pages/notfound';
|
||||
|
||||
export default [
|
||||
{ path: 'documentation', loadComponent: () => import('./documentation').then(c => c.Documentation)},
|
||||
{ path: 'crud', loadComponent: () => import('./crud').then(c => c.Crud)},
|
||||
{ path: 'landing', loadComponent: () => import('./landing').then(c => c.Landing)},
|
||||
{ path: 'empty', loadComponent: () => import('./empty').then(c => c.Empty)},
|
||||
{ path: 'notfound', loadComponent: () => import('./notfound').then(c => c.Notfound)},
|
||||
{ path: 'documentation', component: Documentation},
|
||||
{ path: 'crud', component: Crud},
|
||||
{ path: 'landing', component: Landing},
|
||||
{ path: 'empty', component: Empty},
|
||||
{ path: 'notfound', component: Notfound},
|
||||
{ path: '**', redirectTo: '/notfound' }
|
||||
] as Routes;
|
||||
|
||||
@@ -27,6 +27,7 @@ import {InputGroupAddonModule} from "primeng/inputgroupaddon";
|
||||
import {TextareaModule} from "primeng/textarea";
|
||||
import { CountryService } from '@/src/service/country.service';
|
||||
import { NodeService } from '@/src/service/node.service';
|
||||
import { ToggleButtonModule } from 'primeng/togglebutton';
|
||||
|
||||
@Component({
|
||||
standalone: true,
|
||||
@@ -51,6 +52,7 @@ import { NodeService } from '@/src/service/node.service';
|
||||
KnobModule,
|
||||
SelectModule,
|
||||
DatePickerModule,
|
||||
ToggleButtonModule,
|
||||
ToggleSwitchModule,
|
||||
TreeSelectModule,
|
||||
MultiSelectModule,
|
||||
@@ -172,7 +174,7 @@ import { NodeService } from '@/src/service/node.service';
|
||||
<p-multiselect [(ngModel)]="multiselectValue" [options]="multiselectValues" optionLabel="name" placeholder="Select Countries" [filter]="true">
|
||||
<ng-template #selecteditems let-countries>
|
||||
@for (country of countries; track country.code) {
|
||||
<div class="inline-flex items-center py-1 px-2 bg-primary text-primary-contrast text-primary-contrast rounded-border mr-2">
|
||||
<div class="inline-flex items-center py-1 px-2 bg-primary text-primary-contrast rounded-border mr-2">
|
||||
<span [class]="'mr-2 flag flag-' + country.code.toLowerCase()" style="width: 18px; height: 12px"></span>
|
||||
<div>{{ country.name }}</div>
|
||||
</div>
|
||||
@@ -192,7 +194,7 @@ import { NodeService } from '@/src/service/node.service';
|
||||
|
||||
<div class="card flex flex-col gap-4">
|
||||
<div class="font-semibold text-xl">ToggleButton</div>
|
||||
<p-togglebutton [(ngModel)]="toggleValue" onLabel="Yes" offLabel="No" :style="{ width: '10em' }"/>
|
||||
<p-togglebutton [(ngModel)]="toggleValue" onLabel="Yes" offLabel="No" [style]="{ width: '10em' }"/>
|
||||
|
||||
<div class="font-semibold text-xl">SelectButton</div>
|
||||
<p-selectbutton [(ngModel)]="selectButtonValue" [options]="selectButtonValues" optionLabel="name"/>
|
||||
|
||||
@@ -159,6 +159,7 @@ import { Product, ProductService } from '@/src/service/product.service';
|
||||
</div>
|
||||
</div>
|
||||
</div>`,
|
||||
providers: [ProductService]
|
||||
})
|
||||
export class ListDoc {
|
||||
|
||||
|
||||
@@ -51,6 +51,7 @@ import { PhotoService } from '@/src/service/photo.service';
|
||||
</ng-template>
|
||||
</p-galleria>
|
||||
</div>`,
|
||||
providers: [ProductService, PhotoService],
|
||||
})
|
||||
export class MediaDoc implements OnInit {
|
||||
|
||||
|
||||
@@ -28,7 +28,7 @@ import { OverlayBadgeModule } from 'primeng/overlaybadge';
|
||||
ScrollTopModule,
|
||||
OverlayBadgeModule
|
||||
],
|
||||
template: `<template>
|
||||
template: `
|
||||
<div class="card">
|
||||
<div class="font-semibold text-xl mb-4">ProgressBar</div>
|
||||
<div class="flex flex-col md:flex-row gap-4">
|
||||
@@ -195,7 +195,6 @@ import { OverlayBadgeModule } from 'primeng/overlaybadge';
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
`,
|
||||
})
|
||||
export class MiscDoc {
|
||||
|
||||
@@ -116,7 +116,7 @@ import { TooltipModule } from 'primeng/tooltip';
|
||||
</div>
|
||||
</div>
|
||||
</div>`,
|
||||
providers: [ConfirmationService, MessageService]
|
||||
providers: [ConfirmationService, MessageService, ProductService]
|
||||
})
|
||||
export class OverlayDoc implements OnInit {
|
||||
|
||||
|
||||
@@ -386,7 +386,7 @@ interface expandedRows {
|
||||
</ng-template>
|
||||
</p-table>
|
||||
</div>`,
|
||||
providers: [ConfirmationService, MessageService]
|
||||
providers: [ConfirmationService, MessageService, CustomerService, ProductService],
|
||||
})
|
||||
export class TableDoc implements OnInit {
|
||||
|
||||
|
||||
@@ -1,18 +1,35 @@
|
||||
import { Routes } from '@angular/router';
|
||||
import { ButtonDoc } from '@/src/views/uikit/buttondoc';
|
||||
import { ChartDoc } from '@/src/views/uikit/chartdoc';
|
||||
import { FileDoc } from '@/src/views/uikit/filedoc';
|
||||
import { FormLayoutDoc } from '@/src/views/uikit/formlayoutdoc';
|
||||
import { InputDoc } from '@/src/views/uikit/inputdoc';
|
||||
import { ListDoc } from '@/src/views/uikit/listdoc';
|
||||
import { MediaDoc } from '@/src/views/uikit/mediadoc';
|
||||
import { MessagesDoc } from '@/src/views/uikit/messagesdoc';
|
||||
import { MiscDoc } from '@/src/views/uikit/miscdoc';
|
||||
import { PanelsDoc } from '@/src/views/uikit/panelsdoc';
|
||||
import { TableDoc } from '@/src/views/uikit/tabledoc';
|
||||
import { TreeDoc } from '@/src/views/uikit/treedoc';
|
||||
import { MenuDoc } from '@/src/views/uikit/menudoc';
|
||||
import { OverlayDoc } from '@/src/views/uikit/overlaydoc';
|
||||
import { TimelineDoc } from '@/src/views/uikit/timelinedoc';
|
||||
|
||||
export default [
|
||||
{ path: 'button', data: { breadcrumb: 'Button' }, loadComponent: () => import('./buttondoc').then(c => c.ButtonDoc) },
|
||||
{ path: 'charts', data: { breadcrumb: 'Charts' }, loadComponent: () => import('./chartdoc').then(c => c.ChartDoc) },
|
||||
{ path: 'file', data: { breadcrumb: 'File' }, loadComponent: () => import('./filedoc').then(c => c.FileDoc) },
|
||||
{ path: 'formlayout', data: { breadcrumb: 'Form Layout' }, loadComponent: () => import('./formlayoutdoc').then(c => c.FormLayoutDoc) },
|
||||
{ path: 'input', data: { breadcrumb: 'Input' }, loadComponent: () => import('./inputdoc').then(c => c.InputDoc) },
|
||||
{ path: 'list', data: { breadcrumb: 'List' }, loadComponent: () => import('./listdoc').then(c => c.ListDoc) },
|
||||
{ path: 'media', data: { breadcrumb: 'Media' }, loadComponent: () => import('./mediadoc').then(c => c.MediaDoc) },
|
||||
{ path: 'message', data: { breadcrumb: 'Message' }, loadComponent: () => import('./messagesdoc').then(c => c.MessagesDoc) },
|
||||
{ path: 'misc', data: { breadcrumb: 'Misc' }, loadComponent: () => import('./miscdoc').then(c => c.MiscDoc) },
|
||||
{ path: 'panel', data: { breadcrumb: 'Panel' }, loadComponent: () => import('./panelsdoc').then(c => c.PanelsDoc) },
|
||||
{ path: 'table', data: { breadcrumb: 'Table' }, loadComponent: () => import('./tabledoc').then(c => c.TableDoc) },
|
||||
{ path: 'tree', data: { breadcrumb: 'Tree' }, loadComponent: () => import('./treedoc').then(c => c.TreeDoc) },
|
||||
{ path: 'menu', data: { breadcrumb: 'Menu' }, loadComponent: () => import('./menudoc').then(c => c.MenuDoc) },
|
||||
{ path: 'button', data: { breadcrumb: 'Button' }, component: ButtonDoc},
|
||||
{ path: 'charts', data: { breadcrumb: 'Charts' }, component: ChartDoc },
|
||||
{ path: 'file', data: { breadcrumb: 'File' }, component: FileDoc },
|
||||
{ path: 'formlayout', data: { breadcrumb: 'Form Layout' }, component: FormLayoutDoc },
|
||||
{ path: 'input', data: { breadcrumb: 'Input' }, component: InputDoc },
|
||||
{ path: 'list', data: { breadcrumb: 'List' }, component: ListDoc },
|
||||
{ path: 'media', data: { breadcrumb: 'Media' }, component: MediaDoc },
|
||||
{ path: 'message', data: { breadcrumb: 'Message' }, component: MessagesDoc },
|
||||
{ path: 'misc', data: { breadcrumb: 'Misc' }, component: MiscDoc },
|
||||
{ path: 'panel', data: { breadcrumb: 'Panel' }, component: PanelsDoc },
|
||||
{ path: 'timeline', data: { breadcrumb: 'Timeline' }, component: TimelineDoc },
|
||||
{ path: 'table', data: { breadcrumb: 'Table' }, component: TableDoc },
|
||||
{ path: 'overlay', data: { breadcrumb: 'Overlay' }, component: OverlayDoc },
|
||||
{ path: 'tree', data: { breadcrumb: 'Tree' }, component: TreeDoc },
|
||||
{ path: 'menu', data: { breadcrumb: 'Menu' }, component: MenuDoc },
|
||||
{ path: '**', redirectTo: '/notfound' }
|
||||
] as Routes;
|
||||
|
||||
Reference in New Issue
Block a user