1 <cd-error-panel *
ngIf=
"loadingError"
2 i18n
>Failed to load data.
</cd-error-panel>
4 <div class=
"dataTables_wrapper">
5 <div class=
"dataTables_header clearfix form-inline"
8 <div class=
"oadatatableactions">
9 <ng-content select=
".table-actions"></ng-content>
14 <ng-content select=
".table-filters"></ng-content>
18 <div class=
"input-group">
19 <span class=
"input-group-addon">
20 <i class=
"glyphicon glyphicon-search"></i>
22 <input class=
"form-control"
25 (keyup)=
"updateFilter()">
26 <span class=
"input-group-btn">
28 class=
"btn btn-default clear-input tc_clearInputBtn"
29 (click)=
"updateFilter(true)">
30 <i class=
"icon-prepend fa fa-remove"></i>
36 <!-- pagination limit -->
37 <div class=
"input-group dataTables_paginate">
38 <input class=
"form-control"
42 [value]=
"userConfig.limit"
43 (click)=
"setLimit($event)"
44 (keyup)=
"setLimit($event)"
45 (blur)=
"setLimit($event)">
47 <!-- end pagination limit-->
49 <!-- show hide columns -->
50 <div class=
"widget-toolbar">
52 class=
"dropdown tc_menuitem tc_menuitem_cluster">
54 class=
"btn btn-sm btn-default dropdown-toggle tc_columnBtn"
55 data-toggle=
"dropdown">
56 <i class=
"fa fa-lg fa-table"></i>
59 class=
"dropdown-menu">
60 <li *
ngFor=
"let column of columns">
62 <input type=
"checkbox"
63 (change)=
"toggleColumn($event)"
65 [checked]=
"!column.isHidden">
66 <span>{{ column.name }}
</span>
72 <!-- end show hide columns -->
74 <!-- refresh button -->
75 <div class=
"widget-toolbar tc_refreshBtn"
76 *
ngIf=
"fetchData.observers.length > 0">
77 <a (click)=
"refreshBtn()">
78 <i class=
"fa fa-lg fa-refresh"
79 [class.fa-spin]=
"updating || loadingIndicator"></i>
82 <!-- end refresh button -->
85 class=
"bootstrap oadatatable"
86 [cssClasses]=
"paginationClasses"
87 [selectionType]=
"selectionType"
88 [selected]=
"selection.selected"
90 [sorts]=
"userConfig.sorts"
91 (sort)=
"changeSorting($event)"
92 [columns]=
"tableColumns"
93 [columnMode]=
"columnMode"
95 [rowClass]=
"getRowClass()"
96 [headerHeight]=
"header ? 'auto' : 0"
97 [footerHeight]=
"footer ? 'auto' : 0"
98 [limit]=
"userConfig.limit > 0 ? userConfig.limit : undefined"
99 [loadingIndicator]=
"loadingIndicator"
100 [rowIdentity]=
"rowIdentity()"
101 [rowHeight]=
"'auto'">
102 <ngx-datatable-footer>
103 <ng-template ngx-datatable-footer-template
104 let-rowCount=
"rowCount"
105 let-pageSize=
"pageSize"
106 let-selectedCount=
"selectedCount"
107 let-curPage=
"curPage"
109 let-isVisible=
"isVisible">
110 <div class=
"page-count">
111 <span *
ngIf=
"selectionType">
112 {{ selectedCount }}
<ng-container i18n=
"X selected">selected
</ng-container> /
114 <span *
ngIf=
"rowCount != data?.length">
115 {{ rowCount }}
<ng-container i18n=
"X found">found
</ng-container> /
118 {{ data?.length ||
0 }}
<ng-container i18n=
"X total">total
</ng-container>
121 <datatable-pager [pagerLeftArrowIcon]=
"paginationClasses.pagerLeftArrow"
122 [pagerRightArrowIcon]=
"paginationClasses.pagerRightArrow"
123 [pagerPreviousIcon]=
"paginationClasses.pagerPrevious"
124 [pagerNextIcon]=
"paginationClasses.pagerNext"
128 [hidden]=
"!((rowCount / pageSize) > 1)"
129 (change)=
"table.onFooterPage($event)">
132 </ngx-datatable-footer>
136 <!-- Table Details -->
137 <ng-content select=
"[cdTableDetail]"></ng-content>
139 <!-- cell templates that can be accessed from outside -->
140 <ng-template #tableCellBoldTpl
142 <strong>{{ value }}
</strong>
145 <ng-template #sparklineTpl
148 <cd-sparkline [data]=
"value"
149 [isBinary]=
"row.cdIsBinary"></cd-sparkline>
152 <ng-template #routerLinkTpl
155 <a [routerLink]=
"[row.cdLink]"
156 [queryParams]=
"row.cdParams">{{ value }}
</a>
159 <ng-template #checkIconTpl
161 <i class=
"fa fa-check fa-fw"
162 [hidden]=
"!value"></i>
165 <ng-template #perSecondTpl
171 <ng-template #executingTpl
174 <i class=
"fa fa-spinner fa-spin fa-fw"
175 *
ngIf=
"row.cdExecuting"></i>
177 <span *
ngIf=
"row.cdExecuting"
178 class=
"text-muted italic">({{ row.cdExecuting }})
</span>
181 <ng-template #classAddingTpl
183 <span class=
"{{useCustomClass(value)}}">{{ value }}
</span>