@iobroker/adapter-react-v5 3.1.23 → 3.1.24
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/Components/FileBrowser.js +26 -9
- package/Components/FileBrowser.js.map +1 -1
- package/Components/FileViewer.js +27 -22
- package/Components/FileViewer.js.map +1 -1
- package/Components/JsonConfigComponent/ConfigText.js +24 -3
- package/Components/JsonConfigComponent/ConfigText.js.map +1 -1
- package/Components/ObjectBrowser.js +315 -449
- package/Components/ObjectBrowser.js.map +1 -1
- package/README.md +3 -0
- package/index.js +1 -0
- package/package.json +1 -1
|
@@ -67,8 +67,6 @@ var _List = _interopRequireDefault(require("@mui/material/List"));
|
|
|
67
67
|
|
|
68
68
|
var _ListItem = _interopRequireDefault(require("@mui/material/ListItem"));
|
|
69
69
|
|
|
70
|
-
var _ListItemButton = _interopRequireDefault(require("@mui/material/ListItemButton"));
|
|
71
|
-
|
|
72
70
|
var _ListItemIcon = _interopRequireDefault(require("@mui/material/ListItemIcon"));
|
|
73
71
|
|
|
74
72
|
var _ListItemSecondaryAction = _interopRequireDefault(require("@mui/material/ListItemSecondaryAction"));
|
|
@@ -95,10 +93,6 @@ var _FormControlLabel = _interopRequireDefault(require("@mui/material/FormContro
|
|
|
95
93
|
|
|
96
94
|
var _Switch = _interopRequireDefault(require("@mui/material/Switch"));
|
|
97
95
|
|
|
98
|
-
var _Slider = _interopRequireDefault(require("@mui/material/Slider"));
|
|
99
|
-
|
|
100
|
-
var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
|
|
101
|
-
|
|
102
96
|
var _Edit = _interopRequireDefault(require("@mui/icons-material/Edit"));
|
|
103
97
|
|
|
104
98
|
var _Delete = _interopRequireDefault(require("@mui/icons-material/Delete"));
|
|
@@ -2776,7 +2770,8 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
2776
2770
|
columns: columns,
|
|
2777
2771
|
columnsForAdmin: null,
|
|
2778
2772
|
columnsSelectorShow: false,
|
|
2779
|
-
columnsAuto:
|
|
2773
|
+
columnsAuto: true,
|
|
2774
|
+
// (window._localStorage || window.localStorage).getItem(`${props.dialogName || 'App'}.columnsAuto`) !== 'false',
|
|
2780
2775
|
columnsWidths: columnsWidths,
|
|
2781
2776
|
columnsDialogTransparent: 100,
|
|
2782
2777
|
columnsEditCustomDialog: null,
|
|
@@ -3222,85 +3217,68 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
3222
3217
|
* @param {boolean} isLast
|
|
3223
3218
|
*/
|
|
3224
3219
|
|
|
3225
|
-
|
|
3226
|
-
|
|
3227
|
-
|
|
3228
|
-
|
|
3229
|
-
|
|
3230
|
-
|
|
3231
|
-
|
|
3232
|
-
|
|
3233
|
-
if (this.props.columns && !this.props.columns.includes('buttons')) {
|
|
3234
|
-
var pos = cols.indexOf('buttons');
|
|
3235
|
-
|
|
3236
|
-
if (pos !== -1) {
|
|
3237
|
-
cols.splice(pos, 1);
|
|
3238
|
-
}
|
|
3239
|
-
}
|
|
3240
|
-
|
|
3241
|
-
return cols.filter(function (id) {
|
|
3242
|
-
return isLast && (id === 'val' || id === 'buttons') || !isLast && id !== 'val' && id !== 'buttons';
|
|
3243
|
-
}).map(function (id) {
|
|
3244
|
-
return /*#__PURE__*/_react["default"].createElement(_ListItemButton["default"], {
|
|
3245
|
-
onClick: function onClick() {
|
|
3246
|
-
if (!_this9.state.columnsAuto && id !== 'id') {
|
|
3247
|
-
var columns = (0, _toConsumableArray2["default"])(_this9.state.columns || []);
|
|
3248
|
-
|
|
3249
|
-
var _pos = columns.indexOf(id);
|
|
3250
|
-
|
|
3251
|
-
if (_pos === -1) {
|
|
3252
|
-
columns.push(id);
|
|
3253
|
-
columns.sort();
|
|
3254
|
-
} else {
|
|
3255
|
-
columns.splice(_pos, 1);
|
|
3256
|
-
}
|
|
3257
|
-
|
|
3258
|
-
(window._localStorage || window.localStorage).setItem((_this9.props.dialogName || 'App') + '.columns', JSON.stringify(columns));
|
|
3259
|
-
|
|
3260
|
-
_this9.calculateColumnsVisibility(null, columns);
|
|
3261
|
-
|
|
3262
|
-
_this9.setState({
|
|
3263
|
-
columns: columns
|
|
3264
|
-
});
|
|
3220
|
+
/*
|
|
3221
|
+
_renderDefinedList(isLast) {
|
|
3222
|
+
const cols = [...this.possibleCols];
|
|
3223
|
+
cols.unshift('id');
|
|
3224
|
+
if (this.props.columns && !this.props.columns.includes('buttons')) {
|
|
3225
|
+
const pos = cols.indexOf('buttons');
|
|
3226
|
+
if (pos !== -1) {
|
|
3227
|
+
cols.splice(pos, 1);
|
|
3265
3228
|
}
|
|
3266
|
-
|
|
3267
|
-
|
|
3268
|
-
|
|
3269
|
-
|
|
3270
|
-
|
|
3271
|
-
|
|
3272
|
-
|
|
3273
|
-
|
|
3274
|
-
|
|
3275
|
-
|
|
3276
|
-
|
|
3277
|
-
|
|
3278
|
-
|
|
3279
|
-
|
|
3280
|
-
|
|
3281
|
-
|
|
3282
|
-
|
|
3283
|
-
|
|
3284
|
-
|
|
3285
|
-
|
|
3286
|
-
|
|
3287
|
-
|
|
3288
|
-
|
|
3289
|
-
|
|
3290
|
-
|
|
3291
|
-
|
|
3292
|
-
|
|
3293
|
-
|
|
3294
|
-
|
|
3229
|
+
}
|
|
3230
|
+
return cols
|
|
3231
|
+
.filter(id => (isLast && (id === 'val' || id === 'buttons')) || (!isLast && id !== 'val' && id !== 'buttons'))
|
|
3232
|
+
.map(id =>
|
|
3233
|
+
<ListItemButton onClick={() => {
|
|
3234
|
+
if (!this.state.columnsAuto && id !== 'id') {
|
|
3235
|
+
const columns = [...(this.state.columns || [])];
|
|
3236
|
+
const pos = columns.indexOf(id);
|
|
3237
|
+
if (pos === -1) {
|
|
3238
|
+
columns.push(id);
|
|
3239
|
+
columns.sort();
|
|
3240
|
+
} else {
|
|
3241
|
+
columns.splice(pos, 1);
|
|
3242
|
+
}
|
|
3243
|
+
(window._localStorage || window.localStorage).setItem((this.props.dialogName || 'App') + '.columns', JSON.stringify(columns));
|
|
3244
|
+
this.calculateColumnsVisibility(null, columns);
|
|
3245
|
+
this.setState({ columns });
|
|
3246
|
+
}
|
|
3247
|
+
}} key={id}>
|
|
3248
|
+
<Checkbox
|
|
3249
|
+
edge="start"
|
|
3250
|
+
disabled={id === 'id' || this.state.columnsAuto}
|
|
3251
|
+
checked={id === 'id' || (this.state.columnsAuto ? this.visibleCols.includes(id) : (this.state.columns && this.state.columns.includes(id)))}
|
|
3252
|
+
disableRipple
|
|
3253
|
+
/>
|
|
3254
|
+
<ListItemText primary={this.texts['filter_' + id] || this.props.t('ra_' + id)} />
|
|
3255
|
+
<ListItemSecondaryAction>
|
|
3256
|
+
<FormControl
|
|
3257
|
+
variant="standard"
|
|
3258
|
+
className={this.props.classes.columnsDialogInputWidth}
|
|
3259
|
+
style={{ marginTop: 0, marginBottom: 0 }}
|
|
3260
|
+
margin="dense"
|
|
3261
|
+
>
|
|
3262
|
+
<Input
|
|
3263
|
+
classes={{ underline: 'no-underline' }}
|
|
3264
|
+
placeholder={this.props.t('ra_Width')}
|
|
3265
|
+
value={this.state.columnsWidths[id] || ''}
|
|
3266
|
+
onChange={e => {
|
|
3267
|
+
const columnsWidths = JSON.parse(JSON.stringify(this.state.columnsWidths));
|
|
3268
|
+
columnsWidths[id] = e.target.value;
|
|
3269
|
+
(window._localStorage || window.localStorage).setItem((this.props.dialogName || 'App') + '.columnsWidths', JSON.stringify(columnsWidths));
|
|
3270
|
+
this.calculateColumnsVisibility(null, null, null, columnsWidths);
|
|
3271
|
+
this.setState({ columnsWidths });
|
|
3272
|
+
}}
|
|
3273
|
+
autoComplete="off"
|
|
3274
|
+
/>
|
|
3275
|
+
</FormControl>
|
|
3276
|
+
</ListItemSecondaryAction>
|
|
3277
|
+
</ListItemButton>
|
|
3278
|
+
);
|
|
3279
|
+
}
|
|
3280
|
+
*/
|
|
3295
3281
|
|
|
3296
|
-
_this9.setState({
|
|
3297
|
-
columnsWidths: columnsWidths
|
|
3298
|
-
});
|
|
3299
|
-
},
|
|
3300
|
-
autoComplete: "off"
|
|
3301
|
-
}))));
|
|
3302
|
-
});
|
|
3303
|
-
}
|
|
3304
3282
|
/**
|
|
3305
3283
|
* Renders the columns selector.
|
|
3306
3284
|
* @returns {JSX.Element | null}
|
|
@@ -3309,14 +3287,14 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
3309
3287
|
}, {
|
|
3310
3288
|
key: "renderColumnsSelectorDialog",
|
|
3311
3289
|
value: function renderColumnsSelectorDialog() {
|
|
3312
|
-
var
|
|
3290
|
+
var _this9 = this;
|
|
3313
3291
|
|
|
3314
3292
|
if (!this.state.columnsSelectorShow) {
|
|
3315
3293
|
return null;
|
|
3316
3294
|
} else {
|
|
3317
3295
|
return /*#__PURE__*/_react["default"].createElement(_Dialog["default"], {
|
|
3318
3296
|
onClose: function onClose() {
|
|
3319
|
-
return
|
|
3297
|
+
return _this9.setState({
|
|
3320
3298
|
columnsSelectorShow: false
|
|
3321
3299
|
});
|
|
3322
3300
|
},
|
|
@@ -3326,49 +3304,17 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
3326
3304
|
}
|
|
3327
3305
|
}, /*#__PURE__*/_react["default"].createElement(_DialogTitle["default"], {
|
|
3328
3306
|
className: this.props.classes.fontSizeTitle
|
|
3329
|
-
}, this.props.t('ra_Configure
|
|
3307
|
+
}, this.props.t('ra_Configure')), /*#__PURE__*/_react["default"].createElement(_DialogContent["default"], {
|
|
3330
3308
|
className: this.props.classes.fontSizeTitle
|
|
3331
3309
|
}, /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
|
|
3332
|
-
className: this.props.classes.switchColumnAuto,
|
|
3333
|
-
control: /*#__PURE__*/_react["default"].createElement(_Switch["default"], {
|
|
3334
|
-
checked: this.state.columnsAuto,
|
|
3335
|
-
onChange: function onChange() {
|
|
3336
|
-
(window._localStorage || window.localStorage).setItem((_this10.props.dialogName || 'App') + '.columnsAuto', _this10.state.columnsAuto ? 'false' : 'true');
|
|
3337
|
-
|
|
3338
|
-
if (!_this10.state.columnsAuto) {
|
|
3339
|
-
_this10.calculateColumnsVisibility(true);
|
|
3340
|
-
|
|
3341
|
-
_this10.setState({
|
|
3342
|
-
columnsAuto: true
|
|
3343
|
-
});
|
|
3344
|
-
} else {
|
|
3345
|
-
if (!_this10.state.columns) {
|
|
3346
|
-
_this10.calculateColumnsVisibility(false, (0, _toConsumableArray2["default"])(_this10.visibleCols));
|
|
3347
|
-
|
|
3348
|
-
_this10.setState({
|
|
3349
|
-
columnsAuto: false,
|
|
3350
|
-
columns: (0, _toConsumableArray2["default"])(_this10.visibleCols)
|
|
3351
|
-
});
|
|
3352
|
-
} else {
|
|
3353
|
-
_this10.calculateColumnsVisibility(false);
|
|
3354
|
-
|
|
3355
|
-
_this10.setState({
|
|
3356
|
-
columnsAuto: false
|
|
3357
|
-
});
|
|
3358
|
-
}
|
|
3359
|
-
}
|
|
3360
|
-
}
|
|
3361
|
-
}),
|
|
3362
|
-
label: this.props.t('ra_Auto (no custom columns)')
|
|
3363
|
-
}), /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
|
|
3364
3310
|
className: this.props.classes.switchColumnAuto,
|
|
3365
3311
|
control: /*#__PURE__*/_react["default"].createElement(_Switch["default"], {
|
|
3366
3312
|
checked: this.state.foldersFirst,
|
|
3367
3313
|
onChange: function onChange() {
|
|
3368
|
-
(window._localStorage || window.localStorage).setItem((
|
|
3314
|
+
(window._localStorage || window.localStorage).setItem((_this9.props.dialogName || 'App') + '.foldersFirst', _this9.state.foldersFirst ? 'false' : 'true');
|
|
3369
3315
|
|
|
3370
|
-
|
|
3371
|
-
foldersFirst: !
|
|
3316
|
+
_this9.setState({
|
|
3317
|
+
foldersFirst: !_this9.state.foldersFirst
|
|
3372
3318
|
});
|
|
3373
3319
|
}
|
|
3374
3320
|
}),
|
|
@@ -3378,96 +3324,18 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
3378
3324
|
control: /*#__PURE__*/_react["default"].createElement(_Switch["default"], {
|
|
3379
3325
|
checked: this.state.linesEnabled,
|
|
3380
3326
|
onChange: function onChange() {
|
|
3381
|
-
(window._localStorage || window.localStorage).setItem((
|
|
3327
|
+
(window._localStorage || window.localStorage).setItem((_this9.props.dialogName || 'App') + '.lines', _this9.state.linesEnabled ? 'false' : 'true');
|
|
3382
3328
|
|
|
3383
|
-
|
|
3384
|
-
linesEnabled: !
|
|
3329
|
+
_this9.setState({
|
|
3330
|
+
linesEnabled: !_this9.state.linesEnabled
|
|
3385
3331
|
});
|
|
3386
3332
|
}
|
|
3387
3333
|
}),
|
|
3388
3334
|
label: this.props.t('ra_Show lines between rows')
|
|
3389
|
-
}), /*#__PURE__*/_react["default"].createElement(
|
|
3390
|
-
classes: {
|
|
3391
|
-
root: this.props.classes.dialogColumnsLabel
|
|
3392
|
-
}
|
|
3393
|
-
}, this.props.t('ra_Transparent dialog')), /*#__PURE__*/_react["default"].createElement(_Slider["default"], {
|
|
3394
|
-
classes: {
|
|
3395
|
-
root: this.props.classes.width100
|
|
3396
|
-
},
|
|
3397
|
-
value: this.state.columnsDialogTransparent,
|
|
3398
|
-
min: 20,
|
|
3399
|
-
max: 100,
|
|
3400
|
-
step: 10,
|
|
3401
|
-
onChange: function onChange(event, newValue) {
|
|
3402
|
-
return _this10.setState({
|
|
3403
|
-
columnsDialogTransparent: newValue
|
|
3404
|
-
});
|
|
3405
|
-
}
|
|
3406
|
-
}), /*#__PURE__*/_react["default"].createElement(_List["default"], null, this._renderDefinedList(false), this.state.columnsForAdmin && Object.keys(this.state.columnsForAdmin).sort().map(function (adapter) {
|
|
3407
|
-
return _this10.state.columnsForAdmin[adapter].map(function (column) {
|
|
3408
|
-
return /*#__PURE__*/_react["default"].createElement(_ListItemButton["default"], {
|
|
3409
|
-
onClick: function onClick() {
|
|
3410
|
-
if (!_this10.state.columnsAuto) {
|
|
3411
|
-
var columns = (0, _toConsumableArray2["default"])(_this10.state.columns || []);
|
|
3412
|
-
var id = '_' + adapter + '_' + column.path;
|
|
3413
|
-
var pos = columns.indexOf(id);
|
|
3414
|
-
|
|
3415
|
-
if (pos === -1) {
|
|
3416
|
-
columns.push(id);
|
|
3417
|
-
columns.sort();
|
|
3418
|
-
} else {
|
|
3419
|
-
columns.splice(pos, 1);
|
|
3420
|
-
}
|
|
3421
|
-
|
|
3422
|
-
_this10.calculateColumnsVisibility(null, columns);
|
|
3423
|
-
|
|
3424
|
-
(window._localStorage || window.localStorage).setItem((_this10.props.dialogName || 'App') + '.columns', JSON.stringify(columns));
|
|
3425
|
-
|
|
3426
|
-
_this10.setState({
|
|
3427
|
-
columns: columns
|
|
3428
|
-
});
|
|
3429
|
-
}
|
|
3430
|
-
},
|
|
3431
|
-
key: adapter + '_' + column.name
|
|
3432
|
-
}, /*#__PURE__*/_react["default"].createElement(_ListItemIcon["default"], null, /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], {
|
|
3433
|
-
disabled: _this10.state.columnsAuto,
|
|
3434
|
-
edge: "start",
|
|
3435
|
-
checked: !_this10.state.columnsAuto && _this10.state.columns && _this10.state.columns.includes('_' + adapter + '_' + column.path),
|
|
3436
|
-
disableRipple: true
|
|
3437
|
-
})), /*#__PURE__*/_react["default"].createElement(_ListItemText["default"], {
|
|
3438
|
-
primary: column.name + ' (' + adapter + ')'
|
|
3439
|
-
}), /*#__PURE__*/_react["default"].createElement(_ListItemSecondaryAction["default"], null, /*#__PURE__*/_react["default"].createElement(_FormControl["default"], {
|
|
3440
|
-
variant: "standard",
|
|
3441
|
-
className: _this10.props.classes.columnsDialogInputWidth,
|
|
3442
|
-
style: {
|
|
3443
|
-
marginTop: 0,
|
|
3444
|
-
marginBottom: 0
|
|
3445
|
-
},
|
|
3446
|
-
margin: "dense"
|
|
3447
|
-
}, /*#__PURE__*/_react["default"].createElement(_Input["default"], {
|
|
3448
|
-
classes: {
|
|
3449
|
-
underline: 'no-underline'
|
|
3450
|
-
},
|
|
3451
|
-
placeholder: _this10.props.t('ra_Width'),
|
|
3452
|
-
value: _this10.state.columnsWidths['_' + adapter + '_' + column.path] || '',
|
|
3453
|
-
onChange: function onChange(e) {
|
|
3454
|
-
var columnsWidths = JSON.parse(JSON.stringify(_this10.state.columnsWidths));
|
|
3455
|
-
columnsWidths['_' + adapter + '_' + column.path] = e.target.value;
|
|
3456
|
-
(window._localStorage || window.localStorage).setItem((_this10.props.dialogName || 'App') + '.columnsWidths', JSON.stringify(columnsWidths));
|
|
3457
|
-
|
|
3458
|
-
_this10.calculateColumnsVisibility(null, null, null, columnsWidths);
|
|
3459
|
-
|
|
3460
|
-
_this10.setState({
|
|
3461
|
-
columnsWidths: columnsWidths
|
|
3462
|
-
});
|
|
3463
|
-
},
|
|
3464
|
-
autoComplete: "off"
|
|
3465
|
-
}))));
|
|
3466
|
-
});
|
|
3467
|
-
}), this._renderDefinedList(true))), /*#__PURE__*/_react["default"].createElement(_DialogActions["default"], null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
|
|
3335
|
+
})), /*#__PURE__*/_react["default"].createElement(_DialogActions["default"], null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
|
|
3468
3336
|
variant: "contained",
|
|
3469
3337
|
onClick: function onClick() {
|
|
3470
|
-
return
|
|
3338
|
+
return _this9.setState({
|
|
3471
3339
|
columnsSelectorShow: false
|
|
3472
3340
|
});
|
|
3473
3341
|
},
|
|
@@ -3483,13 +3351,13 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
3483
3351
|
}, {
|
|
3484
3352
|
key: "getAdditionalColumns",
|
|
3485
3353
|
value: function getAdditionalColumns() {
|
|
3486
|
-
var
|
|
3354
|
+
var _this10 = this;
|
|
3487
3355
|
|
|
3488
3356
|
return this.props.socket.getAdapters().then(function (instances) {
|
|
3489
3357
|
var columnsForAdmin = null; // find all additional columns
|
|
3490
3358
|
|
|
3491
3359
|
instances.forEach(function (obj) {
|
|
3492
|
-
return columnsForAdmin =
|
|
3360
|
+
return columnsForAdmin = _this10.parseObjectForAdmins(columnsForAdmin, obj);
|
|
3493
3361
|
});
|
|
3494
3362
|
return columnsForAdmin;
|
|
3495
3363
|
})["catch"](function (e) {// window.alert('Cannot get adapters: ' + e);
|
|
@@ -3564,7 +3432,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
3564
3432
|
* @param {any} obj
|
|
3565
3433
|
*/
|
|
3566
3434
|
function parseObjectForAdmins(columnsForAdmin, obj) {
|
|
3567
|
-
var
|
|
3435
|
+
var _this11 = this;
|
|
3568
3436
|
|
|
3569
3437
|
if (obj.common && obj.common.adminColumns && obj.common.name) {
|
|
3570
3438
|
var columns = obj.common.adminColumns;
|
|
@@ -3616,7 +3484,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
3616
3484
|
} else {
|
|
3617
3485
|
return {
|
|
3618
3486
|
path: item.path,
|
|
3619
|
-
name: item.name[
|
|
3487
|
+
name: item.name[_this11.props.lang] || item.name.en,
|
|
3620
3488
|
width: item.width,
|
|
3621
3489
|
edit: !!item.edit,
|
|
3622
3490
|
type: item.type,
|
|
@@ -3692,17 +3560,17 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
3692
3560
|
}, {
|
|
3693
3561
|
key: "pauseSubscribe",
|
|
3694
3562
|
value: function pauseSubscribe(isPause) {
|
|
3695
|
-
var
|
|
3563
|
+
var _this12 = this;
|
|
3696
3564
|
|
|
3697
3565
|
if (!this.pausedSubscribes && isPause) {
|
|
3698
3566
|
this.pausedSubscribes = true;
|
|
3699
3567
|
this.subscribes.forEach(function (id) {
|
|
3700
|
-
return
|
|
3568
|
+
return _this12.props.socket.unsubscribeState(id, _this12.onStateChange);
|
|
3701
3569
|
});
|
|
3702
3570
|
} else if (this.pausedSubscribes && !isPause) {
|
|
3703
3571
|
this.pausedSubscribes = false;
|
|
3704
3572
|
this.subscribes.forEach(function (id) {
|
|
3705
|
-
return
|
|
3573
|
+
return _this12.props.socket.subscribeState(id, _this12.onStateChange);
|
|
3706
3574
|
});
|
|
3707
3575
|
}
|
|
3708
3576
|
}
|
|
@@ -3715,15 +3583,15 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
3715
3583
|
}, {
|
|
3716
3584
|
key: "onFilter",
|
|
3717
3585
|
value: function onFilter(name, value) {
|
|
3718
|
-
var
|
|
3586
|
+
var _this13 = this;
|
|
3719
3587
|
|
|
3720
3588
|
this.filterTimer = null;
|
|
3721
3589
|
var filter = {};
|
|
3722
3590
|
Object.keys(this.filterRefs).forEach(function (name) {
|
|
3723
|
-
if (
|
|
3724
|
-
for (var i = 0; i <
|
|
3725
|
-
if (
|
|
3726
|
-
filter[name] =
|
|
3591
|
+
if (_this13.filterRefs[name] && _this13.filterRefs[name].current) {
|
|
3592
|
+
for (var i = 0; i < _this13.filterRefs[name].current.children.length; i++) {
|
|
3593
|
+
if (_this13.filterRefs[name].current.children[i].tagName === 'INPUT') {
|
|
3594
|
+
filter[name] = _this13.filterRefs[name].current.children[i].value;
|
|
3727
3595
|
break;
|
|
3728
3596
|
}
|
|
3729
3597
|
}
|
|
@@ -3745,20 +3613,20 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
3745
3613
|
this.setState({
|
|
3746
3614
|
filter: filter
|
|
3747
3615
|
}, function () {
|
|
3748
|
-
return
|
|
3616
|
+
return _this13.props.onFilterChanged && _this13.props.onFilterChanged(filter);
|
|
3749
3617
|
});
|
|
3750
3618
|
}
|
|
3751
3619
|
}
|
|
3752
3620
|
}, {
|
|
3753
3621
|
key: "clearFilter",
|
|
3754
3622
|
value: function clearFilter() {
|
|
3755
|
-
var
|
|
3623
|
+
var _this14 = this;
|
|
3756
3624
|
|
|
3757
3625
|
var filter = {};
|
|
3758
3626
|
Object.keys(this.filterRefs).forEach(function (name) {
|
|
3759
|
-
if (
|
|
3760
|
-
for (var i = 0; i <
|
|
3761
|
-
var item =
|
|
3627
|
+
if (_this14.filterRefs[name] && _this14.filterRefs[name].current) {
|
|
3628
|
+
for (var i = 0; i < _this14.filterRefs[name].current.childNodes.length; i++) {
|
|
3629
|
+
var item = _this14.filterRefs[name].current.childNodes[i];
|
|
3762
3630
|
|
|
3763
3631
|
if (item.tagName === 'INPUT') {
|
|
3764
3632
|
filter[name] = '';
|
|
@@ -3776,17 +3644,17 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
3776
3644
|
filter: filter,
|
|
3777
3645
|
filterKey: this.state.filterKey + 1
|
|
3778
3646
|
}, function () {
|
|
3779
|
-
return
|
|
3647
|
+
return _this14.props.onFilterChanged && _this14.props.onFilterChanged(filter);
|
|
3780
3648
|
});
|
|
3781
3649
|
}
|
|
3782
3650
|
}
|
|
3783
3651
|
}, {
|
|
3784
3652
|
key: "isFilterEmpty",
|
|
3785
3653
|
value: function isFilterEmpty() {
|
|
3786
|
-
var
|
|
3654
|
+
var _this15 = this;
|
|
3787
3655
|
|
|
3788
3656
|
var someNotEmpty = Object.keys(this.state.filter).find(function (attr) {
|
|
3789
|
-
return attr !== 'expertMode' &&
|
|
3657
|
+
return attr !== 'expertMode' && _this15.state.filter[attr];
|
|
3790
3658
|
});
|
|
3791
3659
|
return !someNotEmpty;
|
|
3792
3660
|
}
|
|
@@ -3798,7 +3666,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
3798
3666
|
}, {
|
|
3799
3667
|
key: "getFilterInput",
|
|
3800
3668
|
value: function getFilterInput(name) {
|
|
3801
|
-
var
|
|
3669
|
+
var _this16 = this,
|
|
3802
3670
|
_this$filterRefs$name,
|
|
3803
3671
|
_this$filterRefs$name2;
|
|
3804
3672
|
|
|
@@ -3816,9 +3684,9 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
3816
3684
|
placeholder: this.texts['filter_' + name],
|
|
3817
3685
|
defaultValue: this.state.filter[name],
|
|
3818
3686
|
onChange: function onChange() {
|
|
3819
|
-
|
|
3820
|
-
|
|
3821
|
-
return
|
|
3687
|
+
_this16.filterTimer && clearTimeout(_this16.filterTimer);
|
|
3688
|
+
_this16.filterTimer = setTimeout(function () {
|
|
3689
|
+
return _this16.onFilter();
|
|
3822
3690
|
}, 400);
|
|
3823
3691
|
},
|
|
3824
3692
|
autoComplete: "off"
|
|
@@ -3830,9 +3698,9 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
3830
3698
|
}, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
|
|
3831
3699
|
size: "small",
|
|
3832
3700
|
onClick: function onClick() {
|
|
3833
|
-
|
|
3701
|
+
_this16.filterRefs[name].current.firstChild.value = '';
|
|
3834
3702
|
|
|
3835
|
-
|
|
3703
|
+
_this16.onFilter(name, '');
|
|
3836
3704
|
}
|
|
3837
3705
|
}, /*#__PURE__*/_react["default"].createElement(_Close["default"], null))) : null);
|
|
3838
3706
|
}
|
|
@@ -3845,7 +3713,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
3845
3713
|
}, {
|
|
3846
3714
|
key: "getFilterSelect",
|
|
3847
3715
|
value: function getFilterSelect(name, values) {
|
|
3848
|
-
var
|
|
3716
|
+
var _this17 = this,
|
|
3849
3717
|
_this$filterRefs$name3,
|
|
3850
3718
|
_this$filterRefs$name4,
|
|
3851
3719
|
_this$filterRefs$name5;
|
|
@@ -3863,9 +3731,9 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
3863
3731
|
ref: this.filterRefs[name],
|
|
3864
3732
|
className: this.props.classes.headerCellInput + ' no-underline',
|
|
3865
3733
|
onChange: function onChange() {
|
|
3866
|
-
|
|
3867
|
-
|
|
3868
|
-
return
|
|
3734
|
+
_this17.filterTimer && clearTimeout(_this17.filterTimer);
|
|
3735
|
+
_this17.filterTimer = setTimeout(function () {
|
|
3736
|
+
return _this17.onFilter();
|
|
3869
3737
|
}, 400);
|
|
3870
3738
|
},
|
|
3871
3739
|
defaultValue: this.state.filter[name] || '',
|
|
@@ -3894,7 +3762,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
3894
3762
|
}
|
|
3895
3763
|
|
|
3896
3764
|
return /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
|
|
3897
|
-
className:
|
|
3765
|
+
className: _this17.props.classes.headerCellSelectItem,
|
|
3898
3766
|
key: id,
|
|
3899
3767
|
value: id
|
|
3900
3768
|
}, icon ? icon : hasIcons ? /*#__PURE__*/_react["default"].createElement("div", {
|
|
@@ -3905,17 +3773,17 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
3905
3773
|
}, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
|
|
3906
3774
|
size: "small",
|
|
3907
3775
|
onClick: function onClick() {
|
|
3908
|
-
var newFilter = _objectSpread({},
|
|
3776
|
+
var newFilter = _objectSpread({}, _this17.state.filter);
|
|
3909
3777
|
|
|
3910
3778
|
newFilter[name] = '';
|
|
3911
|
-
|
|
3912
|
-
(window._localStorage || window.localStorage).setItem((
|
|
3779
|
+
_this17.filterRefs[name].current.childNodes[1].value = '';
|
|
3780
|
+
(window._localStorage || window.localStorage).setItem((_this17.props.dialogName || 'App') + '.objectFilter', JSON.stringify(newFilter));
|
|
3913
3781
|
|
|
3914
|
-
|
|
3782
|
+
_this17.setState({
|
|
3915
3783
|
filter: newFilter,
|
|
3916
|
-
filterKey:
|
|
3784
|
+
filterKey: _this17.state.filterKey + 1
|
|
3917
3785
|
}, function () {
|
|
3918
|
-
return
|
|
3786
|
+
return _this17.props.onFilterChanged && _this17.props.onFilterChanged(newFilter);
|
|
3919
3787
|
});
|
|
3920
3788
|
}
|
|
3921
3789
|
}, /*#__PURE__*/_react["default"].createElement(_Close["default"], null))) : null);
|
|
@@ -3936,17 +3804,17 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
3936
3804
|
}, {
|
|
3937
3805
|
key: "getFilterSelectRoom",
|
|
3938
3806
|
value: function getFilterSelectRoom() {
|
|
3939
|
-
var
|
|
3807
|
+
var _this18 = this;
|
|
3940
3808
|
|
|
3941
3809
|
var rooms = this.info.roomEnums.map(function (id) {
|
|
3942
|
-
var
|
|
3810
|
+
var _this18$objects$id, _this18$objects$id$co, _this18$objects$id2, _this18$objects$id2$c;
|
|
3943
3811
|
|
|
3944
3812
|
return {
|
|
3945
|
-
name: getName(((
|
|
3813
|
+
name: getName(((_this18$objects$id = _this18.objects[id]) === null || _this18$objects$id === void 0 ? void 0 : (_this18$objects$id$co = _this18$objects$id.common) === null || _this18$objects$id$co === void 0 ? void 0 : _this18$objects$id$co.name) || id.split('.').pop()),
|
|
3946
3814
|
value: id,
|
|
3947
3815
|
icon: /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
|
|
3948
|
-
src: (
|
|
3949
|
-
className:
|
|
3816
|
+
src: (_this18$objects$id2 = _this18.objects[id]) === null || _this18$objects$id2 === void 0 ? void 0 : (_this18$objects$id2$c = _this18$objects$id2.common) === null || _this18$objects$id2$c === void 0 ? void 0 : _this18$objects$id2$c.icon,
|
|
3817
|
+
className: _this18.props.classes.selectIcon
|
|
3950
3818
|
})
|
|
3951
3819
|
};
|
|
3952
3820
|
});
|
|
@@ -3959,17 +3827,17 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
3959
3827
|
}, {
|
|
3960
3828
|
key: "getFilterSelectFunction",
|
|
3961
3829
|
value: function getFilterSelectFunction() {
|
|
3962
|
-
var
|
|
3830
|
+
var _this19 = this;
|
|
3963
3831
|
|
|
3964
3832
|
var func = this.info.funcEnums.map(function (id) {
|
|
3965
|
-
var
|
|
3833
|
+
var _this19$objects$id, _this19$objects$id$co;
|
|
3966
3834
|
|
|
3967
3835
|
return {
|
|
3968
|
-
name: getName(
|
|
3836
|
+
name: getName(_this19.objects[id] && _this19.objects[id].common && _this19.objects[id].common.name || id.split('.').pop()),
|
|
3969
3837
|
value: id,
|
|
3970
3838
|
icon: /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
|
|
3971
|
-
src: (
|
|
3972
|
-
className:
|
|
3839
|
+
src: (_this19$objects$id = _this19.objects[id]) === null || _this19$objects$id === void 0 ? void 0 : (_this19$objects$id$co = _this19$objects$id.common) === null || _this19$objects$id$co === void 0 ? void 0 : _this19$objects$id$co.icon,
|
|
3840
|
+
className: _this19.props.classes.selectIcon
|
|
3973
3841
|
})
|
|
3974
3842
|
};
|
|
3975
3843
|
});
|
|
@@ -3998,7 +3866,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
3998
3866
|
}, {
|
|
3999
3867
|
key: "getFilterSelectCustoms",
|
|
4000
3868
|
value: function getFilterSelectCustoms() {
|
|
4001
|
-
var
|
|
3869
|
+
var _this20 = this;
|
|
4002
3870
|
|
|
4003
3871
|
if (this.info.customs.length) {
|
|
4004
3872
|
var customs = this.info.customs.map(function (id) {
|
|
@@ -4006,8 +3874,8 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
4006
3874
|
name: id,
|
|
4007
3875
|
value: id,
|
|
4008
3876
|
icon: /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
|
|
4009
|
-
src: getSelectIdIcon(
|
|
4010
|
-
className:
|
|
3877
|
+
src: getSelectIdIcon(_this20.objects, id, _this20.imagePrefix),
|
|
3878
|
+
className: _this20.props.classes.selectIcon
|
|
4011
3879
|
})
|
|
4012
3880
|
};
|
|
4013
3881
|
});
|
|
@@ -4025,7 +3893,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
4025
3893
|
}, {
|
|
4026
3894
|
key: "onExpandAll",
|
|
4027
3895
|
value: function onExpandAll(root, expanded) {
|
|
4028
|
-
var
|
|
3896
|
+
var _this21 = this;
|
|
4029
3897
|
|
|
4030
3898
|
root = root || this.root;
|
|
4031
3899
|
expanded = expanded || [];
|
|
@@ -4033,7 +3901,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
4033
3901
|
if (item.data.sumVisibility) {
|
|
4034
3902
|
expanded.push(item.data.id);
|
|
4035
3903
|
|
|
4036
|
-
|
|
3904
|
+
_this21.onExpandAll(item, expanded);
|
|
4037
3905
|
}
|
|
4038
3906
|
});
|
|
4039
3907
|
|
|
@@ -4052,7 +3920,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
4052
3920
|
}, {
|
|
4053
3921
|
key: "onCollapseAll",
|
|
4054
3922
|
value: function onCollapseAll() {
|
|
4055
|
-
var
|
|
3923
|
+
var _this22 = this;
|
|
4056
3924
|
|
|
4057
3925
|
(window._localStorage || window.localStorage).setItem("".concat(this.props.dialogName || 'App', ".objectExpanded"), JSON.stringify([]));
|
|
4058
3926
|
(window._localStorage || window.localStorage).setItem("".concat(this.props.dialogName || 'App', ".objectSelected"), '[]');
|
|
@@ -4061,7 +3929,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
4061
3929
|
depth: 0,
|
|
4062
3930
|
selected: []
|
|
4063
3931
|
}, function () {
|
|
4064
|
-
return
|
|
3932
|
+
return _this22.onAfterSelect();
|
|
4065
3933
|
});
|
|
4066
3934
|
}
|
|
4067
3935
|
/**
|
|
@@ -4074,7 +3942,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
4074
3942
|
}, {
|
|
4075
3943
|
key: "expandDepth",
|
|
4076
3944
|
value: function expandDepth(root, depth, expanded) {
|
|
4077
|
-
var
|
|
3945
|
+
var _this23 = this;
|
|
4078
3946
|
|
|
4079
3947
|
root = root || this.root;
|
|
4080
3948
|
|
|
@@ -4088,7 +3956,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
4088
3956
|
}
|
|
4089
3957
|
|
|
4090
3958
|
if (depth - 1 > 0) {
|
|
4091
|
-
|
|
3959
|
+
_this23.expandDepth(item, depth - 1, expanded);
|
|
4092
3960
|
}
|
|
4093
3961
|
}
|
|
4094
3962
|
});
|
|
@@ -4192,7 +4060,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
4192
4060
|
}, {
|
|
4193
4061
|
key: "_exportObjects",
|
|
4194
4062
|
value: function _exportObjects(isAll) {
|
|
4195
|
-
var
|
|
4063
|
+
var _this24 = this;
|
|
4196
4064
|
|
|
4197
4065
|
if (isAll) {
|
|
4198
4066
|
generateFile('allObjects.json', this.objects);
|
|
@@ -4201,10 +4069,10 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
4201
4069
|
var id = this.state.selected[0] || this.state.selectedNonObject;
|
|
4202
4070
|
|
|
4203
4071
|
this._getSelectedIdsForExport().forEach(function (key) {
|
|
4204
|
-
result[key] = JSON.parse(JSON.stringify(
|
|
4072
|
+
result[key] = JSON.parse(JSON.stringify(_this24.objects[key])); // add enum information
|
|
4205
4073
|
|
|
4206
4074
|
if (result[key].common) {
|
|
4207
|
-
var enums =
|
|
4075
|
+
var enums = _this24.getEnumsForId(key);
|
|
4208
4076
|
|
|
4209
4077
|
if (enums) {
|
|
4210
4078
|
result[key].common.enums = enums;
|
|
@@ -4220,7 +4088,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
4220
4088
|
}, {
|
|
4221
4089
|
key: "renderExportDialog",
|
|
4222
4090
|
value: function renderExportDialog() {
|
|
4223
|
-
var
|
|
4091
|
+
var _this25 = this;
|
|
4224
4092
|
|
|
4225
4093
|
if (this.state.showExportDialog === false) {
|
|
4226
4094
|
return null;
|
|
@@ -4231,10 +4099,10 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
4231
4099
|
color: "grey",
|
|
4232
4100
|
variant: "outlined",
|
|
4233
4101
|
onClick: function onClick() {
|
|
4234
|
-
return
|
|
4102
|
+
return _this25.setState({
|
|
4235
4103
|
showExportDialog: false
|
|
4236
4104
|
}, function () {
|
|
4237
|
-
return
|
|
4105
|
+
return _this25._exportObjects(true);
|
|
4238
4106
|
});
|
|
4239
4107
|
}
|
|
4240
4108
|
}, this.props.t('ra_All objects')), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
|
|
@@ -4242,17 +4110,17 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
4242
4110
|
variant: "contained",
|
|
4243
4111
|
autoFocus: true,
|
|
4244
4112
|
onClick: function onClick() {
|
|
4245
|
-
return
|
|
4113
|
+
return _this25.setState({
|
|
4246
4114
|
showExportDialog: false
|
|
4247
4115
|
}, function () {
|
|
4248
|
-
return
|
|
4116
|
+
return _this25._exportObjects(false);
|
|
4249
4117
|
});
|
|
4250
4118
|
}
|
|
4251
4119
|
}, this.props.t('ra_Only selected')), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
|
|
4252
4120
|
color: "grey",
|
|
4253
4121
|
variant: "contained",
|
|
4254
4122
|
onClick: function onClick() {
|
|
4255
|
-
return
|
|
4123
|
+
return _this25.setState({
|
|
4256
4124
|
showExportDialog: false
|
|
4257
4125
|
});
|
|
4258
4126
|
},
|
|
@@ -4273,7 +4141,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
4273
4141
|
* @returns {JSX.Element}
|
|
4274
4142
|
*/
|
|
4275
4143
|
function getToolbar() {
|
|
4276
|
-
var
|
|
4144
|
+
var _this26 = this;
|
|
4277
4145
|
|
|
4278
4146
|
var allowObjectCreation = false;
|
|
4279
4147
|
|
|
@@ -4307,7 +4175,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
4307
4175
|
title: this.props.t('ra_Refresh tree')
|
|
4308
4176
|
}, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
|
|
4309
4177
|
onClick: function onClick() {
|
|
4310
|
-
return
|
|
4178
|
+
return _this26.refreshComponent();
|
|
4311
4179
|
},
|
|
4312
4180
|
disabled: this.state.updating,
|
|
4313
4181
|
size: "large"
|
|
@@ -4317,16 +4185,16 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
4317
4185
|
key: "expertMode",
|
|
4318
4186
|
color: this.state.filter.expertMode ? 'secondary' : 'default',
|
|
4319
4187
|
onClick: function onClick() {
|
|
4320
|
-
return
|
|
4188
|
+
return _this26.onFilter('expertMode', !_this26.state.filter.expertMode);
|
|
4321
4189
|
},
|
|
4322
4190
|
size: "large"
|
|
4323
4191
|
}, /*#__PURE__*/_react["default"].createElement(_IconExpert["default"], null))), !this.props.disableColumnSelector && /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
|
|
4324
|
-
title: this.props.t('ra_Configure
|
|
4192
|
+
title: this.props.t('ra_Configure')
|
|
4325
4193
|
}, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
|
|
4326
|
-
key: "columnSelector"
|
|
4327
|
-
|
|
4194
|
+
key: "columnSelector" // color={this.state.columnsAuto ? 'primary' : 'default'}
|
|
4195
|
+
,
|
|
4328
4196
|
onClick: function onClick() {
|
|
4329
|
-
return
|
|
4197
|
+
return _this26.setState({
|
|
4330
4198
|
columnsSelectorShow: true
|
|
4331
4199
|
});
|
|
4332
4200
|
},
|
|
@@ -4336,7 +4204,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
4336
4204
|
}, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
|
|
4337
4205
|
key: "expandAll",
|
|
4338
4206
|
onClick: function onClick() {
|
|
4339
|
-
return
|
|
4207
|
+
return _this26.onExpandAll();
|
|
4340
4208
|
},
|
|
4341
4209
|
size: "large"
|
|
4342
4210
|
}, /*#__PURE__*/_react["default"].createElement(_IconOpen["default"], null))), /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
|
|
@@ -4344,7 +4212,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
4344
4212
|
}, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
|
|
4345
4213
|
key: "collapseAll",
|
|
4346
4214
|
onClick: function onClick() {
|
|
4347
|
-
return
|
|
4215
|
+
return _this26.onCollapseAll();
|
|
4348
4216
|
},
|
|
4349
4217
|
size: "large"
|
|
4350
4218
|
}, /*#__PURE__*/_react["default"].createElement(_IconClosed["default"], null))), /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
|
|
@@ -4353,7 +4221,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
4353
4221
|
key: "expandVisible",
|
|
4354
4222
|
color: "primary",
|
|
4355
4223
|
onClick: function onClick() {
|
|
4356
|
-
return
|
|
4224
|
+
return _this26.onExpandVisible();
|
|
4357
4225
|
},
|
|
4358
4226
|
size: "large"
|
|
4359
4227
|
}, /*#__PURE__*/_react["default"].createElement(StyledBadge, {
|
|
@@ -4365,7 +4233,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
4365
4233
|
key: "collapseVisible",
|
|
4366
4234
|
color: "primary",
|
|
4367
4235
|
onClick: function onClick() {
|
|
4368
|
-
return
|
|
4236
|
+
return _this26.onCollapseVisible();
|
|
4369
4237
|
},
|
|
4370
4238
|
size: "large"
|
|
4371
4239
|
}, /*#__PURE__*/_react["default"].createElement(StyledBadge, {
|
|
@@ -4375,7 +4243,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
4375
4243
|
title: this.props.t('ra_Toggle the states view')
|
|
4376
4244
|
}, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
|
|
4377
4245
|
onClick: function onClick() {
|
|
4378
|
-
return
|
|
4246
|
+
return _this26.onStatesViewVisible();
|
|
4379
4247
|
},
|
|
4380
4248
|
size: "large"
|
|
4381
4249
|
}, /*#__PURE__*/_react["default"].createElement(_LooksOne["default"], {
|
|
@@ -4385,7 +4253,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
4385
4253
|
}, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
|
|
4386
4254
|
disabled: !allowObjectCreation,
|
|
4387
4255
|
onClick: function onClick() {
|
|
4388
|
-
return
|
|
4256
|
+
return _this26.setState({
|
|
4389
4257
|
modalNewObj: true
|
|
4390
4258
|
});
|
|
4391
4259
|
},
|
|
@@ -4399,7 +4267,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
4399
4267
|
input.setAttribute('id', 'files');
|
|
4400
4268
|
input.setAttribute('opacity', 0);
|
|
4401
4269
|
input.addEventListener('change', function (e) {
|
|
4402
|
-
return
|
|
4270
|
+
return _this26.handleJsonUpload(e);
|
|
4403
4271
|
}, false);
|
|
4404
4272
|
input.click();
|
|
4405
4273
|
},
|
|
@@ -4408,8 +4276,8 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
4408
4276
|
title: this.props.t('ra_Save objects tree as JSON file')
|
|
4409
4277
|
}, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
|
|
4410
4278
|
onClick: function onClick() {
|
|
4411
|
-
return
|
|
4412
|
-
showExportDialog:
|
|
4279
|
+
return _this26.setState({
|
|
4280
|
+
showExportDialog: _this26._getSelectedIdsForExport().length
|
|
4413
4281
|
});
|
|
4414
4282
|
},
|
|
4415
4283
|
size: "large"
|
|
@@ -4423,28 +4291,28 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
4423
4291
|
whiteSpace: 'nowrap'
|
|
4424
4292
|
}
|
|
4425
4293
|
}, "".concat(this.props.t('ra_Objects'), ": ").concat(Object.keys(this.info.objects).length, ", ").concat(this.props.t('ra_States'), ": ").concat(Object.keys(this.info.objects).filter(function (el) {
|
|
4426
|
-
return
|
|
4294
|
+
return _this26.info.objects[el].type === 'state';
|
|
4427
4295
|
}).length)), this.props.objectEditBoolean && /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
|
|
4428
4296
|
title: this.props.t('ra_Edit custom config')
|
|
4429
4297
|
}, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
|
|
4430
4298
|
onClick: function onClick() {
|
|
4431
4299
|
// get all visible states
|
|
4432
|
-
var ids = getVisibleItems(
|
|
4300
|
+
var ids = getVisibleItems(_this26.root, 'state', _this26.objects);
|
|
4433
4301
|
|
|
4434
4302
|
if (ids.length) {
|
|
4435
|
-
|
|
4303
|
+
_this26.pauseSubscribe(true);
|
|
4436
4304
|
|
|
4437
4305
|
if (ids.length === 1) {
|
|
4438
|
-
(window._localStorage || window.localStorage).setItem((
|
|
4439
|
-
|
|
4306
|
+
(window._localStorage || window.localStorage).setItem((_this26.props.dialogName || 'App') + '.objectSelected', _this26.state.selected[0]);
|
|
4307
|
+
_this26.props.router && _this26.props.router.doNavigate(null, 'custom', _this26.state.selected[0]);
|
|
4440
4308
|
}
|
|
4441
4309
|
|
|
4442
|
-
|
|
4310
|
+
_this26.setState({
|
|
4443
4311
|
customDialog: ids
|
|
4444
4312
|
});
|
|
4445
4313
|
} else {
|
|
4446
|
-
|
|
4447
|
-
toast:
|
|
4314
|
+
_this26.setState({
|
|
4315
|
+
toast: _this26.props.t('ra_please select object')
|
|
4448
4316
|
});
|
|
4449
4317
|
}
|
|
4450
4318
|
},
|
|
@@ -4506,7 +4374,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
4506
4374
|
* @param {{ cellButtonsButton: string | undefined; cellButtonsButtonAlone: any; cellButtonsButtonIcon: string | undefined; cellButtonsButtonWithCustoms: any; }} classes
|
|
4507
4375
|
*/
|
|
4508
4376
|
function renderColumnButtons(id, item, classes) {
|
|
4509
|
-
var
|
|
4377
|
+
var _this27 = this,
|
|
4510
4378
|
_item$children2,
|
|
4511
4379
|
_item$data$obj$common,
|
|
4512
4380
|
_item$data$obj$common3;
|
|
@@ -4517,7 +4385,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
4517
4385
|
}, this.state.filter.expertMode && this.props.objectEditOfAccessControl ? /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
|
|
4518
4386
|
className: _Utils["default"].clsx(classes.cellButtonsButton, classes.cellButtonsEmptyButton, classes.cellButtonMinWidth),
|
|
4519
4387
|
onClick: function onClick() {
|
|
4520
|
-
return
|
|
4388
|
+
return _this27.setState({
|
|
4521
4389
|
modalEditOfAccess: true,
|
|
4522
4390
|
modalEmptyId: id,
|
|
4523
4391
|
modalEditOfAccessObjData: item.data
|
|
@@ -4530,7 +4398,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
4530
4398
|
"aria-label": "delete",
|
|
4531
4399
|
title: this.texts.deleteObject,
|
|
4532
4400
|
onClick: function onClick() {
|
|
4533
|
-
return
|
|
4401
|
+
return _this27.props.onObjectDelete(id, !!(item.children && item.children.length), false);
|
|
4534
4402
|
}
|
|
4535
4403
|
}, /*#__PURE__*/_react["default"].createElement(_Delete["default"], {
|
|
4536
4404
|
className: classes.cellButtonsButtonIcon
|
|
@@ -4546,7 +4414,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
4546
4414
|
}, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
|
|
4547
4415
|
className: classes.cellButtonMinWidth,
|
|
4548
4416
|
onClick: function onClick() {
|
|
4549
|
-
return
|
|
4417
|
+
return _this27.setState({
|
|
4550
4418
|
modalEditOfAccess: true,
|
|
4551
4419
|
modalEditOfAccessObjData: item.data
|
|
4552
4420
|
});
|
|
@@ -4564,9 +4432,9 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
4564
4432
|
"aria-label": "edit",
|
|
4565
4433
|
title: this.texts.editObject,
|
|
4566
4434
|
onClick: function onClick() {
|
|
4567
|
-
(window._localStorage || window.localStorage).setItem("".concat(
|
|
4435
|
+
(window._localStorage || window.localStorage).setItem("".concat(_this27.props.dialogName || 'App', ".objectSelected"), id);
|
|
4568
4436
|
|
|
4569
|
-
|
|
4437
|
+
_this27.setState({
|
|
4570
4438
|
editObjectDialog: id
|
|
4571
4439
|
});
|
|
4572
4440
|
}
|
|
@@ -4580,7 +4448,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
4580
4448
|
onClick: function onClick() {
|
|
4581
4449
|
var _item$children3, _item$data$obj$common2;
|
|
4582
4450
|
|
|
4583
|
-
return
|
|
4451
|
+
return _this27.props.onObjectDelete(id, !!((_item$children3 = item.children) !== null && _item$children3 !== void 0 && _item$children3.length), !((_item$data$obj$common2 = item.data.obj.common) !== null && _item$data$obj$common2 !== void 0 && _item$data$obj$common2.dontDelete));
|
|
4584
4452
|
},
|
|
4585
4453
|
title: this.texts.deleteObject
|
|
4586
4454
|
}, /*#__PURE__*/_react["default"].createElement(_Delete["default"], {
|
|
@@ -4592,13 +4460,13 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
4592
4460
|
"aria-label": "config",
|
|
4593
4461
|
title: this.texts.customConfig,
|
|
4594
4462
|
onClick: function onClick() {
|
|
4595
|
-
(window._localStorage || window.localStorage).setItem((
|
|
4463
|
+
(window._localStorage || window.localStorage).setItem((_this27.props.dialogName || 'App') + '.objectSelected', id);
|
|
4596
4464
|
|
|
4597
|
-
|
|
4465
|
+
_this27.pauseSubscribe(true);
|
|
4598
4466
|
|
|
4599
|
-
|
|
4467
|
+
_this27.props.router && _this27.props.router.doNavigate(null, 'customs', id);
|
|
4600
4468
|
|
|
4601
|
-
|
|
4469
|
+
_this27.setState({
|
|
4602
4470
|
customDialog: [id]
|
|
4603
4471
|
});
|
|
4604
4472
|
}
|
|
@@ -4614,8 +4482,6 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
4614
4482
|
}, {
|
|
4615
4483
|
key: "readHistory",
|
|
4616
4484
|
value: function readHistory(id) {
|
|
4617
|
-
var _this29 = this;
|
|
4618
|
-
|
|
4619
4485
|
/*interface GetHistoryOptions {
|
|
4620
4486
|
instance?: string;
|
|
4621
4487
|
start?: number;
|
|
@@ -4659,7 +4525,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
4659
4525
|
}
|
|
4660
4526
|
}
|
|
4661
4527
|
})["catch"](function (e) {
|
|
4662
|
-
return
|
|
4528
|
+
return console.warn('Cannot read history: ' + e);
|
|
4663
4529
|
});
|
|
4664
4530
|
}
|
|
4665
4531
|
}
|
|
@@ -4675,7 +4541,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
4675
4541
|
key: "renderColumnValue",
|
|
4676
4542
|
value: function renderColumnValue(id, item, classes) {
|
|
4677
4543
|
var _obj$common4,
|
|
4678
|
-
|
|
4544
|
+
_this28 = this;
|
|
4679
4545
|
|
|
4680
4546
|
var obj = item.data.obj;
|
|
4681
4547
|
|
|
@@ -4707,7 +4573,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
4707
4573
|
if (!info) {
|
|
4708
4574
|
info = item.data.state = item.data.state || formatValue(id, state, obj, this.texts, this.props.dateFormat, this.props.isFloatComma);
|
|
4709
4575
|
info.valFull = info.valFull.map(function (item) {
|
|
4710
|
-
if (item.t ===
|
|
4576
|
+
if (item.t === _this28.texts.quality && state.q) {
|
|
4711
4577
|
return [/*#__PURE__*/_react["default"].createElement("div", {
|
|
4712
4578
|
className: classes.cellValueTooltipBoth,
|
|
4713
4579
|
key: item.t
|
|
@@ -4756,7 +4622,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
4756
4622
|
}, "(", info.valText.s, ")") : null, /*#__PURE__*/_react["default"].createElement(_IconCopy["default"], {
|
|
4757
4623
|
className: _Utils["default"].clsx(classes.cellButtonsValueButton, 'copyButton', classes.cellButtonsValueButtonCopy),
|
|
4758
4624
|
onClick: function onClick(e) {
|
|
4759
|
-
return
|
|
4625
|
+
return _this28.onCopy(e, copyText);
|
|
4760
4626
|
},
|
|
4761
4627
|
key: "cc"
|
|
4762
4628
|
}) //<IconEdit className={ Utils.clsx(classes.cellButtonsValueButton, 'copyButton', classes.cellButtonsValueButtonEdit) } key="ce" />
|
|
@@ -4779,7 +4645,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
4779
4645
|
popper: this.props.classes.cellValueTooltipBox
|
|
4780
4646
|
},
|
|
4781
4647
|
onOpen: function onOpen() {
|
|
4782
|
-
return
|
|
4648
|
+
return _this28.readHistory(id);
|
|
4783
4649
|
}
|
|
4784
4650
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
4785
4651
|
style: info.style,
|
|
@@ -4794,7 +4660,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
4794
4660
|
}, {
|
|
4795
4661
|
key: "_syncEnum",
|
|
4796
4662
|
value: function _syncEnum(id, enumIds, newArray, cb) {
|
|
4797
|
-
var
|
|
4663
|
+
var _this29 = this;
|
|
4798
4664
|
|
|
4799
4665
|
if (!enumIds || !enumIds.length) {
|
|
4800
4666
|
return cb && cb();
|
|
@@ -4815,9 +4681,9 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
4815
4681
|
var obj = JSON.parse(JSON.stringify(this.info.objects[enumId]));
|
|
4816
4682
|
obj.common.members.splice(pos, 1);
|
|
4817
4683
|
promises.push(this.props.socket.setObject(enumId, obj).then(function () {
|
|
4818
|
-
return
|
|
4684
|
+
return _this29.info.objects[enumId] = obj;
|
|
4819
4685
|
})["catch"](function (e) {
|
|
4820
|
-
return
|
|
4686
|
+
return _this29.showError(e);
|
|
4821
4687
|
}));
|
|
4822
4688
|
}
|
|
4823
4689
|
} // add to it
|
|
@@ -4834,16 +4700,16 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
4834
4700
|
_obj.common.members.sort();
|
|
4835
4701
|
|
|
4836
4702
|
promises.push(this.props.socket.setObject(enumId, _obj).then(function () {
|
|
4837
|
-
return
|
|
4703
|
+
return _this29.info.objects[enumId] = _obj;
|
|
4838
4704
|
})["catch"](function (e) {
|
|
4839
|
-
return
|
|
4705
|
+
return _this29.showError(e);
|
|
4840
4706
|
}));
|
|
4841
4707
|
}
|
|
4842
4708
|
}
|
|
4843
4709
|
|
|
4844
4710
|
Promise.all(promises).then(function () {
|
|
4845
4711
|
return setTimeout(function () {
|
|
4846
|
-
return
|
|
4712
|
+
return _this29._syncEnum(id, enumIds, newArray, cb);
|
|
4847
4713
|
}, 0);
|
|
4848
4714
|
});
|
|
4849
4715
|
}
|
|
@@ -4856,12 +4722,12 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
4856
4722
|
}, {
|
|
4857
4723
|
key: "syncEnum",
|
|
4858
4724
|
value: function syncEnum(id, enumName, newArray) {
|
|
4859
|
-
var
|
|
4725
|
+
var _this30 = this;
|
|
4860
4726
|
|
|
4861
4727
|
var toCheck = (0, _toConsumableArray2["default"])(this.info[enumName === 'func' ? 'funcEnums' : 'roomEnums']);
|
|
4862
4728
|
return new Promise(function (resolve) {
|
|
4863
|
-
return
|
|
4864
|
-
error &&
|
|
4729
|
+
return _this30._syncEnum(id, toCheck, newArray, function (error) {
|
|
4730
|
+
error && _this30.showError(error); // force update of object
|
|
4865
4731
|
|
|
4866
4732
|
resolve();
|
|
4867
4733
|
});
|
|
@@ -4875,7 +4741,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
4875
4741
|
}, {
|
|
4876
4742
|
key: "renderEnumDialog",
|
|
4877
4743
|
value: function renderEnumDialog() {
|
|
4878
|
-
var
|
|
4744
|
+
var _this31 = this;
|
|
4879
4745
|
|
|
4880
4746
|
if (this.state.enumDialog) {
|
|
4881
4747
|
var type = this.state.enumDialog.type;
|
|
@@ -4884,18 +4750,18 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
4884
4750
|
var enumsOriginal = this.state.enumDialog.enumsOriginal;
|
|
4885
4751
|
var enums = (type === 'room' ? this.info.roomEnums : this.info.funcEnums).map(function (id) {
|
|
4886
4752
|
return {
|
|
4887
|
-
name: getName(
|
|
4753
|
+
name: getName(_this31.objects[id] && _this31.objects[id].common && _this31.objects[id].common.name || id.split('.').pop(), _this31.props.lang),
|
|
4888
4754
|
value: id,
|
|
4889
|
-
icon: getSelectIdIcon(
|
|
4755
|
+
icon: getSelectIdIcon(_this31.objects, id, _this31.imagePrefix)
|
|
4890
4756
|
};
|
|
4891
4757
|
});
|
|
4892
4758
|
enums.forEach(function (item) {
|
|
4893
4759
|
if (item.icon && typeof item.icon == 'string') {
|
|
4894
4760
|
item.icon = /*#__PURE__*/_react["default"].createElement("div", {
|
|
4895
|
-
className:
|
|
4761
|
+
className: _this31.props.classes.enumIconDiv
|
|
4896
4762
|
}, /*#__PURE__*/_react["default"].createElement("img", {
|
|
4897
4763
|
src: item.icon,
|
|
4898
|
-
className:
|
|
4764
|
+
className: _this31.props.classes.enumIcon,
|
|
4899
4765
|
alt: item.name
|
|
4900
4766
|
}));
|
|
4901
4767
|
}
|
|
@@ -4904,7 +4770,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
4904
4770
|
return /*#__PURE__*/_react["default"].createElement(_Dialog["default"], {
|
|
4905
4771
|
className: this.props.classes.enumDialog,
|
|
4906
4772
|
onClose: function onClose() {
|
|
4907
|
-
return
|
|
4773
|
+
return _this31.setState({
|
|
4908
4774
|
enumDialog: null
|
|
4909
4775
|
});
|
|
4910
4776
|
},
|
|
@@ -4918,8 +4784,8 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
4918
4784
|
disabled: JSON.stringify(enumsOriginal) === JSON.stringify(itemEnums),
|
|
4919
4785
|
size: "small",
|
|
4920
4786
|
onClick: function onClick() {
|
|
4921
|
-
return
|
|
4922
|
-
return
|
|
4787
|
+
return _this31.syncEnum(item.data.id, type, itemEnums).then(function () {
|
|
4788
|
+
return _this31.setState({
|
|
4923
4789
|
enumDialog: null,
|
|
4924
4790
|
enumDialogEnums: null
|
|
4925
4791
|
});
|
|
@@ -4945,11 +4811,11 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
4945
4811
|
|
|
4946
4812
|
var labelId = "checkbox-list-label-".concat(id);
|
|
4947
4813
|
return /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
|
|
4948
|
-
className:
|
|
4814
|
+
className: _this31.props.classes.headerCellSelectItem,
|
|
4949
4815
|
key: id,
|
|
4950
4816
|
onClick: function onClick() {
|
|
4951
4817
|
var pos = itemEnums.indexOf(id);
|
|
4952
|
-
var enumDialogEnums = JSON.parse(JSON.stringify(
|
|
4818
|
+
var enumDialogEnums = JSON.parse(JSON.stringify(_this31.state.enumDialogEnums));
|
|
4953
4819
|
|
|
4954
4820
|
if (pos === -1) {
|
|
4955
4821
|
enumDialogEnums.push(id);
|
|
@@ -4958,13 +4824,13 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
4958
4824
|
enumDialogEnums.splice(pos, 1);
|
|
4959
4825
|
}
|
|
4960
4826
|
|
|
4961
|
-
|
|
4827
|
+
_this31.setState({
|
|
4962
4828
|
enumDialogEnums: enumDialogEnums
|
|
4963
4829
|
});
|
|
4964
4830
|
}
|
|
4965
4831
|
}, /*#__PURE__*/_react["default"].createElement(_ListItemIcon["default"], {
|
|
4966
4832
|
classes: {
|
|
4967
|
-
root:
|
|
4833
|
+
root: _this31.props.classes.enumCheckbox
|
|
4968
4834
|
}
|
|
4969
4835
|
}, /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], {
|
|
4970
4836
|
edge: "start",
|
|
@@ -4990,7 +4856,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
4990
4856
|
}, {
|
|
4991
4857
|
key: "renderEditRoleDialog",
|
|
4992
4858
|
value: function renderEditRoleDialog() {
|
|
4993
|
-
var
|
|
4859
|
+
var _this32 = this;
|
|
4994
4860
|
|
|
4995
4861
|
if (this.state.roleDialog && this.props.objectBrowserEditRole) {
|
|
4996
4862
|
var ObjectBrowserEditRole = this.props.objectBrowserEditRole;
|
|
@@ -5002,10 +4868,10 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
5002
4868
|
roles: this.info.roles,
|
|
5003
4869
|
onClose: function onClose(obj) {
|
|
5004
4870
|
if (obj) {
|
|
5005
|
-
|
|
4871
|
+
_this32.info.objects[_this32.state.roleDialog] = obj;
|
|
5006
4872
|
}
|
|
5007
4873
|
|
|
5008
|
-
|
|
4874
|
+
_this32.setState({
|
|
5009
4875
|
roleDialog: false
|
|
5010
4876
|
});
|
|
5011
4877
|
}
|
|
@@ -5022,7 +4888,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
5022
4888
|
}, {
|
|
5023
4889
|
key: "onColumnsEditCustomDialogClose",
|
|
5024
4890
|
value: function onColumnsEditCustomDialogClose(isSave) {
|
|
5025
|
-
var
|
|
4891
|
+
var _this33 = this;
|
|
5026
4892
|
|
|
5027
4893
|
if (isSave) {
|
|
5028
4894
|
var value = this.customColumnDialog.value;
|
|
@@ -5035,17 +4901,17 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
5035
4901
|
|
|
5036
4902
|
this.customColumnDialog = null;
|
|
5037
4903
|
this.props.socket.getObject(this.state.columnsEditCustomDialog.obj._id).then(function (obj) {
|
|
5038
|
-
if (
|
|
5039
|
-
return
|
|
4904
|
+
if (_this33.setCustomValue(obj, _this33.state.columnsEditCustomDialog.it, value)) {
|
|
4905
|
+
return _this33.props.socket.setObject(obj._id, obj);
|
|
5040
4906
|
} else {
|
|
5041
|
-
throw new Error(
|
|
4907
|
+
throw new Error(_this33.props.t('ra_Cannot update attribute, because not found in the object'));
|
|
5042
4908
|
}
|
|
5043
4909
|
}).then(function () {
|
|
5044
|
-
return
|
|
4910
|
+
return _this33.setState({
|
|
5045
4911
|
columnsEditCustomDialog: null
|
|
5046
4912
|
});
|
|
5047
4913
|
})["catch"](function (e) {
|
|
5048
|
-
return
|
|
4914
|
+
return _this33.showError(e);
|
|
5049
4915
|
});
|
|
5050
4916
|
} else {
|
|
5051
4917
|
this.customColumnDialog = null;
|
|
@@ -5061,7 +4927,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
5061
4927
|
}, {
|
|
5062
4928
|
key: "renderColumnsEditCustomDialog",
|
|
5063
4929
|
value: function renderColumnsEditCustomDialog() {
|
|
5064
|
-
var
|
|
4930
|
+
var _this34 = this;
|
|
5065
4931
|
|
|
5066
4932
|
if (this.state.columnsEditCustomDialog) {
|
|
5067
4933
|
if (!this.customColumnDialog) {
|
|
@@ -5075,7 +4941,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
5075
4941
|
|
|
5076
4942
|
return /*#__PURE__*/_react["default"].createElement(_Dialog["default"], {
|
|
5077
4943
|
onClose: function onClose() {
|
|
5078
|
-
return
|
|
4944
|
+
return _this34.setState({
|
|
5079
4945
|
columnsEditCustomDialog: null
|
|
5080
4946
|
});
|
|
5081
4947
|
},
|
|
@@ -5089,15 +4955,15 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
5089
4955
|
}, this.customColumnDialog.type === 'boolean' ? /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
|
|
5090
4956
|
control: /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], {
|
|
5091
4957
|
onKeyUp: function onKeyUp(e) {
|
|
5092
|
-
return e.keyCode === 13 &&
|
|
4958
|
+
return e.keyCode === 13 && _this34.onColumnsEditCustomDialogClose(true);
|
|
5093
4959
|
},
|
|
5094
4960
|
defaultChecked: this.customColumnDialog.value === 'true',
|
|
5095
4961
|
onChange: function onChange(e) {
|
|
5096
|
-
|
|
5097
|
-
var changed =
|
|
4962
|
+
_this34.customColumnDialog.value = e.target.checked.toString();
|
|
4963
|
+
var changed = _this34.customColumnDialog.value !== _this34.customColumnDialog.initValue;
|
|
5098
4964
|
|
|
5099
|
-
if (changed === !
|
|
5100
|
-
|
|
4965
|
+
if (changed === !_this34.state.customColumnDialogValueChanged) {
|
|
4966
|
+
_this34.setState({
|
|
5101
4967
|
customColumnDialogValueChanged: changed
|
|
5102
4968
|
});
|
|
5103
4969
|
}
|
|
@@ -5109,15 +4975,15 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
5109
4975
|
defaultValue: this.customColumnDialog.value,
|
|
5110
4976
|
fullWidth: true,
|
|
5111
4977
|
onKeyUp: function onKeyUp(e) {
|
|
5112
|
-
return e.keyCode === 13 &&
|
|
4978
|
+
return e.keyCode === 13 && _this34.onColumnsEditCustomDialogClose(true);
|
|
5113
4979
|
},
|
|
5114
4980
|
label: "".concat(this.state.columnsEditCustomDialog.it.name, " (").concat(this.state.columnsEditCustomDialog.it.pathText, ")"),
|
|
5115
4981
|
onChange: function onChange(e) {
|
|
5116
|
-
|
|
5117
|
-
var changed =
|
|
4982
|
+
_this34.customColumnDialog.value = e.target.value;
|
|
4983
|
+
var changed = _this34.customColumnDialog.value !== _this34.customColumnDialog.initValue;
|
|
5118
4984
|
|
|
5119
|
-
if (changed === !
|
|
5120
|
-
|
|
4985
|
+
if (changed === !_this34.state.customColumnDialogValueChanged) {
|
|
4986
|
+
_this34.setState({
|
|
5121
4987
|
customColumnDialogValueChanged: changed
|
|
5122
4988
|
});
|
|
5123
4989
|
}
|
|
@@ -5126,7 +4992,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
5126
4992
|
}))), /*#__PURE__*/_react["default"].createElement(_DialogActions["default"], null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
|
|
5127
4993
|
variant: "contained",
|
|
5128
4994
|
onClick: function onClick() {
|
|
5129
|
-
return
|
|
4995
|
+
return _this34.onColumnsEditCustomDialogClose(true);
|
|
5130
4996
|
},
|
|
5131
4997
|
disabled: !this.state.customColumnDialogValueChanged,
|
|
5132
4998
|
color: "primary",
|
|
@@ -5135,7 +5001,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
5135
5001
|
color: "grey",
|
|
5136
5002
|
variant: "contained",
|
|
5137
5003
|
onClick: function onClick() {
|
|
5138
|
-
return
|
|
5004
|
+
return _this34.onColumnsEditCustomDialogClose();
|
|
5139
5005
|
},
|
|
5140
5006
|
startIcon: /*#__PURE__*/_react["default"].createElement(_Close["default"], null)
|
|
5141
5007
|
}, this.props.t('ra_Cancel'))));
|
|
@@ -5235,7 +5101,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
5235
5101
|
}, {
|
|
5236
5102
|
key: "renderCustomValue",
|
|
5237
5103
|
value: function renderCustomValue(obj, it, item) {
|
|
5238
|
-
var
|
|
5104
|
+
var _this35 = this;
|
|
5239
5105
|
|
|
5240
5106
|
var text = this.getCustomValue(obj, it);
|
|
5241
5107
|
|
|
@@ -5244,7 +5110,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
5244
5110
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
5245
5111
|
className: _Utils["default"].clsx(this.props.classes.columnCustom, this.props.classes.columnCustomEditable, this.props.classes['columnCustom_' + it.align]),
|
|
5246
5112
|
onClick: function onClick() {
|
|
5247
|
-
return
|
|
5113
|
+
return _this35.setState({
|
|
5248
5114
|
columnsEditCustomDialog: {
|
|
5249
5115
|
item: item,
|
|
5250
5116
|
it: it,
|
|
@@ -5275,7 +5141,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
5275
5141
|
}, {
|
|
5276
5142
|
key: "renderLeaf",
|
|
5277
5143
|
value: function renderLeaf(item, isExpanded, classes, counter) {
|
|
5278
|
-
var
|
|
5144
|
+
var _this36 = this,
|
|
5279
5145
|
_common$alias,
|
|
5280
5146
|
_common$alias2,
|
|
5281
5147
|
_this$states$id2,
|
|
@@ -5297,12 +5163,12 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
5297
5163
|
iconFolder = isExpanded ? /*#__PURE__*/_react["default"].createElement(_IconOpen["default"], {
|
|
5298
5164
|
className: classes.cellIdIconFolder,
|
|
5299
5165
|
onClick: function onClick() {
|
|
5300
|
-
return
|
|
5166
|
+
return _this36.toggleExpanded(id);
|
|
5301
5167
|
}
|
|
5302
5168
|
}) : /*#__PURE__*/_react["default"].createElement(_IconClosed["default"], {
|
|
5303
5169
|
className: classes.cellIdIconFolder,
|
|
5304
5170
|
onClick: function onClick() {
|
|
5305
|
-
return
|
|
5171
|
+
return _this36.toggleExpanded(id);
|
|
5306
5172
|
}
|
|
5307
5173
|
});
|
|
5308
5174
|
} else {
|
|
@@ -5410,11 +5276,11 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
5410
5276
|
e.stopPropagation();
|
|
5411
5277
|
e.preventDefault();
|
|
5412
5278
|
|
|
5413
|
-
|
|
5279
|
+
_this36.onSelect(common.alias.id.read);
|
|
5414
5280
|
|
|
5415
5281
|
setTimeout(function () {
|
|
5416
|
-
|
|
5417
|
-
return
|
|
5282
|
+
_this36.expandAllSelected(function () {
|
|
5283
|
+
return _this36.scrollToItem(common.alias.id.read);
|
|
5418
5284
|
});
|
|
5419
5285
|
}, 100);
|
|
5420
5286
|
},
|
|
@@ -5424,11 +5290,11 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
5424
5290
|
e.stopPropagation();
|
|
5425
5291
|
e.preventDefault();
|
|
5426
5292
|
|
|
5427
|
-
|
|
5293
|
+
_this36.onSelect(common.alias.id.write);
|
|
5428
5294
|
|
|
5429
5295
|
setTimeout(function () {
|
|
5430
|
-
|
|
5431
|
-
return
|
|
5296
|
+
_this36.expandAllSelected(function () {
|
|
5297
|
+
return _this36.scrollToItem(common.alias.id.write);
|
|
5432
5298
|
});
|
|
5433
5299
|
}, 100);
|
|
5434
5300
|
},
|
|
@@ -5438,11 +5304,11 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
5438
5304
|
e.stopPropagation();
|
|
5439
5305
|
e.preventDefault();
|
|
5440
5306
|
|
|
5441
|
-
|
|
5307
|
+
_this36.onSelect(common.alias.id);
|
|
5442
5308
|
|
|
5443
5309
|
setTimeout(function () {
|
|
5444
|
-
|
|
5445
|
-
return
|
|
5310
|
+
_this36.expandAllSelected(function () {
|
|
5311
|
+
return _this36.scrollToItem(common.alias.id);
|
|
5446
5312
|
});
|
|
5447
5313
|
}, 100);
|
|
5448
5314
|
},
|
|
@@ -5472,19 +5338,19 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
5472
5338
|
|
|
5473
5339
|
ids[name] = _id;
|
|
5474
5340
|
|
|
5475
|
-
if (!
|
|
5476
|
-
var
|
|
5341
|
+
if (!_this36.states[_id]) {
|
|
5342
|
+
var _this36$objects$_id;
|
|
5477
5343
|
|
|
5478
|
-
if (((
|
|
5479
|
-
!
|
|
5480
|
-
|
|
5344
|
+
if (((_this36$objects$_id = _this36.objects[_id]) === null || _this36$objects$_id === void 0 ? void 0 : _this36$objects$_id.type) === 'state') {
|
|
5345
|
+
!_this36.recordStates.includes(_id) && _this36.recordStates.push(_id);
|
|
5346
|
+
_this36.states[_id] = {
|
|
5481
5347
|
val: null
|
|
5482
5348
|
};
|
|
5483
5349
|
|
|
5484
|
-
|
|
5350
|
+
_this36.subscribe(_id);
|
|
5485
5351
|
}
|
|
5486
5352
|
} else {
|
|
5487
|
-
!
|
|
5353
|
+
!_this36.recordStates.includes(_id) && _this36.recordStates.push(_id);
|
|
5488
5354
|
}
|
|
5489
5355
|
}); // calculate color
|
|
5490
5356
|
// errorId has priority
|
|
@@ -5573,13 +5439,13 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
5573
5439
|
key: id,
|
|
5574
5440
|
id: id,
|
|
5575
5441
|
onClick: function onClick() {
|
|
5576
|
-
return
|
|
5442
|
+
return _this36.onSelect(id);
|
|
5577
5443
|
},
|
|
5578
5444
|
onDoubleClick: function onDoubleClick() {
|
|
5579
5445
|
if (!item.children) {
|
|
5580
|
-
|
|
5446
|
+
_this36.onSelect(id, true);
|
|
5581
5447
|
} else {
|
|
5582
|
-
|
|
5448
|
+
_this36.toggleExpanded(id);
|
|
5583
5449
|
}
|
|
5584
5450
|
}
|
|
5585
5451
|
}, /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
|
|
@@ -5624,7 +5490,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
5624
5490
|
}, /*#__PURE__*/_react["default"].createElement(_IconCopy["default"], {
|
|
5625
5491
|
className: _Utils["default"].clsx(classes.cellCopyButton, 'copyButton'),
|
|
5626
5492
|
onClick: function onClick(e) {
|
|
5627
|
-
return
|
|
5493
|
+
return _this36.onCopy(e, id);
|
|
5628
5494
|
}
|
|
5629
5495
|
}))), this.columnsVisibility.name ? /*#__PURE__*/_react["default"].createElement("div", {
|
|
5630
5496
|
className: classes.cellName,
|
|
@@ -5638,7 +5504,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
5638
5504
|
}, /*#__PURE__*/_react["default"].createElement(_IconCopy["default"], {
|
|
5639
5505
|
className: _Utils["default"].clsx(classes.cellCopyButton, 'copyButton'),
|
|
5640
5506
|
onClick: function onClick(e) {
|
|
5641
|
-
return
|
|
5507
|
+
return _this36.onCopy(e, item.data.title);
|
|
5642
5508
|
}
|
|
5643
5509
|
})) : null) : null, !this.state.statesView ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, this.columnsVisibility.type ? /*#__PURE__*/_react["default"].createElement("div", {
|
|
5644
5510
|
className: classes.cellType,
|
|
@@ -5652,7 +5518,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
5652
5518
|
cursor: this.state.filter.expertMode && enumEditable && this.props.objectBrowserEditRole ? 'text' : 'default'
|
|
5653
5519
|
},
|
|
5654
5520
|
onClick: this.state.filter.expertMode && enumEditable && this.props.objectBrowserEditRole ? function () {
|
|
5655
|
-
return
|
|
5521
|
+
return _this36.setState({
|
|
5656
5522
|
roleDialog: item.data.id
|
|
5657
5523
|
});
|
|
5658
5524
|
} : undefined
|
|
@@ -5663,9 +5529,9 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
5663
5529
|
cursor: enumEditable ? 'text' : 'default'
|
|
5664
5530
|
},
|
|
5665
5531
|
onClick: enumEditable ? function () {
|
|
5666
|
-
var enums = findEnumsForObjectAsIds(
|
|
5532
|
+
var enums = findEnumsForObjectAsIds(_this36.info, item.data.id, 'roomEnums');
|
|
5667
5533
|
|
|
5668
|
-
|
|
5534
|
+
_this36.setState({
|
|
5669
5535
|
enumDialogEnums: enums,
|
|
5670
5536
|
enumDialog: {
|
|
5671
5537
|
item: item,
|
|
@@ -5681,9 +5547,9 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
5681
5547
|
cursor: enumEditable ? 'text' : 'default'
|
|
5682
5548
|
},
|
|
5683
5549
|
onClick: enumEditable ? function () {
|
|
5684
|
-
var enums = findEnumsForObjectAsIds(
|
|
5550
|
+
var enums = findEnumsForObjectAsIds(_this36.info, item.data.id, 'funcEnums');
|
|
5685
5551
|
|
|
5686
|
-
|
|
5552
|
+
_this36.setState({
|
|
5687
5553
|
enumDialogEnums: enums,
|
|
5688
5554
|
enumDialog: {
|
|
5689
5555
|
item: item,
|
|
@@ -5718,11 +5584,11 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
5718
5584
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
5719
5585
|
className: classes.cellAdapter,
|
|
5720
5586
|
style: {
|
|
5721
|
-
width:
|
|
5587
|
+
width: _this36.columnsVisibility[it.id]
|
|
5722
5588
|
},
|
|
5723
5589
|
key: it.id,
|
|
5724
5590
|
title: it.adapter + ' => ' + it.pathText
|
|
5725
|
-
},
|
|
5591
|
+
}, _this36.renderCustomValue(obj, it, item));
|
|
5726
5592
|
}), this.columnsVisibility.val ? /*#__PURE__*/_react["default"].createElement("div", {
|
|
5727
5593
|
className: classes.cellValue,
|
|
5728
5594
|
style: {
|
|
@@ -5730,31 +5596,31 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
5730
5596
|
cursor: valueEditable ? (common === null || common === void 0 ? void 0 : common.type) === 'file' ? 'zoom-in' : item.data.button ? 'grab' : 'text' : 'default'
|
|
5731
5597
|
},
|
|
5732
5598
|
onClick: valueEditable ? function () {
|
|
5733
|
-
if (!obj || !
|
|
5599
|
+
if (!obj || !_this36.states) {
|
|
5734
5600
|
return null;
|
|
5735
5601
|
}
|
|
5736
5602
|
|
|
5737
5603
|
if ((common === null || common === void 0 ? void 0 : common.type) === 'file') {
|
|
5738
|
-
return
|
|
5604
|
+
return _this36.setState({
|
|
5739
5605
|
viewFileDialog: id
|
|
5740
5606
|
});
|
|
5741
5607
|
} // in non-expert mode control button directly
|
|
5742
5608
|
|
|
5743
5609
|
|
|
5744
|
-
if (!
|
|
5745
|
-
return
|
|
5610
|
+
if (!_this36.state.filter.expertMode && item.data.button) {
|
|
5611
|
+
return _this36.props.socket.setState(id, true)["catch"](function (e) {
|
|
5746
5612
|
return window.alert("Cannot write state \"".concat(id, "\": ").concat(e));
|
|
5747
5613
|
});
|
|
5748
5614
|
}
|
|
5749
5615
|
|
|
5750
|
-
|
|
5751
|
-
val:
|
|
5752
|
-
q:
|
|
5616
|
+
_this36.edit = {
|
|
5617
|
+
val: _this36.states[id] ? _this36.states[id].val : '',
|
|
5618
|
+
q: _this36.states[id] ? _this36.states[id].q || 0 : 0,
|
|
5753
5619
|
ack: false,
|
|
5754
5620
|
id: id
|
|
5755
5621
|
};
|
|
5756
5622
|
|
|
5757
|
-
|
|
5623
|
+
_this36.setState({
|
|
5758
5624
|
updateOpened: true
|
|
5759
5625
|
});
|
|
5760
5626
|
} : undefined
|
|
@@ -5777,7 +5643,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
5777
5643
|
}, {
|
|
5778
5644
|
key: "renderItem",
|
|
5779
5645
|
value: function renderItem(root, isExpanded, classes, counter) {
|
|
5780
|
-
var
|
|
5646
|
+
var _this37 = this;
|
|
5781
5647
|
|
|
5782
5648
|
var items = [];
|
|
5783
5649
|
counter = counter || {
|
|
@@ -5809,9 +5675,9 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
5809
5675
|
if (!this.state.foldersFirst) {
|
|
5810
5676
|
root.children && items.push(root.children.map(function (item) {
|
|
5811
5677
|
// do not render too many items in column editor mode
|
|
5812
|
-
if (!
|
|
5678
|
+
if (!_this37.state.columnsSelectorShow || counter.count < 15) {
|
|
5813
5679
|
if (item.data.sumVisibility) {
|
|
5814
|
-
return
|
|
5680
|
+
return _this37.renderItem(item, undefined, classes, counter);
|
|
5815
5681
|
}
|
|
5816
5682
|
}
|
|
5817
5683
|
|
|
@@ -5822,9 +5688,9 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
5822
5688
|
root.children && items.push(root.children.map(function (item) {
|
|
5823
5689
|
if (item.children) {
|
|
5824
5690
|
// do not render too many items in column editor mode
|
|
5825
|
-
if (!
|
|
5691
|
+
if (!_this37.state.columnsSelectorShow || counter.count < 15) {
|
|
5826
5692
|
if (item.data.sumVisibility) {
|
|
5827
|
-
return
|
|
5693
|
+
return _this37.renderItem(item, undefined, classes, counter);
|
|
5828
5694
|
}
|
|
5829
5695
|
}
|
|
5830
5696
|
}
|
|
@@ -5835,9 +5701,9 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
5835
5701
|
root.children && items.push(root.children.map(function (item) {
|
|
5836
5702
|
if (!item.children) {
|
|
5837
5703
|
// do not render too many items in column editor mode
|
|
5838
|
-
if (!
|
|
5704
|
+
if (!_this37.state.columnsSelectorShow || counter.count < 15) {
|
|
5839
5705
|
if (item.data.sumVisibility) {
|
|
5840
|
-
return
|
|
5706
|
+
return _this37.renderItem(item, undefined, classes, counter);
|
|
5841
5707
|
}
|
|
5842
5708
|
}
|
|
5843
5709
|
}
|
|
@@ -5860,7 +5726,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
5860
5726
|
}, {
|
|
5861
5727
|
key: "calculateColumnsVisibility",
|
|
5862
5728
|
value: function calculateColumnsVisibility(columnsAuto, columns, columnsForAdmin, columnsWidths) {
|
|
5863
|
-
var
|
|
5729
|
+
var _this38 = this;
|
|
5864
5730
|
|
|
5865
5731
|
columnsWidths = columnsWidths || this.state.columnsWidths;
|
|
5866
5732
|
columnsForAdmin = columnsForAdmin || this.state.columnsForAdmin;
|
|
@@ -5953,7 +5819,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
5953
5819
|
Object.keys(columnsForAdmin).sort().forEach(function (adapter) {
|
|
5954
5820
|
return columnsForAdmin[adapter].forEach(function (column) {
|
|
5955
5821
|
var id = '_' + adapter + '_' + column.path;
|
|
5956
|
-
|
|
5822
|
+
_this38.columnsVisibility[id] = columns.includes(id);
|
|
5957
5823
|
|
|
5958
5824
|
if (columns.includes(id)) {
|
|
5959
5825
|
var item = {
|
|
@@ -5976,12 +5842,12 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
5976
5842
|
}
|
|
5977
5843
|
}
|
|
5978
5844
|
|
|
5979
|
-
|
|
5845
|
+
_this38.adapterColumns.push(item);
|
|
5980
5846
|
|
|
5981
|
-
|
|
5982
|
-
_widthSum2 +=
|
|
5847
|
+
_this38.columnsVisibility[id] = columnsWidths[item.id] || column.width || SCREEN_WIDTHS[_this38.props.width].widths.func || SCREEN_WIDTHS.xl.widths.func;
|
|
5848
|
+
_widthSum2 += _this38.columnsVisibility[id];
|
|
5983
5849
|
} else {
|
|
5984
|
-
|
|
5850
|
+
_this38.columnsVisibility[id] = 0;
|
|
5985
5851
|
}
|
|
5986
5852
|
});
|
|
5987
5853
|
});
|
|
@@ -6003,10 +5869,10 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
6003
5869
|
this.columnsVisibility.nameHeader = "calc(100% - ".concat(_widthSum2 + 5 + this.state.scrollBarWidth, "px)");
|
|
6004
5870
|
} else {
|
|
6005
5871
|
var newWidth = Object.keys(this.columnsVisibility).reduce(function (accumulator, name) {
|
|
6006
|
-
if (name === 'id' || typeof
|
|
5872
|
+
if (name === 'id' || typeof _this38.columnsVisibility[name] === 'string' || !_this38.columnsVisibility[name]) {
|
|
6007
5873
|
return accumulator;
|
|
6008
5874
|
} else {
|
|
6009
|
-
return accumulator +
|
|
5875
|
+
return accumulator + _this38.columnsVisibility[name];
|
|
6010
5876
|
}
|
|
6011
5877
|
}, 0);
|
|
6012
5878
|
this.columnsVisibility.id = "calc(100% - ".concat(newWidth, "px)");
|
|
@@ -6021,7 +5887,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
6021
5887
|
* @returns {JSX.Element}
|
|
6022
5888
|
*/
|
|
6023
5889
|
function renderHeader() {
|
|
6024
|
-
var
|
|
5890
|
+
var _this39 = this;
|
|
6025
5891
|
|
|
6026
5892
|
var classes = this.props.classes;
|
|
6027
5893
|
var filterClearInValue = null;
|
|
@@ -6029,7 +5895,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
6029
5895
|
if (!this.columnsVisibility.buttons && !this.isFilterEmpty()) {
|
|
6030
5896
|
filterClearInValue = /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
|
|
6031
5897
|
onClick: function onClick() {
|
|
6032
|
-
return
|
|
5898
|
+
return _this39.clearFilter();
|
|
6033
5899
|
},
|
|
6034
5900
|
className: classes.buttonClearFilter,
|
|
6035
5901
|
title: this.props.t('ra_Clear filter'),
|
|
@@ -6121,7 +5987,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
6121
5987
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
6122
5988
|
className: _Utils["default"].clsx(classes.headerCell, classes.headerCellValue),
|
|
6123
5989
|
style: {
|
|
6124
|
-
width:
|
|
5990
|
+
width: _this39.columnsVisibility[item.id]
|
|
6125
5991
|
},
|
|
6126
5992
|
title: item.adapter,
|
|
6127
5993
|
key: item.id,
|
|
@@ -6157,18 +6023,18 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
6157
6023
|
}, {
|
|
6158
6024
|
key: "renderToast",
|
|
6159
6025
|
value: function renderToast() {
|
|
6160
|
-
var
|
|
6026
|
+
var _this40 = this;
|
|
6161
6027
|
|
|
6162
6028
|
return /*#__PURE__*/_react["default"].createElement(_Snackbar["default"], {
|
|
6163
6029
|
open: !!this.state.toast,
|
|
6164
6030
|
autoHideDuration: 3000,
|
|
6165
6031
|
onClick: function onClick() {
|
|
6166
|
-
return
|
|
6032
|
+
return _this40.setState({
|
|
6167
6033
|
toast: ''
|
|
6168
6034
|
});
|
|
6169
6035
|
},
|
|
6170
6036
|
onClose: function onClose() {
|
|
6171
|
-
return
|
|
6037
|
+
return _this40.setState({
|
|
6172
6038
|
toast: ''
|
|
6173
6039
|
});
|
|
6174
6040
|
},
|
|
@@ -6178,7 +6044,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
6178
6044
|
"aria-label": "close",
|
|
6179
6045
|
color: "inherit",
|
|
6180
6046
|
onClick: function onClick() {
|
|
6181
|
-
return
|
|
6047
|
+
return _this40.setState({
|
|
6182
6048
|
toast: ''
|
|
6183
6049
|
});
|
|
6184
6050
|
}
|
|
@@ -6194,14 +6060,14 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
6194
6060
|
}, {
|
|
6195
6061
|
key: "componentDidUpdate",
|
|
6196
6062
|
value: function componentDidUpdate() {
|
|
6197
|
-
var
|
|
6063
|
+
var _this41 = this;
|
|
6198
6064
|
|
|
6199
6065
|
if (this.tableRef.current) {
|
|
6200
6066
|
var scrollBarWidth = this.tableRef.current.offsetWidth - this.tableRef.current.clientWidth;
|
|
6201
6067
|
|
|
6202
6068
|
if (this.state.scrollBarWidth !== scrollBarWidth) {
|
|
6203
6069
|
setTimeout(function () {
|
|
6204
|
-
return
|
|
6070
|
+
return _this41.setState({
|
|
6205
6071
|
scrollBarWidth: scrollBarWidth
|
|
6206
6072
|
});
|
|
6207
6073
|
}, 100);
|
|
@@ -6231,13 +6097,13 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
6231
6097
|
}, {
|
|
6232
6098
|
key: "renderCustomDialog",
|
|
6233
6099
|
value: function renderCustomDialog() {
|
|
6234
|
-
var
|
|
6100
|
+
var _this42 = this;
|
|
6235
6101
|
|
|
6236
6102
|
if (this.state.customDialog && this.props.objectCustomDialog) {
|
|
6237
6103
|
var ObjectCustomDialog = this.props.objectCustomDialog;
|
|
6238
6104
|
return /*#__PURE__*/_react["default"].createElement(ObjectCustomDialog, {
|
|
6239
6105
|
reportChangedIds: function reportChangedIds(changedIds) {
|
|
6240
|
-
return
|
|
6106
|
+
return _this42.changedIds = (0, _toConsumableArray2["default"])(changedIds);
|
|
6241
6107
|
},
|
|
6242
6108
|
objectIDs: this.state.customDialog,
|
|
6243
6109
|
expertMode: this.state.filter.expertMode,
|
|
@@ -6251,19 +6117,19 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
6251
6117
|
objects: this.objects,
|
|
6252
6118
|
customsInstances: this.info.customs,
|
|
6253
6119
|
onClose: function onClose() {
|
|
6254
|
-
|
|
6120
|
+
_this42.pauseSubscribe(false);
|
|
6255
6121
|
|
|
6256
|
-
|
|
6122
|
+
_this42.setState({
|
|
6257
6123
|
customDialog: null
|
|
6258
6124
|
});
|
|
6259
6125
|
|
|
6260
|
-
if (
|
|
6261
|
-
|
|
6126
|
+
if (_this42.changedIds) {
|
|
6127
|
+
_this42.changedIds = null; // update all changed IDs
|
|
6262
6128
|
|
|
6263
|
-
|
|
6129
|
+
_this42.forceUpdate();
|
|
6264
6130
|
}
|
|
6265
6131
|
|
|
6266
|
-
|
|
6132
|
+
_this42.props.router && _this42.props.router.doNavigate('tab-objects');
|
|
6267
6133
|
}
|
|
6268
6134
|
});
|
|
6269
6135
|
} else {
|
|
@@ -6278,7 +6144,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
6278
6144
|
}, {
|
|
6279
6145
|
key: "onUpdate",
|
|
6280
6146
|
value: function onUpdate(valAck) {
|
|
6281
|
-
var
|
|
6147
|
+
var _this43 = this;
|
|
6282
6148
|
|
|
6283
6149
|
this.props.socket.setState(this.edit.id, {
|
|
6284
6150
|
val: valAck.val,
|
|
@@ -6286,7 +6152,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
6286
6152
|
q: valAck.q || 0,
|
|
6287
6153
|
expire: valAck.expire || undefined
|
|
6288
6154
|
})["catch"](function (e) {
|
|
6289
|
-
return
|
|
6155
|
+
return _this43.showError('Cannot write value: ' + e);
|
|
6290
6156
|
});
|
|
6291
6157
|
}
|
|
6292
6158
|
/**
|
|
@@ -6297,7 +6163,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
6297
6163
|
}, {
|
|
6298
6164
|
key: "renderEditObjectDialog",
|
|
6299
6165
|
value: function renderEditObjectDialog() {
|
|
6300
|
-
var
|
|
6166
|
+
var _this44 = this;
|
|
6301
6167
|
|
|
6302
6168
|
if (!this.state.editObjectDialog || !this.props.objectBrowserEditObject) {
|
|
6303
6169
|
return null;
|
|
@@ -6317,24 +6183,24 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
6317
6183
|
t: this.props.t,
|
|
6318
6184
|
expertMode: this.state.filter.expertMode,
|
|
6319
6185
|
onNewObject: function onNewObject(obj) {
|
|
6320
|
-
return
|
|
6321
|
-
return
|
|
6186
|
+
return _this44.props.socket.setObject(obj._id, obj).then(function () {
|
|
6187
|
+
return _this44.setState({
|
|
6322
6188
|
editObjectDialog: obj._id
|
|
6323
6189
|
}, function () {
|
|
6324
|
-
return
|
|
6190
|
+
return _this44.onSelect(obj._id);
|
|
6325
6191
|
});
|
|
6326
6192
|
})["catch"](function (e) {
|
|
6327
|
-
return
|
|
6193
|
+
return _this44.showError('Cannot write object: ' + e);
|
|
6328
6194
|
});
|
|
6329
6195
|
},
|
|
6330
6196
|
onClose: function onClose(obj) {
|
|
6331
|
-
|
|
6197
|
+
_this44.setState({
|
|
6332
6198
|
editObjectDialog: ''
|
|
6333
6199
|
});
|
|
6334
6200
|
|
|
6335
6201
|
if (obj) {
|
|
6336
|
-
|
|
6337
|
-
return
|
|
6202
|
+
_this44.props.socket.setObject(obj._id, obj)["catch"](function (e) {
|
|
6203
|
+
return _this44.showError('Cannot write object: ' + e);
|
|
6338
6204
|
});
|
|
6339
6205
|
}
|
|
6340
6206
|
}
|
|
@@ -6348,7 +6214,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
6348
6214
|
}, {
|
|
6349
6215
|
key: "renderViewObjectFileDialog",
|
|
6350
6216
|
value: function renderViewObjectFileDialog() {
|
|
6351
|
-
var
|
|
6217
|
+
var _this45 = this;
|
|
6352
6218
|
|
|
6353
6219
|
if (!this.state.viewFileDialog || !this.props.objectBrowserViewFile) {
|
|
6354
6220
|
return null;
|
|
@@ -6364,7 +6230,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
6364
6230
|
t: this.props.t,
|
|
6365
6231
|
expertMode: this.state.filter.expertMode,
|
|
6366
6232
|
onClose: function onClose() {
|
|
6367
|
-
return
|
|
6233
|
+
return _this45.setState({
|
|
6368
6234
|
viewFileDialog: ''
|
|
6369
6235
|
});
|
|
6370
6236
|
}
|
|
@@ -6379,7 +6245,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
6379
6245
|
key: "renderEditValueDialog",
|
|
6380
6246
|
value: function renderEditValueDialog() {
|
|
6381
6247
|
var _this$objects$this$ed,
|
|
6382
|
-
|
|
6248
|
+
_this46 = this;
|
|
6383
6249
|
|
|
6384
6250
|
if (!this.state.updateOpened || !this.props.objectBrowserValue) {
|
|
6385
6251
|
return null;
|
|
@@ -6410,11 +6276,11 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
6410
6276
|
defaultHistory: this.defaultHistory,
|
|
6411
6277
|
dateFormat: this.props.dateFormat,
|
|
6412
6278
|
onClose: function onClose(res) {
|
|
6413
|
-
|
|
6279
|
+
_this46.setState({
|
|
6414
6280
|
updateOpened: false
|
|
6415
6281
|
});
|
|
6416
6282
|
|
|
6417
|
-
res &&
|
|
6283
|
+
res && _this46.onUpdate(res);
|
|
6418
6284
|
}
|
|
6419
6285
|
});
|
|
6420
6286
|
}
|
|
@@ -6426,7 +6292,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
6426
6292
|
* @returns {JSX.Element}
|
|
6427
6293
|
*/
|
|
6428
6294
|
function render() {
|
|
6429
|
-
var
|
|
6295
|
+
var _this47 = this;
|
|
6430
6296
|
|
|
6431
6297
|
this.recordStates = [];
|
|
6432
6298
|
this.unsubscribeTimer && clearTimeout(this.unsubscribeTimer); // apply filter if changed
|
|
@@ -6441,13 +6307,13 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
6441
6307
|
|
|
6442
6308
|
if (counter.count < 500 && !this.state.expandAllVisible) {
|
|
6443
6309
|
setTimeout(function () {
|
|
6444
|
-
return
|
|
6310
|
+
return _this47.setState({
|
|
6445
6311
|
expandAllVisible: true
|
|
6446
6312
|
});
|
|
6447
6313
|
});
|
|
6448
6314
|
} else if (counter.count >= 500 && this.state.expandAllVisible) {
|
|
6449
6315
|
setTimeout(function () {
|
|
6450
|
-
return
|
|
6316
|
+
return _this47.setState({
|
|
6451
6317
|
expandAllVisible: false
|
|
6452
6318
|
});
|
|
6453
6319
|
});
|
|
@@ -6457,9 +6323,9 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
|
|
|
6457
6323
|
}
|
|
6458
6324
|
|
|
6459
6325
|
this.unsubscribeTimer = setTimeout(function () {
|
|
6460
|
-
|
|
6326
|
+
_this47.unsubscribeTimer = null;
|
|
6461
6327
|
|
|
6462
|
-
|
|
6328
|
+
_this47.checkUnsubscribes();
|
|
6463
6329
|
}, 200);
|
|
6464
6330
|
|
|
6465
6331
|
if (!this.state.loaded) {
|