d2aura 23.0.0
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/api/abstractApi.d.ts +21 -0
- package/api/abstractApi.js +56 -0
- package/api/abstractApi.js.map +1 -0
- package/api/abstractEntityApi.d.ts +37 -0
- package/api/abstractEntityApi.js +145 -0
- package/api/abstractEntityApi.js.map +1 -0
- package/api/advancedFilterApi.d.ts +56 -0
- package/api/advancedFilterApi.js +108 -0
- package/api/advancedFilterApi.js.map +1 -0
- package/api/archiveApi.d.ts +14 -0
- package/api/archiveApi.js +25 -0
- package/api/archiveApi.js.map +1 -0
- package/api/comparison/entityComparisonUtils.d.ts +4 -0
- package/api/comparison/entityComparisonUtils.js +15 -0
- package/api/comparison/entityComparisonUtils.js.map +1 -0
- package/api/constants/constants.d.ts +5 -0
- package/api/constants/constants.js +6 -0
- package/api/constants/constants.js.map +1 -0
- package/api/constants/d2ChartConstants.d.ts +5 -0
- package/api/constants/d2ChartConstants.js +6 -0
- package/api/constants/d2ChartConstants.js.map +1 -0
- package/api/edaApi.d.ts +36 -0
- package/api/edaApi.js +109 -0
- package/api/edaApi.js.map +1 -0
- package/api/impl/errorHandling.d.ts +1 -0
- package/api/impl/errorHandling.js +72 -0
- package/api/impl/errorHandling.js.map +1 -0
- package/api/impl/utils/reportError.d.ts +2 -0
- package/api/impl/utils/reportError.js +157 -0
- package/api/impl/utils/reportError.js.map +1 -0
- package/api/impl/utils/reportServiceMessage.d.ts +1 -0
- package/api/impl/utils/reportServiceMessage.js +29 -0
- package/api/impl/utils/reportServiceMessage.js.map +1 -0
- package/api/types/accessRight.d.ts +5 -0
- package/api/types/accessRight.js +7 -0
- package/api/types/accessRight.js.map +1 -0
- package/api/types/advancedFilter.d.ts +22 -0
- package/api/types/advancedFilter.js +16 -0
- package/api/types/advancedFilter.js.map +1 -0
- package/api/types/apiResult.d.ts +5 -0
- package/api/types/apiResult.js +2 -0
- package/api/types/apiResult.js.map +1 -0
- package/api/types/auditableEntity.d.ts +10 -0
- package/api/types/auditableEntity.js +2 -0
- package/api/types/auditableEntity.js.map +1 -0
- package/api/types/d2ArTypes.d.ts +5 -0
- package/api/types/d2ArTypes.js +2 -0
- package/api/types/d2ArTypes.js.map +1 -0
- package/api/types/d2ChartTypes.d.ts +26 -0
- package/api/types/d2ChartTypes.js +7 -0
- package/api/types/d2ChartTypes.js.map +1 -0
- package/api/types/dbBoolean.d.ts +5 -0
- package/api/types/dbBoolean.js +15 -0
- package/api/types/dbBoolean.js.map +1 -0
- package/api/types/entity.d.ts +7 -0
- package/api/types/entity.js +2 -0
- package/api/types/entity.js.map +1 -0
- package/api/types/entityListResult.d.ts +4 -0
- package/api/types/entityListResult.js +2 -0
- package/api/types/entityListResult.js.map +1 -0
- package/api/types/entityResult.d.ts +4 -0
- package/api/types/entityResult.js +2 -0
- package/api/types/entityResult.js.map +1 -0
- package/api/types/nounGender.d.ts +5 -0
- package/api/types/nounGender.js +7 -0
- package/api/types/nounGender.js.map +1 -0
- package/api/util/d2Boolean.d.ts +8 -0
- package/api/util/d2Boolean.js +14 -0
- package/api/util/d2Boolean.js.map +1 -0
- package/api/util/d2ChartUtils.d.ts +7 -0
- package/api/util/d2ChartUtils.js +62 -0
- package/api/util/d2ChartUtils.js.map +1 -0
- package/api/util/edaUtils.d.ts +5 -0
- package/api/util/edaUtils.js +33 -0
- package/api/util/edaUtils.js.map +1 -0
- package/api/util/fileUtils.d.ts +3 -0
- package/api/util/fileUtils.js +22 -0
- package/api/util/fileUtils.js.map +1 -0
- package/api/validation/abstractEntityValidationUtils.d.ts +8 -0
- package/api/validation/abstractEntityValidationUtils.js +24 -0
- package/api/validation/abstractEntityValidationUtils.js.map +1 -0
- package/core/types/panelConfiguration.d.ts +3 -0
- package/core/types/panelConfiguration.js +2 -0
- package/core/types/panelConfiguration.js.map +1 -0
- package/core/util/humanizeDuration.d.ts +1 -0
- package/core/util/humanizeDuration.js +24 -0
- package/core/util/humanizeDuration.js.map +1 -0
- package/core/util/isStringEmpty.d.ts +1 -0
- package/core/util/isStringEmpty.js +4 -0
- package/core/util/isStringEmpty.js.map +1 -0
- package/core/util/locationUtils.d.ts +10 -0
- package/core/util/locationUtils.js +34 -0
- package/core/util/locationUtils.js.map +1 -0
- package/coreui/abstractApp.d.ts +22 -0
- package/coreui/abstractApp.js +49 -0
- package/coreui/abstractApp.js.map +1 -0
- package/coreui/abstractListPanel.d.ts +88 -0
- package/coreui/abstractListPanel.js +426 -0
- package/coreui/abstractListPanel.js.map +1 -0
- package/coreui/abstractPage.d.ts +18 -0
- package/coreui/abstractPage.js +104 -0
- package/coreui/abstractPage.js.map +1 -0
- package/coreui/auth/loginForm.d.ts +27 -0
- package/coreui/auth/loginForm.js +47 -0
- package/coreui/auth/loginForm.js.map +1 -0
- package/coreui/auth/logoutButton.d.ts +9 -0
- package/coreui/auth/logoutButton.js +23 -0
- package/coreui/auth/logoutButton.js.map +1 -0
- package/coreui/components/about/aboutModalDialog.d.ts +30 -0
- package/coreui/components/about/aboutModalDialog.js +96 -0
- package/coreui/components/about/aboutModalDialog.js.map +1 -0
- package/coreui/components/advancedFilter/advancedFilterButton.d.ts +26 -0
- package/coreui/components/advancedFilter/advancedFilterButton.js +115 -0
- package/coreui/components/advancedFilter/advancedFilterButton.js.map +1 -0
- package/coreui/components/advancedFilter/advancedFilterColumnDefinitions.d.ts +18 -0
- package/coreui/components/advancedFilter/advancedFilterColumnDefinitions.js +39 -0
- package/coreui/components/advancedFilter/advancedFilterColumnDefinitions.js.map +1 -0
- package/coreui/components/advancedFilter/advancedFilterUtils.d.ts +12 -0
- package/coreui/components/advancedFilter/advancedFilterUtils.js +101 -0
- package/coreui/components/advancedFilter/advancedFilterUtils.js.map +1 -0
- package/coreui/components/advancedFilter/advancedFilterValidationUtils.d.ts +11 -0
- package/coreui/components/advancedFilter/advancedFilterValidationUtils.js +59 -0
- package/coreui/components/advancedFilter/advancedFilterValidationUtils.js.map +1 -0
- package/coreui/components/advancedFilter/advancedFilteredGrid.d.ts +55 -0
- package/coreui/components/advancedFilter/advancedFilteredGrid.js +165 -0
- package/coreui/components/advancedFilter/advancedFilteredGrid.js.map +1 -0
- package/coreui/components/advancedFilter/components/advancedFilterOperatorSelect.d.ts +14 -0
- package/coreui/components/advancedFilter/components/advancedFilterOperatorSelect.js +35 -0
- package/coreui/components/advancedFilter/components/advancedFilterOperatorSelect.js.map +1 -0
- package/coreui/components/advancedFilter/components/advancedFilterValueInput.d.ts +23 -0
- package/coreui/components/advancedFilter/components/advancedFilterValueInput.js +148 -0
- package/coreui/components/advancedFilter/components/advancedFilterValueInput.js.map +1 -0
- package/coreui/components/advancedFilter/conditionList/advancedFilterConditionDetailPanel.d.ts +18 -0
- package/coreui/components/advancedFilter/conditionList/advancedFilterConditionDetailPanel.js +82 -0
- package/coreui/components/advancedFilter/conditionList/advancedFilterConditionDetailPanel.js.map +1 -0
- package/coreui/components/advancedFilter/conditionList/advancedFilterConditionListModalDialog.d.ts +23 -0
- package/coreui/components/advancedFilter/conditionList/advancedFilterConditionListModalDialog.js +58 -0
- package/coreui/components/advancedFilter/conditionList/advancedFilterConditionListModalDialog.js.map +1 -0
- package/coreui/components/advancedFilter/conditionList/advancedFilterConditionListPanel.d.ts +31 -0
- package/coreui/components/advancedFilter/conditionList/advancedFilterConditionListPanel.js +211 -0
- package/coreui/components/advancedFilter/conditionList/advancedFilterConditionListPanel.js.map +1 -0
- package/coreui/components/advancedFilter/filterList/advancedFilterListModalDialog.d.ts +15 -0
- package/coreui/components/advancedFilter/filterList/advancedFilterListModalDialog.js +48 -0
- package/coreui/components/advancedFilter/filterList/advancedFilterListModalDialog.js.map +1 -0
- package/coreui/components/advancedFilter/filterSave/filterSaveModalDialog.d.ts +18 -0
- package/coreui/components/advancedFilter/filterSave/filterSaveModalDialog.js +37 -0
- package/coreui/components/advancedFilter/filterSave/filterSaveModalDialog.js.map +1 -0
- package/coreui/components/advancedFilter/floatingColumnFilter/advancedFilterFloatingColumnComponent.d.ts +26 -0
- package/coreui/components/advancedFilter/floatingColumnFilter/advancedFilterFloatingColumnComponent.js +81 -0
- package/coreui/components/advancedFilter/floatingColumnFilter/advancedFilterFloatingColumnComponent.js.map +1 -0
- package/coreui/components/assignEntitiesToEntity/abstractEntitiesOnEntityList.d.ts +32 -0
- package/coreui/components/assignEntitiesToEntity/abstractEntitiesOnEntityList.js +102 -0
- package/coreui/components/assignEntitiesToEntity/abstractEntitiesOnEntityList.js.map +1 -0
- package/coreui/components/changePasswordModalDialog/changePasswordModalDialog.d.ts +23 -0
- package/coreui/components/changePasswordModalDialog/changePasswordModalDialog.js +83 -0
- package/coreui/components/changePasswordModalDialog/changePasswordModalDialog.js.map +1 -0
- package/coreui/components/colorTag/colorTag.d.ts +9 -0
- package/coreui/components/colorTag/colorTag.js +17 -0
- package/coreui/components/colorTag/colorTag.js.map +1 -0
- package/coreui/components/d2Chart/d2ChartOptions.d.ts +3 -0
- package/coreui/components/d2Chart/d2ChartOptions.js +73 -0
- package/coreui/components/d2Chart/d2ChartOptions.js.map +1 -0
- package/coreui/components/d2Chart/d2ChartPanel.d.ts +48 -0
- package/coreui/components/d2Chart/d2ChartPanel.js +325 -0
- package/coreui/components/d2Chart/d2ChartPanel.js.map +1 -0
- package/coreui/components/d2Chart/d2ChartTablePanel.d.ts +31 -0
- package/coreui/components/d2Chart/d2ChartTablePanel.js +121 -0
- package/coreui/components/d2Chart/d2ChartTablePanel.js.map +1 -0
- package/coreui/components/d2Chart/d2ChartToolboxPanel.d.ts +27 -0
- package/coreui/components/d2Chart/d2ChartToolboxPanel.js +116 -0
- package/coreui/components/d2Chart/d2ChartToolboxPanel.js.map +1 -0
- package/coreui/components/edaManager/abstract/edaManagerAbstractPanel.d.ts +51 -0
- package/coreui/components/edaManager/abstract/edaManagerAbstractPanel.js +169 -0
- package/coreui/components/edaManager/abstract/edaManagerAbstractPanel.js.map +1 -0
- package/coreui/components/edaManager/abstract/edaManagerAbstractTablePanel.d.ts +32 -0
- package/coreui/components/edaManager/abstract/edaManagerAbstractTablePanel.js +87 -0
- package/coreui/components/edaManager/abstract/edaManagerAbstractTablePanel.js.map +1 -0
- package/coreui/components/edaManager/abstract/edaManagerAbstractVectorList.d.ts +24 -0
- package/coreui/components/edaManager/abstract/edaManagerAbstractVectorList.js +98 -0
- package/coreui/components/edaManager/abstract/edaManagerAbstractVectorList.js.map +1 -0
- package/coreui/components/edaManager/compactPanel/edaManagerCompactPanel.d.ts +19 -0
- package/coreui/components/edaManager/compactPanel/edaManagerCompactPanel.js +52 -0
- package/coreui/components/edaManager/compactPanel/edaManagerCompactPanel.js.map +1 -0
- package/coreui/components/edaManager/compactPanel/initialLayout.d.ts +2 -0
- package/coreui/components/edaManager/compactPanel/initialLayout.js +26 -0
- package/coreui/components/edaManager/compactPanel/initialLayout.js.map +1 -0
- package/coreui/components/edaManager/components/detail/components/edaVectorMassChangeButton.d.ts +38 -0
- package/coreui/components/edaManager/components/detail/components/edaVectorMassChangeButton.js +182 -0
- package/coreui/components/edaManager/components/detail/components/edaVectorMassChangeButton.js.map +1 -0
- package/coreui/components/edaManager/components/detail/edaVectorDetailModalDialog.d.ts +23 -0
- package/coreui/components/edaManager/components/detail/edaVectorDetailModalDialog.js +122 -0
- package/coreui/components/edaManager/components/detail/edaVectorDetailModalDialog.js.map +1 -0
- package/coreui/components/edaManager/components/detail/edaVectorDetailTablePanel.d.ts +16 -0
- package/coreui/components/edaManager/components/detail/edaVectorDetailTablePanel.js +63 -0
- package/coreui/components/edaManager/components/detail/edaVectorDetailTablePanel.js.map +1 -0
- package/coreui/components/edaManager/components/detail/initialLayout.d.ts +2 -0
- package/coreui/components/edaManager/components/detail/initialLayout.js +29 -0
- package/coreui/components/edaManager/components/detail/initialLayout.js.map +1 -0
- package/coreui/components/edaManager/components/edaManagerTablePanel.d.ts +22 -0
- package/coreui/components/edaManager/components/edaManagerTablePanel.js +80 -0
- package/coreui/components/edaManager/components/edaManagerTablePanel.js.map +1 -0
- package/coreui/components/edaManager/components/edaManagerTimePanel.d.ts +22 -0
- package/coreui/components/edaManager/components/edaManagerTimePanel.js +38 -0
- package/coreui/components/edaManager/components/edaManagerTimePanel.js.map +1 -0
- package/coreui/components/edaManager/components/edaManagerVectorList.d.ts +11 -0
- package/coreui/components/edaManager/components/edaManagerVectorList.js +35 -0
- package/coreui/components/edaManager/components/edaManagerVectorList.js.map +1 -0
- package/coreui/components/edaManager/components/edaStepSelect/edaStepConstants.d.ts +0 -0
- package/coreui/components/edaManager/components/edaStepSelect/edaStepConstants.js +2 -0
- package/coreui/components/edaManager/components/edaStepSelect/edaStepConstants.js.map +1 -0
- package/coreui/components/edaManager/components/edaStepSelect/edaStepSelect.d.ts +13 -0
- package/coreui/components/edaManager/components/edaStepSelect/edaStepSelect.js +14 -0
- package/coreui/components/edaManager/components/edaStepSelect/edaStepSelect.js.map +1 -0
- package/coreui/components/edaManager/components/edaVectorSelect/edaVectorSelect.d.ts +10 -0
- package/coreui/components/edaManager/components/edaVectorSelect/edaVectorSelect.js +20 -0
- package/coreui/components/edaManager/components/edaVectorSelect/edaVectorSelect.js.map +1 -0
- package/coreui/components/edaManager/components/edaVectorSelect/edaVectorSelectModalDialog.d.ts +13 -0
- package/coreui/components/edaManager/components/edaVectorSelect/edaVectorSelectModalDialog.js +22 -0
- package/coreui/components/edaManager/components/edaVectorSelect/edaVectorSelectModalDialog.js.map +1 -0
- package/coreui/components/edaManager/constants.d.ts +2 -0
- package/coreui/components/edaManager/constants.js +11 -0
- package/coreui/components/edaManager/constants.js.map +1 -0
- package/coreui/components/edaManager/panel/edaManagerPanel.d.ts +13 -0
- package/coreui/components/edaManager/panel/edaManagerPanel.js +32 -0
- package/coreui/components/edaManager/panel/edaManagerPanel.js.map +1 -0
- package/coreui/components/edaManager/panel/initialLayout.d.ts +2 -0
- package/coreui/components/edaManager/panel/initialLayout.js +39 -0
- package/coreui/components/edaManager/panel/initialLayout.js.map +1 -0
- package/coreui/components/editor/abstractEntityConfigPanel.d.ts +82 -0
- package/coreui/components/editor/abstractEntityConfigPanel.js +307 -0
- package/coreui/components/editor/abstractEntityConfigPanel.js.map +1 -0
- package/coreui/components/filePicker/filePicker.d.ts +20 -0
- package/coreui/components/filePicker/filePicker.js +57 -0
- package/coreui/components/filePicker/filePicker.js.map +1 -0
- package/coreui/components/grid/auditEntityRowStyleRules.d.ts +3 -0
- package/coreui/components/grid/auditEntityRowStyleRules.js +34 -0
- package/coreui/components/grid/auditEntityRowStyleRules.js.map +1 -0
- package/coreui/components/grid/detailHeaderPanel.d.ts +13 -0
- package/coreui/components/grid/detailHeaderPanel.js +29 -0
- package/coreui/components/grid/detailHeaderPanel.js.map +1 -0
- package/coreui/components/grid/standardColumns.d.ts +14 -0
- package/coreui/components/grid/standardColumns.js +150 -0
- package/coreui/components/grid/standardColumns.js.map +1 -0
- package/coreui/components/history/entityHistoryListPanel.d.ts +38 -0
- package/coreui/components/history/entityHistoryListPanel.js +154 -0
- package/coreui/components/history/entityHistoryListPanel.js.map +1 -0
- package/coreui/components/languageSelect/languageSelect.d.ts +17 -0
- package/coreui/components/languageSelect/languageSelect.js +28 -0
- package/coreui/components/languageSelect/languageSelect.js.map +1 -0
- package/coreui/components/modalWithIcon/openModalWithIcon.d.ts +8 -0
- package/coreui/components/modalWithIcon/openModalWithIcon.js +30 -0
- package/coreui/components/modalWithIcon/openModalWithIcon.js.map +1 -0
- package/coreui/components/select/abstractSelect.d.ts +57 -0
- package/coreui/components/select/abstractSelect.js +233 -0
- package/coreui/components/select/abstractSelect.js.map +1 -0
- package/coreui/components/select/abstractSelectModalDialog.d.ts +33 -0
- package/coreui/components/select/abstractSelectModalDialog.js +110 -0
- package/coreui/components/select/abstractSelectModalDialog.js.map +1 -0
- package/coreui/components/select/selectUtils.d.ts +4 -0
- package/coreui/components/select/selectUtils.js +14 -0
- package/coreui/components/select/selectUtils.js.map +1 -0
- package/coreui/components/titleWithCodePanel/titleWithCodePanel.d.ts +10 -0
- package/coreui/components/titleWithCodePanel/titleWithCodePanel.js +20 -0
- package/coreui/components/titleWithCodePanel/titleWithCodePanel.js.map +1 -0
- package/coreui/icons/icons.d.ts +3 -0
- package/coreui/icons/icons.js +18 -0
- package/coreui/icons/icons.js.map +1 -0
- package/coreui/layout/contextToolbar.d.ts +15 -0
- package/coreui/layout/contextToolbar.js +41 -0
- package/coreui/layout/contextToolbar.js.map +1 -0
- package/coreui/style/index.less +165 -0
- package/coreui/style/login.css +214 -0
- package/package.json +65 -0
- package/tsconfig.json +38 -0
|
@@ -0,0 +1,104 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import PlatformSpecific from "d2coreui/components/platformSpecific";
|
|
3
|
+
import FileSaver from "file-saver";
|
|
4
|
+
import debounce from "lodash/debounce";
|
|
5
|
+
import LocationUtils from "../core/util/locationUtils";
|
|
6
|
+
let currentPage = null;
|
|
7
|
+
class D2UiPlatformSpecific extends PlatformSpecific {
|
|
8
|
+
getCurrentWindowName() {
|
|
9
|
+
return currentPage?.getPageName() ?? "";
|
|
10
|
+
}
|
|
11
|
+
configurationChangesDisabled() {
|
|
12
|
+
return currentPage?.configurationChangesDisabled() ?? false;
|
|
13
|
+
}
|
|
14
|
+
reloadPageInPredefinedState() {
|
|
15
|
+
currentPage?.reloadPageInPredefinedState();
|
|
16
|
+
}
|
|
17
|
+
reloadPageInFactoryState() {
|
|
18
|
+
currentPage?.reloadPageInFactoryState();
|
|
19
|
+
}
|
|
20
|
+
saveWindowConfiguration() {
|
|
21
|
+
currentPage?.saveConfiguration();
|
|
22
|
+
}
|
|
23
|
+
exportWindowConfiguration() {
|
|
24
|
+
const fileName = "window-conf.json";
|
|
25
|
+
if (!!currentPage) {
|
|
26
|
+
const configuration = currentPage.getConfiguration();
|
|
27
|
+
if (configuration) {
|
|
28
|
+
const serializedConfiguration = JSON.stringify(configuration, null, 2);
|
|
29
|
+
this.saveContent(fileName, serializedConfiguration, true);
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
saveContent(fileName, content, encodeContent) {
|
|
34
|
+
if (fileName.indexOf(".pdf") >= 0) {
|
|
35
|
+
this.b64toBlob(content).then((blob) => {
|
|
36
|
+
FileSaver.saveAs(blob, fileName);
|
|
37
|
+
});
|
|
38
|
+
}
|
|
39
|
+
else {
|
|
40
|
+
super.saveContent(fileName, content, encodeContent);
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
b64toBlob(base64, type = 'application/octet-stream') {
|
|
44
|
+
return fetch(`data:${type};base64,${base64}`).then(res => res.blob());
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
PlatformSpecific.INSTANCE = new D2UiPlatformSpecific();
|
|
48
|
+
export default class AbstractPage extends React.Component {
|
|
49
|
+
constructor(props) {
|
|
50
|
+
super(props);
|
|
51
|
+
this.pageName = LocationUtils.getLocationWithoutSearchParameter(window.location.hash);
|
|
52
|
+
this.listPanel = null;
|
|
53
|
+
currentPage = this;
|
|
54
|
+
this.saveConfiguration = debounce(this.saveConfiguration.bind(this), 250);
|
|
55
|
+
}
|
|
56
|
+
getConfiguration() {
|
|
57
|
+
return this.listPanel?.getPanelConfiguration();
|
|
58
|
+
}
|
|
59
|
+
getPageName() {
|
|
60
|
+
return this.pageName;
|
|
61
|
+
}
|
|
62
|
+
saveConfiguration() {
|
|
63
|
+
const configuration = this.getConfiguration();
|
|
64
|
+
if (currentPage && configuration) {
|
|
65
|
+
localStorage.setItem(currentPage.pageName, JSON.stringify(configuration));
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
loadPersistentConfiguration(initialData) {
|
|
69
|
+
if (currentPage) {
|
|
70
|
+
const item = localStorage.getItem(currentPage.pageName);
|
|
71
|
+
if (item) {
|
|
72
|
+
const persistentData = JSON.parse(item);
|
|
73
|
+
if (initialData.version === persistentData.version) {
|
|
74
|
+
return persistentData;
|
|
75
|
+
}
|
|
76
|
+
else {
|
|
77
|
+
return initialData;
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
return initialData;
|
|
82
|
+
}
|
|
83
|
+
reloadPageInPredefinedState() {
|
|
84
|
+
if (currentPage) {
|
|
85
|
+
localStorage.removeItem(currentPage.pageName);
|
|
86
|
+
}
|
|
87
|
+
location.reload();
|
|
88
|
+
}
|
|
89
|
+
reloadPageInFactoryState() {
|
|
90
|
+
if (currentPage) {
|
|
91
|
+
localStorage.removeItem(currentPage.pageName);
|
|
92
|
+
}
|
|
93
|
+
location.reload();
|
|
94
|
+
}
|
|
95
|
+
configurationChangesDisabled() {
|
|
96
|
+
return false;
|
|
97
|
+
}
|
|
98
|
+
render() {
|
|
99
|
+
return (React.createElement("span", null,
|
|
100
|
+
"No UI defined for ",
|
|
101
|
+
currentPage?.pageName));
|
|
102
|
+
}
|
|
103
|
+
}
|
|
104
|
+
//# sourceMappingURL=abstractPage.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"abstractPage.js","sourceRoot":"","sources":["../../../coreui/abstractPage.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\"\r\nimport PlatformSpecific from \"d2coreui/components/platformSpecific\";\r\nimport FileSaver from \"file-saver\"\r\nimport debounce from \"lodash/debounce\";\r\nimport {PanelConfiguration} from \"../core/types/panelConfiguration\";\r\nimport LocationUtils from \"../core/util/locationUtils\";\r\nimport {AbstractListPanel} from \"./abstractListPanel\";\r\n\r\n// https://medium.com/the-missing-bit/using-node-env-with-typescript-and-webpack-689a85041978\r\ndeclare var process: {\r\n env: {\r\n NODE_ENV: string\r\n }\r\n}\r\n\r\nlet currentPage: AbstractPage<AbstractPageProps> | null = null;\r\n\r\nclass D2UiPlatformSpecific extends PlatformSpecific {\r\n\r\n getCurrentWindowName(): string {\r\n return currentPage?.getPageName() ?? \"\";\r\n }\r\n\r\n configurationChangesDisabled(): boolean {\r\n return currentPage?.configurationChangesDisabled() ?? false;\r\n }\r\n\r\n reloadPageInPredefinedState() {\r\n currentPage?.reloadPageInPredefinedState();\r\n }\r\n\r\n reloadPageInFactoryState() {\r\n currentPage?.reloadPageInFactoryState();\r\n }\r\n\r\n saveWindowConfiguration() {\r\n currentPage?.saveConfiguration();\r\n }\r\n\r\n exportWindowConfiguration() {\r\n const fileName = \"window-conf.json\";\r\n if (!!currentPage) {\r\n const configuration = currentPage.getConfiguration();\r\n if (configuration) {\r\n const serializedConfiguration = JSON.stringify(configuration, null, 2);\r\n this.saveContent(fileName, serializedConfiguration, true);\r\n }\r\n }\r\n }\r\n\r\n\r\n saveContent(fileName: string, content: string, encodeContent?: boolean) {\r\n if (fileName.indexOf(\".pdf\") >= 0) {\r\n this.b64toBlob(content).then((blob) => {\r\n FileSaver.saveAs(blob, fileName);\r\n });\r\n } else {\r\n super.saveContent(fileName, content, encodeContent);\r\n }\r\n }\r\n\r\n private b64toBlob(base64: string, type = 'application/octet-stream') {\r\n return fetch(`data:${type};base64,${base64}`).then(res => res.blob())\r\n }\r\n}\r\n\r\nPlatformSpecific.INSTANCE = new D2UiPlatformSpecific();\r\n\r\nexport interface AbstractPageProps {\r\n}\r\n\r\nexport default class AbstractPage<P extends AbstractPageProps> extends React.Component<P> {\r\n private pageName = LocationUtils.getLocationWithoutSearchParameter(window.location.hash);\r\n protected listPanel: AbstractListPanel<any, any, any> | null = null;\r\n\r\n constructor(props: Readonly<P>) {\r\n super(props);\r\n\r\n currentPage = this;\r\n\r\n this.saveConfiguration = debounce(this.saveConfiguration.bind(this), 250);\r\n }\r\n\r\n getConfiguration(): PanelConfiguration | undefined {\r\n return this.listPanel?.getPanelConfiguration();\r\n }\r\n\r\n getPageName() {\r\n return this.pageName;\r\n }\r\n\r\n saveConfiguration(): void {\r\n const configuration = this.getConfiguration();\r\n if (currentPage && configuration) {\r\n localStorage.setItem(currentPage.pageName, JSON.stringify(configuration));\r\n }\r\n }\r\n\r\n loadPersistentConfiguration<T extends PanelConfiguration>(initialData: T): T {\r\n if (currentPage) {\r\n const item = localStorage.getItem(currentPage.pageName);\r\n if (item) {\r\n const persistentData = JSON.parse(item) as T;\r\n if (initialData.version === persistentData.version) {\r\n return persistentData;\r\n } else {\r\n return initialData;\r\n }\r\n }\r\n }\r\n return initialData;\r\n }\r\n\r\n reloadPageInPredefinedState(): void {\r\n if (currentPage) {\r\n localStorage.removeItem(currentPage.pageName);\r\n }\r\n location.reload();\r\n }\r\n\r\n reloadPageInFactoryState(): void {\r\n if (currentPage) {\r\n localStorage.removeItem(currentPage.pageName);\r\n }\r\n location.reload();\r\n }\r\n\r\n configurationChangesDisabled(): boolean {\r\n return false;\r\n }\r\n\r\n render() {\r\n return (<span>No UI defined for {currentPage?.pageName}</span>);\r\n }\r\n\r\n}\r\n"]}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface LoginFormProps extends React.FormHTMLAttributes<HTMLFormElement> {
|
|
3
|
+
loginRealm: string;
|
|
4
|
+
loginAction: string;
|
|
5
|
+
onSubmit: () => void;
|
|
6
|
+
}
|
|
7
|
+
interface LoginFormState {
|
|
8
|
+
healthCheck: Partial<{
|
|
9
|
+
D2_API_CONNECTION: {
|
|
10
|
+
healthy: boolean;
|
|
11
|
+
};
|
|
12
|
+
NETWORK_QUOTA: {
|
|
13
|
+
message: string;
|
|
14
|
+
};
|
|
15
|
+
}>;
|
|
16
|
+
}
|
|
17
|
+
export default class LoginForm extends React.Component<LoginFormProps, LoginFormState> {
|
|
18
|
+
static get defaultProps(): {
|
|
19
|
+
loginRealm: string;
|
|
20
|
+
loginAction: string;
|
|
21
|
+
};
|
|
22
|
+
constructor(props: Readonly<LoginFormProps> | LoginFormProps);
|
|
23
|
+
componentDidMount(): Promise<void>;
|
|
24
|
+
renderNetworkQuota(): React.JSX.Element | null;
|
|
25
|
+
render(): React.JSX.Element;
|
|
26
|
+
}
|
|
27
|
+
export {};
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import URI from 'urijs';
|
|
3
|
+
import { message } from "antd";
|
|
4
|
+
export default class LoginForm extends React.Component {
|
|
5
|
+
static get defaultProps() {
|
|
6
|
+
return {
|
|
7
|
+
loginRealm: 'appFormAuthClient',
|
|
8
|
+
loginAction: './do.login'
|
|
9
|
+
};
|
|
10
|
+
}
|
|
11
|
+
constructor(props) {
|
|
12
|
+
super(props);
|
|
13
|
+
this.state = {
|
|
14
|
+
healthCheck: {}
|
|
15
|
+
};
|
|
16
|
+
}
|
|
17
|
+
async componentDidMount() {
|
|
18
|
+
const response = await fetch("./get.healthcheck");
|
|
19
|
+
const healthCheck = await response.json();
|
|
20
|
+
if (response.status === 500) {
|
|
21
|
+
if (!healthCheck.D2_API_CONNECTION.healthy) {
|
|
22
|
+
message.warning("It's not possible to sign in, connection to D2000 server is not available!");
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
this.setState({ healthCheck: healthCheck });
|
|
26
|
+
const urlParams = new URI(window.location.href).search(true);
|
|
27
|
+
if (urlParams.hasOwnProperty("error")) {
|
|
28
|
+
message.error("Login failed, you have entered invalid username or password");
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
renderNetworkQuota() {
|
|
32
|
+
if (this.state.healthCheck.NETWORK_QUOTA) {
|
|
33
|
+
if (this.state.healthCheck.NETWORK_QUOTA.message) {
|
|
34
|
+
return React.createElement("small", null, `${'Network consumption:'} : ${this.state.healthCheck.NETWORK_QUOTA.message} %`);
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
return null;
|
|
38
|
+
}
|
|
39
|
+
render() {
|
|
40
|
+
const { loginAction, loginRealm, ...rest } = this.props;
|
|
41
|
+
return (React.createElement("form", { method: 'post', role: "FORM", action: loginAction, name: "loginForm", ...rest },
|
|
42
|
+
this.props.children,
|
|
43
|
+
React.createElement("input", { type: "hidden", name: "client_name", value: loginRealm }),
|
|
44
|
+
this.renderNetworkQuota()));
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
//# sourceMappingURL=loginForm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"loginForm.js","sourceRoot":"","sources":["../../../../coreui/auth/loginForm.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,GAAG,MAAM,OAAO,CAAA;AACvB,OAAO,EAAC,OAAO,EAAC,MAAM,MAAM,CAAC;AAmB7B,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,KAAK,CAAC,SAAyC;IAClF,MAAM,KAAK,YAAY;QACnB,OAAO;YACH,UAAU,EAAE,mBAAmB;YAC/B,WAAW,EAAE,YAAY;SAC5B,CAAC;IACN,CAAC;IAGD,YAAY,KAAgD;QACxD,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACT,WAAW,EAAE,EAAE;SAClB,CAAA;IACL,CAAC;IAED,KAAK,CAAC,iBAAiB;QACnB,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,mBAAmB,CAAC,CAAA;QACjD,MAAM,WAAW,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;QAC1C,IAAI,QAAQ,CAAC,MAAM,KAAK,GAAG,EAAE,CAAC;YAC1B,IAAI,CAAC,WAAW,CAAC,iBAAiB,CAAC,OAAO,EAAE,CAAC;gBACzC,OAAO,CAAC,OAAO,CAAC,4EAA4E,CAAC,CAAC;YAClG,CAAC;QACL,CAAC;QACD,IAAI,CAAC,QAAQ,CAAC,EAAC,WAAW,EAAE,WAAW,EAAC,CAAC,CAAC;QAE1C,MAAM,SAAS,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QAC7D,IAAI,SAAS,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,CAAC;YACpC,OAAO,CAAC,KAAK,CAAC,6DAA6D,CAAC,CAAC;QACjF,CAAC;IACL,CAAC;IAED,kBAAkB;QACd,IAAI,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,aAAa,EAAE,CAAC;YACvC,IAAI,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,aAAa,CAAC,OAAO,EAAE,CAAC;gBAC/C,OAAO,mCAAQ,GAAY,sBAA2B,MAAM,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,aAAa,CAAC,OAAO,IAAI,CAAS,CAAC;YAC1H,CAAC;QACL,CAAC;QACD,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,MAAM;QACF,MAAM,EAAC,WAAW,EAAE,UAAU,EAAE,GAAG,IAAI,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QACtD,OAAO,CACH,8BAAM,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAE,WAAW,EAAE,IAAI,EAAC,WAAW,KAAK,IAAI;YACzE,IAAI,CAAC,KAAK,CAAC,QAAQ;YACpB,+BAAO,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,aAAa,EAAC,KAAK,EAAE,UAAU,GAAG;YAC3D,IAAI,CAAC,kBAAkB,EAAE,CACvB,CACV,CAAC;IACN,CAAC;CACJ","sourcesContent":["/**\r\n * Base LoginPage container\r\n */\r\n//noinspection NpmUsedModulesInstalled\r\nimport React from 'react'\r\nimport URI from 'urijs'\r\nimport {message} from \"antd\";\r\n\r\ninterface LoginFormProps extends React.FormHTMLAttributes<HTMLFormElement> {\r\n loginRealm: string\r\n loginAction: string\r\n onSubmit: () => void\r\n}\r\n\r\ninterface LoginFormState {\r\n healthCheck: Partial<{\r\n D2_API_CONNECTION: {\r\n healthy: boolean\r\n },\r\n NETWORK_QUOTA: {\r\n message: string\r\n }\r\n }>\r\n}\r\n\r\nexport default class LoginForm extends React.Component<LoginFormProps, LoginFormState> {\r\n static get defaultProps() {\r\n return {\r\n loginRealm: 'appFormAuthClient',\r\n loginAction: './do.login'\r\n };\r\n }\r\n\r\n\r\n constructor(props: Readonly<LoginFormProps> | LoginFormProps) {\r\n super(props);\r\n this.state = {\r\n healthCheck: {}\r\n }\r\n }\r\n\r\n async componentDidMount() {\r\n const response = await fetch(\"./get.healthcheck\")\r\n const healthCheck = await response.json();\r\n if (response.status === 500) {\r\n if (!healthCheck.D2_API_CONNECTION.healthy) {\r\n message.warning(\"It's not possible to sign in, connection to D2000 server is not available!\");\r\n }\r\n }\r\n this.setState({healthCheck: healthCheck});\r\n\r\n const urlParams = new URI(window.location.href).search(true);\r\n if (urlParams.hasOwnProperty(\"error\")) {\r\n message.error(\"Login failed, you have entered invalid username or password\");\r\n }\r\n }\r\n\r\n renderNetworkQuota() {\r\n if (this.state.healthCheck.NETWORK_QUOTA) {\r\n if (this.state.healthCheck.NETWORK_QUOTA.message) {\r\n return <small>{`${/*i18n(*/'Network consumption:'/*)*/} : ${this.state.healthCheck.NETWORK_QUOTA.message} %`}</small>;\r\n }\r\n }\r\n return null;\r\n }\r\n\r\n render() {\r\n const {loginAction, loginRealm, ...rest} = this.props;\r\n return (\r\n <form method='post' role=\"FORM\" action={loginAction} name=\"loginForm\" {...rest}>\r\n {this.props.children}\r\n <input type=\"hidden\" name=\"client_name\" value={loginRealm}/>\r\n {this.renderNetworkQuota()}\r\n </form>\r\n );\r\n }\r\n}"]}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import i18n from "d2core/i18n/i18n";
|
|
3
|
+
import { LogoutOutlined } from "@ant-design/icons";
|
|
4
|
+
import { PRIMARY_COLOR } from "../../../d2aura/api/constants/constants";
|
|
5
|
+
import { openModalWithIcon } from "../components/modalWithIcon/openModalWithIcon";
|
|
6
|
+
export default class LogoutButton extends React.Component {
|
|
7
|
+
constructor(props) {
|
|
8
|
+
super(props);
|
|
9
|
+
}
|
|
10
|
+
showLogoutDialog() {
|
|
11
|
+
openModalWithIcon({
|
|
12
|
+
maskClosable: true,
|
|
13
|
+
customIcon: React.createElement(LogoutOutlined, { style: { fontSize: 60, color: PRIMARY_COLOR } }),
|
|
14
|
+
text: i18n("Really sign out?"),
|
|
15
|
+
okText: i18n("Sign out"),
|
|
16
|
+
onOk: () => window.location.href = "./do.logout",
|
|
17
|
+
});
|
|
18
|
+
}
|
|
19
|
+
render() {
|
|
20
|
+
return (React.createElement(LogoutOutlined, { style: { color: PRIMARY_COLOR }, title: i18n("Logout"), onClick: this.showLogoutDialog }));
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
//# sourceMappingURL=logoutButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"logoutButton.js","sourceRoot":"","sources":["../../../../coreui/auth/logoutButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,IAAI,MAAM,kBAAkB,CAAC;AACpC,OAAO,EAAC,cAAc,EAAC,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAC,aAAa,EAAC,MAAM,yCAAyC,CAAC;AACtE,OAAO,EAAC,iBAAiB,EAAC,MAAM,+CAA+C,CAAC;AAKhF,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,KAAK,CAAC,SAAgB;IAC5D,YAAY,KAAsB;QAC9B,KAAK,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC;IAEO,gBAAgB;QACpB,iBAAiB,CAAC;YACd,YAAY,EAAE,IAAI;YAClB,UAAU,EAAE,oBAAC,cAAc,IAAC,KAAK,EAAE,EAAC,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,aAAa,EAAC,GAAG;YAC1E,IAAI,EAAE,IAAI,CAAC,kBAAkB,CAAC;YAC9B,MAAM,EAAE,IAAI,CAAC,UAAU,CAAC;YACxB,IAAI,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,aAAa;SACnD,CAAC,CAAA;IACN,CAAC;IAED,MAAM;QACF,OAAO,CACH,oBAAC,cAAc,IACX,KAAK,EAAE,EAAC,KAAK,EAAE,aAAa,EAAC,EAC7B,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,EACrB,OAAO,EAAE,IAAI,CAAC,gBAAgB,GAChC,CACL,CAAC;IACN,CAAC;CACJ","sourcesContent":["import React from 'react'\r\nimport i18n from \"d2core/i18n/i18n\";\r\nimport {LogoutOutlined} from \"@ant-design/icons\";\r\nimport {PRIMARY_COLOR} from \"../../../d2aura/api/constants/constants\";\r\nimport {openModalWithIcon} from \"../components/modalWithIcon/openModalWithIcon\";\r\n\r\ninterface Props {\r\n}\r\n\r\nexport default class LogoutButton extends React.Component<Props> {\r\n constructor(props: Readonly<Props>) {\r\n super(props);\r\n }\r\n\r\n private showLogoutDialog() {\r\n openModalWithIcon({\r\n maskClosable: true,\r\n customIcon: <LogoutOutlined style={{fontSize: 60, color: PRIMARY_COLOR}}/>,\r\n text: i18n(\"Really sign out?\"),\r\n okText: i18n(\"Sign out\"),\r\n onOk: () => window.location.href = \"./do.logout\",\r\n })\r\n }\r\n\r\n render() {\r\n return (\r\n <LogoutOutlined\r\n style={{color: PRIMARY_COLOR}}\r\n title={i18n(\"Logout\")}\r\n onClick={this.showLogoutDialog}\r\n />\r\n );\r\n }\r\n}"]}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { UnixTime } from "d2jsapi";
|
|
3
|
+
interface AboutData {
|
|
4
|
+
buildDate: UnixTime;
|
|
5
|
+
version: string;
|
|
6
|
+
branch: string;
|
|
7
|
+
commitHash: string;
|
|
8
|
+
lastCommitDateTime: string;
|
|
9
|
+
}
|
|
10
|
+
interface Props {
|
|
11
|
+
applicationName: string;
|
|
12
|
+
visible: boolean;
|
|
13
|
+
onClose(): void;
|
|
14
|
+
}
|
|
15
|
+
interface State {
|
|
16
|
+
loading: boolean;
|
|
17
|
+
isError: boolean;
|
|
18
|
+
aboutData?: AboutData;
|
|
19
|
+
copyButtonIcon: React.ReactNode;
|
|
20
|
+
}
|
|
21
|
+
export default class AboutModalDialog extends React.Component<Props, State> {
|
|
22
|
+
constructor(props: Readonly<Props>);
|
|
23
|
+
componentDidUpdate(prevProps: Readonly<Props>): void;
|
|
24
|
+
private onDialogOpen;
|
|
25
|
+
private renderItem;
|
|
26
|
+
private onCopyToClipboard;
|
|
27
|
+
private getContent;
|
|
28
|
+
render(): React.JSX.Element;
|
|
29
|
+
}
|
|
30
|
+
export {};
|
|
@@ -0,0 +1,96 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { ModalDialog } from "d2coreui/components/modal/modalDialog";
|
|
3
|
+
import i18n from "d2core/i18n/i18n";
|
|
4
|
+
import { CheckOutlined, CopyOutlined, LoadingOutlined } from "@ant-design/icons";
|
|
5
|
+
import dayjs from "d2core/dayjs";
|
|
6
|
+
import { LocaleHolder } from "d2core/i18n/localeHolder";
|
|
7
|
+
import logo from "../../images/logo.svg";
|
|
8
|
+
import { Button } from "antd";
|
|
9
|
+
import { ClipboardUtils } from "d2coreui/components/clipboard/clipboardUtils";
|
|
10
|
+
import { ERROR_COLOR } from "../../../api/constants/constants";
|
|
11
|
+
export default class AboutModalDialog extends React.Component {
|
|
12
|
+
constructor(props) {
|
|
13
|
+
super(props);
|
|
14
|
+
this.state = {
|
|
15
|
+
loading: false,
|
|
16
|
+
isError: false,
|
|
17
|
+
copyButtonIcon: React.createElement(CopyOutlined, null),
|
|
18
|
+
};
|
|
19
|
+
}
|
|
20
|
+
componentDidUpdate(prevProps) {
|
|
21
|
+
if (!prevProps.visible && this.props.visible) {
|
|
22
|
+
this.onDialogOpen();
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
async onDialogOpen() {
|
|
26
|
+
this.setState({ aboutData: undefined, loading: true, isError: false });
|
|
27
|
+
const response = await fetch("./version.json");
|
|
28
|
+
if (response.ok) {
|
|
29
|
+
const aboutData = await response.json();
|
|
30
|
+
this.setState({ aboutData: aboutData, loading: false });
|
|
31
|
+
}
|
|
32
|
+
else {
|
|
33
|
+
this.setState({ isError: true, loading: false });
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
renderItem(title, value) {
|
|
37
|
+
return (React.createElement("div", { key: title, style: { display: "flex", justifyContent: "space-between" } },
|
|
38
|
+
React.createElement("span", { style: { fontWeight: 200 } }, title),
|
|
39
|
+
React.createElement("span", null, value)));
|
|
40
|
+
}
|
|
41
|
+
onCopyToClipboard(aboutData) {
|
|
42
|
+
const text = this.getContent(aboutData).map(value => `${value.title}: ${value.value}`).join("\n");
|
|
43
|
+
ClipboardUtils.copyToClipboard(text);
|
|
44
|
+
}
|
|
45
|
+
getContent(aboutData) {
|
|
46
|
+
return [
|
|
47
|
+
{ title: i18n("Enviroment"), value: process.env.NODE_ENV ?? "" },
|
|
48
|
+
{ title: i18n("Build Version"), value: aboutData.version },
|
|
49
|
+
{
|
|
50
|
+
title: i18n("Built On"),
|
|
51
|
+
value: dayjs(aboutData.buildDate).format(LocaleHolder.getDateTimeFormat(true, true, false))
|
|
52
|
+
},
|
|
53
|
+
{ title: i18n("Hash"), value: aboutData.commitHash },
|
|
54
|
+
];
|
|
55
|
+
}
|
|
56
|
+
render() {
|
|
57
|
+
const { aboutData } = this.state;
|
|
58
|
+
return (React.createElement(ModalDialog, { styles: {
|
|
59
|
+
body: {
|
|
60
|
+
paddingTop: 0,
|
|
61
|
+
paddingBottom: 0,
|
|
62
|
+
}
|
|
63
|
+
}, mode: "OK", open: this.props.visible, title: React.createElement("div", { style: { display: "inline-flex", alignItems: "center" } },
|
|
64
|
+
React.createElement("img", { style: { marginRight: 6, width: 18 }, src: logo, alt: "logo" }),
|
|
65
|
+
i18n("About"),
|
|
66
|
+
" ",
|
|
67
|
+
this.props.applicationName), initialWidth: 500, initialHeight: 284, onCancel: this.props.onClose, footer: React.createElement(Button, { type: "primary", block: true, disabled: !this.state.aboutData, icon: this.state.copyButtonIcon, onClick: () => {
|
|
68
|
+
if (aboutData) {
|
|
69
|
+
this.setState({ copyButtonIcon: React.createElement(CheckOutlined, null) });
|
|
70
|
+
this.onCopyToClipboard(aboutData);
|
|
71
|
+
setTimeout(() => {
|
|
72
|
+
this.setState({ copyButtonIcon: React.createElement(CopyOutlined, null) });
|
|
73
|
+
}, 1000);
|
|
74
|
+
}
|
|
75
|
+
} }, i18n("Copy")) },
|
|
76
|
+
React.createElement("div", { style: { height: "100%", display: "flex", justifyContent: "center", alignItems: "center" } },
|
|
77
|
+
this.state.loading && React.createElement(LoadingOutlined, null),
|
|
78
|
+
this.state.isError && React.createElement("span", { style: { color: ERROR_COLOR } }, i18n("Error loading data")),
|
|
79
|
+
aboutData &&
|
|
80
|
+
React.createElement("div", { style: {
|
|
81
|
+
width: "100%",
|
|
82
|
+
height: "100%",
|
|
83
|
+
lineHeight: 1.9,
|
|
84
|
+
display: "flex",
|
|
85
|
+
flexDirection: "column",
|
|
86
|
+
justifyContent: "space-between"
|
|
87
|
+
} },
|
|
88
|
+
React.createElement("div", null, this.getContent(aboutData).map(value => this.renderItem(value.title, value.value))),
|
|
89
|
+
React.createElement("div", { style: { textAlign: "center", fontSize: 13 } },
|
|
90
|
+
"Copyright \u00A9 ",
|
|
91
|
+
new Date().getFullYear(),
|
|
92
|
+
",",
|
|
93
|
+
React.createElement("a", { href: "https://www.ipesoft.com/", target: "_blank" }, " IPESOFT s.r.o."))))));
|
|
94
|
+
}
|
|
95
|
+
}
|
|
96
|
+
//# sourceMappingURL=aboutModalDialog.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"aboutModalDialog.js","sourceRoot":"","sources":["../../../../../coreui/components/about/aboutModalDialog.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\r\nimport {ModalDialog, ModalDialogMode} from \"d2coreui/components/modal/modalDialog\";\r\nimport i18n from \"d2core/i18n/i18n\";\r\nimport {CheckOutlined, CopyOutlined, LoadingOutlined} from \"@ant-design/icons\";\r\nimport {UnixTime} from \"d2jsapi\";\r\nimport dayjs from \"d2core/dayjs\";\r\nimport {LocaleHolder} from \"d2core/i18n/localeHolder\";\r\nimport logo from \"../../images/logo.svg\"\r\nimport {Button} from \"antd\";\r\nimport {ClipboardUtils} from \"d2coreui/components/clipboard/clipboardUtils\";\r\nimport {ERROR_COLOR} from \"../../../api/constants/constants\";\r\n\r\ninterface AboutData {\r\n buildDate: UnixTime\r\n version: string\r\n branch: string\r\n commitHash: string\r\n lastCommitDateTime: string\r\n}\r\n\r\ninterface Props {\r\n applicationName: string\r\n visible: boolean\r\n\r\n onClose(): void\r\n}\r\n\r\ninterface State {\r\n loading: boolean\r\n isError: boolean\r\n aboutData?: AboutData\r\n copyButtonIcon: React.ReactNode\r\n}\r\n\r\nexport default class AboutModalDialog extends React.Component<Props, State> {\r\n constructor(props: Readonly<Props>) {\r\n super(props);\r\n\r\n this.state = {\r\n loading: false,\r\n isError: false,\r\n copyButtonIcon: <CopyOutlined/>,\r\n }\r\n }\r\n\r\n componentDidUpdate(prevProps: Readonly<Props>) {\r\n if (!prevProps.visible && this.props.visible) {\r\n this.onDialogOpen();\r\n }\r\n }\r\n\r\n private async onDialogOpen() {\r\n this.setState({aboutData: undefined, loading: true, isError: false});\r\n const response = await fetch(\"./version.json\");\r\n if (response.ok) {\r\n const aboutData: AboutData = await response.json();\r\n this.setState({aboutData: aboutData, loading: false});\r\n } else {\r\n this.setState({isError: true, loading: false});\r\n }\r\n }\r\n\r\n private renderItem(title: string, value: string) {\r\n return (\r\n <div key={title} style={{display: \"flex\", justifyContent: \"space-between\"}}>\r\n <span style={{fontWeight: 200}}>{title}</span>\r\n <span>{value}</span>\r\n </div>\r\n )\r\n }\r\n\r\n private onCopyToClipboard(aboutData: AboutData) {\r\n const text = this.getContent(aboutData).map(value => `${value.title}: ${value.value}`).join(\"\\n\");\r\n ClipboardUtils.copyToClipboard(text);\r\n }\r\n\r\n private getContent(aboutData: AboutData): { title: string, value: string }[] {\r\n return [\r\n {title: i18n(\"Enviroment\"), value: process.env.NODE_ENV ?? \"\"},\r\n {title: i18n(\"Build Version\"), value: aboutData.version},\r\n {\r\n title: i18n(\"Built On\"),\r\n value: dayjs(aboutData.buildDate).format(LocaleHolder.getDateTimeFormat(true, true, false))\r\n },\r\n {title: i18n(\"Hash\"), value: aboutData.commitHash},\r\n ]\r\n }\r\n\r\n render() {\r\n const {aboutData} = this.state;\r\n\r\n return (\r\n <ModalDialog\r\n styles={{\r\n body: {\r\n paddingTop: 0,\r\n paddingBottom: 0,\r\n }\r\n }}\r\n mode={ModalDialogMode.OK}\r\n open={this.props.visible}\r\n title={\r\n <div style={{display: \"inline-flex\", alignItems: \"center\"}}>\r\n <img style={{marginRight: 6, width: 18}} src={logo} alt=\"logo\"/>\r\n {i18n(\"About\")} {this.props.applicationName}\r\n </div>\r\n }\r\n initialWidth={500}\r\n initialHeight={284}\r\n onCancel={this.props.onClose}\r\n footer={\r\n <Button\r\n type=\"primary\"\r\n block\r\n disabled={!this.state.aboutData}\r\n icon={this.state.copyButtonIcon}\r\n onClick={() => {\r\n if (aboutData) {\r\n this.setState({copyButtonIcon: <CheckOutlined/>});\r\n this.onCopyToClipboard(aboutData);\r\n setTimeout(() => {\r\n this.setState({copyButtonIcon: <CopyOutlined/>});\r\n }, 1000);\r\n }\r\n }}\r\n >\r\n {i18n(\"Copy\")}\r\n </Button>\r\n }\r\n >\r\n <div style={{height: \"100%\", display: \"flex\", justifyContent: \"center\", alignItems: \"center\"}}>\r\n {this.state.loading && <LoadingOutlined/>}\r\n {this.state.isError && <span style={{color: ERROR_COLOR}}>{i18n(\"Error loading data\")}</span>}\r\n {aboutData &&\r\n <div\r\n style={{\r\n width: \"100%\",\r\n height: \"100%\",\r\n lineHeight: 1.9,\r\n display: \"flex\",\r\n flexDirection: \"column\",\r\n justifyContent: \"space-between\"\r\n }}\r\n >\r\n <div>\r\n {this.getContent(aboutData).map(value => this.renderItem(value.title, value.value))}\r\n </div>\r\n <div style={{textAlign: \"center\", fontSize: 13}}>\r\n Copyright © {new Date().getFullYear()},\r\n <a href=\"https://www.ipesoft.com/\" target=\"_blank\"> IPESOFT s.r.o.</a>\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n </ModalDialog>\r\n );\r\n }\r\n\r\n}"]}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { AdvancedFilterApi, AdvancedFilterCondition } from "../../../api/advancedFilterApi";
|
|
3
|
+
import { AdvancedFilterColumnDefinition } from "../../../api/types/advancedFilter";
|
|
4
|
+
interface Props {
|
|
5
|
+
advancedFilterApi: AdvancedFilterApi;
|
|
6
|
+
listName: string;
|
|
7
|
+
columnDefinitions: AdvancedFilterColumnDefinition[];
|
|
8
|
+
filterConditions: AdvancedFilterCondition[];
|
|
9
|
+
onApplyFilter(filterConditions: AdvancedFilterCondition[]): void;
|
|
10
|
+
onMenuItemClicked?(): void;
|
|
11
|
+
}
|
|
12
|
+
interface State {
|
|
13
|
+
conditionListModalDialogVisible: boolean;
|
|
14
|
+
filterSaveModalDialogVisible: boolean;
|
|
15
|
+
filterListModalDialogVisible: boolean;
|
|
16
|
+
saving: boolean;
|
|
17
|
+
}
|
|
18
|
+
export default class AdvancedFilterButton extends React.Component<Props, State> {
|
|
19
|
+
constructor(props: Readonly<Props>);
|
|
20
|
+
private applyFilterConditions;
|
|
21
|
+
private renderConditionListModalDialog;
|
|
22
|
+
private renderFilterSaveModalDialog;
|
|
23
|
+
private renderFilterListModalDialog;
|
|
24
|
+
render(): React.JSX.Element;
|
|
25
|
+
}
|
|
26
|
+
export {};
|
|
@@ -0,0 +1,115 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import AdvancedFilterConditionListModalDialog from "./conditionList/advancedFilterConditionListModalDialog";
|
|
3
|
+
import { Button, Dropdown } from "antd";
|
|
4
|
+
import { CloseCircleOutlined, DownloadOutlined, EditOutlined, FilterOutlined, PlusCircleOutlined, SaveOutlined } from "@ant-design/icons";
|
|
5
|
+
import i18n from "d2core/i18n/i18n";
|
|
6
|
+
import FilterSaveModalDialog from "./filterSave/filterSaveModalDialog";
|
|
7
|
+
import AdvancedFilterListModalDialog from "./filterList/advancedFilterListModalDialog";
|
|
8
|
+
import AdvancedFilterUtils from "./advancedFilterUtils";
|
|
9
|
+
export default class AdvancedFilterButton extends React.Component {
|
|
10
|
+
constructor(props) {
|
|
11
|
+
super(props);
|
|
12
|
+
props.advancedFilterApi.entityListName = props.listName;
|
|
13
|
+
this.state = {
|
|
14
|
+
conditionListModalDialogVisible: false,
|
|
15
|
+
filterSaveModalDialogVisible: false,
|
|
16
|
+
filterListModalDialogVisible: false,
|
|
17
|
+
saving: false,
|
|
18
|
+
};
|
|
19
|
+
}
|
|
20
|
+
applyFilterConditions(filterConditions) {
|
|
21
|
+
this.props.onApplyFilter(filterConditions);
|
|
22
|
+
}
|
|
23
|
+
renderConditionListModalDialog() {
|
|
24
|
+
return (React.createElement(AdvancedFilterConditionListModalDialog, { visible: this.state.conditionListModalDialogVisible, columnDefinitions: this.props.columnDefinitions, filterConditions: this.props.filterConditions, onOk: filterConditions => {
|
|
25
|
+
this.applyFilterConditions(filterConditions);
|
|
26
|
+
this.setState({ conditionListModalDialogVisible: false });
|
|
27
|
+
}, onCancel: () => {
|
|
28
|
+
this.setState({ conditionListModalDialogVisible: false });
|
|
29
|
+
} }));
|
|
30
|
+
}
|
|
31
|
+
renderFilterSaveModalDialog() {
|
|
32
|
+
return (React.createElement(FilterSaveModalDialog, { visible: this.state.filterSaveModalDialogVisible, saving: this.state.saving, onOk: async (filterName) => {
|
|
33
|
+
this.setState({ saving: true });
|
|
34
|
+
const filter = await this.props.advancedFilterApi.createNewEntity();
|
|
35
|
+
filter.code = filterName;
|
|
36
|
+
filter.name = filterName;
|
|
37
|
+
filter.filterConditions = AdvancedFilterUtils.serializeConditionValues(this.props.filterConditions);
|
|
38
|
+
const savedEntity = await this.props.advancedFilterApi.saveEntity(filter);
|
|
39
|
+
if (savedEntity) {
|
|
40
|
+
this.setState({
|
|
41
|
+
filterSaveModalDialogVisible: false,
|
|
42
|
+
saving: false,
|
|
43
|
+
});
|
|
44
|
+
}
|
|
45
|
+
}, onCancel: () => {
|
|
46
|
+
this.setState({ filterSaveModalDialogVisible: false });
|
|
47
|
+
} }));
|
|
48
|
+
}
|
|
49
|
+
renderFilterListModalDialog() {
|
|
50
|
+
return (React.createElement(AdvancedFilterListModalDialog, { api: this.props.advancedFilterApi, advancedFilterApi: this.props.advancedFilterApi, visible: this.state.filterListModalDialogVisible, multiSelect: true, onItemsSelected: async (selectedItems) => {
|
|
51
|
+
const selectedFilter = selectedItems[0];
|
|
52
|
+
if (selectedFilter) {
|
|
53
|
+
const filterConditions = await this.props.advancedFilterApi.getFilterConditions(selectedFilter.id);
|
|
54
|
+
const parsedFilterConditions = AdvancedFilterUtils.parseConditionValues(filterConditions);
|
|
55
|
+
this.applyFilterConditions(parsedFilterConditions);
|
|
56
|
+
this.setState({ filterListModalDialogVisible: false });
|
|
57
|
+
}
|
|
58
|
+
}, onCancel: () => {
|
|
59
|
+
this.setState({ filterListModalDialogVisible: false });
|
|
60
|
+
} }));
|
|
61
|
+
}
|
|
62
|
+
render() {
|
|
63
|
+
const filterNotPresented = this.props.filterConditions.length === 0;
|
|
64
|
+
return (React.createElement("div", null,
|
|
65
|
+
this.renderConditionListModalDialog(),
|
|
66
|
+
this.renderFilterSaveModalDialog(),
|
|
67
|
+
this.renderFilterListModalDialog(),
|
|
68
|
+
React.createElement(Dropdown, { trigger: ["click"], menu: {
|
|
69
|
+
items: [
|
|
70
|
+
{
|
|
71
|
+
key: "new",
|
|
72
|
+
icon: filterNotPresented ? React.createElement(PlusCircleOutlined, null) : React.createElement(EditOutlined, null),
|
|
73
|
+
label: i18n(filterNotPresented ? "New Filter" : "Edit Filter"),
|
|
74
|
+
onClick: () => {
|
|
75
|
+
this.setState({ conditionListModalDialogVisible: true });
|
|
76
|
+
this.props.onMenuItemClicked?.();
|
|
77
|
+
}
|
|
78
|
+
},
|
|
79
|
+
{
|
|
80
|
+
key: "destroy",
|
|
81
|
+
style: { color: filterNotPresented ? "rgba(0, 0, 0, 0.25)" : undefined },
|
|
82
|
+
danger: true,
|
|
83
|
+
disabled: filterNotPresented,
|
|
84
|
+
icon: React.createElement(CloseCircleOutlined, null),
|
|
85
|
+
label: i18n("Deactivate Filter"),
|
|
86
|
+
onClick: () => {
|
|
87
|
+
this.props.onApplyFilter([]);
|
|
88
|
+
this.props.onMenuItemClicked?.();
|
|
89
|
+
}
|
|
90
|
+
},
|
|
91
|
+
{
|
|
92
|
+
key: "save",
|
|
93
|
+
disabled: filterNotPresented,
|
|
94
|
+
icon: React.createElement(SaveOutlined, null),
|
|
95
|
+
label: i18n("Save Filter"),
|
|
96
|
+
onClick: () => {
|
|
97
|
+
this.setState({ filterSaveModalDialogVisible: true });
|
|
98
|
+
this.props.onMenuItemClicked?.();
|
|
99
|
+
}
|
|
100
|
+
},
|
|
101
|
+
{
|
|
102
|
+
key: "load",
|
|
103
|
+
icon: React.createElement(DownloadOutlined, null),
|
|
104
|
+
label: i18n("Load Filter"),
|
|
105
|
+
onClick: () => {
|
|
106
|
+
this.setState({ filterListModalDialogVisible: true });
|
|
107
|
+
this.props.onMenuItemClicked?.();
|
|
108
|
+
}
|
|
109
|
+
},
|
|
110
|
+
]
|
|
111
|
+
} },
|
|
112
|
+
React.createElement(Button, { style: { width: 44 }, type: this.props.filterConditions.length !== 0 ? "primary" : undefined, icon: React.createElement(FilterOutlined, null) }))));
|
|
113
|
+
}
|
|
114
|
+
}
|
|
115
|
+
//# sourceMappingURL=advancedFilterButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"advancedFilterButton.js","sourceRoot":"","sources":["../../../../../coreui/components/advancedFilter/advancedFilterButton.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\r\nimport AdvancedFilterConditionListModalDialog from \"./conditionList/advancedFilterConditionListModalDialog\";\r\nimport {AdvancedFilterApi, AdvancedFilterCondition,} from \"../../../api/advancedFilterApi\";\r\nimport {Button, Dropdown} from \"antd\";\r\nimport {\r\n CloseCircleOutlined,\r\n DownloadOutlined,\r\n EditOutlined,\r\n FilterOutlined,\r\n PlusCircleOutlined,\r\n SaveOutlined\r\n} from \"@ant-design/icons\";\r\nimport i18n from \"d2core/i18n/i18n\";\r\nimport FilterSaveModalDialog from \"./filterSave/filterSaveModalDialog\";\r\nimport AdvancedFilterListModalDialog from \"./filterList/advancedFilterListModalDialog\";\r\nimport AdvancedFilterUtils from \"./advancedFilterUtils\";\r\nimport {AdvancedFilterColumnDefinition} from \"../../../api/types/advancedFilter\";\r\n\r\ninterface Props {\r\n advancedFilterApi: AdvancedFilterApi\r\n listName: string\r\n columnDefinitions: AdvancedFilterColumnDefinition[]\r\n filterConditions: AdvancedFilterCondition[]\r\n\r\n onApplyFilter(filterConditions: AdvancedFilterCondition[]): void\r\n\r\n onMenuItemClicked?(): void\r\n}\r\n\r\ninterface State {\r\n conditionListModalDialogVisible: boolean\r\n filterSaveModalDialogVisible: boolean\r\n filterListModalDialogVisible: boolean\r\n\r\n saving: boolean\r\n}\r\n\r\nexport default class AdvancedFilterButton extends React.Component<Props, State> {\r\n constructor(props: Readonly<Props>) {\r\n super(props);\r\n props.advancedFilterApi.entityListName = props.listName;\r\n\r\n this.state = {\r\n conditionListModalDialogVisible: false,\r\n filterSaveModalDialogVisible: false,\r\n filterListModalDialogVisible: false,\r\n\r\n saving: false,\r\n }\r\n }\r\n\r\n private applyFilterConditions(filterConditions: AdvancedFilterCondition[]) {\r\n this.props.onApplyFilter(filterConditions);\r\n }\r\n\r\n private renderConditionListModalDialog() {\r\n return (\r\n <AdvancedFilterConditionListModalDialog\r\n visible={this.state.conditionListModalDialogVisible}\r\n columnDefinitions={this.props.columnDefinitions}\r\n filterConditions={this.props.filterConditions}\r\n onOk={filterConditions => {\r\n this.applyFilterConditions(filterConditions);\r\n this.setState({conditionListModalDialogVisible: false});\r\n }}\r\n onCancel={() => {\r\n this.setState({conditionListModalDialogVisible: false})\r\n }}\r\n />\r\n );\r\n }\r\n\r\n private renderFilterSaveModalDialog() {\r\n return (\r\n <FilterSaveModalDialog\r\n visible={this.state.filterSaveModalDialogVisible}\r\n saving={this.state.saving}\r\n onOk={async filterName => {\r\n this.setState({saving: true});\r\n const filter = await this.props.advancedFilterApi.createNewEntity();\r\n filter.code = filterName;\r\n filter.name = filterName;\r\n filter.filterConditions = AdvancedFilterUtils.serializeConditionValues(this.props.filterConditions);\r\n\r\n const savedEntity = await this.props.advancedFilterApi.saveEntity(filter);\r\n\r\n if (savedEntity) {\r\n this.setState({\r\n filterSaveModalDialogVisible: false,\r\n saving: false,\r\n });\r\n }\r\n }}\r\n onCancel={() => {\r\n this.setState({filterSaveModalDialogVisible: false});\r\n }}\r\n />\r\n );\r\n }\r\n\r\n private renderFilterListModalDialog() {\r\n return (\r\n <AdvancedFilterListModalDialog\r\n api={this.props.advancedFilterApi}\r\n advancedFilterApi={this.props.advancedFilterApi}\r\n visible={this.state.filterListModalDialogVisible}\r\n multiSelect\r\n onItemsSelected={async selectedItems => {\r\n const selectedFilter = selectedItems[0];\r\n if (selectedFilter) {\r\n const filterConditions = await this.props.advancedFilterApi.getFilterConditions(selectedFilter.id);\r\n const parsedFilterConditions = AdvancedFilterUtils.parseConditionValues(filterConditions);\r\n this.applyFilterConditions(parsedFilterConditions);\r\n this.setState({filterListModalDialogVisible: false});\r\n }\r\n }}\r\n onCancel={() => {\r\n this.setState({filterListModalDialogVisible: false});\r\n }}\r\n />\r\n );\r\n }\r\n\r\n render() {\r\n const filterNotPresented = this.props.filterConditions.length === 0;\r\n\r\n return (\r\n <div>\r\n {this.renderConditionListModalDialog()}\r\n {this.renderFilterSaveModalDialog()}\r\n {this.renderFilterListModalDialog()}\r\n <Dropdown\r\n trigger={[\"click\"]}\r\n menu={{\r\n items: [\r\n {\r\n key: \"new\",\r\n icon: filterNotPresented ? <PlusCircleOutlined/> : <EditOutlined/>,\r\n label: i18n(filterNotPresented ? \"New Filter\" : \"Edit Filter\"),\r\n onClick: () => {\r\n this.setState({conditionListModalDialogVisible: true});\r\n this.props.onMenuItemClicked?.();\r\n }\r\n },\r\n {\r\n key: \"destroy\",\r\n style: {color: filterNotPresented ? \"rgba(0, 0, 0, 0.25)\" : undefined},\r\n danger: true,\r\n disabled: filterNotPresented,\r\n icon: <CloseCircleOutlined/>,\r\n label: i18n(\"Deactivate Filter\"),\r\n onClick: () => {\r\n this.props.onApplyFilter([]);\r\n this.props.onMenuItemClicked?.();\r\n }\r\n },\r\n {\r\n key: \"save\",\r\n disabled: filterNotPresented,\r\n icon: <SaveOutlined/>,\r\n label: i18n(\"Save Filter\"),\r\n onClick: () => {\r\n this.setState({filterSaveModalDialogVisible: true});\r\n this.props.onMenuItemClicked?.();\r\n }\r\n },\r\n {\r\n key: \"load\",\r\n icon: <DownloadOutlined/>,\r\n label: i18n(\"Load Filter\"),\r\n onClick: () => {\r\n this.setState({filterListModalDialogVisible: true});\r\n this.props.onMenuItemClicked?.();\r\n }\r\n },\r\n ]\r\n }}\r\n >\r\n <Button\r\n style={{width: 44}}\r\n type={this.props.filterConditions.length !== 0 ? \"primary\" : undefined}\r\n icon={<FilterOutlined/>}\r\n />\r\n </Dropdown>\r\n </div>\r\n );\r\n }\r\n\r\n}"]}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { AdvancedFilterColumnDefinition } from "../../../api/types/advancedFilter";
|
|
2
|
+
export declare enum EntityColumn {
|
|
3
|
+
CODE = "code",
|
|
4
|
+
NAME = "name",
|
|
5
|
+
BG_COLOR = "bg_color",
|
|
6
|
+
NOTE = "note",
|
|
7
|
+
ID_VEKTOR = "id_vektor",
|
|
8
|
+
CREATE_DATE = "date_in",
|
|
9
|
+
CREATED_BY = "user_in",
|
|
10
|
+
MODIFY_DATE = "date_ch",
|
|
11
|
+
MODIFIED_BY = "user_ch",
|
|
12
|
+
VALIDITY = "ano_platny"
|
|
13
|
+
}
|
|
14
|
+
export declare function getDateAdvancedFilterColumn(columnName: string): AdvancedFilterColumnDefinition;
|
|
15
|
+
export declare function getDateTimeAdvancedFilterColumn(columnName: string): AdvancedFilterColumnDefinition;
|
|
16
|
+
export declare function getStringAdvancedFilterColumn(columnName: string): AdvancedFilterColumnDefinition;
|
|
17
|
+
export declare function getNumberAdvancedFilterColumn(columnName: string): AdvancedFilterColumnDefinition;
|
|
18
|
+
export declare function getDbBooleanAdvancedFilterColumn(columnName: string): AdvancedFilterColumnDefinition;
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { AdvancedFilterValueType } from "../../../api/types/advancedFilter";
|
|
2
|
+
import { DbBoolean, getDbBooleanString } from "../../../api/types/dbBoolean";
|
|
3
|
+
export var EntityColumn;
|
|
4
|
+
(function (EntityColumn) {
|
|
5
|
+
EntityColumn["CODE"] = "code";
|
|
6
|
+
EntityColumn["NAME"] = "name";
|
|
7
|
+
EntityColumn["BG_COLOR"] = "bg_color";
|
|
8
|
+
EntityColumn["NOTE"] = "note";
|
|
9
|
+
EntityColumn["ID_VEKTOR"] = "id_vektor";
|
|
10
|
+
EntityColumn["CREATE_DATE"] = "date_in";
|
|
11
|
+
EntityColumn["CREATED_BY"] = "user_in";
|
|
12
|
+
EntityColumn["MODIFY_DATE"] = "date_ch";
|
|
13
|
+
EntityColumn["MODIFIED_BY"] = "user_ch";
|
|
14
|
+
EntityColumn["VALIDITY"] = "ano_platny";
|
|
15
|
+
})(EntityColumn || (EntityColumn = {}));
|
|
16
|
+
export function getDateAdvancedFilterColumn(columnName) {
|
|
17
|
+
return { columnName: columnName, valueType: AdvancedFilterValueType.DATE };
|
|
18
|
+
}
|
|
19
|
+
export function getDateTimeAdvancedFilterColumn(columnName) {
|
|
20
|
+
return { columnName: columnName, valueType: AdvancedFilterValueType.DATE_TIME };
|
|
21
|
+
}
|
|
22
|
+
export function getStringAdvancedFilterColumn(columnName) {
|
|
23
|
+
return { columnName: columnName, valueType: AdvancedFilterValueType.STRING };
|
|
24
|
+
}
|
|
25
|
+
export function getNumberAdvancedFilterColumn(columnName) {
|
|
26
|
+
return { columnName: columnName, valueType: AdvancedFilterValueType.NUMBER };
|
|
27
|
+
}
|
|
28
|
+
export function getDbBooleanAdvancedFilterColumn(columnName) {
|
|
29
|
+
return {
|
|
30
|
+
columnName: columnName,
|
|
31
|
+
valueType: AdvancedFilterValueType.NUMBER_LIST,
|
|
32
|
+
optionList: Object.values(DbBoolean)
|
|
33
|
+
.filter(value => typeof value === "number")
|
|
34
|
+
.map(value => {
|
|
35
|
+
return { value: value, title: getDbBooleanString(value) };
|
|
36
|
+
}),
|
|
37
|
+
};
|
|
38
|
+
}
|
|
39
|
+
//# sourceMappingURL=advancedFilterColumnDefinitions.js.map
|