package optimizations
This commit is contained in:
Ben Wilson
+2
-2
@@ -4,10 +4,10 @@
|
|||||||
"scripts": {
|
"scripts": {
|
||||||
"ng": "ng",
|
"ng": "ng",
|
||||||
"start": "ng serve --proxy-config proxy.config.local.json ",
|
"start": "ng serve --proxy-config proxy.config.local.json ",
|
||||||
"build": "ng build --configuration=production && gzipper compress --verbose --gzip --brotli ./dist/public-pool-ui/",
|
"build": "ng build --configuration=production && gzipper compress --gzip --brotli ./dist/public-pool-ui/",
|
||||||
"watch": "ng build --watch --configuration development",
|
"watch": "ng build --watch --configuration development",
|
||||||
"test": "ng test",
|
"test": "ng test",
|
||||||
"bundle-report": "ng build --configuration=production --stats-json && webpack-bundle-analyzer dist/public-pool-ui/stats.json"
|
"bundle-report": "ng build --configuration=production --source-map=true --named-chunks=true --stats-json && webpack-bundle-analyzer dist/public-pool-ui/stats.json"
|
||||||
},
|
},
|
||||||
"private": true,
|
"private": true,
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
|
|||||||
@@ -1,23 +1,24 @@
|
|||||||
import { NgModule } from '@angular/core';
|
|
||||||
import { BrowserModule } from '@angular/platform-browser';
|
|
||||||
import { FormsModule } from '@angular/forms';
|
|
||||||
import { HttpClientModule } from '@angular/common/http';
|
import { HttpClientModule } from '@angular/common/http';
|
||||||
|
import { NgModule } from '@angular/core';
|
||||||
|
import { FormsModule } from '@angular/forms';
|
||||||
|
import { BrowserModule } from '@angular/platform-browser';
|
||||||
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
|
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
|
||||||
import { InputTextModule } from 'primeng/inputtext';
|
import { RouterModule } from '@angular/router';
|
||||||
import { SidebarModule } from 'primeng/sidebar';
|
|
||||||
import { BadgeModule } from 'primeng/badge';
|
import { BadgeModule } from 'primeng/badge';
|
||||||
import { RadioButtonModule } from 'primeng/radiobutton';
|
|
||||||
import { InputSwitchModule } from 'primeng/inputswitch';
|
import { InputSwitchModule } from 'primeng/inputswitch';
|
||||||
|
import { InputTextModule } from 'primeng/inputtext';
|
||||||
|
import { RadioButtonModule } from 'primeng/radiobutton';
|
||||||
import { RippleModule } from 'primeng/ripple';
|
import { RippleModule } from 'primeng/ripple';
|
||||||
|
import { SidebarModule } from 'primeng/sidebar';
|
||||||
|
|
||||||
|
import { AppFooterComponent } from './app.footer.component';
|
||||||
|
import { AppLayoutComponent } from './app.layout.component';
|
||||||
import { AppMenuComponent } from './app.menu.component';
|
import { AppMenuComponent } from './app.menu.component';
|
||||||
import { AppMenuitemComponent } from './app.menuitem.component';
|
import { AppMenuitemComponent } from './app.menuitem.component';
|
||||||
import { RouterModule } from '@angular/router';
|
import { AppSidebarComponent } from './app.sidebar.component';
|
||||||
import { AppTopBarComponent } from './app.topbar.component';
|
import { AppTopBarComponent } from './app.topbar.component';
|
||||||
import { AppFooterComponent } from './app.footer.component';
|
|
||||||
import { AppConfigModule } from './config/config.module';
|
|
||||||
import { AppSidebarComponent } from "./app.sidebar.component";
|
|
||||||
import { AppLayoutComponent } from "./app.layout.component";
|
|
||||||
|
|
||||||
|
//import { AppConfigModule } from './config/config.module';
|
||||||
@NgModule({
|
@NgModule({
|
||||||
declarations: [
|
declarations: [
|
||||||
AppMenuitemComponent,
|
AppMenuitemComponent,
|
||||||
@@ -39,7 +40,7 @@ import { AppLayoutComponent } from "./app.layout.component";
|
|||||||
InputSwitchModule,
|
InputSwitchModule,
|
||||||
RippleModule,
|
RippleModule,
|
||||||
RouterModule,
|
RouterModule,
|
||||||
AppConfigModule
|
// AppConfigModule
|
||||||
],
|
],
|
||||||
exports: [AppLayoutComponent]
|
exports: [AppLayoutComponent]
|
||||||
})
|
})
|
||||||
|
|||||||
@@ -1,242 +0,0 @@
|
|||||||
<button class="layout-config-button p-link" type="button" (click)="onConfigButtonClick()">
|
|
||||||
<i class="pi pi-cog"></i>
|
|
||||||
</button>
|
|
||||||
|
|
||||||
<p-sidebar [(visible)]="visible" position="right" [transitionOptions]="'.3s cubic-bezier(0, 0, 0.2, 1)'" styleClass="layout-config-sidebar w-20rem">
|
|
||||||
<h5>Scale</h5>
|
|
||||||
<div class="flex align-items-center">
|
|
||||||
<button icon="pi pi-minus" type="button" pButton (click)="decrementScale()" class="p-button-text p-button-rounded w-2rem h-2rem mr-2" [disabled]="scale === scales[0]"></button>
|
|
||||||
<div class="flex gap-2 align-items-center">
|
|
||||||
<i class="pi pi-circle-fill text-300" *ngFor="let s of scales" [ngClass]="{'text-primary-500': s === scale}"></i>
|
|
||||||
</div>
|
|
||||||
<button icon="pi pi-plus" type="button" pButton (click)="incrementScale()" class="p-button-text p-button-rounded w-2rem h-2rem ml-2" [disabled]="scale === scales[scales.length - 1]"></button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<ng-container *ngIf="!minimal">
|
|
||||||
<h5>Menu Type</h5>
|
|
||||||
<div class="field-radiobutton">
|
|
||||||
<p-radioButton name="menuMode" value="static" [(ngModel)]="menuMode" inputId="mode1"></p-radioButton>
|
|
||||||
<label for="mode1">Static</label>
|
|
||||||
</div>
|
|
||||||
<div class="field-radiobutton">
|
|
||||||
<p-radioButton name="menuMode" value="overlay" [(ngModel)]="menuMode" inputId="mode2"></p-radioButton>
|
|
||||||
<label for="mode2">Overlay</label>
|
|
||||||
</div>
|
|
||||||
</ng-container>
|
|
||||||
|
|
||||||
<ng-container *ngIf="!minimal">
|
|
||||||
<h5>Input Style</h5>
|
|
||||||
<div class="flex">
|
|
||||||
<div class="field-radiobutton flex-1">
|
|
||||||
<p-radioButton name="inputStyle" value="outlined" [(ngModel)]="inputStyle" inputId="outlined_input"></p-radioButton>
|
|
||||||
<label for="outlined_input">Outlined</label>
|
|
||||||
</div>
|
|
||||||
<div class="field-radiobutton flex-1">
|
|
||||||
<p-radioButton name="inputStyle" value="filled" [(ngModel)]="inputStyle" inputId="filled_input"></p-radioButton>
|
|
||||||
<label for="filled_input">Filled</label>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<h5>Ripple Effect</h5>
|
|
||||||
<p-inputSwitch [(ngModel)]="ripple"></p-inputSwitch>
|
|
||||||
</ng-container>
|
|
||||||
|
|
||||||
|
|
||||||
<h5>Bootstrap</h5>
|
|
||||||
<div class="grid">
|
|
||||||
<div class="col-3">
|
|
||||||
<button class="p-link w-2rem h-2rem" (click)="changeTheme('bootstrap4-light-blue', 'light')">
|
|
||||||
<img src="assets/layout/images/themes/bootstrap4-light-blue.svg" class="w-2rem h-2rem" alt="Bootstrap Light Blue">
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<div class="col-3">
|
|
||||||
<button class="p-link w-2rem h-2rem" (click)="changeTheme('bootstrap4-light-purple', 'light')">
|
|
||||||
<img src="assets/layout/images/themes/bootstrap4-light-purple.svg" class="w-2rem h-2rem" alt="Bootstrap Light Purple">
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<div class="col-3">
|
|
||||||
<button class="p-link w-2rem h-2rem" (click)="changeTheme('bootstrap4-dark-blue', 'dark')">
|
|
||||||
<img src="assets/layout/images/themes/bootstrap4-dark-blue.svg" class="w-2rem h-2rem" alt="Bootstrap Dark Blue">
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<div class="col-3">
|
|
||||||
<button class="p-link w-2rem h-2rem" (click)="changeTheme('bootstrap4-dark-purple', 'dark')">
|
|
||||||
<img src="assets/layout/images/themes/bootstrap4-dark-purple.svg" class="w-2rem h-2rem" alt="Bootstrap Dark Purple">
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<h5>Material Design</h5>
|
|
||||||
<div class="grid">
|
|
||||||
<div class="col-3">
|
|
||||||
<button class="p-link w-2rem h-2rem" (click)="changeTheme('md-light-indigo', 'light')">
|
|
||||||
<img src="assets/layout/images/themes/md-light-indigo.svg" class="w-2rem h-2rem" alt="Material Light Indigo">
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<div class="col-3">
|
|
||||||
<button class="p-link w-2rem h-2rem" (click)="changeTheme('md-light-deeppurple', 'light')">
|
|
||||||
<img src="assets/layout/images/themes/md-light-deeppurple.svg" class="w-2rem h-2rem" alt="Material Light DeepPurple">
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<div class="col-3">
|
|
||||||
<button class="p-link w-2rem h-2rem" (click)="changeTheme('md-dark-indigo', 'dark')">
|
|
||||||
<img src="assets/layout/images/themes/md-dark-indigo.svg" class="w-2rem h-2rem" alt="Material Dark Indigo">
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<div class="col-3">
|
|
||||||
<button class="p-link w-2rem h-2rem" (click)="changeTheme('md-dark-deeppurple', 'dark')">
|
|
||||||
<img src="assets/layout/images/themes/md-dark-deeppurple.svg" class="w-2rem h-2rem" alt="Material Dark DeepPurple">
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<h5>Material Design Compact</h5>
|
|
||||||
<div class="grid">
|
|
||||||
<div class="col-3">
|
|
||||||
<button class="p-link w-2rem h-2rem" (click)="changeTheme('mdc-light-indigo', 'light')">
|
|
||||||
<img src="assets/layout/images/themes/md-light-indigo.svg" class="w-2rem h-2rem" alt="Material Light Indigo">
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<div class="col-3">
|
|
||||||
<button class="p-link w-2rem h-2rem" (click)="changeTheme('mdc-light-deeppurple', 'light')">
|
|
||||||
<img src="assets/layout/images/themes/md-light-deeppurple.svg" class="w-2rem h-2rem" alt="Material Light Deep Purple">
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<div class="col-3">
|
|
||||||
<button class="p-link w-2rem h-2rem" (click)="changeTheme('mdc-dark-indigo', 'dark')">
|
|
||||||
<img src="assets/layout/images/themes/md-dark-indigo.svg" class="w-2rem h-2rem" alt="Material Dark Indigo">
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<div class="col-3">
|
|
||||||
<button class="p-link w-2rem h-2rem" (click)="changeTheme('mdc-dark-deeppurple', 'dark')">
|
|
||||||
<img src="assets/layout/images/themes/md-dark-deeppurple.svg" class="w-2rem h-2rem" alt="Material Dark Deep Purple">
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<h5>Tailwind</h5>
|
|
||||||
<div class="grid">
|
|
||||||
<div class="col-3">
|
|
||||||
<button class="p-link w-2rem h-2rem" (click)="changeTheme('tailwind-light', 'light')">
|
|
||||||
<img src="assets/layout/images/themes/tailwind-light.png" class="w-2rem h-2rem" alt="Tailwind Light">
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<h5>Fluent UI</h5>
|
|
||||||
<div class="grid">
|
|
||||||
<div class="col-3">
|
|
||||||
<button class="p-link w-2rem h-2rem" (click)="changeTheme('fluent-light', 'light')">
|
|
||||||
<img src="assets/layout/images/themes/fluent-light.png" class="w-2rem h-2rem" alt="Fluent Light">
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<h5>PrimeOne Design - 2022</h5>
|
|
||||||
<div class="grid">
|
|
||||||
<div class="col-3">
|
|
||||||
<button class="p-link w-2rem h-2rem" (click)="changeTheme('lara-light-indigo', 'light')">
|
|
||||||
<img src="assets/layout/images/themes/lara-light-indigo.png" class="w-2rem h-2rem" alt="Lara Light Indigo">
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<div class="col-3">
|
|
||||||
<button class="p-link w-2rem h-2rem" (click)="changeTheme('lara-light-blue', 'light')">
|
|
||||||
<img src="assets/layout/images/themes/lara-light-blue.png" class="w-2rem h-2rem" alt="Lara Light Blue">
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<div class="col-3">
|
|
||||||
<button class="p-link w-2rem h-2rem" (click)="changeTheme('lara-light-purple', 'light')">
|
|
||||||
<img src="assets/layout/images/themes/lara-light-purple.png" class="w-2rem h-2rem" alt="Lara Light Purple">
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<div class="col-3">
|
|
||||||
<button class="p-link w-2rem h-2rem" (click)="changeTheme('lara-light-teal', 'light')">
|
|
||||||
<img src="assets/layout/images/themes/lara-light-teal.png" class="w-2rem h-2rem" alt="Lara Light Teal">
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<div class="col-3">
|
|
||||||
<button class="p-link w-2rem h-2rem" (click)="changeTheme('lara-dark-indigo', 'dark')">
|
|
||||||
<img src="assets/layout/images/themes/lara-dark-indigo.png" class="w-2rem h-2rem" alt="Lara Dark Indigo">
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<div class="col-3">
|
|
||||||
<button class="p-link w-2rem h-2rem" (click)="changeTheme('lara-dark-blue', 'dark')">
|
|
||||||
<img src="assets/layout/images/themes/lara-dark-blue.png" class="w-2rem h-2rem" alt="Lara Dark Blue">
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<div class="col-3">
|
|
||||||
<button class="p-link w-2rem h-2rem" (click)="changeTheme('lara-dark-purple', 'dark')">
|
|
||||||
<img src="assets/layout/images/themes/lara-dark-purple.png" class="w-2rem h-2rem" alt="Lara Dark Purple">
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<div class="col-3">
|
|
||||||
<button class="p-link w-2rem h-2rem" (click)="changeTheme('lara-dark-teal', 'dark')">
|
|
||||||
<img src="assets/layout/images/themes/lara-dark-teal.png" class="w-2rem h-2rem" alt="Lara Dark Teal">
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<h5>PrimeOne Design - 2021</h5>
|
|
||||||
<div class="grid">
|
|
||||||
<div class="col-3">
|
|
||||||
<button class="p-link w-2rem h-2rem" (click)="changeTheme('saga-blue', 'light')">
|
|
||||||
<img src="assets/layout/images/themes/saga-blue.png" class="w-2rem h-2rem" alt="Saga Blue">
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<div class="col-3">
|
|
||||||
<button class="p-link w-2rem h-2rem" (click)="changeTheme('saga-green', 'light')">
|
|
||||||
<img src="assets/layout/images/themes/saga-green.png" class="w-2rem h-2rem" alt="Saga Green">
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<div class="col-3">
|
|
||||||
<button class="p-link w-2rem h-2rem" (click)="changeTheme('saga-orange', 'light')">
|
|
||||||
<img src="assets/layout/images/themes/saga-orange.png" class="w-2rem h-2rem" alt="Saga Orange">
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<div class="col-3">
|
|
||||||
<button class="p-link w-2rem h-2rem" (click)="changeTheme('saga-purple', 'light')">
|
|
||||||
<img src="assets/layout/images/themes/saga-purple.png" class="w-2rem h-2rem" alt="Saga Purple">
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<div class="col-3">
|
|
||||||
<button class="p-link w-2rem h-2rem" (click)="changeTheme('vela-blue', 'dark')">
|
|
||||||
<img src="assets/layout/images/themes/vela-blue.png" class="w-2rem h-2rem" alt="Vela Blue">
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<div class="col-3">
|
|
||||||
<button class="p-link w-2rem h-2rem" (click)="changeTheme('vela-green', 'dark')">
|
|
||||||
<img src="assets/layout/images/themes/vela-green.png" class="w-2rem h-2rem" alt="Vela Green">
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<div class="col-3">
|
|
||||||
<button class="p-link w-2rem h-2rem" (click)="changeTheme('vela-orange', 'dark')">
|
|
||||||
<img src="assets/layout/images/themes/vela-orange.png" class="w-2rem h-2rem" alt="Vela Orange">
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<div class="col-3">
|
|
||||||
<button class="p-link w-2rem h-2rem" (click)="changeTheme('vela-purple', 'dark')">
|
|
||||||
<img src="assets/layout/images/themes/vela-purple.png" class="w-2rem h-2rem" alt="Vela Purple">
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<div class="col-3">
|
|
||||||
<button class="p-link w-2rem h-2rem" (click)="changeTheme('arya-blue', 'dark')">
|
|
||||||
<img src="assets/layout/images/themes/arya-blue.png" class="w-2rem h-2rem" alt="Arya Blue">
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<div class="col-3">
|
|
||||||
<button class="p-link w-2rem h-2rem" (click)="changeTheme('arya-green', 'dark')">
|
|
||||||
<img src="assets/layout/images/themes/arya-green.png" class="w-2rem h-2rem" alt="Arya Green">
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<div class="col-3">
|
|
||||||
<button class="p-link w-2rem h-2rem" (click)="changeTheme('arya-orange', 'dark')">
|
|
||||||
<img src="assets/layout/images/themes/arya-orange.png" class="w-2rem h-2rem" alt="Arya Orange">
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<div class="col-3">
|
|
||||||
<button class="p-link w-2rem h-2rem" (click)="changeTheme('arya-purple', 'dark')">
|
|
||||||
<img src="assets/layout/images/themes/arya-purple.png" class="w-2rem h-2rem" alt="Arya Purple">
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</p-sidebar>
|
|
||||||
@@ -1,102 +0,0 @@
|
|||||||
import { Component, Input } from '@angular/core';
|
|
||||||
import { LayoutService } from "../service/app.layout.service";
|
|
||||||
import { MenuService } from "../app.menu.service";
|
|
||||||
|
|
||||||
@Component({
|
|
||||||
selector: 'app-config',
|
|
||||||
templateUrl: './app.config.component.html'
|
|
||||||
})
|
|
||||||
export class AppConfigComponent {
|
|
||||||
|
|
||||||
@Input() minimal: boolean = false;
|
|
||||||
|
|
||||||
scales: number[] = [12, 13, 14, 15, 16];
|
|
||||||
|
|
||||||
constructor(public layoutService: LayoutService, public menuService: MenuService) { }
|
|
||||||
|
|
||||||
get visible(): boolean {
|
|
||||||
return this.layoutService.state.configSidebarVisible;
|
|
||||||
}
|
|
||||||
|
|
||||||
set visible(_val: boolean) {
|
|
||||||
this.layoutService.state.configSidebarVisible = _val;
|
|
||||||
}
|
|
||||||
|
|
||||||
get scale(): number {
|
|
||||||
return this.layoutService.config.scale;
|
|
||||||
}
|
|
||||||
|
|
||||||
set scale(_val: number) {
|
|
||||||
this.layoutService.config.scale = _val;
|
|
||||||
}
|
|
||||||
|
|
||||||
get menuMode(): string {
|
|
||||||
return this.layoutService.config.menuMode;
|
|
||||||
}
|
|
||||||
|
|
||||||
set menuMode(_val: string) {
|
|
||||||
this.layoutService.config.menuMode = _val;
|
|
||||||
}
|
|
||||||
|
|
||||||
get inputStyle(): string {
|
|
||||||
return this.layoutService.config.inputStyle;
|
|
||||||
}
|
|
||||||
|
|
||||||
set inputStyle(_val: string) {
|
|
||||||
this.layoutService.config.inputStyle = _val;
|
|
||||||
}
|
|
||||||
|
|
||||||
get ripple(): boolean {
|
|
||||||
return this.layoutService.config.ripple;
|
|
||||||
}
|
|
||||||
|
|
||||||
set ripple(_val: boolean) {
|
|
||||||
this.layoutService.config.ripple = _val;
|
|
||||||
}
|
|
||||||
|
|
||||||
onConfigButtonClick() {
|
|
||||||
this.layoutService.showConfigSidebar();
|
|
||||||
}
|
|
||||||
|
|
||||||
changeTheme(theme: string, colorScheme: string) {
|
|
||||||
const themeLink = <HTMLLinkElement>document.getElementById('theme-css');
|
|
||||||
const newHref = themeLink.getAttribute('href')!.replace(this.layoutService.config.theme, theme);
|
|
||||||
this.layoutService.config.colorScheme
|
|
||||||
this.replaceThemeLink(newHref, () => {
|
|
||||||
this.layoutService.config.theme = theme;
|
|
||||||
this.layoutService.config.colorScheme = colorScheme;
|
|
||||||
this.layoutService.onConfigUpdate();
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
replaceThemeLink(href: string, onComplete: Function) {
|
|
||||||
const id = 'theme-css';
|
|
||||||
const themeLink = <HTMLLinkElement>document.getElementById('theme-css');
|
|
||||||
const cloneLinkElement = <HTMLLinkElement>themeLink.cloneNode(true);
|
|
||||||
|
|
||||||
cloneLinkElement.setAttribute('href', href);
|
|
||||||
cloneLinkElement.setAttribute('id', id + '-clone');
|
|
||||||
|
|
||||||
themeLink.parentNode!.insertBefore(cloneLinkElement, themeLink.nextSibling);
|
|
||||||
|
|
||||||
cloneLinkElement.addEventListener('load', () => {
|
|
||||||
themeLink.remove();
|
|
||||||
cloneLinkElement.setAttribute('id', id);
|
|
||||||
onComplete();
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
decrementScale() {
|
|
||||||
this.scale--;
|
|
||||||
this.applyScale();
|
|
||||||
}
|
|
||||||
|
|
||||||
incrementScale() {
|
|
||||||
this.scale++;
|
|
||||||
this.applyScale();
|
|
||||||
}
|
|
||||||
|
|
||||||
applyScale() {
|
|
||||||
document.documentElement.style.fontSize = this.scale + 'px';
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,26 +0,0 @@
|
|||||||
import { NgModule } from '@angular/core';
|
|
||||||
import { CommonModule } from '@angular/common';
|
|
||||||
import { FormsModule } from '@angular/forms';
|
|
||||||
import { SidebarModule } from 'primeng/sidebar';
|
|
||||||
import { RadioButtonModule } from 'primeng/radiobutton';
|
|
||||||
import { ButtonModule } from 'primeng/button';
|
|
||||||
import { InputSwitchModule } from 'primeng/inputswitch';
|
|
||||||
import { AppConfigComponent } from './app.config.component';
|
|
||||||
|
|
||||||
@NgModule({
|
|
||||||
imports: [
|
|
||||||
CommonModule,
|
|
||||||
FormsModule,
|
|
||||||
SidebarModule,
|
|
||||||
RadioButtonModule,
|
|
||||||
ButtonModule,
|
|
||||||
InputSwitchModule
|
|
||||||
],
|
|
||||||
declarations: [
|
|
||||||
AppConfigComponent
|
|
||||||
],
|
|
||||||
exports: [
|
|
||||||
AppConfigComponent
|
|
||||||
]
|
|
||||||
})
|
|
||||||
export class AppConfigModule { }
|
|
||||||
+28
-48
@@ -1,32 +1,9 @@
|
|||||||
import { NgModule } from '@angular/core';
|
import { NgModule } from '@angular/core';
|
||||||
import { ConfirmationService, MessageService } from 'primeng/api';
|
import { ConfirmationService, MessageService } from 'primeng/api';
|
||||||
import { ButtonModule } from 'primeng/button';
|
import { ButtonModule } from 'primeng/button';
|
||||||
import { CalendarModule } from 'primeng/calendar';
|
|
||||||
import { CardModule } from 'primeng/card';
|
|
||||||
import { ChartModule } from 'primeng/chart';
|
import { ChartModule } from 'primeng/chart';
|
||||||
import { CheckboxModule } from 'primeng/checkbox';
|
|
||||||
import { ConfirmDialogModule } from 'primeng/confirmdialog';
|
|
||||||
import { DataViewModule } from 'primeng/dataview';
|
|
||||||
import { DialogModule } from 'primeng/dialog';
|
|
||||||
import { DividerModule } from 'primeng/divider';
|
|
||||||
import { DropdownModule } from 'primeng/dropdown';
|
|
||||||
import { DynamicDialogModule } from 'primeng/dynamicdialog';
|
|
||||||
import { FieldsetModule } from 'primeng/fieldset';
|
|
||||||
import { InputNumberModule } from 'primeng/inputnumber';
|
|
||||||
import { InputSwitchModule } from 'primeng/inputswitch';
|
import { InputSwitchModule } from 'primeng/inputswitch';
|
||||||
import { InputTextModule } from 'primeng/inputtext';
|
|
||||||
import { InputTextareaModule } from 'primeng/inputtextarea';
|
|
||||||
import { MenuModule } from 'primeng/menu';
|
|
||||||
import { OverlayPanelModule } from 'primeng/overlaypanel';
|
|
||||||
import { PanelModule } from 'primeng/panel';
|
|
||||||
import { ProgressSpinnerModule } from 'primeng/progressspinner';
|
|
||||||
import { SelectButtonModule } from 'primeng/selectbutton';
|
|
||||||
import { StepsModule } from 'primeng/steps';
|
|
||||||
import { StyleClassModule } from 'primeng/styleclass';
|
|
||||||
import { TableModule } from 'primeng/table';
|
import { TableModule } from 'primeng/table';
|
||||||
import { TabViewModule } from 'primeng/tabview';
|
|
||||||
import { TagModule } from 'primeng/tag';
|
|
||||||
import { ToastModule } from 'primeng/toast';
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@@ -36,33 +13,36 @@ export const primeNgServices = [
|
|||||||
]
|
]
|
||||||
|
|
||||||
const primeNgModules = [
|
const primeNgModules = [
|
||||||
ButtonModule,
|
|
||||||
DropdownModule,
|
|
||||||
ToastModule,
|
|
||||||
CheckboxModule,
|
|
||||||
CardModule,
|
|
||||||
DialogModule,
|
|
||||||
StepsModule,
|
|
||||||
InputTextModule,
|
|
||||||
DividerModule,
|
|
||||||
ProgressSpinnerModule,
|
|
||||||
DynamicDialogModule,
|
|
||||||
FieldsetModule,
|
|
||||||
CalendarModule,
|
|
||||||
InputTextareaModule,
|
|
||||||
TableModule,
|
TableModule,
|
||||||
InputNumberModule,
|
|
||||||
ConfirmDialogModule,
|
|
||||||
TabViewModule,
|
|
||||||
MenuModule,
|
|
||||||
OverlayPanelModule,
|
|
||||||
DataViewModule,
|
|
||||||
ChartModule,
|
ChartModule,
|
||||||
TagModule,
|
InputSwitchModule,
|
||||||
StyleClassModule,
|
ButtonModule,
|
||||||
PanelModule,
|
|
||||||
SelectButtonModule,
|
// DropdownModule,
|
||||||
InputSwitchModule
|
// ToastModule,
|
||||||
|
// CheckboxModule,
|
||||||
|
// CardModule,
|
||||||
|
// DialogModule,
|
||||||
|
// StepsModule,
|
||||||
|
// InputTextModule,
|
||||||
|
// DividerModule,
|
||||||
|
// ProgressSpinnerModule,
|
||||||
|
// DynamicDialogModule,
|
||||||
|
// FieldsetModule,
|
||||||
|
// InputTextareaModule,
|
||||||
|
|
||||||
|
// InputNumberModule,
|
||||||
|
// ConfirmDialogModule,
|
||||||
|
// TabViewModule,
|
||||||
|
// MenuModule,
|
||||||
|
// OverlayPanelModule,
|
||||||
|
// DataViewModule,
|
||||||
|
|
||||||
|
// TagModule,
|
||||||
|
// StyleClassModule,
|
||||||
|
// PanelModule,
|
||||||
|
// SelectButtonModule,
|
||||||
|
|
||||||
];
|
];
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user