Initial commit: dashboard-elements-ui library
Angular library providing dashboard components including grid layout, drag-and-drop widgets, resize handles, toolbar, config panel, layout presets, and persistence services.
This commit is contained in:
26
src/components/db-dashboard/db-dashboard.component.html
Normal file
26
src/components/db-dashboard/db-dashboard.component.html
Normal file
@@ -0,0 +1,26 @@
|
||||
<!-- toolbar disabled for debugging -->
|
||||
|
||||
<div class="db-dashboard__body">
|
||||
@if (loading()) {
|
||||
<div class="db-dashboard__loading">
|
||||
<div class="db-dashboard__spinner"></div>
|
||||
</div>
|
||||
}
|
||||
|
||||
<db-grid
|
||||
[widgets]="widgets()"
|
||||
[columns]="gridColumns()"
|
||||
[rowHeight]="gridRowHeight()"
|
||||
[gap]="gridGap()"
|
||||
[editMode]="currentEditMode()"
|
||||
[contentDefs]="contentDefs()"
|
||||
[footerDefs]="footerDefs()"
|
||||
(widgetRemove)="onWidgetRemove($event)"
|
||||
(widgetFullscreen)="onWidgetFullscreen($event)"
|
||||
(widgetConfigOpen)="onWidgetConfigOpen($event)"
|
||||
(widgetResizeEnd)="onWidgetResizeEnd($event)"
|
||||
(widgetMoveEnd)="onWidgetMoveEnd($event)"
|
||||
/>
|
||||
|
||||
<!-- config panel and widget picker disabled for debugging -->
|
||||
</div>
|
||||
Reference in New Issue
Block a user