ato-water-lib 0.0.42 → 0.0.44
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 +2 -161
- package/fesm2015/ato-water-lib.mjs +17 -181
- package/fesm2015/ato-water-lib.mjs.map +1 -1
- package/fesm2020/ato-water-lib.mjs +17 -182
- 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
|
@@ -6770,7 +6770,7 @@ const DATA_ASSET_PARAMETER_FIELDS = {
|
|
|
6770
6770
|
waterSystem: WATER_SYSTEMS_NAME.SYSTEM_KPIS,
|
|
6771
6771
|
},
|
|
6772
6772
|
[ENUM_ASSET_PARAMETERS.KPI_ATP]: {
|
|
6773
|
-
name: '
|
|
6773
|
+
name: 'ATP',
|
|
6774
6774
|
key: ENUM_ASSET_PARAMETERS.KPI_ATP,
|
|
6775
6775
|
waterSystem: WATER_SYSTEMS_NAME.SYSTEM_KPIS,
|
|
6776
6776
|
},
|
|
@@ -7682,165 +7682,6 @@ const ATO_COMPONENTS_GROUP_DATA = {
|
|
|
7682
7682
|
],
|
|
7683
7683
|
linkDataArray: [],
|
|
7684
7684
|
},
|
|
7685
|
-
// [AtoGojsEditorModel.ENUM_TYPES.COOLING_TOWER + '_RESPONSIVE']: {
|
|
7686
|
-
// nodeDataArray: [
|
|
7687
|
-
// {
|
|
7688
|
-
// key: 88,
|
|
7689
|
-
// type: AtoGojsEditorModel.ENUM_TEMPLATES.EMPTY,
|
|
7690
|
-
// group: 100,
|
|
7691
|
-
// loc: '0 0',
|
|
7692
|
-
// data: {
|
|
7693
|
-
// quantity: 2222,
|
|
7694
|
-
// unit: 'm³',
|
|
7695
|
-
// },
|
|
7696
|
-
// name: 'top-left-marker',
|
|
7697
|
-
// color: '#a8438d',
|
|
7698
|
-
// },
|
|
7699
|
-
// {
|
|
7700
|
-
// key: 89,
|
|
7701
|
-
// type: AtoGojsEditorModel.ENUM_TEMPLATES.EMPTY,
|
|
7702
|
-
// group: 100,
|
|
7703
|
-
// loc: '700 300',
|
|
7704
|
-
// data: {
|
|
7705
|
-
// quantity: 3333,
|
|
7706
|
-
// unit: 'm³',
|
|
7707
|
-
// },
|
|
7708
|
-
// name: 'bottom-right-marker',
|
|
7709
|
-
// color: '#a8438d',
|
|
7710
|
-
// },
|
|
7711
|
-
// {
|
|
7712
|
-
// key: 90,
|
|
7713
|
-
// type: AtoGojsEditorModel.ENUM_TEMPLATES.PARAM_TABLE,
|
|
7714
|
-
// group: 100,
|
|
7715
|
-
// padding: new go.Margin(0, 0, 0, 0),
|
|
7716
|
-
// ...DATA_WATER_SYSTEMS[WATER_SYSTEMS_NAME.COOLING_TOWER_ANALYSIS],
|
|
7717
|
-
// minSizeValue: new go.Size(100, NaN),
|
|
7718
|
-
// selectable: false,
|
|
7719
|
-
// dataTable: ASSET_CATEGORY_PARAMS[WATER_SYSTEMS_NAME.COOLING_TOWER_ANALYSIS].map((e) => ({
|
|
7720
|
-
// ...e,
|
|
7721
|
-
// value: '',
|
|
7722
|
-
// isEditable: true,
|
|
7723
|
-
// maxSizeValue: 130,
|
|
7724
|
-
// })),
|
|
7725
|
-
// visible: false,
|
|
7726
|
-
// },
|
|
7727
|
-
// {
|
|
7728
|
-
// key: 91,
|
|
7729
|
-
// type: AtoGojsEditorModel.ENUM_TEMPLATES.PARAM_TABLE,
|
|
7730
|
-
// group: 100,
|
|
7731
|
-
// padding: new go.Margin(0, 0, 0, 0),
|
|
7732
|
-
// ...DATA_WATER_SYSTEMS[WATER_SYSTEMS_NAME.COOLING_WATER_CHEMISTRY],
|
|
7733
|
-
// minSizeValue: new go.Size(100, NaN),
|
|
7734
|
-
// selectable: false,
|
|
7735
|
-
// dataTable: ASSET_CATEGORY_PARAMS[WATER_SYSTEMS_NAME.COOLING_WATER_CHEMISTRY].map((e) => ({
|
|
7736
|
-
// ...e,
|
|
7737
|
-
// value: '',
|
|
7738
|
-
// isEditable: true,
|
|
7739
|
-
// maxSizeValue: 130,
|
|
7740
|
-
// })),
|
|
7741
|
-
// visible: false,
|
|
7742
|
-
// },
|
|
7743
|
-
// {
|
|
7744
|
-
// key: 92,
|
|
7745
|
-
// type: AtoGojsEditorModel.ENUM_TEMPLATES.PARAM_TABLE,
|
|
7746
|
-
// group: 100,
|
|
7747
|
-
// padding: new go.Margin(0, 0, 0, 0),
|
|
7748
|
-
// ...DATA_WATER_SYSTEMS[WATER_SYSTEMS_NAME.EVAPORATION_LOSS],
|
|
7749
|
-
// minSizeValue: new go.Size(100, NaN),
|
|
7750
|
-
// selectable: false,
|
|
7751
|
-
// dataTable: ASSET_CATEGORY_PARAMS[WATER_SYSTEMS_NAME.EVAPORATION_LOSS].map((e) => ({
|
|
7752
|
-
// ...e,
|
|
7753
|
-
// value: '',
|
|
7754
|
-
// isEditable: true,
|
|
7755
|
-
// maxSizeValue: 140,
|
|
7756
|
-
// })),
|
|
7757
|
-
// visible: false,
|
|
7758
|
-
// },
|
|
7759
|
-
// {
|
|
7760
|
-
// key: 93,
|
|
7761
|
-
// type: AtoGojsEditorModel.ENUM_TEMPLATES.PARAM_TABLE,
|
|
7762
|
-
// group: 100,
|
|
7763
|
-
// padding: new go.Margin(0, 0, 0, 0),
|
|
7764
|
-
// ...DATA_WATER_SYSTEMS[WATER_SYSTEMS_NAME.MAKEUP_WATER],
|
|
7765
|
-
// minSizeValue: new go.Size(100, NaN),
|
|
7766
|
-
// selectable: false,
|
|
7767
|
-
// dataTable: ASSET_CATEGORY_PARAMS[WATER_SYSTEMS_NAME.MAKEUP_WATER].map((e) => ({
|
|
7768
|
-
// ...e,
|
|
7769
|
-
// value: '',
|
|
7770
|
-
// isEditable: true,
|
|
7771
|
-
// maxSizeValue: 120,
|
|
7772
|
-
// })),
|
|
7773
|
-
// visible: false,
|
|
7774
|
-
// },
|
|
7775
|
-
// {
|
|
7776
|
-
// key: 94,
|
|
7777
|
-
// type: AtoGojsEditorModel.ENUM_TEMPLATES.PARAM_TABLE,
|
|
7778
|
-
// group: 100,
|
|
7779
|
-
// padding: new go.Margin(0, 0, 0, 0),
|
|
7780
|
-
// ...DATA_WATER_SYSTEMS[WATER_SYSTEMS_NAME.WARMER_WATER],
|
|
7781
|
-
// minSizeValue: new go.Size(100, NaN),
|
|
7782
|
-
// selectable: false,
|
|
7783
|
-
// dataTable: ASSET_CATEGORY_PARAMS[WATER_SYSTEMS_NAME.WARMER_WATER].map((e) => ({
|
|
7784
|
-
// ...e,
|
|
7785
|
-
// value: '',
|
|
7786
|
-
// isEditable: true,
|
|
7787
|
-
// maxSizeValue: 120,
|
|
7788
|
-
// })),
|
|
7789
|
-
// visible: false,
|
|
7790
|
-
// },
|
|
7791
|
-
// {
|
|
7792
|
-
// key: 95,
|
|
7793
|
-
// type: AtoGojsEditorModel.ENUM_TEMPLATES.PARAM_TABLE,
|
|
7794
|
-
// group: 100,
|
|
7795
|
-
// padding: new go.Margin(0, 0, 0, 0),
|
|
7796
|
-
// ...DATA_WATER_SYSTEMS[WATER_SYSTEMS_NAME.BLOWDOWN_WATER],
|
|
7797
|
-
// minSizeValue: new go.Size(100, NaN),
|
|
7798
|
-
// selectable: false,
|
|
7799
|
-
// dataTable: ASSET_CATEGORY_PARAMS[WATER_SYSTEMS_NAME.BLOWDOWN_WATER].map((e) => ({
|
|
7800
|
-
// ...e,
|
|
7801
|
-
// value: '',
|
|
7802
|
-
// isEditable: true,
|
|
7803
|
-
// maxSizeValue: 120,
|
|
7804
|
-
// })),
|
|
7805
|
-
// visible: false,
|
|
7806
|
-
// },
|
|
7807
|
-
// {
|
|
7808
|
-
// key: 96,
|
|
7809
|
-
// type: AtoGojsEditorModel.ENUM_TEMPLATES.IMAGE_TEMPLATE,
|
|
7810
|
-
// source: AtoGojsEditorModel.IMAGE_COOLING_TOWER_PATH,
|
|
7811
|
-
// group: 100,
|
|
7812
|
-
// loc: '0 0',
|
|
7813
|
-
// margin: new go.Margin(20, 20, 0, 0),
|
|
7814
|
-
// selectable: false,
|
|
7815
|
-
// },
|
|
7816
|
-
// {
|
|
7817
|
-
// key: 97,
|
|
7818
|
-
// type: AtoGojsEditorModel.ENUM_TEMPLATES.TEXT_LABEL,
|
|
7819
|
-
// group: 100,
|
|
7820
|
-
// loc: '250 25',
|
|
7821
|
-
// name: 'Evaporation Loss',
|
|
7822
|
-
// color: AtoGojsEditorModel.ENUM_COLORS.FLAMINGO,
|
|
7823
|
-
// },
|
|
7824
|
-
// {
|
|
7825
|
-
// key: 98,
|
|
7826
|
-
// type: AtoGojsEditorModel.ENUM_TEMPLATES.TEXT_LABEL,
|
|
7827
|
-
// group: 100,
|
|
7828
|
-
// loc: '110 290',
|
|
7829
|
-
// name: 'Makeup Water',
|
|
7830
|
-
// color: AtoGojsEditorModel.ENUM_COLORS.CERULEAN,
|
|
7831
|
-
// },
|
|
7832
|
-
// {
|
|
7833
|
-
// key: 99,
|
|
7834
|
-
// type: AtoGojsEditorModel.ENUM_TEMPLATES.TEXT_LABEL,
|
|
7835
|
-
// group: 100,
|
|
7836
|
-
// loc: '580 435',
|
|
7837
|
-
// name: 'Blowdown Water',
|
|
7838
|
-
// color: AtoGojsEditorModel.ENUM_COLORS.CARROT_ORANGE,
|
|
7839
|
-
// },
|
|
7840
|
-
// { key: 100, type: AtoGojsEditorModel.ENUM_TEMPLATES.COOLING_TOWER, isGroup: true, name: 'Group' },
|
|
7841
|
-
// ],
|
|
7842
|
-
// linkDataArray: [],
|
|
7843
|
-
// },
|
|
7844
7685
|
[AtoGojsEditorModel.ENUM_TYPES.BOILER]: {
|
|
7845
7686
|
nodeDataArray: [
|
|
7846
7687
|
{
|
|
@@ -8004,10 +7845,10 @@ class AtoAssetParamsViewComponent {
|
|
|
8004
7845
|
}
|
|
8005
7846
|
}
|
|
8006
7847
|
AtoAssetParamsViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AtoAssetParamsViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8007
|
-
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"] }] });
|
|
7848
|
+
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"] }] });
|
|
8008
7849
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AtoAssetParamsViewComponent, decorators: [{
|
|
8009
7850
|
type: Component,
|
|
8010
|
-
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"] }]
|
|
7851
|
+
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"] }]
|
|
8011
7852
|
}], propDecorators: { isEditView: [{
|
|
8012
7853
|
type: Input
|
|
8013
7854
|
}], data: [{
|
|
@@ -8027,7 +7868,6 @@ class AssetFlowComponent {
|
|
|
8027
7868
|
}),
|
|
8028
7869
|
// isReadOnly: true,
|
|
8029
7870
|
};
|
|
8030
|
-
this.isResponsiveView = false;
|
|
8031
7871
|
}
|
|
8032
7872
|
set flowData(v) {
|
|
8033
7873
|
this._flowData = v;
|
|
@@ -8036,24 +7876,19 @@ class AssetFlowComponent {
|
|
|
8036
7876
|
get flowData() {
|
|
8037
7877
|
return this._flowData;
|
|
8038
7878
|
}
|
|
7879
|
+
// @Input() isResponsiveView = false;
|
|
7880
|
+
get isResponsiveView() {
|
|
7881
|
+
return window.innerWidth < 1024;
|
|
7882
|
+
}
|
|
8039
7883
|
onResize(event) {
|
|
8040
7884
|
// Now only Support Cooling Tower Responsive
|
|
8041
7885
|
if (this.timeoutResizeWindow) {
|
|
8042
7886
|
clearTimeout(this.timeoutResizeWindow);
|
|
8043
7887
|
}
|
|
8044
7888
|
this.timeoutResizeWindow = setTimeout(() => {
|
|
8045
|
-
this.checkResponsiveView();
|
|
8046
7889
|
this.updateLocationReponsive();
|
|
8047
7890
|
}, 1000);
|
|
8048
7891
|
}
|
|
8049
|
-
checkResponsiveView() {
|
|
8050
|
-
if ((this === null || this === void 0 ? void 0 : this.systemType) === AtoGojsEditorModel.ENUM_TYPES.COOLING_TOWER) {
|
|
8051
|
-
this.isResponsiveView = window.innerWidth < 1024;
|
|
8052
|
-
}
|
|
8053
|
-
else {
|
|
8054
|
-
this.isResponsiveView = false;
|
|
8055
|
-
}
|
|
8056
|
-
}
|
|
8057
7892
|
updateLocationReponsive() {
|
|
8058
7893
|
var _a, _b;
|
|
8059
7894
|
if (!((_a = this.flowData) === null || _a === void 0 ? void 0 : _a.nodeDataArray)) {
|
|
@@ -8069,7 +7904,6 @@ class AssetFlowComponent {
|
|
|
8069
7904
|
this.setFlowData(_.cloneDeep(this.flowData));
|
|
8070
7905
|
}
|
|
8071
7906
|
ngOnInit() {
|
|
8072
|
-
this.checkResponsiveView();
|
|
8073
7907
|
this.updateLocationReponsive();
|
|
8074
7908
|
}
|
|
8075
7909
|
onClickParamOfTable($event) {
|
|
@@ -8078,14 +7912,15 @@ class AssetFlowComponent {
|
|
|
8078
7912
|
static getDefaultFlowData(defaultData) {
|
|
8079
7913
|
var _a;
|
|
8080
7914
|
const flowData = Object.assign(Object.assign(Object.assign({}, defaultData), _.cloneDeep(ATO_COMPONENTS_GROUP_DATA)[defaultData === null || defaultData === void 0 ? void 0 : defaultData.systemType]), { linkFromPortIdProperty: 'fromPort', linkToPortIdProperty: 'toPort' });
|
|
7915
|
+
const isResponsiveView = window.innerWidth < 1024;
|
|
8081
7916
|
// Reponsive
|
|
8082
7917
|
_.forEach(flowData === null || flowData === void 0 ? void 0 : flowData.nodeDataArray, (node) => {
|
|
8083
7918
|
var _a;
|
|
8084
|
-
node = _.merge(node, node[`extendedData${
|
|
7919
|
+
node = _.merge(node, node[`extendedData${isResponsiveView ? 'Responsive' : ''}`]);
|
|
8085
7920
|
if (node === null || node === void 0 ? void 0 : node.assetLayers) {
|
|
8086
7921
|
node.visible =
|
|
8087
|
-
(node === null || node === void 0 ? void 0 : node.assetLayers) ===
|
|
8088
|
-
((_a =
|
|
7922
|
+
(node === null || node === void 0 ? void 0 : node.assetLayers) === (defaultData === null || defaultData === void 0 ? void 0 : defaultData.assetLayer) &&
|
|
7923
|
+
((_a = node[`extendedData${isResponsiveView ? 'Responsive' : ''}`]) === null || _a === void 0 ? void 0 : _a.visible);
|
|
8089
7924
|
}
|
|
8090
7925
|
});
|
|
8091
7926
|
// assetLayer
|
|
@@ -8099,10 +7934,13 @@ class AssetFlowComponent {
|
|
|
8099
7934
|
return flowData;
|
|
8100
7935
|
}
|
|
8101
7936
|
setFlowData(data) {
|
|
8102
|
-
// const layer = data?.assetLayer ?? this?.assetLayer ?? ATO_ASSET_LAYERS.FLOW;
|
|
8103
7937
|
_.forEach(data.nodeDataArray, (node) => {
|
|
7938
|
+
var _a;
|
|
7939
|
+
node = _.merge(node, node[`extendedData${this.isResponsiveView ? 'Responsive' : ''}`]);
|
|
8104
7940
|
if (node === null || node === void 0 ? void 0 : node.assetLayers) {
|
|
8105
|
-
node.visible =
|
|
7941
|
+
node.visible =
|
|
7942
|
+
(node === null || node === void 0 ? void 0 : node.assetLayers) === data.assetLayer &&
|
|
7943
|
+
((_a = node[`extendedData${this.isResponsiveView ? 'Responsive' : ''}`]) === null || _a === void 0 ? void 0 : _a.visible);
|
|
8106
7944
|
}
|
|
8107
7945
|
});
|
|
8108
7946
|
this.flowData = Object.assign({}, data);
|
|
@@ -8120,7 +7958,7 @@ class AssetFlowComponent {
|
|
|
8120
7958
|
}
|
|
8121
7959
|
}
|
|
8122
7960
|
AssetFlowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AssetFlowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8123
|
-
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",
|
|
7961
|
+
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"] }] });
|
|
8124
7962
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AssetFlowComponent, decorators: [{
|
|
8125
7963
|
type: Component,
|
|
8126
7964
|
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"] }]
|
|
@@ -8142,8 +7980,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
8142
7980
|
type: Input
|
|
8143
7981
|
}], flowData: [{
|
|
8144
7982
|
type: Input
|
|
8145
|
-
}], isResponsiveView: [{
|
|
8146
|
-
type: Input
|
|
8147
7983
|
}], getFlowDataCallBack: [{
|
|
8148
7984
|
type: Input
|
|
8149
7985
|
}], onResize: [{
|