From bcd7aa5b2c2f4cc0c1e70b6977ca74e063dccf67 Mon Sep 17 00:00:00 2001 From: Cagatay Civici Date: Fri, 10 Jan 2025 10:18:36 +0300 Subject: [PATCH] Renamed folder --- src/app.routes.ts | 2 +- .../{core => component}/app.configurator.ts | 5 +- .../app.floatingconfigurator.ts | 0 .../layout/{core => component}/app.footer.ts | 0 .../layout/{core => component}/app.layout.ts | 0 .../layout/{core => component}/app.menu.ts | 0 .../{core => component}/app.menuitem.ts | 0 .../layout/{core => component}/app.sidebar.ts | 0 .../layout/{core => component}/app.topbar.ts | 0 src/app/pages/auth/access.ts | 2 +- src/app/pages/auth/error.ts | 2 +- src/app/pages/auth/login.ts | 8 +-- src/app/pages/documentation/documentation.ts | 17 +++---- src/app/pages/notfound/notfound.ts | 2 +- src/app/pages/uikit/filedemo.ts | 50 +++++++++---------- src/app/pages/uikit/panelsdemo.ts | 44 ++++++++-------- 16 files changed, 67 insertions(+), 65 deletions(-) rename src/app/layout/{core => component}/app.configurator.ts (99%) rename src/app/layout/{core => component}/app.floatingconfigurator.ts (100%) rename src/app/layout/{core => component}/app.footer.ts (100%) rename src/app/layout/{core => component}/app.layout.ts (100%) rename src/app/layout/{core => component}/app.menu.ts (100%) rename src/app/layout/{core => component}/app.menuitem.ts (100%) rename src/app/layout/{core => component}/app.sidebar.ts (100%) rename src/app/layout/{core => component}/app.topbar.ts (100%) diff --git a/src/app.routes.ts b/src/app.routes.ts index 041c2ea..96e5ba3 100644 --- a/src/app.routes.ts +++ b/src/app.routes.ts @@ -1,5 +1,5 @@ import { Routes } from '@angular/router'; -import { AppLayout } from './app/layout/core/app.layout'; +import { AppLayout } from './app/layout/component/app.layout'; import { Dashboard } from './app/pages/dashboard/dashboard'; import { Documentation } from './app/pages/documentation/documentation'; import { Landing } from './app/pages/landing/landing'; diff --git a/src/app/layout/core/app.configurator.ts b/src/app/layout/component/app.configurator.ts similarity index 99% rename from src/app/layout/core/app.configurator.ts rename to src/app/layout/component/app.configurator.ts index fea79bf..1cae3b0 100644 --- a/src/app/layout/core/app.configurator.ts +++ b/src/app/layout/component/app.configurator.ts @@ -1,6 +1,7 @@ import { CommonModule, isPlatformBrowser } from '@angular/common'; -import { Component, computed, inject, PLATFORM_ID, Signal, signal } from '@angular/core'; +import { Component, computed, inject, PLATFORM_ID, signal } from '@angular/core'; import { FormsModule } from '@angular/forms'; +import { Router } from '@angular/router'; import { $t, updatePreset, updateSurfacePalette } from '@primeng/themes'; import Aura from '@primeng/themes/aura'; import Lara from '@primeng/themes/lara'; @@ -8,7 +9,6 @@ import Nora from '@primeng/themes/nora'; import { PrimeNG } from 'primeng/config'; import { SelectButtonModule } from 'primeng/selectbutton'; import { LayoutService } from '../service/layout.service'; -import { Router } from '@angular/router'; const presets = { Aura, @@ -91,7 +91,6 @@ declare type SurfacesType = { } }) export class AppConfigurator { - router = inject(Router); config: PrimeNG = inject(PrimeNG); diff --git a/src/app/layout/core/app.floatingconfigurator.ts b/src/app/layout/component/app.floatingconfigurator.ts similarity index 100% rename from src/app/layout/core/app.floatingconfigurator.ts rename to src/app/layout/component/app.floatingconfigurator.ts diff --git a/src/app/layout/core/app.footer.ts b/src/app/layout/component/app.footer.ts similarity index 100% rename from src/app/layout/core/app.footer.ts rename to src/app/layout/component/app.footer.ts diff --git a/src/app/layout/core/app.layout.ts b/src/app/layout/component/app.layout.ts similarity index 100% rename from src/app/layout/core/app.layout.ts rename to src/app/layout/component/app.layout.ts diff --git a/src/app/layout/core/app.menu.ts b/src/app/layout/component/app.menu.ts similarity index 100% rename from src/app/layout/core/app.menu.ts rename to src/app/layout/component/app.menu.ts diff --git a/src/app/layout/core/app.menuitem.ts b/src/app/layout/component/app.menuitem.ts similarity index 100% rename from src/app/layout/core/app.menuitem.ts rename to src/app/layout/component/app.menuitem.ts diff --git a/src/app/layout/core/app.sidebar.ts b/src/app/layout/component/app.sidebar.ts similarity index 100% rename from src/app/layout/core/app.sidebar.ts rename to src/app/layout/component/app.sidebar.ts diff --git a/src/app/layout/core/app.topbar.ts b/src/app/layout/component/app.topbar.ts similarity index 100% rename from src/app/layout/core/app.topbar.ts rename to src/app/layout/component/app.topbar.ts diff --git a/src/app/pages/auth/access.ts b/src/app/pages/auth/access.ts index 3fab0de..1f8c8a9 100644 --- a/src/app/pages/auth/access.ts +++ b/src/app/pages/auth/access.ts @@ -2,7 +2,7 @@ import { Component } from '@angular/core'; import { RouterModule } from '@angular/router'; import { ButtonModule } from 'primeng/button'; import { RippleModule } from 'primeng/ripple'; -import { AppFloatingConfigurator } from '../../layout/core/app.floatingconfigurator'; +import { AppFloatingConfigurator } from '../../layout/component/app.floatingconfigurator'; @Component({ selector: 'app-access', diff --git a/src/app/pages/auth/error.ts b/src/app/pages/auth/error.ts index 1438764..736cb49 100644 --- a/src/app/pages/auth/error.ts +++ b/src/app/pages/auth/error.ts @@ -2,7 +2,7 @@ import { Component } from '@angular/core'; import { RouterModule } from '@angular/router'; import { ButtonModule } from 'primeng/button'; import { RippleModule } from 'primeng/ripple'; -import { AppFloatingConfigurator } from '../../layout/core/app.floatingconfigurator'; +import { AppFloatingConfigurator } from '../../layout/component/app.floatingconfigurator'; @Component({ selector: 'app-error', diff --git a/src/app/pages/auth/login.ts b/src/app/pages/auth/login.ts index 0ea24a5..8385294 100644 --- a/src/app/pages/auth/login.ts +++ b/src/app/pages/auth/login.ts @@ -1,12 +1,12 @@ -import { Component, inject } from '@angular/core'; +import { Component } from '@angular/core'; +import { FormsModule } from '@angular/forms'; +import { RouterModule } from '@angular/router'; import { ButtonModule } from 'primeng/button'; import { CheckboxModule } from 'primeng/checkbox'; import { InputTextModule } from 'primeng/inputtext'; import { PasswordModule } from 'primeng/password'; -import { FormsModule } from '@angular/forms'; -import { RouterModule } from '@angular/router'; import { RippleModule } from 'primeng/ripple'; -import { AppFloatingConfigurator } from '../../layout/core/app.floatingconfigurator'; +import { AppFloatingConfigurator } from '../../layout/component/app.floatingconfigurator'; @Component({ selector: 'app-login', diff --git a/src/app/pages/documentation/documentation.ts b/src/app/pages/documentation/documentation.ts index 93d29a7..b99637b 100644 --- a/src/app/pages/documentation/documentation.ts +++ b/src/app/pages/documentation/documentation.ts @@ -1,5 +1,5 @@ -import { Component } from '@angular/core'; import { CommonModule } from '@angular/common'; +import { Component } from '@angular/core'; @Component({ selector: 'app-documentation', @@ -23,18 +23,17 @@ ng serve

The application should run at http://localhost:4200/ to view the application in your local environment.

Structure
-

Templates consists of a couple folders, demos and layout have been separated so that you can easily remove what is not necessary for your application.

+

Templates consists of a couple folders, demos and layout have been separated so that you can easily identify what is necessary for your application.

Menu

- Main menu is defined at src/app/layout/core/app.menu.ts file. Update the + Main menu is defined at src/app/layout/component/app.menu.ts file. Update the model property to define your own menu items.

@@ -44,11 +43,11 @@ ng serve

Tailwind CSS
-

The demo pages are developed with Tailwind CSS however the core application shell mainly uses custom CSS.

+

The demo pages are developed with Tailwind CSS however the core application shell uses custom CSS.

Variables

- CSS variables used in the template are derived from the default theme. Customize them through the CSS variables in src/assets/layout/variables. + CSS variables used in the template are derived from the applied PrimeNG theme. Customize them through the CSS variables in src/assets/layout/variables.

`, diff --git a/src/app/pages/notfound/notfound.ts b/src/app/pages/notfound/notfound.ts index 416d493..856887b 100644 --- a/src/app/pages/notfound/notfound.ts +++ b/src/app/pages/notfound/notfound.ts @@ -1,7 +1,7 @@ import { Component } from '@angular/core'; import { RouterModule } from '@angular/router'; import { ButtonModule } from 'primeng/button'; -import { AppFloatingConfigurator } from '../../layout/core/app.floatingconfigurator'; +import { AppFloatingConfigurator } from '../../layout/component/app.floatingconfigurator'; @Component({ selector: 'app-notfound', diff --git a/src/app/pages/uikit/filedemo.ts b/src/app/pages/uikit/filedemo.ts index c4b3d99..4d58acd 100644 --- a/src/app/pages/uikit/filedemo.ts +++ b/src/app/pages/uikit/filedemo.ts @@ -9,33 +9,33 @@ import { ToastModule } from 'primeng/toast'; selector: 'app-file-demo', standalone: true, imports: [CommonModule, FileUploadModule, ToastModule, ButtonModule], - template: `
-
-
-
Advanced
- - -
Drag and drop files to here to upload.
- - -
    -
  • {{ file.name }} - {{ file.size }} bytes
    • -
- - -
-
-
-
-
Basic
-
- - - + template: ` +
+
+
+
Advanced
+ + +
Drag and drop files to here to upload.
+ + +
    +
  • {{ file.name }} - {{ file.size }} bytes
    • +
+ +
-
-
`, +
+
+
Basic
+
+ + +
+
+
+
`, providers: [MessageService] }) export class FileDemo { diff --git a/src/app/pages/uikit/panelsdemo.ts b/src/app/pages/uikit/panelsdemo.ts index a4ca749..e6d9849 100644 --- a/src/app/pages/uikit/panelsdemo.ts +++ b/src/app/pages/uikit/panelsdemo.ts @@ -1,21 +1,21 @@ -import { Component } from '@angular/core'; -import { ButtonModule } from 'primeng/button'; import { CommonModule } from '@angular/common'; +import { Component } from '@angular/core'; import { FormsModule } from '@angular/forms'; -import { ToolbarModule } from 'primeng/toolbar'; -import { RippleModule } from 'primeng/ripple'; -import { SplitButtonModule } from 'primeng/splitbutton'; import { AccordionModule } from 'primeng/accordion'; -import { FieldsetModule } from 'primeng/fieldset'; -import { MenuModule } from 'primeng/menu'; -import { InputTextModule } from 'primeng/inputtext'; -import { DividerModule } from 'primeng/divider'; -import { SplitterModule } from 'primeng/splitter'; -import { PanelModule } from 'primeng/panel'; import { MenuItem } from 'primeng/api'; -import { TabsModule } from 'primeng/tabs'; +import { ButtonModule } from 'primeng/button'; +import { DividerModule } from 'primeng/divider'; +import { FieldsetModule } from 'primeng/fieldset'; import { IconFieldModule } from 'primeng/iconfield'; import { InputIconModule } from 'primeng/inputicon'; +import { InputTextModule } from 'primeng/inputtext'; +import { MenuModule } from 'primeng/menu'; +import { PanelModule } from 'primeng/panel'; +import { RippleModule } from 'primeng/ripple'; +import { SplitButtonModule } from 'primeng/splitbutton'; +import { SplitterModule } from 'primeng/splitter'; +import { TabsModule } from 'primeng/tabs'; +import { ToolbarModule } from 'primeng/toolbar'; @Component({ selector: 'app-panels-demo', @@ -138,18 +138,22 @@ import { InputIconModule } from 'primeng/inputicon';
Panel
- - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo - consequat. 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. + +

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea + commodo consequat. 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. +

Fieldset
- - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo - consequat. 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. + +

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea + commodo consequat. 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. +