ato-water-lib 0.0.43 → 0.0.45
Sign up to get free protection for your applications and to get access to all the features.
- package/esm2020/lib/components/asset-flow/asset-flow.component.mjs +16 -22
- package/esm2020/lib/components/asset-params-view/asset-params-view.component.mjs +2 -2
- package/esm2020/lib/constants/components-group-const.mjs +4 -163
- package/fesm2015/ato-water-lib.mjs +19 -183
- package/fesm2015/ato-water-lib.mjs.map +1 -1
- package/fesm2020/ato-water-lib.mjs +19 -184
- package/fesm2020/ato-water-lib.mjs.map +1 -1
- package/lib/components/asset-flow/asset-flow.component.d.ts +2 -3
- package/package.json +1 -1
|
@@ -7664,7 +7664,7 @@ const ATO_COMPONENTS_GROUP_DATA = {
|
|
|
7664
7664
|
type: AtoGojsEditorModel.ENUM_TEMPLATES.PARAM_TABLE,
|
|
7665
7665
|
group: 100,
|
|
7666
7666
|
padding: new go.Margin(0, 0, 0, 0),
|
|
7667
|
-
loc: '
|
|
7667
|
+
loc: '570 250',
|
|
7668
7668
|
...DATA_WATER_SYSTEMS[WATER_SYSTEMS_NAME.WARMER_WATER],
|
|
7669
7669
|
minSizeValue: new go.Size(100, NaN),
|
|
7670
7670
|
selectable: false,
|
|
@@ -7687,7 +7687,7 @@ const ATO_COMPONENTS_GROUP_DATA = {
|
|
|
7687
7687
|
type: AtoGojsEditorModel.ENUM_TEMPLATES.PARAM_TABLE,
|
|
7688
7688
|
group: 100,
|
|
7689
7689
|
padding: new go.Margin(0, 0, 0, 0),
|
|
7690
|
-
loc: '
|
|
7690
|
+
loc: '570 560',
|
|
7691
7691
|
...DATA_WATER_SYSTEMS[WATER_SYSTEMS_NAME.BLOWDOWN_WATER],
|
|
7692
7692
|
minSizeValue: new go.Size(100, NaN),
|
|
7693
7693
|
selectable: false,
|
|
@@ -7756,7 +7756,7 @@ const ATO_COMPONENTS_GROUP_DATA = {
|
|
|
7756
7756
|
type: AtoGojsEditorModel.ENUM_TEMPLATES.PARAM_TABLE,
|
|
7757
7757
|
group: 100,
|
|
7758
7758
|
padding: new go.Margin(0, 0, 0, 0),
|
|
7759
|
-
loc: '30
|
|
7759
|
+
loc: '30 20',
|
|
7760
7760
|
...DATA_WATER_SYSTEMS[WATER_SYSTEMS_NAME.SYSTEM_KPIS],
|
|
7761
7761
|
minSizeValue: new go.Size(100, NaN),
|
|
7762
7762
|
selectable: false,
|
|
@@ -7834,165 +7834,6 @@ const ATO_COMPONENTS_GROUP_DATA = {
|
|
|
7834
7834
|
],
|
|
7835
7835
|
linkDataArray: [],
|
|
7836
7836
|
},
|
|
7837
|
-
// [AtoGojsEditorModel.ENUM_TYPES.COOLING_TOWER + '_RESPONSIVE']: {
|
|
7838
|
-
// nodeDataArray: [
|
|
7839
|
-
// {
|
|
7840
|
-
// key: 88,
|
|
7841
|
-
// type: AtoGojsEditorModel.ENUM_TEMPLATES.EMPTY,
|
|
7842
|
-
// group: 100,
|
|
7843
|
-
// loc: '0 0',
|
|
7844
|
-
// data: {
|
|
7845
|
-
// quantity: 2222,
|
|
7846
|
-
// unit: 'm³',
|
|
7847
|
-
// },
|
|
7848
|
-
// name: 'top-left-marker',
|
|
7849
|
-
// color: '#a8438d',
|
|
7850
|
-
// },
|
|
7851
|
-
// {
|
|
7852
|
-
// key: 89,
|
|
7853
|
-
// type: AtoGojsEditorModel.ENUM_TEMPLATES.EMPTY,
|
|
7854
|
-
// group: 100,
|
|
7855
|
-
// loc: '700 300',
|
|
7856
|
-
// data: {
|
|
7857
|
-
// quantity: 3333,
|
|
7858
|
-
// unit: 'm³',
|
|
7859
|
-
// },
|
|
7860
|
-
// name: 'bottom-right-marker',
|
|
7861
|
-
// color: '#a8438d',
|
|
7862
|
-
// },
|
|
7863
|
-
// {
|
|
7864
|
-
// key: 90,
|
|
7865
|
-
// type: AtoGojsEditorModel.ENUM_TEMPLATES.PARAM_TABLE,
|
|
7866
|
-
// group: 100,
|
|
7867
|
-
// padding: new go.Margin(0, 0, 0, 0),
|
|
7868
|
-
// ...DATA_WATER_SYSTEMS[WATER_SYSTEMS_NAME.COOLING_TOWER_ANALYSIS],
|
|
7869
|
-
// minSizeValue: new go.Size(100, NaN),
|
|
7870
|
-
// selectable: false,
|
|
7871
|
-
// dataTable: ASSET_CATEGORY_PARAMS[WATER_SYSTEMS_NAME.COOLING_TOWER_ANALYSIS].map((e) => ({
|
|
7872
|
-
// ...e,
|
|
7873
|
-
// value: '',
|
|
7874
|
-
// isEditable: true,
|
|
7875
|
-
// maxSizeValue: 130,
|
|
7876
|
-
// })),
|
|
7877
|
-
// visible: false,
|
|
7878
|
-
// },
|
|
7879
|
-
// {
|
|
7880
|
-
// key: 91,
|
|
7881
|
-
// type: AtoGojsEditorModel.ENUM_TEMPLATES.PARAM_TABLE,
|
|
7882
|
-
// group: 100,
|
|
7883
|
-
// padding: new go.Margin(0, 0, 0, 0),
|
|
7884
|
-
// ...DATA_WATER_SYSTEMS[WATER_SYSTEMS_NAME.COOLING_WATER_CHEMISTRY],
|
|
7885
|
-
// minSizeValue: new go.Size(100, NaN),
|
|
7886
|
-
// selectable: false,
|
|
7887
|
-
// dataTable: ASSET_CATEGORY_PARAMS[WATER_SYSTEMS_NAME.COOLING_WATER_CHEMISTRY].map((e) => ({
|
|
7888
|
-
// ...e,
|
|
7889
|
-
// value: '',
|
|
7890
|
-
// isEditable: true,
|
|
7891
|
-
// maxSizeValue: 130,
|
|
7892
|
-
// })),
|
|
7893
|
-
// visible: false,
|
|
7894
|
-
// },
|
|
7895
|
-
// {
|
|
7896
|
-
// key: 92,
|
|
7897
|
-
// type: AtoGojsEditorModel.ENUM_TEMPLATES.PARAM_TABLE,
|
|
7898
|
-
// group: 100,
|
|
7899
|
-
// padding: new go.Margin(0, 0, 0, 0),
|
|
7900
|
-
// ...DATA_WATER_SYSTEMS[WATER_SYSTEMS_NAME.EVAPORATION_LOSS],
|
|
7901
|
-
// minSizeValue: new go.Size(100, NaN),
|
|
7902
|
-
// selectable: false,
|
|
7903
|
-
// dataTable: ASSET_CATEGORY_PARAMS[WATER_SYSTEMS_NAME.EVAPORATION_LOSS].map((e) => ({
|
|
7904
|
-
// ...e,
|
|
7905
|
-
// value: '',
|
|
7906
|
-
// isEditable: true,
|
|
7907
|
-
// maxSizeValue: 140,
|
|
7908
|
-
// })),
|
|
7909
|
-
// visible: false,
|
|
7910
|
-
// },
|
|
7911
|
-
// {
|
|
7912
|
-
// key: 93,
|
|
7913
|
-
// type: AtoGojsEditorModel.ENUM_TEMPLATES.PARAM_TABLE,
|
|
7914
|
-
// group: 100,
|
|
7915
|
-
// padding: new go.Margin(0, 0, 0, 0),
|
|
7916
|
-
// ...DATA_WATER_SYSTEMS[WATER_SYSTEMS_NAME.MAKEUP_WATER],
|
|
7917
|
-
// minSizeValue: new go.Size(100, NaN),
|
|
7918
|
-
// selectable: false,
|
|
7919
|
-
// dataTable: ASSET_CATEGORY_PARAMS[WATER_SYSTEMS_NAME.MAKEUP_WATER].map((e) => ({
|
|
7920
|
-
// ...e,
|
|
7921
|
-
// value: '',
|
|
7922
|
-
// isEditable: true,
|
|
7923
|
-
// maxSizeValue: 120,
|
|
7924
|
-
// })),
|
|
7925
|
-
// visible: false,
|
|
7926
|
-
// },
|
|
7927
|
-
// {
|
|
7928
|
-
// key: 94,
|
|
7929
|
-
// type: AtoGojsEditorModel.ENUM_TEMPLATES.PARAM_TABLE,
|
|
7930
|
-
// group: 100,
|
|
7931
|
-
// padding: new go.Margin(0, 0, 0, 0),
|
|
7932
|
-
// ...DATA_WATER_SYSTEMS[WATER_SYSTEMS_NAME.WARMER_WATER],
|
|
7933
|
-
// minSizeValue: new go.Size(100, NaN),
|
|
7934
|
-
// selectable: false,
|
|
7935
|
-
// dataTable: ASSET_CATEGORY_PARAMS[WATER_SYSTEMS_NAME.WARMER_WATER].map((e) => ({
|
|
7936
|
-
// ...e,
|
|
7937
|
-
// value: '',
|
|
7938
|
-
// isEditable: true,
|
|
7939
|
-
// maxSizeValue: 120,
|
|
7940
|
-
// })),
|
|
7941
|
-
// visible: false,
|
|
7942
|
-
// },
|
|
7943
|
-
// {
|
|
7944
|
-
// key: 95,
|
|
7945
|
-
// type: AtoGojsEditorModel.ENUM_TEMPLATES.PARAM_TABLE,
|
|
7946
|
-
// group: 100,
|
|
7947
|
-
// padding: new go.Margin(0, 0, 0, 0),
|
|
7948
|
-
// ...DATA_WATER_SYSTEMS[WATER_SYSTEMS_NAME.BLOWDOWN_WATER],
|
|
7949
|
-
// minSizeValue: new go.Size(100, NaN),
|
|
7950
|
-
// selectable: false,
|
|
7951
|
-
// dataTable: ASSET_CATEGORY_PARAMS[WATER_SYSTEMS_NAME.BLOWDOWN_WATER].map((e) => ({
|
|
7952
|
-
// ...e,
|
|
7953
|
-
// value: '',
|
|
7954
|
-
// isEditable: true,
|
|
7955
|
-
// maxSizeValue: 120,
|
|
7956
|
-
// })),
|
|
7957
|
-
// visible: false,
|
|
7958
|
-
// },
|
|
7959
|
-
// {
|
|
7960
|
-
// key: 96,
|
|
7961
|
-
// type: AtoGojsEditorModel.ENUM_TEMPLATES.IMAGE_TEMPLATE,
|
|
7962
|
-
// source: AtoGojsEditorModel.IMAGE_COOLING_TOWER_PATH,
|
|
7963
|
-
// group: 100,
|
|
7964
|
-
// loc: '0 0',
|
|
7965
|
-
// margin: new go.Margin(20, 20, 0, 0),
|
|
7966
|
-
// selectable: false,
|
|
7967
|
-
// },
|
|
7968
|
-
// {
|
|
7969
|
-
// key: 97,
|
|
7970
|
-
// type: AtoGojsEditorModel.ENUM_TEMPLATES.TEXT_LABEL,
|
|
7971
|
-
// group: 100,
|
|
7972
|
-
// loc: '250 25',
|
|
7973
|
-
// name: 'Evaporation Loss',
|
|
7974
|
-
// color: AtoGojsEditorModel.ENUM_COLORS.FLAMINGO,
|
|
7975
|
-
// },
|
|
7976
|
-
// {
|
|
7977
|
-
// key: 98,
|
|
7978
|
-
// type: AtoGojsEditorModel.ENUM_TEMPLATES.TEXT_LABEL,
|
|
7979
|
-
// group: 100,
|
|
7980
|
-
// loc: '110 290',
|
|
7981
|
-
// name: 'Makeup Water',
|
|
7982
|
-
// color: AtoGojsEditorModel.ENUM_COLORS.CERULEAN,
|
|
7983
|
-
// },
|
|
7984
|
-
// {
|
|
7985
|
-
// key: 99,
|
|
7986
|
-
// type: AtoGojsEditorModel.ENUM_TEMPLATES.TEXT_LABEL,
|
|
7987
|
-
// group: 100,
|
|
7988
|
-
// loc: '580 435',
|
|
7989
|
-
// name: 'Blowdown Water',
|
|
7990
|
-
// color: AtoGojsEditorModel.ENUM_COLORS.CARROT_ORANGE,
|
|
7991
|
-
// },
|
|
7992
|
-
// { key: 100, type: AtoGojsEditorModel.ENUM_TEMPLATES.COOLING_TOWER, isGroup: true, name: 'Group' },
|
|
7993
|
-
// ],
|
|
7994
|
-
// linkDataArray: [],
|
|
7995
|
-
// },
|
|
7996
7837
|
[AtoGojsEditorModel.ENUM_TYPES.BOILER]: {
|
|
7997
7838
|
nodeDataArray: [
|
|
7998
7839
|
{
|
|
@@ -8156,10 +7997,10 @@ class AtoAssetParamsViewComponent {
|
|
|
8156
7997
|
}
|
|
8157
7998
|
}
|
|
8158
7999
|
AtoAssetParamsViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AtoAssetParamsViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8159
|
-
AtoAssetParamsViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: AtoAssetParamsViewComponent, selector: "ato-asset-params-view", inputs: { isEditView: "isEditView", data: "data" }, outputs: { clickParamTableRow: "clickParamTableRow" }, ngImport: i0, template: "<div class=\"d-flex flex-column flex-gap-2\">\n <div class=\"\" *ngFor=\"let tableParam of data\">\n <ng-template\n [ngTemplateOutlet]=\"tableParamTemplate\"\n [ngTemplateOutletContext]=\"{\n data: tableParam\n }\"\n ></ng-template>\n </div>\n</div>\n\n<ng-template #tableParamTemplate let-data=\"data\">\n <div\n class=\"d-flex flex-column asset-param-item w-100\"\n [style.backgroundColor]=\"data?.color\"\n >\n <div\n class=\"d-flex align-items-center justify-content-between py-1 pl-1 pr-2 cursor-pointer\"\n (click)=\"data.isCollapsed = !data.isCollapsed\"\n >\n <div class=\"font-size-14px flex-grow-1 text-truncate color-white\">\n {{ data?.title }}\n </div>\n <svg\n *ngIf=\"data.isCollapsed\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 320 512\"\n fill=\"#FFFF\"\n class=\"fa-solid font-size-14px color-white svg-15px\"\n >\n <path\n d=\"M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z\"\n />\n </svg>\n <svg\n *ngIf=\"!data.isCollapsed\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 448 512\"\n fill=\"#FFFF\"\n class=\"fa-solid font-size-14px color-white svg-15px\"\n >\n <path\n d=\"M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z\"\n />\n </svg>\n </div>\n <div class=\"px-1 pb-1\" *ngIf=\"!data.isCollapsed\">\n <div\n class=\"table-asset-param-wrapper\"\n [style.backgroundColor]=\"data?.bgColor\"\n >\n <table>\n <tbody>\n <tr\n *ngFor=\"let itemTable of data?.dataTable\"\n (click)=\"onClickRowParam(itemTable)\"\n class=\"cursor-pointer\"\n >\n <td\n class=\"font-size-13px\"\n [style.borderColor]=\"data?.borderTable\"\n >\n {{ itemTable?.name }}\n </td>\n <td\n class=\"font-size-13px\"\n [style.borderColor]=\"data?.borderTable\"\n >\n <div class=\"d-flex align-items-center\">\n <div\n class=\"mr-auto font-size-13px text-truncate flex-grow-1\"\n [style.color]=\"itemTable?.color\"\n >\n {{ itemTable?.value }}\n </div>\n <svg *ngIf=\"isEditView\" class=\"svg-15px\" fill=\"#333333\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M441 58.9L453.1 71c9.4 9.4 9.4 24.6 0 33.9L424 134.1 377.9 88 407 58.9c9.4-9.4 24.6-9.4 33.9 0zM209.8 256.2L344 121.9 390.1 168 255.8 302.2c-2.9 2.9-6.5 5-10.4 6.1l-58.5 16.7 16.7-58.5c1.1-3.9 3.2-7.5 6.1-10.4zM373.1 25L175.8 222.2c-8.7 8.7-15 19.4-18.3 31.1l-28.6 100c-2.4 8.4-.1 17.4 6.1 23.6s15.2 8.5 23.6 6.1l100-28.6c11.8-3.4 22.5-9.7 31.1-18.3L487 138.9c28.1-28.1 28.1-73.7 0-101.8L474.9 25C446.8-3.1 401.2-3.1 373.1 25zM88 64C39.4 64 0 103.4 0 152V424c0 48.6 39.4 88 88 88H360c48.6 0 88-39.4 88-88V312c0-13.3-10.7-24-24-24s-24 10.7-24 24V424c0 22.1-17.9 40-40 40H88c-22.1 0-40-17.9-40-40V152c0-22.1 17.9-40 40-40H200c13.3 0 24-10.7 24-24s-10.7-24-24-24H88z\"/></svg>\n </div>\n </td>\n </tr>\n </tbody>\n </table>\n </div>\n </div>\n </div>\n</ng-template>\n", styles: [".asset-param-item{border-radius:5px}.asset-param-item .table-asset-param-wrapper{border-radius:5px;background-color:#f0f8ff}.asset-param-item .table-asset-param-wrapper table{border-collapse:collapse;width:100%}.asset-param-item .table-asset-param-wrapper table tbody tr td{border:1px solid red;height:30px;padding:4px}.color-white{color:#fff}.flex-gap-2{gap:.5rem}.svg-15px{width:15px;height:15px;flex:0 0 15px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
|
|
8000
|
+
AtoAssetParamsViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: AtoAssetParamsViewComponent, selector: "ato-asset-params-view", inputs: { isEditView: "isEditView", data: "data" }, outputs: { clickParamTableRow: "clickParamTableRow" }, ngImport: i0, template: "<div class=\"d-flex flex-column flex-gap-2\">\n <div class=\"\" *ngFor=\"let tableParam of data\">\n <ng-template\n [ngTemplateOutlet]=\"tableParamTemplate\"\n [ngTemplateOutletContext]=\"{\n data: tableParam\n }\"\n ></ng-template>\n </div>\n</div>\n\n<ng-template #tableParamTemplate let-data=\"data\">\n <div\n class=\"d-flex flex-column asset-param-item w-100\"\n [style.backgroundColor]=\"data?.color\"\n >\n <div\n class=\"d-flex align-items-center justify-content-between py-1 pl-1 pr-2 cursor-pointer\"\n (click)=\"data.isCollapsed = !data.isCollapsed\"\n >\n <div class=\"font-size-14px flex-grow-1 text-truncate color-white\">\n {{ data?.title }}\n </div>\n <svg\n *ngIf=\"data.isCollapsed\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 320 512\"\n fill=\"#FFFF\"\n class=\"fa-solid font-size-14px color-white svg-15px\"\n >\n <path\n d=\"M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z\"\n />\n </svg>\n <svg\n *ngIf=\"!data.isCollapsed\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 448 512\"\n fill=\"#FFFF\"\n class=\"fa-solid font-size-14px color-white svg-15px\"\n >\n <path\n d=\"M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z\"\n />\n </svg>\n </div>\n <div class=\"px-1 pb-1\" *ngIf=\"!data.isCollapsed\">\n <div\n class=\"table-asset-param-wrapper\"\n [style.backgroundColor]=\"data?.bgColor\"\n >\n <table>\n <tbody>\n <tr\n *ngFor=\"let itemTable of data?.dataTable\"\n (click)=\"onClickRowParam(itemTable)\"\n class=\"cursor-pointer\"\n >\n <td\n class=\"font-size-13px\"\n [style.borderColor]=\"data?.borderTable\"\n >\n {{ itemTable?.name }}\n </td>\n <td\n class=\"font-size-13px\"\n [style.borderColor]=\"data?.borderTable\"\n >\n <div class=\"d-flex align-items-center\">\n <div\n class=\"mr-auto font-size-13px text-truncate flex-grow-1\"\n [style.color]=\"itemTable?.color\"\n >\n {{ itemTable?.value }}\n </div>\n <svg *ngIf=\"isEditView\" class=\"svg-15px\" fill=\"#333333\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M441 58.9L453.1 71c9.4 9.4 9.4 24.6 0 33.9L424 134.1 377.9 88 407 58.9c9.4-9.4 24.6-9.4 33.9 0zM209.8 256.2L344 121.9 390.1 168 255.8 302.2c-2.9 2.9-6.5 5-10.4 6.1l-58.5 16.7 16.7-58.5c1.1-3.9 3.2-7.5 6.1-10.4zM373.1 25L175.8 222.2c-8.7 8.7-15 19.4-18.3 31.1l-28.6 100c-2.4 8.4-.1 17.4 6.1 23.6s15.2 8.5 23.6 6.1l100-28.6c11.8-3.4 22.5-9.7 31.1-18.3L487 138.9c28.1-28.1 28.1-73.7 0-101.8L474.9 25C446.8-3.1 401.2-3.1 373.1 25zM88 64C39.4 64 0 103.4 0 152V424c0 48.6 39.4 88 88 88H360c48.6 0 88-39.4 88-88V312c0-13.3-10.7-24-24-24s-24 10.7-24 24V424c0 22.1-17.9 40-40 40H88c-22.1 0-40-17.9-40-40V152c0-22.1 17.9-40 40-40H200c13.3 0 24-10.7 24-24s-10.7-24-24-24H88z\"/></svg>\n </div>\n </td>\n </tr>\n </tbody>\n </table>\n </div>\n </div>\n </div>\n</ng-template>\n", styles: [".asset-param-item{border-radius:5px}.asset-param-item .table-asset-param-wrapper{border-radius:5px;background-color:#f0f8ff}.asset-param-item .table-asset-param-wrapper table{border-collapse:collapse;width:100%}.asset-param-item .table-asset-param-wrapper table tbody tr td{border:1px solid red;height:30px;padding:4px}.asset-param-item .table-asset-param-wrapper table tbody tr td:first-child{width:70%}.color-white{color:#fff}.flex-gap-2{gap:.5rem}.svg-15px{width:15px;height:15px;flex:0 0 15px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
|
|
8160
8001
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AtoAssetParamsViewComponent, decorators: [{
|
|
8161
8002
|
type: Component,
|
|
8162
|
-
args: [{ selector: 'ato-asset-params-view', template: "<div class=\"d-flex flex-column flex-gap-2\">\n <div class=\"\" *ngFor=\"let tableParam of data\">\n <ng-template\n [ngTemplateOutlet]=\"tableParamTemplate\"\n [ngTemplateOutletContext]=\"{\n data: tableParam\n }\"\n ></ng-template>\n </div>\n</div>\n\n<ng-template #tableParamTemplate let-data=\"data\">\n <div\n class=\"d-flex flex-column asset-param-item w-100\"\n [style.backgroundColor]=\"data?.color\"\n >\n <div\n class=\"d-flex align-items-center justify-content-between py-1 pl-1 pr-2 cursor-pointer\"\n (click)=\"data.isCollapsed = !data.isCollapsed\"\n >\n <div class=\"font-size-14px flex-grow-1 text-truncate color-white\">\n {{ data?.title }}\n </div>\n <svg\n *ngIf=\"data.isCollapsed\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 320 512\"\n fill=\"#FFFF\"\n class=\"fa-solid font-size-14px color-white svg-15px\"\n >\n <path\n d=\"M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z\"\n />\n </svg>\n <svg\n *ngIf=\"!data.isCollapsed\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 448 512\"\n fill=\"#FFFF\"\n class=\"fa-solid font-size-14px color-white svg-15px\"\n >\n <path\n d=\"M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z\"\n />\n </svg>\n </div>\n <div class=\"px-1 pb-1\" *ngIf=\"!data.isCollapsed\">\n <div\n class=\"table-asset-param-wrapper\"\n [style.backgroundColor]=\"data?.bgColor\"\n >\n <table>\n <tbody>\n <tr\n *ngFor=\"let itemTable of data?.dataTable\"\n (click)=\"onClickRowParam(itemTable)\"\n class=\"cursor-pointer\"\n >\n <td\n class=\"font-size-13px\"\n [style.borderColor]=\"data?.borderTable\"\n >\n {{ itemTable?.name }}\n </td>\n <td\n class=\"font-size-13px\"\n [style.borderColor]=\"data?.borderTable\"\n >\n <div class=\"d-flex align-items-center\">\n <div\n class=\"mr-auto font-size-13px text-truncate flex-grow-1\"\n [style.color]=\"itemTable?.color\"\n >\n {{ itemTable?.value }}\n </div>\n <svg *ngIf=\"isEditView\" class=\"svg-15px\" fill=\"#333333\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M441 58.9L453.1 71c9.4 9.4 9.4 24.6 0 33.9L424 134.1 377.9 88 407 58.9c9.4-9.4 24.6-9.4 33.9 0zM209.8 256.2L344 121.9 390.1 168 255.8 302.2c-2.9 2.9-6.5 5-10.4 6.1l-58.5 16.7 16.7-58.5c1.1-3.9 3.2-7.5 6.1-10.4zM373.1 25L175.8 222.2c-8.7 8.7-15 19.4-18.3 31.1l-28.6 100c-2.4 8.4-.1 17.4 6.1 23.6s15.2 8.5 23.6 6.1l100-28.6c11.8-3.4 22.5-9.7 31.1-18.3L487 138.9c28.1-28.1 28.1-73.7 0-101.8L474.9 25C446.8-3.1 401.2-3.1 373.1 25zM88 64C39.4 64 0 103.4 0 152V424c0 48.6 39.4 88 88 88H360c48.6 0 88-39.4 88-88V312c0-13.3-10.7-24-24-24s-24 10.7-24 24V424c0 22.1-17.9 40-40 40H88c-22.1 0-40-17.9-40-40V152c0-22.1 17.9-40 40-40H200c13.3 0 24-10.7 24-24s-10.7-24-24-24H88z\"/></svg>\n </div>\n </td>\n </tr>\n </tbody>\n </table>\n </div>\n </div>\n </div>\n</ng-template>\n", styles: [".asset-param-item{border-radius:5px}.asset-param-item .table-asset-param-wrapper{border-radius:5px;background-color:#f0f8ff}.asset-param-item .table-asset-param-wrapper table{border-collapse:collapse;width:100%}.asset-param-item .table-asset-param-wrapper table tbody tr td{border:1px solid red;height:30px;padding:4px}.color-white{color:#fff}.flex-gap-2{gap:.5rem}.svg-15px{width:15px;height:15px;flex:0 0 15px}\n"] }]
|
|
8003
|
+
args: [{ selector: 'ato-asset-params-view', template: "<div class=\"d-flex flex-column flex-gap-2\">\n <div class=\"\" *ngFor=\"let tableParam of data\">\n <ng-template\n [ngTemplateOutlet]=\"tableParamTemplate\"\n [ngTemplateOutletContext]=\"{\n data: tableParam\n }\"\n ></ng-template>\n </div>\n</div>\n\n<ng-template #tableParamTemplate let-data=\"data\">\n <div\n class=\"d-flex flex-column asset-param-item w-100\"\n [style.backgroundColor]=\"data?.color\"\n >\n <div\n class=\"d-flex align-items-center justify-content-between py-1 pl-1 pr-2 cursor-pointer\"\n (click)=\"data.isCollapsed = !data.isCollapsed\"\n >\n <div class=\"font-size-14px flex-grow-1 text-truncate color-white\">\n {{ data?.title }}\n </div>\n <svg\n *ngIf=\"data.isCollapsed\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 320 512\"\n fill=\"#FFFF\"\n class=\"fa-solid font-size-14px color-white svg-15px\"\n >\n <path\n d=\"M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z\"\n />\n </svg>\n <svg\n *ngIf=\"!data.isCollapsed\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 448 512\"\n fill=\"#FFFF\"\n class=\"fa-solid font-size-14px color-white svg-15px\"\n >\n <path\n d=\"M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z\"\n />\n </svg>\n </div>\n <div class=\"px-1 pb-1\" *ngIf=\"!data.isCollapsed\">\n <div\n class=\"table-asset-param-wrapper\"\n [style.backgroundColor]=\"data?.bgColor\"\n >\n <table>\n <tbody>\n <tr\n *ngFor=\"let itemTable of data?.dataTable\"\n (click)=\"onClickRowParam(itemTable)\"\n class=\"cursor-pointer\"\n >\n <td\n class=\"font-size-13px\"\n [style.borderColor]=\"data?.borderTable\"\n >\n {{ itemTable?.name }}\n </td>\n <td\n class=\"font-size-13px\"\n [style.borderColor]=\"data?.borderTable\"\n >\n <div class=\"d-flex align-items-center\">\n <div\n class=\"mr-auto font-size-13px text-truncate flex-grow-1\"\n [style.color]=\"itemTable?.color\"\n >\n {{ itemTable?.value }}\n </div>\n <svg *ngIf=\"isEditView\" class=\"svg-15px\" fill=\"#333333\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M441 58.9L453.1 71c9.4 9.4 9.4 24.6 0 33.9L424 134.1 377.9 88 407 58.9c9.4-9.4 24.6-9.4 33.9 0zM209.8 256.2L344 121.9 390.1 168 255.8 302.2c-2.9 2.9-6.5 5-10.4 6.1l-58.5 16.7 16.7-58.5c1.1-3.9 3.2-7.5 6.1-10.4zM373.1 25L175.8 222.2c-8.7 8.7-15 19.4-18.3 31.1l-28.6 100c-2.4 8.4-.1 17.4 6.1 23.6s15.2 8.5 23.6 6.1l100-28.6c11.8-3.4 22.5-9.7 31.1-18.3L487 138.9c28.1-28.1 28.1-73.7 0-101.8L474.9 25C446.8-3.1 401.2-3.1 373.1 25zM88 64C39.4 64 0 103.4 0 152V424c0 48.6 39.4 88 88 88H360c48.6 0 88-39.4 88-88V312c0-13.3-10.7-24-24-24s-24 10.7-24 24V424c0 22.1-17.9 40-40 40H88c-22.1 0-40-17.9-40-40V152c0-22.1 17.9-40 40-40H200c13.3 0 24-10.7 24-24s-10.7-24-24-24H88z\"/></svg>\n </div>\n </td>\n </tr>\n </tbody>\n </table>\n </div>\n </div>\n </div>\n</ng-template>\n", styles: [".asset-param-item{border-radius:5px}.asset-param-item .table-asset-param-wrapper{border-radius:5px;background-color:#f0f8ff}.asset-param-item .table-asset-param-wrapper table{border-collapse:collapse;width:100%}.asset-param-item .table-asset-param-wrapper table tbody tr td{border:1px solid red;height:30px;padding:4px}.asset-param-item .table-asset-param-wrapper table tbody tr td:first-child{width:70%}.color-white{color:#fff}.flex-gap-2{gap:.5rem}.svg-15px{width:15px;height:15px;flex:0 0 15px}\n"] }]
|
|
8163
8004
|
}], propDecorators: { isEditView: [{
|
|
8164
8005
|
type: Input
|
|
8165
8006
|
}], data: [{
|
|
@@ -8179,7 +8020,6 @@ class AssetFlowComponent {
|
|
|
8179
8020
|
}),
|
|
8180
8021
|
// isReadOnly: true,
|
|
8181
8022
|
};
|
|
8182
|
-
this.isResponsiveView = false;
|
|
8183
8023
|
}
|
|
8184
8024
|
set flowData(v) {
|
|
8185
8025
|
this._flowData = v;
|
|
@@ -8188,24 +8028,19 @@ class AssetFlowComponent {
|
|
|
8188
8028
|
get flowData() {
|
|
8189
8029
|
return this._flowData;
|
|
8190
8030
|
}
|
|
8031
|
+
// @Input() isResponsiveView = false;
|
|
8032
|
+
get isResponsiveView() {
|
|
8033
|
+
return window.innerWidth < 1024;
|
|
8034
|
+
}
|
|
8191
8035
|
onResize(event) {
|
|
8192
8036
|
// Now only Support Cooling Tower Responsive
|
|
8193
8037
|
if (this.timeoutResizeWindow) {
|
|
8194
8038
|
clearTimeout(this.timeoutResizeWindow);
|
|
8195
8039
|
}
|
|
8196
8040
|
this.timeoutResizeWindow = setTimeout(() => {
|
|
8197
|
-
this.checkResponsiveView();
|
|
8198
8041
|
this.updateLocationReponsive();
|
|
8199
8042
|
}, 1000);
|
|
8200
8043
|
}
|
|
8201
|
-
checkResponsiveView() {
|
|
8202
|
-
if (this?.systemType === AtoGojsEditorModel.ENUM_TYPES.COOLING_TOWER) {
|
|
8203
|
-
this.isResponsiveView = window.innerWidth < 1024;
|
|
8204
|
-
}
|
|
8205
|
-
else {
|
|
8206
|
-
this.isResponsiveView = false;
|
|
8207
|
-
}
|
|
8208
|
-
}
|
|
8209
8044
|
updateLocationReponsive() {
|
|
8210
8045
|
if (!this.flowData?.nodeDataArray) {
|
|
8211
8046
|
this.flowData = AssetFlowComponent.getDefaultFlowData({
|
|
@@ -8220,7 +8055,6 @@ class AssetFlowComponent {
|
|
|
8220
8055
|
this.setFlowData(_.cloneDeep(this.flowData));
|
|
8221
8056
|
}
|
|
8222
8057
|
ngOnInit() {
|
|
8223
|
-
this.checkResponsiveView();
|
|
8224
8058
|
this.updateLocationReponsive();
|
|
8225
8059
|
}
|
|
8226
8060
|
onClickParamOfTable($event) {
|
|
@@ -8233,13 +8067,14 @@ class AssetFlowComponent {
|
|
|
8233
8067
|
linkFromPortIdProperty: 'fromPort',
|
|
8234
8068
|
linkToPortIdProperty: 'toPort',
|
|
8235
8069
|
};
|
|
8070
|
+
const isResponsiveView = window.innerWidth < 1024;
|
|
8236
8071
|
// Reponsive
|
|
8237
8072
|
_.forEach(flowData?.nodeDataArray, (node) => {
|
|
8238
|
-
node = _.merge(node, node[`extendedData${
|
|
8073
|
+
node = _.merge(node, node[`extendedData${isResponsiveView ? 'Responsive' : ''}`]);
|
|
8239
8074
|
if (node?.assetLayers) {
|
|
8240
8075
|
node.visible =
|
|
8241
|
-
node?.assetLayers ===
|
|
8242
|
-
|
|
8076
|
+
node?.assetLayers === defaultData?.assetLayer &&
|
|
8077
|
+
node[`extendedData${isResponsiveView ? 'Responsive' : ''}`]?.visible;
|
|
8243
8078
|
}
|
|
8244
8079
|
});
|
|
8245
8080
|
// assetLayer
|
|
@@ -8253,15 +8088,17 @@ class AssetFlowComponent {
|
|
|
8253
8088
|
return flowData;
|
|
8254
8089
|
}
|
|
8255
8090
|
setFlowData(data) {
|
|
8256
|
-
// const layer = data?.assetLayer ?? this?.assetLayer ?? ATO_ASSET_LAYERS.FLOW;
|
|
8257
8091
|
_.forEach(data.nodeDataArray, (node) => {
|
|
8092
|
+
node = _.merge(node, node[`extendedData${this.isResponsiveView ? 'Responsive' : ''}`]);
|
|
8258
8093
|
if (node?.assetLayers) {
|
|
8259
|
-
node.visible =
|
|
8094
|
+
node.visible =
|
|
8095
|
+
node?.assetLayers === data.assetLayer &&
|
|
8096
|
+
node[`extendedData${this.isResponsiveView ? 'Responsive' : ''}`]
|
|
8097
|
+
?.visible;
|
|
8260
8098
|
}
|
|
8261
8099
|
});
|
|
8262
8100
|
this.flowData = {
|
|
8263
8101
|
...data,
|
|
8264
|
-
// nodeDataArray: _.filter(data.nodeDataArray, x => !x?.assetLayers || (x?.assetLayers && x?.assetLayers === data?.assetLayer))
|
|
8265
8102
|
};
|
|
8266
8103
|
this.updateDataTableAssetParams(data);
|
|
8267
8104
|
}
|
|
@@ -8275,7 +8112,7 @@ class AssetFlowComponent {
|
|
|
8275
8112
|
}
|
|
8276
8113
|
}
|
|
8277
8114
|
AssetFlowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AssetFlowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8278
|
-
AssetFlowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: AssetFlowComponent, selector: "ato-asset-flow", inputs: { assetLayer: "assetLayer", selectedComponent: "selectedComponent", systemType: "systemType", isUseBase64: "isUseBase64", flowData: "flowData",
|
|
8115
|
+
AssetFlowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: AssetFlowComponent, selector: "ato-asset-flow", inputs: { assetLayer: "assetLayer", selectedComponent: "selectedComponent", systemType: "systemType", isUseBase64: "isUseBase64", flowData: "flowData", getFlowDataCallBack: "getFlowDataCallBack" }, outputs: { onClickParamOfTableEvent: "onClickParamOfTableEvent" }, host: { listeners: { "window:resize": "onResize($event)" } }, viewQueries: [{ propertyName: "gjFlowDiagramTemp", first: true, predicate: AtoFlowDiagramLibComponent, descendants: true }, { propertyName: "assetParamsViewTemp", first: true, predicate: AtoAssetParamsViewComponent, descendants: true }], ngImport: i0, template: "<div class=\"h-100 d-flex flex-column flex-gap-3 flex-grow-1 overflow-auto px-3 pb-3\">\n <div class=\"h-100 d-flex flex-column\" atoLoading [appLoading]=\"flowData === null\">\n <ato-flow-diagram-lib\n *ngIf=\"flowData !== null\"\n #gjFlowDiagramTemp\n [data]=\"flowData\"\n [initialOptions]=\"options\"\n (onClikParamOfTable)=\"onClickParamOfTable($event)\"\n [class]=\"!!isResponsiveView ? 'diagram-responsive-view' : 'flex-grow-1'\"\n ></ato-flow-diagram-lib>\n <div class=\"mt-2\" *ngIf=\"isResponsiveView\">\n <ato-asset-params-view\n #assetParamsViewTemp\n [data]=\"dataTableAssetParams\"\n [isEditView]=\"true\"\n (clickParamTableRow)=\"onClickParamOfTable($event)\"\n ></ato-asset-params-view>\n </div>\n </div>\n</div>\n\n", styles: [".diagram-responsive-view{height:30vh;min-height:30vh}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: AtoFlowDiagramLibComponent, selector: "ato-flow-diagram-lib", inputs: ["data", "isLoading"] }, { kind: "directive", type: AtoLoadingDirective, selector: "[atoLoading]", inputs: ["appLoading"] }, { kind: "component", type: AtoAssetParamsViewComponent, selector: "ato-asset-params-view", inputs: ["isEditView", "data"], outputs: ["clickParamTableRow"] }] });
|
|
8279
8116
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AssetFlowComponent, decorators: [{
|
|
8280
8117
|
type: Component,
|
|
8281
8118
|
args: [{ selector: 'ato-asset-flow', template: "<div class=\"h-100 d-flex flex-column flex-gap-3 flex-grow-1 overflow-auto px-3 pb-3\">\n <div class=\"h-100 d-flex flex-column\" atoLoading [appLoading]=\"flowData === null\">\n <ato-flow-diagram-lib\n *ngIf=\"flowData !== null\"\n #gjFlowDiagramTemp\n [data]=\"flowData\"\n [initialOptions]=\"options\"\n (onClikParamOfTable)=\"onClickParamOfTable($event)\"\n [class]=\"!!isResponsiveView ? 'diagram-responsive-view' : 'flex-grow-1'\"\n ></ato-flow-diagram-lib>\n <div class=\"mt-2\" *ngIf=\"isResponsiveView\">\n <ato-asset-params-view\n #assetParamsViewTemp\n [data]=\"dataTableAssetParams\"\n [isEditView]=\"true\"\n (clickParamTableRow)=\"onClickParamOfTable($event)\"\n ></ato-asset-params-view>\n </div>\n </div>\n</div>\n\n", styles: [".diagram-responsive-view{height:30vh;min-height:30vh}\n"] }]
|
|
@@ -8297,8 +8134,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
8297
8134
|
type: Input
|
|
8298
8135
|
}], flowData: [{
|
|
8299
8136
|
type: Input
|
|
8300
|
-
}], isResponsiveView: [{
|
|
8301
|
-
type: Input
|
|
8302
8137
|
}], getFlowDataCallBack: [{
|
|
8303
8138
|
type: Input
|
|
8304
8139
|
}], onResize: [{
|