@universis/ngx-tables 0.6.10 → 0.6.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/universis-ngx-tables.umd.js +23 -13
- package/bundles/universis-ngx-tables.umd.js.map +1 -1
- package/bundles/universis-ngx-tables.umd.min.js +1 -1
- package/bundles/universis-ngx-tables.umd.min.js.map +1 -1
- package/esm2015/lib/components/advanced-select/advanced-select.component.js +2 -2
- package/esm2015/lib/components/advanced-table/advanced-table-search.component.js +2 -2
- package/esm2015/lib/components/advanced-table/advanced-table.component.js +7 -3
- package/esm2015/lib/components/advanced-table/advanced-table.formatters.js +1 -1
- package/esm2015/lib/components/advanced-table-modal/advanced-table-modal-base.component.js +17 -10
- package/esm2015/lib/tables.module.js +1 -3
- package/esm5/lib/components/advanced-select/advanced-select.component.js +2 -2
- package/esm5/lib/components/advanced-table/advanced-table-search.component.js +2 -2
- package/esm5/lib/components/advanced-table/advanced-table.component.js +7 -3
- package/esm5/lib/components/advanced-table/advanced-table.formatters.js +1 -1
- package/esm5/lib/components/advanced-table-modal/advanced-table-modal-base.component.js +12 -5
- package/esm5/lib/tables.module.js +1 -3
- package/fesm2015/universis-ngx-tables.js +24 -15
- package/fesm2015/universis-ngx-tables.js.map +1 -1
- package/fesm5/universis-ngx-tables.js +19 -10
- package/fesm5/universis-ngx-tables.js.map +1 -1
- package/lib/components/advanced-table-modal/advanced-table-modal-base.component.d.ts +5 -1
- package/package.json +1 -1
- package/universis-ngx-tables.metadata.json +1 -1
|
@@ -19,7 +19,6 @@ import { ServiceUrlPreProcessor, TranslatePreProcessor, AdvancedFormsModule } fr
|
|
|
19
19
|
import { FormioModule } from 'angular-formio';
|
|
20
20
|
import { ActivatedRoute, Router, NavigationStart, RouterModule } from '@angular/router';
|
|
21
21
|
import { BsModalRef, BsModalService, ModalModule } from 'ngx-bootstrap/modal';
|
|
22
|
-
import { BsDropdownModule } from 'ngx-bootstrap/dropdown';
|
|
23
22
|
import { ProgressbarModule } from 'ngx-bootstrap/progressbar';
|
|
24
23
|
import { GroupByPipe, NgPipesModule } from 'ngx-pipes';
|
|
25
24
|
|
|
@@ -1059,7 +1058,8 @@ class AdvancedTableComponent {
|
|
|
1059
1058
|
self.select.emit(row);
|
|
1060
1059
|
});
|
|
1061
1060
|
}
|
|
1062
|
-
tableElement.find('input.s-row')
|
|
1061
|
+
const elements = tableElement.find('input.s-row');
|
|
1062
|
+
elements.off('click').on('click', this.onSelectionChange.bind(this));
|
|
1063
1063
|
// make selection on current page
|
|
1064
1064
|
const key = this.config.columns[0].property;
|
|
1065
1065
|
if (this.selected.length > 0) {
|
|
@@ -1271,6 +1271,7 @@ class AdvancedTableComponent {
|
|
|
1271
1271
|
}
|
|
1272
1272
|
else {
|
|
1273
1273
|
Object.assign(settings, {
|
|
1274
|
+
scrollY: this.scrollY,
|
|
1274
1275
|
paging: this.paging,
|
|
1275
1276
|
pageLength: this.pageLength,
|
|
1276
1277
|
});
|
|
@@ -1376,7 +1377,7 @@ class AdvancedTableComponent {
|
|
|
1376
1377
|
if (item) {
|
|
1377
1378
|
// redraw row
|
|
1378
1379
|
row.data(item);
|
|
1379
|
-
jQuery(row.node()).find(':checkbox').on('click', this.onSelectionChange.bind(this));
|
|
1380
|
+
jQuery(row.node()).find(':checkbox').off('click').on('click', this.onSelectionChange.bind(this));
|
|
1380
1381
|
// if row is already selected
|
|
1381
1382
|
if (checked) {
|
|
1382
1383
|
this.selectRow(row, true);
|
|
@@ -1414,6 +1415,7 @@ class AdvancedTableComponent {
|
|
|
1414
1415
|
if (findItemIndex < 0) {
|
|
1415
1416
|
// add row to selected rows
|
|
1416
1417
|
this.selected.push(row);
|
|
1418
|
+
this.selectedItems.emit(this.selected);
|
|
1417
1419
|
}
|
|
1418
1420
|
}
|
|
1419
1421
|
else {
|
|
@@ -1427,6 +1429,7 @@ class AdvancedTableComponent {
|
|
|
1427
1429
|
});
|
|
1428
1430
|
if (findItemIndex < 0) {
|
|
1429
1431
|
this.unselected.push(row);
|
|
1432
|
+
this.selectedItems.emit(this.selected);
|
|
1430
1433
|
}
|
|
1431
1434
|
}
|
|
1432
1435
|
}
|
|
@@ -1591,16 +1594,16 @@ const AdvancedTableModalBaseTemplate = `
|
|
|
1591
1594
|
<button class="btn btn-gray-100">
|
|
1592
1595
|
<i class="fa fa-sliders-h pr-2 text-secondary" aria-hidden="true"></i>{{'Tables.Filters' | translate}}
|
|
1593
1596
|
</button>
|
|
1594
|
-
<div #dropdownFilter class="dropdown ml-3"
|
|
1597
|
+
<div #dropdownFilter class="dropdown ml-3">
|
|
1595
1598
|
<button class="btn btn-gray-100 dropdown-toggle"
|
|
1596
1599
|
type="button" id="dropdownDefaultFilters"
|
|
1597
1600
|
data-toggle="dropdown" dropdownToggle>
|
|
1598
1601
|
{{ this.defaultFilter.name | translate }}
|
|
1599
1602
|
</button>
|
|
1600
|
-
<div class="dropdown-menu" aria-labelledby="dropdownDefaultFilters"
|
|
1601
|
-
<
|
|
1603
|
+
<div class="dropdown-menu" aria-labelledby="dropdownDefaultFilters">
|
|
1604
|
+
<button type="button" class="dropdown-item" *ngFor="let filter of defaultFilters" (click)="onFilterSelect(filter)">
|
|
1602
1605
|
{{ filter.name | translate }}
|
|
1603
|
-
</
|
|
1606
|
+
</button>
|
|
1604
1607
|
</div>
|
|
1605
1608
|
</div>
|
|
1606
1609
|
</div>
|
|
@@ -1627,13 +1630,13 @@ const AdvancedTableModalBaseTemplate = `
|
|
|
1627
1630
|
<div class="row mt-3 table-custom-pager">
|
|
1628
1631
|
<div class="col-12 d-flex" *ngIf="recordsTotal">
|
|
1629
1632
|
<div class="mt-2 ml-auto mr-3 text-secondary" [translate]="'Tables.RecordsPerPage'"></div>
|
|
1630
|
-
<div #dropdownLength class="dropdown mr-3"
|
|
1633
|
+
<div #dropdownLength class="dropdown mr-3">
|
|
1631
1634
|
<button class="btn btn-gray-100 dropdown-toggle"
|
|
1632
1635
|
type="button" id="dropdownPageSize" data-toggle="dropdown"
|
|
1633
1636
|
dropdownToggle>
|
|
1634
1637
|
{{pageLength}}
|
|
1635
1638
|
</button>
|
|
1636
|
-
<div class="dropdown-menu" aria-labelledby="dropdownPageSize"
|
|
1639
|
+
<div class="dropdown-menu" aria-labelledby="dropdownPageSize">
|
|
1637
1640
|
<button (click)="setLength(item)"
|
|
1638
1641
|
class="dropdown-item dropdown-item-theme"
|
|
1639
1642
|
type="button" *ngFor="let item of lengthMenu">{{item}}</button>
|
|
@@ -1820,13 +1823,16 @@ class AdvancedTableModalBaseComponent extends RouterModalOkCancel {
|
|
|
1820
1823
|
getFilters(tableConfig, defaultFilterValues = {}, searchItem) {
|
|
1821
1824
|
// Do nothing in absence of configuration.
|
|
1822
1825
|
if (!tableConfig || !Array.isArray(tableConfig.criteria)) {
|
|
1823
|
-
|
|
1826
|
+
return [];
|
|
1827
|
+
}
|
|
1828
|
+
if (searchItem.filter == null) {
|
|
1824
1829
|
return [];
|
|
1825
1830
|
}
|
|
1826
1831
|
const matchedCriterion = tableConfig.criteria.find(criterion => Object.prototype.hasOwnProperty.call(searchItem.filter, criterion.name));
|
|
1827
|
-
if (
|
|
1832
|
+
if (matchedCriterion == null) {
|
|
1828
1833
|
return [];
|
|
1829
1834
|
}
|
|
1835
|
+
const value = searchItem.filter[matchedCriterion.name];
|
|
1830
1836
|
const criterionSafeName = matchedCriterion.name !== null
|
|
1831
1837
|
? matchedCriterion.name.toString()
|
|
1832
1838
|
: '';
|
|
@@ -1840,7 +1846,7 @@ class AdvancedTableModalBaseComponent extends RouterModalOkCancel {
|
|
|
1840
1846
|
}
|
|
1841
1847
|
else if (criterionSafeName !== 'undefined') {
|
|
1842
1848
|
applicableFilter = (this._template.transform(matchedCriterion.filter, Object.assign({
|
|
1843
|
-
value:
|
|
1849
|
+
value: value
|
|
1844
1850
|
}, defaultFilterValues)));
|
|
1845
1851
|
}
|
|
1846
1852
|
else {
|
|
@@ -1848,6 +1854,9 @@ class AdvancedTableModalBaseComponent extends RouterModalOkCancel {
|
|
|
1848
1854
|
}
|
|
1849
1855
|
return [applicableFilter];
|
|
1850
1856
|
}
|
|
1857
|
+
onFilterSelect(value) {
|
|
1858
|
+
this.advancedSearch(value);
|
|
1859
|
+
}
|
|
1851
1860
|
/**
|
|
1852
1861
|
*
|
|
1853
1862
|
* Runs a filter against the modal table
|
|
@@ -1895,6 +1904,7 @@ AdvancedTableModalBaseComponent.DEFAULT_ALL_FILTER = {
|
|
|
1895
1904
|
};
|
|
1896
1905
|
AdvancedTableModalBaseComponent.decorators = [
|
|
1897
1906
|
{ type: Component, args: [{
|
|
1907
|
+
// tslint:disable-next-line: component-selector
|
|
1898
1908
|
selector: 'app-advanced-table-modal',
|
|
1899
1909
|
template: AdvancedTableModalBaseTemplate,
|
|
1900
1910
|
styles: [`
|
|
@@ -2822,7 +2832,7 @@ AdvancedSelectComponent.decorators = [
|
|
|
2822
2832
|
{ type: Component, args: [{
|
|
2823
2833
|
// tslint:disable-next-line: component-selector
|
|
2824
2834
|
selector: 'app-advanced-select',
|
|
2825
|
-
template: "<div class=\"modal-header\" *ngIf=\"modalTitle\">\n <h5 class=\"modal-title\">{{modalTitle | translate}}</h5>\n <button [disabled]=\"cancelButtonDisabled\" (click)=\"cancel()\" type=\"button\" class=\"close\" data-dismiss=\"modal\"\n aria-label=\"Cancel\">\n <span aria-hidden=\"true\">×</span>\n </button>\n</div>\n<div class=\"modal-body\">\n <div>\n <!-- search -->\n <div class=\"row mt-3\">\n <div class=\"col-12 col-lg-3\">\n <div class=\"input-group mb-3\">\n <input spellcheck=\"false\" type=\"text\" (keyup)=\"onKeyUp($event)\" [(ngModel)]=\"searchText\"\n class=\"form-control bg-gray-100 border-0\" placeholder=\"{{'Tables.SearchPlaceholder' | translate}}\"\n aria-label=\"Search\" aria-describedby=\"basic-addon2\">\n <div class=\"input-group-append\">\n <button class=\"btn btn-default bg-gray-100 border-0\" type=\"button\">\n <i class=\"fa fa-search text-secondary\"></i>\n </button>\n </div>\n </div>\n </div>\n <div #emptyTable class=\"d-none\">\n <div>\n <div class=\"mt-4\">\n <div class=\"icon-circle bg-gray-300 border-gray-100\"></div>\n </div>\n <div class=\"mt-4\">\n <h4 class=\"font-3xl text-dark\" [translate]=\"'Tables.EmptyTableTitle'\"></h4>\n <p class=\"font-lg text-dark\" [translate]=\"'Tables.EmptyTableMessage'\"></p>\n </div>\n\n </div>\n </div>\n <div class=\"col-12 col-lg-5\">\n <div class=\"btn-toolbar\">\n <button class=\"btn btn-gray-100\">\n <i class=\"fa fa-sliders-h pr-2 text-secondary\" aria-hidden=\"true\"></i>{{'Tables.Filters' | translate}}\n </button>\n <div class=\"dropdown ml-3\"
|
|
2835
|
+
template: "<div class=\"modal-header\" *ngIf=\"modalTitle\">\n <h5 class=\"modal-title\">{{modalTitle | translate}}</h5>\n <button [disabled]=\"cancelButtonDisabled\" (click)=\"cancel()\" type=\"button\" class=\"close\" data-dismiss=\"modal\"\n aria-label=\"Cancel\">\n <span aria-hidden=\"true\">×</span>\n </button>\n</div>\n<div class=\"modal-body\">\n <div>\n <!-- search -->\n <div class=\"row mt-3\">\n <div class=\"col-12 col-lg-3\">\n <div class=\"input-group mb-3\">\n <input spellcheck=\"false\" type=\"text\" (keyup)=\"onKeyUp($event)\" [(ngModel)]=\"searchText\"\n class=\"form-control bg-gray-100 border-0\" placeholder=\"{{'Tables.SearchPlaceholder' | translate}}\"\n aria-label=\"Search\" aria-describedby=\"basic-addon2\">\n <div class=\"input-group-append\">\n <button class=\"btn btn-default bg-gray-100 border-0\" type=\"button\">\n <i class=\"fa fa-search text-secondary\"></i>\n </button>\n </div>\n </div>\n </div>\n <div #emptyTable class=\"d-none\">\n <div>\n <div class=\"mt-4\">\n <div class=\"icon-circle bg-gray-300 border-gray-100\"></div>\n </div>\n <div class=\"mt-4\">\n <h4 class=\"font-3xl text-dark\" [translate]=\"'Tables.EmptyTableTitle'\"></h4>\n <p class=\"font-lg text-dark\" [translate]=\"'Tables.EmptyTableMessage'\"></p>\n </div>\n\n </div>\n </div>\n <div class=\"col-12 col-lg-5\">\n <div class=\"btn-toolbar\">\n <button class=\"btn btn-gray-100\">\n <i class=\"fa fa-sliders-h pr-2 text-secondary\" aria-hidden=\"true\"></i>{{'Tables.Filters' | translate}}\n </button>\n <div class=\"dropdown ml-3\">\n <button dropdownToggle class=\"btn btn-gray-100 dropdown-toggle\" type=\"button\" id=\"dropdownDefaultFilters\"\n data-toggle=\"dropdown\">\n {{ this.defaultFilter.name | translate }}\n </button>\n <div class=\"dropdown-menu\" aria-labelledby=\"dropdownDefaultFilters\">\n <a class=\"dropdown-item\" *ngFor=\"let filter of defaultFilters\"\n (click)=\"advancedSearch(filter.filter ? filter : '')\">\n {{ filter.name | translate }}\n </a>\n </div>\n </div>\n </div>\n </div>\n <div class=\"col text-lg-right mt-3 mt-lg-0\">\n <button [disabled]=\"true\" class=\"btn rounded-pill btn-outline-theme\">\n <span class=\"pr-2 font-lg\">+</span><span [translate]=\"'Tables.AddItem'\"></span>\n </button>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"col-12\" [ngClass]=\"{ 'component-loading': loading}\">\n <app-advanced-table #advancedTable (init)=\"onTableInit($event)\" (load)=\"onDataLoad($event)\"\n [autoLoad]=\"true\"\n [selectable]=\"true\" [multipleSelect]=\"true\" [scrollX]=\"false\" [scrollY]=\"320\" [pageLength]=\"pageLength\"\n [scrollable]=\"false\" [showFooter]=\"false\" [showActions]=\"false\" [lengthMenu]=\"lengthMenu\"\n [config]=\"tableConfig\" [configSrc]=\"tableConfigSrc\"></app-advanced-table>\n </div>\n </div>\n <div class=\"row mt-3 table-custom-pager\">\n <div class=\"col-12 d-flex\" *ngIf=\"recordsTotal\">\n <div class=\"mt-2 ml-auto mr-3 text-secondary\" [translate]=\"'Tables.RecordsPerPage'\"></div>\n <div class=\"dropdown mr-3\">\n <button dropdownToggle class=\"btn btn-gray-100 dropdown-toggle\" type=\"button\" id=\"dropdownPageSize\"\n data-toggle=\"dropdown\">\n {{pageLength}}\n </button>\n <div class=\"dropdown-menu\" aria-labelledby=\"dropdownPageSize\">\n <button (click)=\"setLength(item)\" class=\"dropdown-item dropdown-item-theme\" type=\"button\"\n *ngFor=\"let item of lengthMenu\">{{item}}</button>\n </div>\n </div>\n <div class=\"mt-2 mr-2\" [translate]=\"'Tables.PageInfo'\" [translateParams]=\"pageInfo\"></div>\n <button [disabled]=\"pageInfo && pageInfo.page === 0\" class=\"btn text-nowrap\" (click)=\"firstPage()\">\n <i class=\"fa fa-chevron-left text-color-theme\"></i>\n <i class=\"fa fa-chevron-left text-color-theme\"></i>\n </button>\n <button [disabled]=\"pageInfo && pageInfo.page===0\" class=\"btn\" (click)=\"previousPage()\">\n <i class=\"fa fa-chevron-left text-color-theme\"></i>\n </button>\n <button [disabled]=\"pageInfo && pageInfo.page===pageInfo.pages-1\" class=\"btn\" (click)=\"nextPage()\">\n <i class=\"fa fa-chevron-right text-color-theme\"></i>\n </button>\n <button [disabled]=\"pageInfo && pageInfo.page===pageInfo.pages-1\" class=\"btn text-nowrap\"\n (click)=\"lastPage()\">\n <i class=\"fa fa-chevron-right text-color-theme\"></i>\n <i class=\"fa fa-chevron-right text-color-theme\"></i>\n </button>\n </div>\n </div>\n </div>\n</div>\n<div class=\"modal-footer justify-content-end\">\n <button [disabled]=\"okButtonDisabled\" (click)=\"ok()\" type=\"button\" [ngClass]=\"okButtonClass\">\n {{okButtonText | translate}}\n </button>\n <button [disabled]=\"cancelButtonDisabled\" (click)=\"cancel()\" type=\"button\" [ngClass]=\"cancelButtonClass\"\n data-dismiss=\"modal\">\n {{ cancelButtonText | translate}}\n </button>\n</div>\n",
|
|
2826
2836
|
encapsulation: ViewEncapsulation.None,
|
|
2827
2837
|
styles: [`
|
|
2828
2838
|
.modal-table .dataTables_wrapper {
|
|
@@ -3529,7 +3539,7 @@ AdvancedTableSearchComponent.decorators = [
|
|
|
3529
3539
|
{ type: Component, args: [{
|
|
3530
3540
|
// tslint:disable-next-line: component-selector
|
|
3531
3541
|
selector: 'app-advanced-table-search',
|
|
3532
|
-
template: "<div class=\"s--list-navbar d-none d-sm-block\">\n\n <div id=\"collapse-header\" [ngClass]=\"{'show':collapsed}\" class=\"collapse multi-collapse\">\n <form class=\"form-inline p-3 col\">\n <div class=\"form-group col-7\" [ngClass]= \"{ 'col-12': !showMore }\">\n <label class=\"pr-3\" for=\"searchText\" [translate]=\"'Tables.Search'\"></label>\n <input (keydown)=\"onSearchKeyDown($event)\" spellcheck=\"false\" type=\"text\" id=\"searchText\" name=\"searchText\"\n class=\"form-control col text-left\" placeholder=\"{{ 'Tables.SearchPlaceholder' | translate }}\" #searchText>\n </div>\n <div *ngIf=\"showMore\" class=\"col-5 text-right text-secondary\" id=\"heading3\">\n <button class=\"d-inline-block btn btn-link collapsed float-right text-secondary text-decoration-none\"\n type=\"button\" (click)=\"toggleView();\">\n <span class=\"d-none d-sm-inline\" [translate]=\"'AdvancedSearch.More'\"></span>\n <i class=\"ml-2 pt-1 fa fa-chevron-down\"></i>\n </button>\n </div>\n </form>\n </div>\n\n <div id=\"collapse3\" [ngClass]=\"{'show':!collapsed}\" class=\"collapse multi-collapse\" aria-labelledby=\"heading3\">\n <div class=\"row\">\n <div class=\"col-sm-12\">\n <div id=\"advanced-form\">\n <ng-content select=\"advanced-search\"></ng-content>\n <hr class=\"mt-0 mb-0\" width=\"97%\">\n <div class=\"row\">\n <div class=\"col-sm-12\">\n <div class=\"form-inline pb-3 pt-3 pr-1 pl-1 col\">\n\n <div class=\"form-group col-4\">\n <div class=\"d-flex flex-row w-100\" *ngIf=\"allowSave\">\n <label class=\"pr-3 d-none\" [translate]=\"'AdvancedSearch.SavedSearches'\"></label>\n <select *ngIf=\"userSearchList\" class=\"custom-select text-secondary flex col-12\" (change)=\"onSelectUserSearch($event)\" [(ngModel)]=\"selectedList\">\n <option [ngValue]=\"null\" [translate]=\"'AdvancedSearch.Choose'\"></option>\n <option *ngFor=\"let item of userSearchList\" [ngValue]=\"item\">{{ item.name }}</option>\n </select>\n <select *ngIf=\"!userSearchList\" class=\"custom-select flex col-6\">\n <option [value]=\"null\" [translate]=\"'AdvancedSearch.Choose'\"></option>\n </select>\n </div>\n </div>\n\n <div class=\"col-3 d-flex flex-row w-100\">\n <div class=\"btn-group\" *ngIf=\"allowSave\"
|
|
3542
|
+
template: "<div class=\"s--list-navbar d-none d-sm-block\">\n\n <div id=\"collapse-header\" [ngClass]=\"{'show':collapsed}\" class=\"collapse multi-collapse\">\n <form class=\"form-inline p-3 col\">\n <div class=\"form-group col-7\" [ngClass]= \"{ 'col-12': !showMore }\">\n <label class=\"pr-3\" for=\"searchText\" [translate]=\"'Tables.Search'\"></label>\n <input (keydown)=\"onSearchKeyDown($event)\" spellcheck=\"false\" type=\"text\" id=\"searchText\" name=\"searchText\"\n class=\"form-control col text-left\" placeholder=\"{{ 'Tables.SearchPlaceholder' | translate }}\" #searchText>\n </div>\n <div *ngIf=\"showMore\" class=\"col-5 text-right text-secondary\" id=\"heading3\">\n <button class=\"d-inline-block btn btn-link collapsed float-right text-secondary text-decoration-none\"\n type=\"button\" (click)=\"toggleView();\">\n <span class=\"d-none d-sm-inline\" [translate]=\"'AdvancedSearch.More'\"></span>\n <i class=\"ml-2 pt-1 fa fa-chevron-down\"></i>\n </button>\n </div>\n </form>\n </div>\n\n <div id=\"collapse3\" [ngClass]=\"{'show':!collapsed}\" class=\"collapse multi-collapse\" aria-labelledby=\"heading3\">\n <div class=\"row\">\n <div class=\"col-sm-12\">\n <div id=\"advanced-form\">\n <ng-content select=\"advanced-search\"></ng-content>\n <hr class=\"mt-0 mb-0\" width=\"97%\">\n <div class=\"row\">\n <div class=\"col-sm-12\">\n <div class=\"form-inline pb-3 pt-3 pr-1 pl-1 col\">\n\n <div class=\"form-group col-4\">\n <div class=\"d-flex flex-row w-100\" *ngIf=\"allowSave\">\n <label class=\"pr-3 d-none\" [translate]=\"'AdvancedSearch.SavedSearches'\"></label>\n <select *ngIf=\"userSearchList\" class=\"custom-select text-secondary flex col-12\" (change)=\"onSelectUserSearch($event)\" [(ngModel)]=\"selectedList\">\n <option [ngValue]=\"null\" [translate]=\"'AdvancedSearch.Choose'\"></option>\n <option *ngFor=\"let item of userSearchList\" [ngValue]=\"item\">{{ item.name }}</option>\n </select>\n <select *ngIf=\"!userSearchList\" class=\"custom-select flex col-6\">\n <option [value]=\"null\" [translate]=\"'AdvancedSearch.Choose'\"></option>\n </select>\n </div>\n </div>\n\n <div class=\"col-3 d-flex flex-row w-100\">\n <div class=\"btn-group\" *ngIf=\"allowSave\">\n <button type=\"button\" class=\"btn btn-sm btn-primary\" (click)=\"saveSearch(templateToUse, ( (selectedList && selectedList.readOnly) ? true : false ) )\" [translate]=\"'AdvancedSearch.SaveCurrentSearch'\"></button>\n <button type=\"button\" dropdownToggle class=\"btn btn-sm btn-primary dropdown-toggle dropdown-toggle-split\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\n <span class=\"sr-only\" [translate]=\"'AdvancedSearch.ToggleDropdown'\"></span>\n </button>\n\n <div class=\"dropdown-menu\">\n <a [ngClass]=\"{'disabled': selectedList && selectedList.readOnly}\" class=\"dropdown-item\" (click)=\"saveSearch(templateToUse, false)\" [translate]=\"'AdvancedSearch.Save'\" href=\"javascript:void(0)\"></a>\n <a class=\"dropdown-item\" (click)=\"saveSearch(templateToUse)\" [translate]=\"'AdvancedSearch.SaveAs'\" href=\"javascript:void(0)\"></a>\n <div class=\"dropdown-divider\"></div>\n <a [ngClass]=\"{'disabled': selectedList && selectedList.readOnly}\" class=\"dropdown-item\" (click)=\"deleteItemFromSavedSearchListByObject(selectedList)\" [translate]=\"'AdvancedSearch.Delete'\" href=\"javascript:void(0)\"></a>\n </div>\n </div>\n </div>\n\n <div class=\"col-5 text-right text-secondary\">\n <button type=\"button\" class=\"btn btn-light text-secondary pl-2 pr-2 mr-2\" (click)=\"clear()\">\n <i class=\"fa fa-eraser\"></i>\n </button>\n <button type=\"button\" class=\"btn btn-success pl-4 pr-4 mr-2\" (click)=\"advancedSearch($event);\"\n [translate]=\"'Tables.Search'\"></button>\n <button class=\"d-inline-block btn btn-link collapsed float-right text-secondary text-decoration-none\"\n type=\"button\" (click)=\"toggleView();\">\n <span class=\"d-none d-sm-inline\" [translate]=\"'AdvancedSearch.Less'\"></span>\n <i class=\"ml-2 pt-1 fa fa-chevron-up\"></i>\n </button>\n </div>\n\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n\n <ng-template #templateToUse>\n <div class=\"modal-header\">\n <h4 class=\"modal-title pull-left\" [translate]=\"'AdvancedSearch.Modal.Title'\"></h4>\n <button type=\"button\" class=\"close pull-right\" aria-label=\"Close\" (click)=\"modalRef.hide()\">\n <span aria-hidden=\"true\">×</span>\n </button>\n </div>\n <div class=\"modal-body mt-0 mb-0 text-center\">\n <div>\n <p class=\"text-secondary text-left\" [translate]=\"'AdvancedSearch.Modal.Help'\"></p>\n </div>\n <form class=\"p-3 text-center\" #newListForm=\"ngForm\" >\n <div [ngVar]=\"{ name: ( selectedList?.name ? ( selectedList?.name + ' (1)' ) : null ) }\" #model=\"ngVar\">\n <input [(ngModel)]=\"model.value.name\" [required]=\"true\" id=\"newListName\" name=\"newListName\" type=\"text\" class=\"form-control\" placeholder=\"{{ 'AdvancedSearch.Modal.SaveNamePlaceholder' | translate }}\"/>\n <div class=\"btn-group mt-4\">\n <button [disabled]=\"newListForm.invalid\" type=\"button\" class=\"btn btn-primary\" (click)=\"confirmModal(model.value.name)\" [translate]=\"'AdvancedSearch.Modal.Accept'\"></button>\n <button type=\"button\" class=\"btn btn-gray-300 text-white\" (click)=\"closeModal()\" [translate]=\"'AdvancedSearch.Modal.Close'\"></button>\n </div>\n </div>\n </form>\n </div>\n </ng-template>\n\n</div>\n",
|
|
3533
3543
|
encapsulation: ViewEncapsulation.None
|
|
3534
3544
|
}] }
|
|
3535
3545
|
];
|
|
@@ -4297,7 +4307,6 @@ TablesModule.decorators = [
|
|
|
4297
4307
|
AdvancedFormsModule,
|
|
4298
4308
|
SharedModule,
|
|
4299
4309
|
ModalModule,
|
|
4300
|
-
BsDropdownModule,
|
|
4301
4310
|
ProgressbarModule,
|
|
4302
4311
|
NgPipesModule
|
|
4303
4312
|
],
|