f.spilla/nx-primeng-sakai-v17
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

remove premium templates

Browse Source
This commit is contained in:
Cetin Cakiroglu 2021-12-10 09:37:40 +03:00
parent 89b1bf58fa
commit b7372bb388
22 changed files with 35 additions and 45292 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -27,19 +27,6 @@
<h6>Ripple Effect</h6>
<p-inputSwitch [ngModel]="app.ripple" (onChange)="appMain.onRippleChange($event)"></p-inputSwitch>
<h6>Menu Type</h6>
<!-- <div class="p-formgroup-inline">
<div class="field-radiobutton">
<p-radioButton name="menuType" value="static" [(ngModel)]="app.menuMode"
inputId="menuType1" ></p-radioButton>
<label for="menuType1">Static</label>
</div>
<div class="field-radiobutton">
<p-radioButton name="menuType" value="overlay" [(ngModel)]="app.menuMode"
inputId="menuType2"></p-radioButton>
<label for="menuType2">Overlay</label>
</div> -->
<div class="p-formgroup-inline">
<div class="field-radiobutton">
<p-radioButton name="menuType" value="static" [(ngModel)]="app.menuMode" (onClick)="appMain.isStatic()"
@ -55,22 +42,22 @@
<h6>Bootstrap</h6>
<div class="grid free-themes">
<div class="col-3 text-center">
<button class="p-link" (click)="appMain.toggleTheme('bootstrap4-light-blue', false)">
<button class="p-link" (click)="appMain.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.toggleTheme('bootstrap4-light-purple', false)">
<button class="p-link" (click)="appMain.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.toggleTheme('bootstrap4-dark-blue', true)">
<button class="p-link" (click)="appMain.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.toggleTheme('bootstrap4-dark-purple', true)">
<button class="p-link" (click)="appMain.changeTheme('bootstrap4-dark-purple', true)">
<img src="assets/layout/images/themes/bootstrap4-dark-purple.svg" alt="Bootstrap Dark Purple">
</button>
</div>
@ -79,22 +66,22 @@
<h6>Material Design</h6>
<div class="grid free-themes">
<div class="col-3 text-center">
<button class="p-link" (click)="appMain.toggleTheme('md-light-indigo', false)">
<button class="p-link" (click)="appMain.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.toggleTheme('md-light-deeppurple', false)">
<button class="p-link" (click)="appMain.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.toggleTheme('md-dark-indigo', true)">
<button class="p-link" (click)="appMain.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.toggleTheme('md-dark-deeppurple', true)">
<button class="p-link" (click)="appMain.changeTheme('md-dark-deeppurple', true)">
<img src="assets/layout/images/themes/md-dark-deeppurple.svg" alt="Material Dark DeepPurple">
</button>
</div>
@ -103,22 +90,22 @@
<h6>Material Design Compact</h6>
<div class="grid free-themes">
<div class="col-3 text-center">
<button class="p-link" (click)="appMain.toggleTheme('mdc-light-indigo', false)">
<button class="p-link" (click)="appMain.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.toggleTheme('mdc-light-deeppurple', false)">
<button class="p-link" (click)="appMain.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.toggleTheme('mdc-dark-indigo', true)">
<button class="p-link" (click)="appMain.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.toggleTheme('mdc-dark-deeppurple', true)">
<button class="p-link" (click)="appMain.changeTheme('mdc-dark-deeppurple', true)">
<img src="assets/layout/images/themes/md-dark-deeppurple.svg" alt="Material Dark DeepPurple">
</button>
</div>
@ -127,7 +114,7 @@
<h6>Tailwind</h6>
<div class="grid free-themes">
<div class="col-3 text-center">
<button class="p-link" (click)="appMain.toggleTheme('tailwind-light', false)">
<button class="p-link" (click)="appMain.changeTheme('tailwind-light', false)">
<img src="assets/layout/images/themes/tailwind-light.png" alt="Tailwind Light">
</button>
</div>
@ -136,7 +123,7 @@
<h6>Fluent UI</h6>
<div class="grid free-themes">
<div class="col-3 text-center">
<button class="p-link" (click)="appMain.toggleTheme('fluent-light', false)">
<button class="p-link" (click)="appMain.changeTheme('fluent-light', false)">
<img src="assets/layout/images/themes/fluent-light.png" alt="Fluent Light">
</button>
</div>
@ -145,42 +132,42 @@
<h6>PrimeOne Design - 2022</h6>
<div class="grid free-themes">
<div class="col-3 text-center">
<button class="p-link" (click)="appMain.toggleTheme('lara-light-indigo', false)">
<button class="p-link" (click)="appMain.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.toggleTheme('lara-light-blue', false)">
<button class="p-link" (click)="appMain.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.toggleTheme('lara-light-purple', false)">
<button class="p-link" (click)="appMain.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.toggleTheme('lara-light-teal', false)">
<button class="p-link" (click)="appMain.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.toggleTheme('lara-dark-indigo', true)">
<button class="p-link" (click)="appMain.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.toggleTheme('lara-dark-blue', true)">
<button class="p-link" (click)="appMain.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.toggleTheme('lara-dark-purple', true)">
<button class="p-link" (click)="appMain.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.toggleTheme('lara-dark-teal', true)">
<button class="p-link" (click)="appMain.changeTheme('lara-dark-teal', true)">
<img src="assets/layout/images/themes/lara-dark-teal.png" alt="Lara Dark Teal">
</button>
</div>
@ -189,127 +176,65 @@
<h6>PrimeOne Design - 2021</h6>
<div class="grid free-themes">
<div class="col-3 text-center">
<button class="p-link" (click)="appMain.toggleTheme('saga-blue', false)">
<button class="p-link" (click)="appMain.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.toggleTheme('saga-green', false)">
<button class="p-link" (click)="appMain.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.toggleTheme('saga-orange', false)">
<button class="p-link" (click)="appMain.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.toggleTheme('saga-purple', false)">
<button class="p-link" (click)="appMain.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.toggleTheme('vela-blue', true)">
<button class="p-link" (click)="appMain.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.toggleTheme('vela-green', true)">
<button class="p-link" (click)="appMain.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.toggleTheme('vela-orange', true)">
<button class="p-link" (click)="appMain.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.toggleTheme('vela-purple', true)">
<button class="p-link" (click)="appMain.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.toggleTheme('arya-blue', true)">
<button class="p-link" (click)="appMain.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.toggleTheme('arya-green', true)">
<button class="p-link" (click)="appMain.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.toggleTheme('arya-orange', true)">
<button class="p-link" (click)="appMain.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.toggleTheme('arya-purple', true)">
<button class="p-link" (click)="appMain.changeTheme('arya-purple', true)">
<img src="assets/layout/images/themes/arya-purple.png" alt="Arya Purple">
</button>
</div>
</div>
</div>
<!-- <h5>Menu Mode</h5>
<div class="p-field-radiobutton">
<p-radioButton name="menuMode" value="static" [(ngModel)]="app.menuMode" inputId="menuMode1" (click)="appMain.menuInactiveDesktop = true"></p-radioButton>
<label for="menuMode1">Static</label>
</div>
<div class="p-field-radiobutton">
<p-radioButton name="menuMode" value="overlay" [(ngModel)]="app.menuMode" inputId="menuMode2" (click)="appMain.menuInactiveDesktop = true"></p-radioButton>
<label for="menuMode2">Overlay</label>
</div>
<hr/>
<h5>Menu Color</h5>
<div class="p-field-radiobutton">
<p-radioButton name="lightMenu" [value]="true" [(ngModel)]="app.lightMenu" inputId="lightMenu1"></p-radioButton>
<label for="lightMenu1">Light</label>
</div>
<div class="p-field-radiobutton">
<p-radioButton name="lightMenu" [value]="false" [(ngModel)]="app.lightMenu" inputId="lightMenu2"></p-radioButton>
<label for="lightMenu2">Dark</label>
</div>
<hr/>
<h5>Input Style</h5>
<div class="p-field-radiobutton">
<p-radioButton name="inputStyle" value="outlined" [(ngModel)]="app.inputStyle"
inputId="inputStyle1"></p-radioButton>
<label for="inputStyle1">Outlined</label>
</div>
<div class="p-field-radiobutton">
<p-radioButton name="inputStyle" value="filled" [(ngModel)]="app.inputStyle"
inputId="inputStyle2"></p-radioButton>
<label for="inputStyle2">Filled</label>
</div>
<hr/>
<h5>Ripple Effect</h5>
<p-inputSwitch [ngModel]="app.ripple" (onChange)="appMain.onRippleChange($event)"></p-inputSwitch>
<hr />
<h5>Topbar Themes</h5>
<div class="layout-themes">
<div *ngFor="let theme of topbarThemes">
<a style="cursor: pointer" (click)="changeTopbarTheme(theme.name)" [ngStyle]="{'background-color': theme.color}">
<i class="pi pi-check" *ngIf="topbarColor === theme.name"></i>
</a>
</div>
</div>
<hr />
<h5>Component Themes</h5>
<div class="layout-themes">
<div *ngFor="let theme of componentThemes">
<a style="cursor: pointer" (click)="changeComponentTheme(theme.name)" [ngStyle]="{'background-color': theme.color}">
<i class="pi pi-check" *ngIf="componentColor === theme.name"></i>
</a>
</div>
</div> -->
</div>

