-
- `,
- host: {
- class: 'hidden absolute top-13 right-0 w-72 p-4 bg-surface-0 dark:bg-surface-900 border border-surface rounded-border origin-top shadow-[0px_3px_5px_rgba(0,0,0,0.02),0px_0px_2px_rgba(0,0,0,0.05),0px_1px_4px_rgba(0,0,0,0.08)]'
- }
-})
-export class AppConfigurator {
- router = inject(Router);
-
- config: PrimeNG = inject(PrimeNG);
-
- layoutService: LayoutService = inject(LayoutService);
-
- platformId = inject(PLATFORM_ID);
-
- primeng = inject(PrimeNG);
-
- presets = Object.keys(presets);
-
- showMenuModeButton = signal(!this.router.url.includes('auth'));
-
- menuModeOptions = [
- { label: 'Static', value: 'static' },
- { label: 'Overlay', value: 'overlay' }
- ];
-
- ngOnInit() {
- if (isPlatformBrowser(this.platformId)) {
- this.onPresetChange(this.layoutService.layoutConfig().preset);
- }
- }
-
- surfaces: SurfacesType[] = [
- {
- name: 'slate',
- palette: {
- 0: '#ffffff',
- 50: '#f8fafc',
- 100: '#f1f5f9',
- 200: '#e2e8f0',
- 300: '#cbd5e1',
- 400: '#94a3b8',
- 500: '#64748b',
- 600: '#475569',
- 700: '#334155',
- 800: '#1e293b',
- 900: '#0f172a',
- 950: '#020617'
- }
- },
- {
- name: 'gray',
- palette: {
- 0: '#ffffff',
- 50: '#f9fafb',
- 100: '#f3f4f6',
- 200: '#e5e7eb',
- 300: '#d1d5db',
- 400: '#9ca3af',
- 500: '#6b7280',
- 600: '#4b5563',
- 700: '#374151',
- 800: '#1f2937',
- 900: '#111827',
- 950: '#030712'
- }
- },
- {
- name: 'zinc',
- palette: {
- 0: '#ffffff',
- 50: '#fafafa',
- 100: '#f4f4f5',
- 200: '#e4e4e7',
- 300: '#d4d4d8',
- 400: '#a1a1aa',
- 500: '#71717a',
- 600: '#52525b',
- 700: '#3f3f46',
- 800: '#27272a',
- 900: '#18181b',
- 950: '#09090b'
- }
- },
- {
- name: 'neutral',
- palette: {
- 0: '#ffffff',
- 50: '#fafafa',
- 100: '#f5f5f5',
- 200: '#e5e5e5',
- 300: '#d4d4d4',
- 400: '#a3a3a3',
- 500: '#737373',
- 600: '#525252',
- 700: '#404040',
- 800: '#262626',
- 900: '#171717',
- 950: '#0a0a0a'
- }
- },
- {
- name: 'stone',
- palette: {
- 0: '#ffffff',
- 50: '#fafaf9',
- 100: '#f5f5f4',
- 200: '#e7e5e4',
- 300: '#d6d3d1',
- 400: '#a8a29e',
- 500: '#78716c',
- 600: '#57534e',
- 700: '#44403c',
- 800: '#292524',
- 900: '#1c1917',
- 950: '#0c0a09'
- }
- },
- {
- name: 'soho',
- palette: {
- 0: '#ffffff',
- 50: '#ececec',
- 100: '#dedfdf',
- 200: '#c4c4c6',
- 300: '#adaeb0',
- 400: '#97979b',
- 500: '#7f8084',
- 600: '#6a6b70',
- 700: '#55565b',
- 800: '#3f4046',
- 900: '#2c2c34',
- 950: '#16161d'
- }
- },
- {
- name: 'viva',
- palette: {
- 0: '#ffffff',
- 50: '#f3f3f3',
- 100: '#e7e7e8',
- 200: '#cfd0d0',
- 300: '#b7b8b9',
- 400: '#9fa1a1',
- 500: '#87898a',
- 600: '#6e7173',
- 700: '#565a5b',
- 800: '#3e4244',
- 900: '#262b2c',
- 950: '#0e1315'
- }
- },
- {
- name: 'ocean',
- palette: {
- 0: '#ffffff',
- 50: '#fbfcfc',
- 100: '#F7F9F8',
- 200: '#EFF3F2',
- 300: '#DADEDD',
- 400: '#B1B7B6',
- 500: '#828787',
- 600: '#5F7274',
- 700: '#415B61',
- 800: '#29444E',
- 900: '#183240',
- 950: '#0c1920'
- }
- }
- ];
-
- selectedPrimaryColor = computed(() => {
- return this.layoutService.layoutConfig().primary;
- });
-
- selectedSurfaceColor = computed(() => this.layoutService.layoutConfig().surface);
-
- selectedPreset = computed(() => this.layoutService.layoutConfig().preset);
-
- menuMode = computed(() => this.layoutService.layoutConfig().menuMode);
-
- primaryColors = computed
- Primary
-
-
- @for (primaryColor of primaryColors(); track primaryColor.name) {
-
- }
-
-
- Surface
-
-
- @for (surface of surfaces; track surface.name) {
-
- }
-
-
- Presets
-
-
- Menu Mode
-
-
+
diff --git a/src/app/layout/component/app.floatingconfigurator.component.ts b/src/app/layout/component/app.floatingconfigurator.component.ts
new file mode 100644
index 0000000..736a760
--- /dev/null
+++ b/src/app/layout/component/app.floatingconfigurator.component.ts
@@ -0,0 +1,23 @@
+import { CommonModule } from '@angular/common';
+import { Component, computed, inject, input } from '@angular/core';
+import { ButtonModule } from 'primeng/button';
+import { StyleClassModule } from 'primeng/styleclass';
+import { LayoutService } from '../service/layout.service';
+import { AppConfigurator } from './app.configurator.component';
+
+@Component({
+ selector: 'app-floating-configurator',
+ imports: [CommonModule, ButtonModule, StyleClassModule, AppConfigurator],
+ templateUrl: './app.floatingconfigurator.component.html',
+})
+export class AppFloatingConfigurator {
+ LayoutService = inject(LayoutService);
+
+ float = input
+
+
-
- `
-})
-export class AppFloatingConfigurator {
- LayoutService = inject(LayoutService);
-
- float = input
-
-
+
diff --git a/src/app/layout/component/app.layout.component.ts b/src/app/layout/component/app.layout.component.ts
new file mode 100644
index 0000000..567e98f
--- /dev/null
+++ b/src/app/layout/component/app.layout.component.ts
@@ -0,0 +1,153 @@
+import { BreadcrumbService } from '@/core/services';
+import { BreadcrumbComponent } from '@/shared/components';
+import { CommonModule } from '@angular/common';
+import {
+ Component,
+ computed,
+ ContentChild,
+ inject,
+ Input,
+ Renderer2,
+ TemplateRef,
+ ViewChild,
+} from '@angular/core';
+import { NavigationEnd, Router, RouterModule } from '@angular/router';
+import { ProgressSpinner } from 'primeng/progressspinner';
+import { filter, Subscription } from 'rxjs';
+import { LayoutService } from '../service/layout.service';
+import { AppFooter } from './app.footer.component';
+import { AppSidebar } from './app.sidebar.component';
+import { AppTopbar } from './app.topbar.component';
+
+@Component({
+ selector: 'app-layout',
+ standalone: true,
+ imports: [
+ CommonModule,
+ AppTopbar,
+ AppSidebar,
+ RouterModule,
+ AppFooter,
+ BreadcrumbComponent,
+ ProgressSpinner,
+ ],
+ templateUrl: './app.layout.component.html',
+})
+export class AppLayout {
+ overlayMenuOpenSubscription: Subscription;
+
+ menuOutsideClickListener: any;
+
+ @Input() fullLoading: boolean = false;
+
+ @ViewChild(AppSidebar) appSidebar!: AppSidebar;
+
+ @ViewChild(AppTopbar) appTopBar!: AppTopbar;
+ @ContentChild('content', { static: true }) content?: TemplateRef
+
+ } @else {
+ @if (showMenu()) {
+
+
+ }
+
+
+ @if (showBreadcrumb) {
+
+
+
+
+
+ @if (content) {
+
+
-
`
-})
-export class AppLayout {
- overlayMenuOpenSubscription: Subscription;
-
- menuOutsideClickListener: any;
-
- @ViewChild(AppSidebar) appSidebar!: AppSidebar;
-
- @ViewChild(AppTopbar) appTopBar!: AppTopbar;
-
- constructor(
- public layoutService: LayoutService,
- public renderer: Renderer2,
- public router: Router
- ) {
- this.overlayMenuOpenSubscription = this.layoutService.overlayOpen$.subscribe(() => {
- if (!this.menuOutsideClickListener) {
- this.menuOutsideClickListener = this.renderer.listen('document', 'click', (event) => {
- if (this.isOutsideClicked(event)) {
- this.hideMenu();
- }
- });
- }
-
- if (this.layoutService.layoutState().staticMenuMobileActive) {
- this.blockBodyScroll();
- }
- });
-
- this.router.events.pipe(filter((event) => event instanceof NavigationEnd)).subscribe(() => {
- this.hideMenu();
- });
- }
-
- isOutsideClicked(event: MouseEvent) {
- const sidebarEl = document.querySelector('.layout-sidebar');
- const topbarEl = document.querySelector('.layout-menu-button');
- const eventTarget = event.target as Node;
-
- return !(sidebarEl?.isSameNode(eventTarget) || sidebarEl?.contains(eventTarget) || topbarEl?.isSameNode(eventTarget) || topbarEl?.contains(eventTarget));
- }
-
- hideMenu() {
- this.layoutService.layoutState.update((prev) => ({ ...prev, overlayMenuActive: false, staticMenuMobileActive: false, menuHoverActive: false }));
- if (this.menuOutsideClickListener) {
- this.menuOutsideClickListener();
- this.menuOutsideClickListener = null;
- }
- this.unblockBodyScroll();
- }
-
- blockBodyScroll(): void {
- if (document.body.classList) {
- document.body.classList.add('blocked-scroll');
- } else {
- document.body.className += ' blocked-scroll';
- }
- }
-
- unblockBodyScroll(): void {
- if (document.body.classList) {
- document.body.classList.remove('blocked-scroll');
- } else {
- document.body.className = document.body.className.replace(new RegExp('(^|\\b)' + 'blocked-scroll'.split(' ').join('|') + '(\\b|$)', 'gi'), ' ');
- }
- }
-
- get containerClass() {
- return {
- 'layout-overlay': this.layoutService.layoutConfig().menuMode === 'overlay',
- 'layout-static': this.layoutService.layoutConfig().menuMode === 'static',
- 'layout-static-inactive': this.layoutService.layoutState().staticMenuDesktopInactive && this.layoutService.layoutConfig().menuMode === 'static',
- 'layout-overlay-active': this.layoutService.layoutState().overlayMenuActive,
- 'layout-mobile-active': this.layoutService.layoutState().staticMenuMobileActive
- };
- }
-
- ngOnDestroy() {
- if (this.overlayMenuOpenSubscription) {
- this.overlayMenuOpenSubscription.unsubscribe();
- }
-
- if (this.menuOutsideClickListener) {
- this.menuOutsideClickListener();
- }
- }
-}
diff --git a/src/app/layout/component/app.menu.component.html b/src/app/layout/component/app.menu.component.html
new file mode 100644
index 0000000..877cb1c
--- /dev/null
+++ b/src/app/layout/component/app.menu.component.html
@@ -0,0 +1,10 @@
+
diff --git a/src/app/layout/component/app.menu.component.ts b/src/app/layout/component/app.menu.component.ts
new file mode 100644
index 0000000..08130ec
--- /dev/null
+++ b/src/app/layout/component/app.menu.component.ts
@@ -0,0 +1,19 @@
+import { CommonModule } from '@angular/common';
+import { Component, inject } from '@angular/core';
+import { RouterModule } from '@angular/router';
+import { AppMenuitem } from './app.menuitem.component';
+import { LayoutService } from '../service/layout.service';
+
+@Component({
+ selector: 'app-menu',
+ standalone: true,
+ imports: [CommonModule, AppMenuitem, RouterModule],
+ templateUrl: './app.menu.component.html',
+})
+export class AppMenu {
+ private layoutService = inject(LayoutService);
+
+ get model() {
+ return this.layoutService.menuItems();
+ }
+}
diff --git a/src/app/layout/component/app.menu.ts b/src/app/layout/component/app.menu.ts
deleted file mode 100644
index ae77ce7..0000000
--- a/src/app/layout/component/app.menu.ts
+++ /dev/null
@@ -1,157 +0,0 @@
-import { Component } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { RouterModule } from '@angular/router';
-import { MenuItem } from 'primeng/api';
-import { AppMenuitem } from './app.menuitem';
-
-@Component({
- selector: 'app-menu',
- standalone: true,
- imports: [CommonModule, AppMenuitem, RouterModule],
- template: ` `
-})
-export class AppMenu {
- model: MenuItem[] = [];
-
- ngOnInit() {
- this.model = [
- {
- label: 'Home',
- items: [{ label: 'Dashboard', icon: 'pi pi-fw pi-home', routerLink: ['/'] }]
- },
- {
- label: 'UI Components',
- items: [
- { label: 'Form Layout', icon: 'pi pi-fw pi-id-card', routerLink: ['/uikit/formlayout'] },
- { label: 'Input', icon: 'pi pi-fw pi-check-square', routerLink: ['/uikit/input'] },
- { label: 'Button', icon: 'pi pi-fw pi-mobile', class: 'rotated-icon', routerLink: ['/uikit/button'] },
- { label: 'Table', icon: 'pi pi-fw pi-table', routerLink: ['/uikit/table'] },
- { label: 'List', icon: 'pi pi-fw pi-list', routerLink: ['/uikit/list'] },
- { label: 'Tree', icon: 'pi pi-fw pi-share-alt', routerLink: ['/uikit/tree'] },
- { label: 'Panel', icon: 'pi pi-fw pi-tablet', routerLink: ['/uikit/panel'] },
- { label: 'Overlay', icon: 'pi pi-fw pi-clone', routerLink: ['/uikit/overlay'] },
- { label: 'Media', icon: 'pi pi-fw pi-image', routerLink: ['/uikit/media'] },
- { label: 'Menu', icon: 'pi pi-fw pi-bars', routerLink: ['/uikit/menu'] },
- { label: 'Message', icon: 'pi pi-fw pi-comment', routerLink: ['/uikit/message'] },
- { label: 'File', icon: 'pi pi-fw pi-file', routerLink: ['/uikit/file'] },
- { label: 'Chart', icon: 'pi pi-fw pi-chart-bar', routerLink: ['/uikit/charts'] },
- { label: 'Timeline', icon: 'pi pi-fw pi-calendar', routerLink: ['/uikit/timeline'] },
- { label: 'Misc', icon: 'pi pi-fw pi-circle', routerLink: ['/uikit/misc'] }
- ]
- },
- {
- label: 'Pages',
- icon: 'pi pi-fw pi-briefcase',
- routerLink: ['/pages'],
- items: [
- {
- label: 'Landing',
- icon: 'pi pi-fw pi-globe',
- routerLink: ['/landing']
- },
- {
- label: 'Auth',
- icon: 'pi pi-fw pi-user',
- items: [
- {
- label: 'Login',
- icon: 'pi pi-fw pi-sign-in',
- routerLink: ['/auth/login']
- },
- {
- label: 'Error',
- icon: 'pi pi-fw pi-times-circle',
- routerLink: ['/auth/error']
- },
- {
- label: 'Access Denied',
- icon: 'pi pi-fw pi-lock',
- routerLink: ['/auth/access']
- }
- ]
- },
- {
- label: 'Crud',
- icon: 'pi pi-fw pi-pencil',
- routerLink: ['/pages/crud']
- },
- {
- label: 'Not Found',
- icon: 'pi pi-fw pi-exclamation-circle',
- routerLink: ['/pages/notfound']
- },
- {
- label: 'Empty',
- icon: 'pi pi-fw pi-circle-off',
- routerLink: ['/pages/empty']
- }
- ]
- },
- {
- label: 'Hierarchy',
- items: [
- {
- label: 'Submenu 1',
- icon: 'pi pi-fw pi-bookmark',
- items: [
- {
- label: 'Submenu 1.1',
- icon: 'pi pi-fw pi-bookmark',
- items: [
- { label: 'Submenu 1.1.1', icon: 'pi pi-fw pi-bookmark' },
- { label: 'Submenu 1.1.2', icon: 'pi pi-fw pi-bookmark' },
- { label: 'Submenu 1.1.3', icon: 'pi pi-fw pi-bookmark' }
- ]
- },
- {
- label: 'Submenu 1.2',
- icon: 'pi pi-fw pi-bookmark',
- items: [{ label: 'Submenu 1.2.1', icon: 'pi pi-fw pi-bookmark' }]
- }
- ]
- },
- {
- label: 'Submenu 2',
- icon: 'pi pi-fw pi-bookmark',
- items: [
- {
- label: 'Submenu 2.1',
- icon: 'pi pi-fw pi-bookmark',
- items: [
- { label: 'Submenu 2.1.1', icon: 'pi pi-fw pi-bookmark' },
- { label: 'Submenu 2.1.2', icon: 'pi pi-fw pi-bookmark' }
- ]
- },
- {
- label: 'Submenu 2.2',
- icon: 'pi pi-fw pi-bookmark',
- items: [{ label: 'Submenu 2.2.1', icon: 'pi pi-fw pi-bookmark' }]
- }
- ]
- }
- ]
- },
- {
- label: 'Get Started',
- items: [
- {
- label: 'Documentation',
- icon: 'pi pi-fw pi-book',
- routerLink: ['/documentation']
- },
- {
- label: 'View Source',
- icon: 'pi pi-fw pi-github',
- url: 'https://github.com/primefaces/sakai-ng',
- target: '_blank'
- }
- ]
- }
- ];
- }
-}
diff --git a/src/app/layout/component/app.menuitem.component.html b/src/app/layout/component/app.menuitem.component.html
new file mode 100644
index 0000000..95b26a1
--- /dev/null
+++ b/src/app/layout/component/app.menuitem.component.html
@@ -0,0 +1,58 @@
+
-
-
-
-
- -
+
-
-
+
diff --git a/src/app/layout/component/app.topbar.component.ts b/src/app/layout/component/app.topbar.component.ts
new file mode 100644
index 0000000..adb7293
--- /dev/null
+++ b/src/app/layout/component/app.topbar.component.ts
@@ -0,0 +1,53 @@
+import { AuthService } from '@/core/services/auth.service';
+import { CommonModule } from '@angular/common';
+import { Component, computed, inject } from '@angular/core';
+import { RouterModule } from '@angular/router';
+import { MenuItem } from 'primeng/api';
+import { Button } from 'primeng/button';
+import { MenuModule } from 'primeng/menu';
+import { StyleClassModule } from 'primeng/styleclass';
+import images from 'src/assets/images';
+import { LayoutService } from '../service/layout.service';
+
+@Component({
+ selector: 'app-topbar',
+ standalone: true,
+ imports: [RouterModule, CommonModule, StyleClassModule, MenuModule, Button],
+ templateUrl: './app.topbar.component.html',
+})
+export class AppTopbar {
+ items!: MenuItem[];
+
+ constructor(public layoutService: LayoutService) {}
+ private authService: AuthService = inject(AuthService);
+
+ readonly logo = images.logo;
+
+ toggleDarkMode() {
+ this.layoutService.layoutConfig.update((state) => ({ ...state, darkTheme: !state.darkTheme }));
+ }
+
+ username = computed(() => this.authService.currentUser()?.fullName || 'کاربر ناشناس');
+
+ logout = () => {
+ this.authService.logout();
+ };
+
+ profileMenuItems: MenuItem[] = [
+ {
+ label: this.username(),
+ icon: 'pi pi-user',
+ disabled: true,
+ },
+ {
+ label: 'راهنمای سامانه',
+ icon: 'pi pi-question-circle',
+ disabled: true,
+ },
+ {
+ label: 'خروج',
+ icon: 'pi pi-sign-out',
+ command: this.logout,
+ },
+ ];
+}
diff --git a/src/app/layout/component/app.topbar.ts b/src/app/layout/component/app.topbar.ts
deleted file mode 100644
index 62545da..0000000
--- a/src/app/layout/component/app.topbar.ts
+++ /dev/null
@@ -1,120 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { MenuItem } from 'primeng/api';
-import { StyleClassModule } from 'primeng/styleclass';
-import { LayoutService } from '../service/layout.service';
-import { AppConfigurator } from './app.configurator';
-
-@Component({
- selector: 'app-topbar',
- standalone: true,
- imports: [RouterModule, CommonModule, StyleClassModule, AppConfigurator],
- template: ` `,
-})
-export class AppTopbar {
- items!: MenuItem[];
-
- constructor(public layoutService: LayoutService) {}
-
- toggleDarkMode() {
- this.layoutService.layoutConfig.update((state) => ({ ...state, darkTheme: !state.darkTheme }));
- }
-}
diff --git a/src/app/layout/service/layout.service.ts b/src/app/layout/service/layout.service.ts
index dc78b22..cf25a34 100644
--- a/src/app/layout/service/layout.service.ts
+++ b/src/app/layout/service/layout.service.ts
@@ -1,4 +1,6 @@
-import { Injectable, computed, effect, signal } from '@angular/core';
+import { MENU_ITEMS } from '@/core/constants';
+import { computed, effect, Injectable, signal } from '@angular/core';
+import { MenuItem } from 'primeng/api';
import { Subject } from 'rxjs';
export interface layoutConfig {
@@ -15,6 +17,7 @@ interface LayoutState {
configSidebarVisible?: boolean;
staticMenuMobileActive?: boolean;
menuHoverActive?: boolean;
+ isFixedContentSize?: boolean;
}
interface MenuChangeEvent {
@@ -28,7 +31,7 @@ interface MenuChangeEvent {
export class LayoutService {
_config: layoutConfig = {
preset: 'Aura',
- primary: 'violet',
+ primary: 'blue',
surface: null,
darkTheme: localStorage.getItem('isDarkTheme') === 'true',
menuMode: 'static',
@@ -40,6 +43,7 @@ export class LayoutService {
configSidebarVisible: false,
staticMenuMobileActive: false,
menuHoverActive: false,
+ isFixedContentSize: true,
};
layoutConfig = signal
+
+
+
+
+
+ ![]()
+ صندوق فروشگاهی
+
+
- ![امتحانات شبه نهایی سنجش]()
- به پنل امتحانات شبه نهایی سنجش خوش آمدید.
+ ![صندوق فروشگاهی]()
+ به پنل صندوق فروشگاهی خوش آمدید.
@if (activeStep() === "login") {
diff --git a/src/app/modules/customers/components/form.component.html b/src/app/modules/customers/components/form.component.html
new file mode 100644
index 0000000..e6ab161
--- /dev/null
+++ b/src/app/modules/customers/components/form.component.html
@@ -0,0 +1,14 @@
+
-
-
`,
})
export class Access {}
diff --git a/src/app/pages/auth/error.ts b/src/app/pages/auth/error.ts
index d3fc6f2..a61019f 100644
--- a/src/app/pages/auth/error.ts
+++ b/src/app/pages/auth/error.ts
@@ -2,31 +2,46 @@ import { Component } from '@angular/core';
import { RouterModule } from '@angular/router';
import { ButtonModule } from 'primeng/button';
import { RippleModule } from 'primeng/ripple';
-import { AppFloatingConfigurator } from '../../layout/component/app.floatingconfigurator';
@Component({
- selector: 'app-error',
- imports: [ButtonModule, RippleModule, RouterModule, AppFloatingConfigurator, ButtonModule],
- standalone: true,
- template: `
-
+ selector: 'app-access',
+ standalone: true,
+ imports: [ButtonModule, RouterModule, RippleModule, ButtonModule],
+ template: `
-
-
- 
-
-
-
-
- Access Denied
- You do not have the necessary permisions. Please contact admins. -
-
-
-
+
+
+
+
+
+
+
+
+
+
`
+
+
- + Access Denied +
+ You do not have the necessary permisions. Please contact admins. +
+
+
+
-
-
`,
})
export class Error {}
diff --git a/src/app/pages/auth/login.ts b/src/app/pages/auth/login.ts
index 0b48f0a..aa93066 100644
--- a/src/app/pages/auth/login.ts
+++ b/src/app/pages/auth/login.ts
@@ -6,66 +6,127 @@ import { CheckboxModule } from 'primeng/checkbox';
import { InputTextModule } from 'primeng/inputtext';
import { PasswordModule } from 'primeng/password';
import { RippleModule } from 'primeng/ripple';
-import { AppFloatingConfigurator } from '../../layout/component/app.floatingconfigurator';
@Component({
- selector: 'app-login',
- standalone: true,
- imports: [ButtonModule, CheckboxModule, InputTextModule, PasswordModule, FormsModule, RouterModule, RippleModule, AppFloatingConfigurator],
- template: `
-
-
+ selector: 'app-error',
+ imports: [ButtonModule, RippleModule, RouterModule, ButtonModule],
+ standalone: true,
+ template: `
-
-
- 
-
-
-
-
- Error Occured
- Requested resource is not available. -
-
-
-
+
+
+
+
+
+
+
+
+
+
`
+
+
- + Error Occured +
+ Requested resource is not available. +
+
+
+
-
-
-
+ @if (type === "switch") {
+
diff --git a/src/app/shared/components/input/input.component.ts b/src/app/shared/components/input/input.component.ts
index f5c881e..a23193b 100644
--- a/src/app/shared/components/input/input.component.ts
+++ b/src/app/shared/components/input/input.component.ts
@@ -4,15 +4,17 @@ import { CommonModule } from '@angular/common';
import { Component, EventEmitter, Input, Output } from '@angular/core';
import { FormControl, ReactiveFormsModule, Validators } from '@angular/forms';
import { InputTextModule } from 'primeng/inputtext';
+import { ToggleSwitch } from 'primeng/toggleswitch';
@Component({
selector: 'app-input',
standalone: true,
- imports: [CommonModule, ReactiveFormsModule, InputTextModule, UikitFieldComponent],
+ imports: [CommonModule, ReactiveFormsModule, InputTextModule, UikitFieldComponent, ToggleSwitch],
templateUrl: './input.component.html',
})
export class InputComponent {
- @Input() type: 'simple' | 'postalCode' | 'mobile' | 'phone' | 'email' = 'simple';
+ @Input() type: 'simple' | 'postalCode' | 'mobile' | 'phone' | 'email' | 'checkbox' | 'switch' =
+ 'simple';
@Input() control!: FormControl>;
@Input() name!: string;
@Input() label: string = '';
diff --git a/src/app/shared/components/pageDataList/page-data-list.component.html b/src/app/shared/components/pageDataList/page-data-list.component.html
index bacaa3a..dff5a06 100644
--- a/src/app/shared/components/pageDataList/page-data-list.component.html
+++ b/src/app/shared/components/pageDataList/page-data-list.component.html
@@ -83,7 +83,7 @@
-
+
+
@for (i of [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20]; track i) {
diff --git a/src/app/shared/components/pageDataList/page-data-list.component.ts b/src/app/shared/components/pageDataList/page-data-list.component.ts
index fb1be86..2b6c01b 100644
--- a/src/app/shared/components/pageDataList/page-data-list.component.ts
+++ b/src/app/shared/components/pageDataList/page-data-list.component.ts
@@ -80,9 +80,9 @@ export class PageDataListComponent {
filterDrawerVisible = signal(false);
ngOnInit() {
- if (this.fullHeight) {
- this.renderer.setStyle(this.host.nativeElement, 'height', '100cqmin');
- }
+ // if (this.fullHeight) {
+ // this.renderer.setStyle(this.host.nativeElement, 'height', '100cqmin');
+ // }
}
edit = (item: I) => {
diff --git a/src/app/uikit/uikit-emptystate.component.html b/src/app/uikit/uikit-emptystate.component.html
index b6ce4b5..6e86269 100644
--- a/src/app/uikit/uikit-emptystate.component.html
+++ b/src/app/uikit/uikit-emptystate.component.html
@@ -1,6 +1,6 @@
-
+ selector: 'app-login',
+ standalone: true,
+ imports: [
+ ButtonModule,
+ CheckboxModule,
+ InputTextModule,
+ PasswordModule,
+ FormsModule,
+ RouterModule,
+ RippleModule,
+ ],
+ template: `
+
-
-
-
-
-
- Welcome to PrimeLand!
- Sign in to continue
-
-
-
-
-
-
-
-
-
-
- Forgot password?
-
+
+ `,
})
export class Login {
- email: string = '';
+ email: string = '';
- password: string = '';
+ password: string = '';
- checked: boolean = false;
+ checked: boolean = false;
}
diff --git a/src/app/pages/landing/components/featureswidget.ts b/src/app/pages/landing/components/featureswidget.ts
deleted file mode 100644
index 68a459f..0000000
--- a/src/app/pages/landing/components/featureswidget.ts
+++ /dev/null
@@ -1,139 +0,0 @@
-import { Component } from '@angular/core';
-import { CommonModule } from '@angular/common';
-
-@Component({
- selector: 'features-widget',
- standalone: true,
- imports: [CommonModule],
- template: `
+
+
+
- `
+
+
+
+
+
+
+ Welcome to PrimeLand!
+
+ Sign in to continue
+
+
+
+
+
+
+
+
+
+ Forgot password?
+
-
`
-})
-export class FeaturesWidget {}
diff --git a/src/app/pages/landing/components/footerwidget.ts b/src/app/pages/landing/components/footerwidget.ts
deleted file mode 100644
index a8cbd8d..0000000
--- a/src/app/pages/landing/components/footerwidget.ts
+++ /dev/null
@@ -1,73 +0,0 @@
-import { Component } from '@angular/core';
-import { Router, RouterModule } from '@angular/router';
-
-@Component({
- selector: 'footer-widget',
- imports: [RouterModule],
- template: `
-
-
-
-
-
- Marvelous Features
- Placerat in egestas erat...
-
-
-
-
-
-
-
-
-
-
- Easy to Use
- Posuere morbi leo urna molestie. -
-
-
-
-
-
-
-
-
-
- Fresh Design
- Semper risus in hendrerit. -
-
-
-
-
-
-
-
-
-
- Well Documented
- Non arcu risus quis varius quam quisque.
-
-
-
-
-
-
-
-
-
-
- Responsive Layout
- Nulla malesuada pellentesque elit.
-
-
-
-
-
-
-
-
-
-
- Clean Code
- Condimentum lacinia quis vel eros.
-
-
-
-
-
-
-
-
-
-
- Dark Mode
- Convallis tellus id interdum velit laoreet.
-
-
-
-
-
-
-
-
-
-
- Ready to Use
- Mauris sit amet massa vitae.
-
-
-
-
-
-
-
-
-
-
- Modern Practices
- Elementum nibh tellus molestie nunc non.
-
-
-
-
-
-
-
-
-
-
- Privacy
- Neque egestas congue quisque.
-
-
-
- 
-
- Joséphine Miller
- Peak Interactive
- - “Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.” -
-
-
-
- `
-})
-export class FooterWidget {
- constructor(public router: Router) {}
-}
diff --git a/src/app/pages/landing/components/herowidget.ts b/src/app/pages/landing/components/herowidget.ts
deleted file mode 100644
index fbbf017..0000000
--- a/src/app/pages/landing/components/herowidget.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { Component } from '@angular/core';
-import { ButtonModule } from 'primeng/button';
-import { RippleModule } from 'primeng/ripple';
-
-@Component({
- selector: 'hero-widget',
- imports: [ButtonModule, RippleModule],
- template: `
-
-
-
-
-
-
-
- SAKAI
- -
-
-
-
-
-
-
-
-
-
-
- 
-
- `
-})
-export class HeroWidget {}
diff --git a/src/app/pages/landing/components/highlightswidget.ts b/src/app/pages/landing/components/highlightswidget.ts
deleted file mode 100644
index 8e80e2d..0000000
--- a/src/app/pages/landing/components/highlightswidget.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
- selector: 'highlights-widget',
- template: `
-
-
- Eu sem integereget magna fermentum
-Sed blandit libero volutpat sed cras. Fames ac turpis egestas integer. Placerat in egestas erat...
- -
- 
-
-
-
-
- `
-})
-export class HighlightsWidget {}
diff --git a/src/app/pages/landing/components/pricingwidget.ts b/src/app/pages/landing/components/pricingwidget.ts
deleted file mode 100644
index f091a2c..0000000
--- a/src/app/pages/landing/components/pricingwidget.ts
+++ /dev/null
@@ -1,119 +0,0 @@
-import { Component } from '@angular/core';
-import { ButtonModule } from 'primeng/button';
-import { DividerModule } from 'primeng/divider';
-import { RippleModule } from 'primeng/ripple';
-
-@Component({
- selector: 'pricing-widget',
- imports: [DividerModule, ButtonModule, RippleModule],
- template: `
-
-
-
- Powerful Everywhere
- Amet consectetur adipiscing elit...
-
-
-
-
- 
-
-
-
-
-
-
-
-
- Congue Quisque Egestas
- Lectus arcu bibendum at varius vel pharetra vel turpis nunc. Eget aliquet nibh praesent tristique magna sit amet purus gravida. Sit amet mattis vulputate enim nulla aliquet.
-
-
-
-
-
-
-
-
- Celerisque Eu Ultrices
- Adipiscing commodo elit at imperdiet dui. Viverra nibh cras pulvinar mattis nunc sed blandit libero. Suspendisse in est ante in. Mauris pharetra et ultrices neque ornare aenean euismod elementum nisi.
-
- 
-
-
-
-
- `
-})
-export class PricingWidget {}
diff --git a/src/app/pages/landing/components/topbarwidget.component.ts b/src/app/pages/landing/components/topbarwidget.component.ts
deleted file mode 100644
index 879c0a0..0000000
--- a/src/app/pages/landing/components/topbarwidget.component.ts
+++ /dev/null
@@ -1,68 +0,0 @@
-import { Component } from '@angular/core';
-import { StyleClassModule } from 'primeng/styleclass';
-import { Router, RouterModule } from '@angular/router';
-import { RippleModule } from 'primeng/ripple';
-import { ButtonModule } from 'primeng/button';
-import {AppFloatingConfigurator} from "@/layout/component/app.floatingconfigurator";
-
-@Component({
- selector: 'topbar-widget',
- imports: [RouterModule, StyleClassModule, ButtonModule, RippleModule, AppFloatingConfigurator],
- template: `
-
- SAKAI
-
-
-
-
-
-
- `
-})
-export class TopbarWidget {
- constructor(public router: Router) {}
-}
diff --git a/src/app/pages/landing/landing.ts b/src/app/pages/landing/landing.ts
deleted file mode 100644
index 56d3e46..0000000
--- a/src/app/pages/landing/landing.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import { Component } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { RippleModule } from 'primeng/ripple';
-import { StyleClassModule } from 'primeng/styleclass';
-import { ButtonModule } from 'primeng/button';
-import { DividerModule } from 'primeng/divider';
-import { TopbarWidget } from './components/topbarwidget.component';
-import { HeroWidget } from './components/herowidget';
-import { FeaturesWidget } from './components/featureswidget';
-import { HighlightsWidget } from './components/highlightswidget';
-import { PricingWidget } from './components/pricingwidget';
-import { FooterWidget } from './components/footerwidget';
-
-@Component({
- selector: 'app-landing',
- standalone: true,
- imports: [RouterModule, TopbarWidget, HeroWidget, FeaturesWidget, HighlightsWidget, PricingWidget, FooterWidget, RippleModule, StyleClassModule, ButtonModule, DividerModule],
- template: `
-
-
-
- Matchless Pricing
- Amet consectetur adipiscing elit...
-
-
-
-
-
-
- 
-
- Free
-
-
-
-
- $0
- per month
-
-
- -
-
- - - Responsive Layout - -
- - - Unlimited Push Messages - -
- - - 50 Support Ticket - -
- - - Free Shipping - -
-
-
-
- 
-
- Startup
-
-
-
-
- $1
- per month
-
-
- -
-
- - - Responsive Layout - -
- - - Unlimited Push Messages - -
- - - 50 Support Ticket - -
- - - Free Shipping - -
-
-
- 
-
- Enterprise
-
-
-
-
- $5
- per month
-
-
- -
-
- - - Responsive Layout - -
- - - Unlimited Push Messages - -
- - - 50 Support Ticket - -
- - - Free Shipping - -
-
- `
-})
-export class Landing {}
diff --git a/src/app/pages/notfound/notfound.component.html b/src/app/pages/notfound/notfound.component.html
new file mode 100644
index 0000000..d388b20
--- /dev/null
+++ b/src/app/pages/notfound/notfound.component.html
@@ -0,0 +1,52 @@
+
-
-
+
diff --git a/src/app/pages/notfound/notfound.component.ts b/src/app/pages/notfound/notfound.component.ts
new file mode 100644
index 0000000..56ce444
--- /dev/null
+++ b/src/app/pages/notfound/notfound.component.ts
@@ -0,0 +1,29 @@
+import { Component, inject } from '@angular/core';
+import { RouterModule } from '@angular/router';
+import { ButtonModule } from 'primeng/button';
+import images from 'src/assets/images';
+
+@Component({
+ selector: 'app-notfound',
+ standalone: true,
+ imports: [RouterModule, ButtonModule],
+ templateUrl: './notfound.component.html',
+})
+export class Notfound {
+ readonly logo = images.logo;
+
+ readonly notFoundListItems = [
+ {
+ icon: 'pi-table',
+ title: 'سوالات متداول',
+ description: 'لیست سوالات متداول',
+ link: '/',
+ },
+ {
+ icon: 'pi-question-circle',
+ title: 'تیکت پشتیبانی',
+ description: 'از این طریق میتوانید با پشتیبانی در ارتباط باشید',
+ link: '/',
+ },
+ ];
+}
diff --git a/src/app/pages/notfound/notfound.ts b/src/app/pages/notfound/notfound.ts
deleted file mode 100644
index 07ef44a..0000000
--- a/src/app/pages/notfound/notfound.ts
+++ /dev/null
@@ -1,68 +0,0 @@
-import { Component } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { ButtonModule } from 'primeng/button';
-import { AppFloatingConfigurator } from '../../layout/component/app.floatingconfigurator';
-
-@Component({
- selector: 'app-notfound',
- standalone: true,
- imports: [RouterModule, AppFloatingConfigurator, ButtonModule],
- template: `
+
+
+ ![]()
+ صندوق فروشگاهی
+
+
+
+
+ 404
+
+ صفحه مورد نظر یافت نشد
+
+ متاسفانه صفحه ای که به دنبال آن هستید وجود ندارد یا ممکن است حذف شده باشد.
+
+
+ @for (item of notFoundListItems; track item) {
+
+
+
+
+
+ {{
+ item.title
+ }}
+ {{ item.description }}
+
+
+ }
+
+
-
`
-})
-export class Notfound {}
diff --git a/src/app/shared/components/input/input.component.html b/src/app/shared/components/input/input.component.html
index e744cf1..a766364 100644
--- a/src/app/shared/components/input/input.component.html
+++ b/src/app/shared/components/input/input.component.html
@@ -1,17 +1,21 @@
-
-
-
-
-
- 404
-
- Not Found
-Requested resource is not available.
-
-
-
-
-
- Frequently Asked Questions
- Ultricies mi quis hendrerit dolor.
-
-
-
-
-
-
-
- Solution Center
- Phasellus faucibus scelerisque eleifend.
-
-
-
-
-
-
-
- Permission Manager
- Accumsan in nisl nisi scelerisque
-
-
-