carloshra/nexus-spa
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Config updated

Browse Source
This commit is contained in:
Yiğit FINDIKLI
2022-01-07 15:40:43 +03:00
parent 1db6011a8a
commit fea22fa33d
14 changed files with 182 additions and 116 deletions
Download Patch File Download Diff File Expand all files Collapse all files

74
src/app/app.config.component.html
View File

@@ -14,19 +14,19 @@
<h6>Input Style</h6>
<div class="p-formgroup-inline">
<div class="field-radiobutton">
<p-radioButton name="inputStyle" value="outlined" [(ngModel)]="app.inputStyle"
<p-radioButton name="inputStyle" value="outlined" [(ngModel)]="config.inputStyle" (onClick)="onInputStyleChange()"
inputId="inputStyle1"></p-radioButton>
<label for="inputStyle1">Outlined</label>
</div>
<div class="field-radiobutton">
<p-radioButton name="inputStyle" value="filled" [(ngModel)]="app.inputStyle"
<p-radioButton name="inputStyle" value="filled" [(ngModel)]="config.inputStyle" (onClick)="onInputStyleChange()"
inputId="inputStyle2"></p-radioButton>
<label for="inputStyle2">Filled</label>
</div>
</div>
<h6>Ripple Effect</h6>
<p-inputSwitch [ngModel]="app.ripple" (onChange)="appMain.onRippleChange($event)"></p-inputSwitch>
<p-inputSwitch [ngModel]="config.ripple" (onChange)="onRippleChange($event.checked)"></p-inputSwitch>
<h6>Menu Type</h6>
<div class="p-formgroup-inline">
@@ -44,22 +44,22 @@
<h6>Bootstrap</h6>
<div class="grid free-themes">
<div class="col-3 text-center">
<button class="p-link" (click)="appMain.changeTheme('bootstrap4-light-blue', false)">
<button class="p-link" (click)="changeTheme('bootstrap4-light-blue', false)">
<img src="assets/layout/images/themes/bootstrap4-light-blue.svg" alt="Bootstrap Light Blue">
</button>
</div>
<div class="col-3 text-center">
<button class="p-link" (click)="appMain.changeTheme('bootstrap4-light-purple', false)">
<button class="p-link" (click)="changeTheme('bootstrap4-light-purple', false)">
<img src="assets/layout/images/themes/bootstrap4-light-purple.svg" alt="Bootstrap Light Purple">
</button>
</div>
<div class="col-3 text-center">
<button class="p-link" (click)="appMain.changeTheme('bootstrap4-dark-blue', true)">
<button class="p-link" (click)="changeTheme('bootstrap4-dark-blue', true)">
<img src="assets/layout/images/themes/bootstrap4-dark-blue.svg" alt="Bootstrap Dark Blue">
</button>
</div>
<div class="col-3 text-center">
<button class="p-link" (click)="appMain.changeTheme('bootstrap4-dark-purple', true)">
<button class="p-link" (click)="changeTheme('bootstrap4-dark-purple', true)">
<img src="assets/layout/images/themes/bootstrap4-dark-purple.svg" alt="Bootstrap Dark Purple">
</button>
</div>
@@ -68,22 +68,22 @@
<h6>Material Design</h6>
<div class="grid free-themes">
<div class="col-3 text-center">
<button class="p-link" (click)="appMain.changeTheme('md-light-indigo', false)">
<button class="p-link" (click)="changeTheme('md-light-indigo', false)">
<img src="assets/layout/images/themes/md-light-indigo.svg" alt="Material Light Indigo">
</button>
</div>
<div class="col-3 text-center">
<button class="p-link" (click)="appMain.changeTheme('md-light-deeppurple', false)">
<button class="p-link" (click)="changeTheme('md-light-deeppurple', false)">
<img src="assets/layout/images/themes/md-light-deeppurple.svg" alt="Material Light DeepPurple">
</button>
</div>
<div class="col-3 text-center">
<button class="p-link" (click)="appMain.changeTheme('md-dark-indigo', true)">
<button class="p-link" (click)="changeTheme('md-dark-indigo', true)">
<img src="assets/layout/images/themes/md-dark-indigo.svg" alt="Material Dark Indigo">
</button>
</div>
<div class="col-3 text-center">
<button class="p-link" (click)="appMain.changeTheme('md-dark-deeppurple', true)">
<button class="p-link" (click)="changeTheme('md-dark-deeppurple', true)">
<img src="assets/layout/images/themes/md-dark-deeppurple.svg" alt="Material Dark DeepPurple">
</button>
</div>
@@ -92,22 +92,22 @@
<h6>Material Design Compact</h6>
<div class="grid free-themes">
<div class="col-3 text-center">
<button class="p-link" (click)="appMain.changeTheme('mdc-light-indigo', false)">
<button class="p-link" (click)="changeTheme('mdc-light-indigo', false)">
<img src="assets/layout/images/themes/md-light-indigo.svg" alt="Material Light Indigo">
</button>
</div>
<div class="col-3 text-center">
<button class="p-link" (click)="appMain.changeTheme('mdc-light-deeppurple', false)">
<button class="p-link" (click)="changeTheme('mdc-light-deeppurple', false)">
<img src="assets/layout/images/themes/md-light-deeppurple.svg" alt="Material Light DeepPurple">
</button>
</div>
<div class="col-3 text-center">
<button class="p-link" (click)="appMain.changeTheme('mdc-dark-indigo', true)">
<button class="p-link" (click)="changeTheme('mdc-dark-indigo', true)">
<img src="assets/layout/images/themes/md-dark-indigo.svg" alt="Material Dark Indigo">
</button>
</div>
<div class="col-3 text-center">
<button class="p-link" (click)="appMain.changeTheme('mdc-dark-deeppurple', true)">
<button class="p-link" (click)="changeTheme('mdc-dark-deeppurple', true)">
<img src="assets/layout/images/themes/md-dark-deeppurple.svg" alt="Material Dark DeepPurple">
</button>
</div>
@@ -116,7 +116,7 @@
<h6>Tailwind</h6>
<div class="grid free-themes">
<div class="col-3 text-center">
<button class="p-link" (click)="appMain.changeTheme('tailwind-light', false)">
<button class="p-link" (click)="changeTheme('tailwind-light', false)">
<img src="assets/layout/images/themes/tailwind-light.png" alt="Tailwind Light">
</button>
</div>
@@ -125,7 +125,7 @@
<h6>Fluent UI</h6>
<div class="grid free-themes">
<div class="col-3 text-center">
<button class="p-link" (click)="appMain.changeTheme('fluent-light', false)">
<button class="p-link" (click)="changeTheme('fluent-light', false)">
<img src="assets/layout/images/themes/fluent-light.png" alt="Fluent Light">
</button>
</div>
@@ -134,42 +134,42 @@
<h6>PrimeOne Design - 2022</h6>
<div class="grid free-themes">
<div class="col-3 text-center">
<button class="p-link" (click)="appMain.changeTheme('lara-light-indigo', false)">
<button class="p-link" (click)="changeTheme('lara-light-indigo', false)">
<img src="assets/layout/images/themes/lara-light-indigo.png" alt="Lara Light Indigo">
</button>
</div>
<div class="col-3 text-center">
<button class="p-link" (click)="appMain.changeTheme('lara-light-blue', false)">
<button class="p-link" (click)="changeTheme('lara-light-blue', false)">
<img src="assets/layout/images/themes/lara-light-blue.png" alt="Lara Light Blue">
</button>
</div>
<div class="col-3 text-center">
<button class="p-link" (click)="appMain.changeTheme('lara-light-purple', false)">
<button class="p-link" (click)="changeTheme('lara-light-purple', false)">
<img src="assets/layout/images/themes/lara-light-purple.png" alt="Lara Light Purple">
</button>
</div>
<div class="col-3 text-center">
<button class="p-link" (click)="appMain.changeTheme('lara-light-teal', false)">
<button class="p-link" (click)="changeTheme('lara-light-teal', false)">
<img src="assets/layout/images/themes/lara-light-teal.png" alt="Lara Light Teal">
</button>
</div>
<div class="col-3 text-center">
<button class="p-link" (click)="appMain.changeTheme('lara-dark-indigo', true)">
<button class="p-link" (click)="changeTheme('lara-dark-indigo', true)">
<img src="assets/layout/images/themes/lara-dark-indigo.png" alt="Lara Dark Indigo">
</button>
</div>
<div class="col-3 text-center">
<button class="p-link" (click)="appMain.changeTheme('lara-dark-blue', true)">
<button class="p-link" (click)="changeTheme('lara-dark-blue', true)">
<img src="assets/layout/images/themes/lara-dark-blue.png" alt="Lara Dark Blue">
</button>
</div>
<div class="col-3 text-center">
<button class="p-link" (click)="appMain.changeTheme('lara-dark-purple', true)">
<button class="p-link" (click)="changeTheme('lara-dark-purple', true)">
<img src="assets/layout/images/themes/lara-dark-purple.png" alt="Lara Dark Purple">
</button>
</div>
<div class="col-3 text-center">
<button class="p-link" (click)="appMain.changeTheme('lara-dark-teal', true)">
<button class="p-link" (click)="changeTheme('lara-dark-teal', true)">
<img src="assets/layout/images/themes/lara-dark-teal.png" alt="Lara Dark Teal">
</button>
</div>
@@ -178,62 +178,62 @@
<h6>PrimeOne Design - 2021</h6>
<div class="grid free-themes">
<div class="col-3 text-center">
<button class="p-link" (click)="appMain.changeTheme('saga-blue', false)">
<button class="p-link" (click)="changeTheme('saga-blue', false)">
<img src="assets/layout/images/themes/saga-blue.png" alt="Saga Blue">
</button>
</div>
<div class="col-3 text-center">
<button class="p-link" (click)="appMain.changeTheme('saga-green', false)">
<button class="p-link" (click)="changeTheme('saga-green', false)">
<img src="assets/layout/images/themes/saga-green.png" alt="Saga Green">
</button>
</div>
<div class="col-3 text-center">
<button class="p-link" (click)="appMain.changeTheme('saga-orange', false)">
<button class="p-link" (click)="changeTheme('saga-orange', false)">
<img src="assets/layout/images/themes/saga-orange.png" alt="Saga Orange">
</button>
</div>
<div class="col-3 text-center">
<button class="p-link" (click)="appMain.changeTheme('saga-purple', false)">
<button class="p-link" (click)="changeTheme('saga-purple', false)">
<img src="assets/layout/images/themes/saga-purple.png" alt="Saga Purple">
</button>
</div>
<div class="col-3 text-center">
<button class="p-link" (click)="appMain.changeTheme('vela-blue', true)">
<button class="p-link" (click)="changeTheme('vela-blue', true)">
<img src="assets/layout/images/themes/vela-blue.png" alt="Vela Blue">
</button>
</div>
<div class="col-3 text-center">
<button class="p-link" (click)="appMain.changeTheme('vela-green', true)">
<button class="p-link" (click)="changeTheme('vela-green', true)">
<img src="assets/layout/images/themes/vela-green.png" alt="Vela Green">
</button>
</div>
<div class="col-3 text-center">
<button class="p-link" (click)="appMain.changeTheme('vela-orange', true)">
<button class="p-link" (click)="changeTheme('vela-orange', true)">
<img src="assets/layout/images/themes/vela-orange.png" alt="Vela Orange">
</button>
</div>
<div class="col-3 text-center">
<button class="p-link" (click)="appMain.changeTheme('vela-purple', true)">
<button class="p-link" (click)="changeTheme('vela-purple', true)">
<img src="assets/layout/images/themes/vela-purple.png" alt="Vela Purple">
</button>
</div>
<div class="col-3 text-center">
<button class="p-link" (click)="appMain.changeTheme('arya-blue', true)">
<button class="p-link" (click)="changeTheme('arya-blue', true)">
<img src="assets/layout/images/themes/arya-blue.png" alt="Arya Blue">
</button>
</div>
<div class="col-3 text-center">
<button class="p-link" (click)="appMain.changeTheme('arya-green', true)">
<button class="p-link" (click)="changeTheme('arya-green', true)">
<img src="assets/layout/images/themes/arya-green.png" alt="Arya Green">
</button>
</div>
<div class="col-3 text-center">
<button class="p-link" (click)="appMain.changeTheme('arya-orange', true)">
<button class="p-link" (click)="changeTheme('arya-orange', true)">
<img src="assets/layout/images/themes/arya-orange.png" alt="Arya Orange">
</button>
</div>
<div class="col-3 text-center">
<button class="p-link" (click)="appMain.changeTheme('arya-purple', true)">
<button class="p-link" (click)="changeTheme('arya-purple', true)">
<img src="assets/layout/images/themes/arya-purple.png" alt="Arya Purple">
</button>
</div>