11
src/app/app.config.component.ts
View File

@ -23,17 +23,6 @@ export class AppConfigComponent implements OnInit{
constructor(public app: AppComponent, public appMain: AppMainComponent) {}
ngOnInit() { }
// TODO: TO BE REMOVED
// changeComponentTheme(theme) {
// this.componentColor = theme;
// const element = document.getElementById('theme-css');
// const urlTokens = element.getAttribute('href').split('/');
// urlTokens[urlTokens.length - 1] = 'theme-' + theme + '.css';
// const newURL = urlTokens.join('/');
// this.replaceLink(element, newURL);
// }
// TODO: TO BE REMOVED (MAYBE)
replaceLink(linkElement, href) {
if (this.isIE()) {
linkElement.setAttribute('href', href);

2
src/app/app.main.component.ts
View File

@ -165,7 +165,7 @@ export class AppMainComponent implements AfterViewInit, OnDestroy, OnInit {
}
}
toggleTheme(theme:string, darkMode:boolean){
changeTheme(theme:string, darkMode:boolean){
let themeElement = document.getElementById('theme-css');
themeElement.setAttribute('href', 'assets/theme/' + theme + '/theme.css');
this.app.darkMode = darkMode;

1
src/app/demo/view/documentation.component.html
View File

@ -1,4 +1,3 @@
<!-- TODO: UPDATE DOCS -->
<div class="grid">
<div class="col-12">
<div class="card docs no-margin">

BIN
src/assets/layout/images/themes/mira.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 19 KiB

BIN
src/assets/layout/images/themes/nano.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 48 KiB

BIN
src/assets/layout/images/themes/nova-accent.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 4.3 KiB

BIN
src/assets/layout/images/themes/nova-alt.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.1 KiB

BIN
src/assets/layout/images/themes/nova.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.8 KiB

BIN
src/assets/layout/images/themes/rhea.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.8 KiB

BIN
src/assets/layout/images/themes/soho-dark.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 13 KiB

BIN
src/assets/layout/images/themes/soho-light.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 13 KiB

4
src/assets/layout/images/themes/viva-dark.svg
View File

@ -1,4 +0,0 @@
<svg width="600" height="600" viewBox="0 0 600 600" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="600" height="600" fill="#0E1315"/>
<path d="M299.5 456L154 145H226.75L299.5 415.5L372.25 145H445L299.5 456Z" stroke="#9EADE6" stroke-width="21"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 266 B

4
src/assets/layout/images/themes/viva-light.svg
View File

@ -1,4 +0,0 @@
<svg width="600" height="600" viewBox="0 0 600 600" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="600" height="600" fill="#5472D4"/>
<path d="M299.5 456L154 145H226.75L299.5 415.5L372.25 145H445L299.5 456Z" stroke="white" stroke-width="21"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 264 B

5637
src/assets/theme/luna-amber/theme.css
View File

File diff suppressed because it is too large Load Diff

5637
src/assets/theme/luna-blue/theme.css
View File

File diff suppressed because it is too large Load Diff

5637
src/assets/theme/luna-green/theme.css
View File

File diff suppressed because it is too large Load Diff

5637
src/assets/theme/luna-pink/theme.css
View File

File diff suppressed because it is too large Load Diff

5661
src/assets/theme/nova-accent/theme.css
View File

File diff suppressed because it is too large Load Diff

5663
src/assets/theme/nova-alt/theme.css
View File

File diff suppressed because it is too large Load Diff

5651
src/assets/theme/nova/theme.css
View File

File diff suppressed because it is too large Load Diff

5639
src/assets/theme/rhea/theme.css
View File

File diff suppressed because it is too large Load Diff