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

update table, menu, topbar, dialog, toast components and css

Browse Source
This commit is contained in:
Çetin
2021-12-14 16:31:40 +03:00
parent 2b91b042d5
commit 9c710d6fa3
26 changed files with 302 additions and 212 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -107,71 +107,71 @@ export class AppMenuComponent implements OnInit, AfterViewInit {
this.model = [
{label: 'Dashboard', icon: 'pi pi-home', routerLink: ['/']},
{
label: 'UI Kit', icon: 'pi pi-star-o', routerLink: ['/uikit'],
label: 'UI Kit', icon: 'pi pi-star', routerLink: ['/uikit'],
items: [
{label: 'Form Layout', icon: 'pi pi-id-card', routerLink: ['/uikit/formlayout']},
{label: 'Input', icon: 'pi pi-check-square', routerLink: ['/uikit/input']},
{label: 'Float Label', icon: 'pi pi-bookmark', routerLink: ['/uikit/floatlabel']},
{label: 'Invalid State', icon: 'pi pi-exclamation-circle', routerLink: ['/uikit/invalidstate']},
{label: 'Button', icon: 'pi pi-mobile', routerLink: ['/uikit/button'], class: 'rotated-icon'},
{label: 'Table', icon: 'pi pi-table', routerLink: ['/uikit/table']},
{label: 'List', icon: 'pi pi-list', routerLink: ['/uikit/list']},
{label: 'Tree', icon: 'pi pi-share-alt', routerLink: ['/uikit/tree']},
{label: 'Panel', icon: 'pi pi-tablet', routerLink: ['/uikit/panel']},
{label: 'Overlay', icon: 'pi pi-clone', routerLink: ['/uikit/overlay']},
{label: 'Media', icon: 'pi pi-image', routerLink: ['/uikit/media']},
{label: 'Menu', icon: 'pi pi-bars', routerLink: ['/uikit/menu']},
{label: 'Message', icon: 'pi pi-comment', routerLink: ['/uikit/message']},
{label: 'File', icon: 'pi pi-file', routerLink: ['/uikit/file']},
{label: 'Chart', icon: 'pi pi-chart-bar', routerLink: ['/uikit/charts']},
{label: 'Misc', icon: 'pi pi-circle-off', routerLink: ['/uikit/misc']}
{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: 'Float Label', icon: 'pi pi-fw pi-bookmark', routerLink: ['/uikit/floatlabel']},
{label: 'Invalid State', icon: 'pi pi-fw pi-exclamation-circle', routerLink: ['/uikit/invalidstate']},
{label: 'Button', icon: 'pi pi-fw pi-mobile', routerLink: ['/uikit/button'], class: 'rotated-icon'},
{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: 'Misc', icon: 'pi pi-fw pi-circle-off', routerLink: ['/uikit/misc']}
]
},
{
label: 'Pages', icon: 'pi pi-briefcase', routerLink: ['/pages'],
label: 'Pages', icon: 'pi pi-fw pi-briefcase', routerLink: ['/pages'],
items: [
{label: 'Crud', icon: 'pi pi-pencil', routerLink: ['/pages/crud']},
{label: 'Crud', icon: 'pi pi-fw pi-pencil', routerLink: ['/pages/crud']},
{label: 'Timeline', icon: 'pi pi-fw pi-calendar', routerLink: ['/pages/timeline']},
{label: 'Not Found', icon: 'pi pi-exclamation-circle', routerLink: ['/notfound']},
{label: 'Empty', icon: 'pi pi-circle-off', routerLink: ['/pages/empty']}
{label: 'Not Found', icon: 'pi pi-fw pi-exclamation-circle', routerLink: ['/notfound']},
{label: 'Empty', icon: 'pi pi-fw pi-circle-off', routerLink: ['/pages/empty']}
]
},
{
label: 'Hierarchy', icon: 'pi pi-align-left',
label: 'Hierarchy', icon: 'pi pi-fw pi-align-left',
items: [
{
label: 'Submenu 1', icon: 'pi pi-align-left',
label: 'Submenu 1', icon: 'pi pi-fw pi-bookmark',
items: [
{
label: 'Submenu 1.1', icon: 'pi pi-align-left',
label: 'Submenu 1.1', icon: 'pi pi-fw pi-bookmark',
items: [
{label: 'Submenu 1.1.1', icon: 'pi pi-align-left'},
{label: 'Submenu 1.1.2', icon: 'pi pi-align-left'},
{label: 'Submenu 1.1.3', icon: 'pi pi-align-left'},
{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-align-left',
label: 'Submenu 1.2', icon: 'pi pi-fw pi-bookmark',
items: [
{label: 'Submenu 1.2.1', icon: 'pi pi-align-left'}
{label: 'Submenu 1.2.1', icon: 'pi pi-fw pi-bookmark'}
]
},
]
},
{
label: 'Submenu 2', icon: 'pi pi-align-left',
label: 'Submenu 2', icon: 'pi pi-fw pi-bookmark',
items: [
{
label: 'Submenu 2.1', icon: 'pi pi-align-left',
label: 'Submenu 2.1', icon: 'pi pi-fw pi-bookmark',
items: [
{label: 'Submenu 2.1.1', icon: 'pi pi-align-left'},
{label: 'Submenu 2.1.2', icon: 'pi pi-align-left'},
{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-align-left',
label: 'Submenu 2.2', icon: 'pi pi-fw pi-bookmark',
items: [
{label: 'Submenu 2.2.1', icon: 'pi pi-align-left'},
{label: 'Submenu 2.2.1', icon: 'pi pi-fw pi-bookmark'},
]
},
]
@@ -179,13 +179,13 @@ export class AppMenuComponent implements OnInit, AfterViewInit {
]
},
{
label: 'Start', icon: 'pi pi-download',
label: 'Start', icon: 'pi pi-fw pi-download',
items: [
{
label: 'Buy Now', icon: 'pi pi-shopping-cart', url: ['https://www.primefaces.org/store']
label: 'Buy Now', icon: 'pi pi-fw pi-shopping-cart', url: ['https://www.primefaces.org/store']
},
{
label: 'Documentation', icon: 'pi pi-info-circle', routerLink: ['/documentation']
label: 'Documentation', icon: 'pi pi-fw pi-info-circle', routerLink: ['/documentation']
}
]
}
@@ -322,7 +322,7 @@ $menuTooltipTextColor:#ffffff !default;
</app-code>
<h5>sass/variables/theme/_theme_light</h5>
<p>Variables of the light component theme, see the <a href="https://www.primefaces.org/designer/api/primeng/10.0.0/">Theme Designer API</a> for documentation.</p>
<p>Variables of the light component theme, see the <a href="https://www.primefaces.org/designer/api/primeng/11.1.0/">Theme Designer API</a> for documentation.</p>
<div style="height:400px;overflow: auto;">
<app-code ngPreserveWhitespaces ngNonBindable lang="css">
//reused color variables