All files / src/components/flexible-dashboard si-flexible-dashboard.component.html

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
<si-dashboard #dashboard [heading]="pageTitle()" [sticky]="true">
  <si-dashboard-toolbar
    #toolbar
    menubar
    [class.d-none]="!isDashboardVisible()"
    [primaryEditActions]="(primaryEditActions$ | async) ?? []"
    [secondaryEditActions]="(secondaryEditActions$ | async) ?? []"
    [editable]="editable()"
    [disabled]="(grid.isLoading | async) ?? false"
    [hideEditButton]="hideEditButton()"
    [showEditButtonLabel]="showEditButtonLabel()"
    [grid]="grid"
    (editableChange)="grid.edit()"
    (save)="grid.save()"
    (cancel)="grid.cancel()"
  >
    <ng-content select="[filters-slot]" filters-slot />
  </si-dashboard-toolbar>
 
  <div dashboard class="d-contents">
    <si-grid
      #grid
      [class.d-none]="!isDashboardVisible()"
      [gridConfig]="config()?.grid"
      [dashboardId]="dashboardId()"
      [widgetCatalog]="widgetCatalog()"
      [hideProgressIndicator]="hideProgressIndicator()"
      [widgetInstanceEditorDialogComponent]="widgetInstanceEditorDialogComponent()"
      [emitWidgetInstanceEditEvents]="true"
      [(editable)]="editable"
      (isModified)="onModified($event)"
      (widgetInstanceEdit)="editWidgetInstance($event)"
    >
      <ng-content select="[empty-state]" empty-state />
    </si-grid>
    <ng-container #catalogHost />
  </div>
</si-dashboard>