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

Update uikit samples and bumped PrimeNG

Browse Source
This commit is contained in:
Cagatay Civici
2022-10-16 13:29:59 +03:00
parent 088e5aa1a1
commit 6769826e5b
62 changed files with 461 additions and 420 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/app/demo/components/uikit/overlays/overlaysdemo-routing.module.ts
View File

@@ -3,9 +3,9 @@ import { RouterModule } from '@angular/router';
import { OverlaysDemoComponent } from './overlaysdemo.component';
@NgModule({
imports: [RouterModule.forChild([
{ path: '', component: OverlaysDemoComponent }
])],
exports: [RouterModule]
imports: [RouterModule.forChild([
{ path: '', component: OverlaysDemoComponent }
])],
exports: [RouterModule]
})
export class OverlaysDemoRoutingModule { }

12
src/app/demo/components/uikit/overlays/overlaysdemo.component.html Normal file → Executable file
View File

@@ -37,16 +37,16 @@
<p-table [value]="products" selectionMode="single" [(selection)]="selectedProduct" [paginator]="true" [rows]="5" (onRowSelect)="op2.hide()" responsiveLayout="scroll">
<ng-template pTemplate="header">
<tr>
<th pSortableColumn="name">Name<p-sortIcon field="name"></p-sortIcon></th>
<th>Image</th>
<th pSortableColumn="price">Price <p-sortIcon field="price"></p-sortIcon></th>
<th style="min-width:12rem" pSortableColumn="name">Name<p-sortIcon field="name"></p-sortIcon></th>
<th style="min-width:5rem">Image</th>
<th style="min-width:8rem" pSortableColumn="price">Price <p-sortIcon field="price"></p-sortIcon></th>
</tr>
</ng-template>
<ng-template pTemplate="body" let-rowData let-product>
<tr [pSelectableRow]="rowData">
<td style="min-width: 10rem;">{{product.name}}</td>
<td style="min-width: 5rem;"><img src="assets/demo/images/product/{{product.image}}" [alt]="product.image" width="50" class="shadow-2"/></td>
<td style="min-width: 12rem;">{{formatCurrency(product.price)}}</td>
<td>{{product.name}}</td>
<td><img src="assets/demo/images/product/{{product.image}}" [alt]="product.image" width="50" class="shadow-2"/></td>
<td>{{formatCurrency(product.price)}}</td>
</tr>
</ng-template>
</p-table>

1
src/app/demo/components/uikit/overlays/overlaysdemo.component.ts Normal file → Executable file
View File

@@ -76,4 +76,5 @@ export class OverlaysDemoComponent implements OnInit {
formatCurrency(value: number) {
return value.toLocaleString('en-US', { style: 'currency', currency: 'USD' });
}
}

35
src/app/demo/components/uikit/overlays/overlaysdemo.module.ts
View File

@@ -14,24 +14,23 @@ import { RippleModule } from 'primeng/ripple';
import { ConfirmPopupModule } from 'primeng/confirmpopup';
import { TooltipModule } from 'primeng/tooltip';
import { InputTextModule } from 'primeng/inputtext';
@NgModule({
imports: [
CommonModule,
OverlaysDemoRoutingModule,
ToastModule,
DialogModule,
FormsModule,
TooltipModule,
InputTextModule,
ButtonModule,
OverlayPanelModule,
TableModule,
ConfirmDialogModule,
SidebarModule,
RippleModule,
ConfirmPopupModule
],
declarations: [OverlaysDemoComponent]
imports: [
CommonModule,
OverlaysDemoRoutingModule,
ToastModule,
DialogModule,
FormsModule,
TooltipModule,
InputTextModule,
ButtonModule,
OverlayPanelModule,
TableModule,
ConfirmDialogModule,
SidebarModule,
RippleModule,
ConfirmPopupModule
],
declarations: [OverlaysDemoComponent]
})
export class OverlaysDemoModule { }