@@ -86,7 +86,7 @@ const SettingsCustomization: FC = () => {
86
86
87
87
const entities_theme = useTheme ( {
88
88
Table : `
89
- --data-table-library_grid-template-columns: 150px repeat(1, minmax(80px, 1fr)) 45px minmax(45px, auto) minmax(120px, auto);
89
+ --data-table-library_grid-template-columns: 156px repeat(1, minmax(80px, 1fr)) 45px minmax(45px, auto) minmax(120px, auto);
90
90
` ,
91
91
BaseRow : `
92
92
font-size: 14px;
@@ -192,17 +192,9 @@ const SettingsCustomization: FC = () => {
192
192
return value ;
193
193
}
194
194
195
- function formatName ( de : DeviceEntity ) {
196
- return (
197
- < >
198
- { de . n && ( de . n [ 0 ] === '!' ? LL . COMMAND ( 1 ) + ': ' + de . n . slice ( 1 ) : de . cn && de . cn !== '' ? de . cn : de . n ) + ' ' } (
199
- < Link target = "_blank" href = { APIURL + devices ?. devices [ selectedDevice ] . tn + '/' + de . id } >
200
- { de . id }
201
- </ Link >
202
- )
203
- </ >
204
- ) ;
205
- }
195
+ const formatName = ( de : DeviceEntity , withShortname : boolean ) =>
196
+ ( de . n && de . n [ 0 ] === '!' ? LL . COMMAND ( 1 ) + ': ' + de . n . slice ( 1 ) : de . cn && de . cn !== '' ? de . cn : de . n ) +
197
+ ( withShortname ? ' ' + de . id : '' ) ;
206
198
207
199
const getMaskNumber = ( newMask : string [ ] ) => {
208
200
let new_mask = 0 ;
@@ -232,10 +224,13 @@ const SettingsCustomization: FC = () => {
232
224
return new_masks ;
233
225
} ;
234
226
227
+ const filter_entity = ( de : DeviceEntity ) =>
228
+ ( de . m & selectedFilters || ! selectedFilters ) && formatName ( de , true ) . includes ( search . toLocaleLowerCase ( ) ) ;
229
+
235
230
const maskDisabled = ( set : boolean ) => {
236
231
setDeviceEntities (
237
232
deviceEntities . map ( function ( de ) {
238
- if ( ( de . m & selectedFilters || ! selectedFilters ) && de . id . toLowerCase ( ) . includes ( search . toLowerCase ( ) ) ) {
233
+ if ( filter_entity ( de ) ) {
239
234
return {
240
235
...de ,
241
236
m : set
@@ -353,7 +348,7 @@ const SettingsCustomization: FC = () => {
353
348
margin = "normal"
354
349
select
355
350
>
356
- < MenuItem disabled key = { 0 } value = { - 1 } >
351
+ < MenuItem disabled key = { - 1 } value = { - 1 } >
357
352
{ LL . SELECT_DEVICE ( ) } ...
358
353
</ MenuItem >
359
354
{ devices . devices . map ( ( device : DeviceShort , index ) => (
@@ -370,9 +365,7 @@ const SettingsCustomization: FC = () => {
370
365
return ;
371
366
}
372
367
373
- const shown_data = deviceEntities . filter (
374
- ( de ) => ( de . m & selectedFilters || ! selectedFilters ) && de . id . toLowerCase ( ) . includes ( search . toLowerCase ( ) )
375
- ) ;
368
+ const shown_data = deviceEntities . filter ( ( de ) => filter_entity ( de ) ) ;
376
369
377
370
return (
378
371
< >
@@ -470,7 +463,13 @@ const SettingsCustomization: FC = () => {
470
463
< Cell stiff >
471
464
< EntityMaskToggle onUpdate = { updateDeviceEntity } de = { de } />
472
465
</ Cell >
473
- < Cell > { formatName ( de ) } </ Cell >
466
+ < Cell >
467
+ { formatName ( de , false ) } (
468
+ < Link target = "_blank" href = { APIURL + devices ?. devices [ selectedDevice ] . tn + '/' + de . id } >
469
+ { de . id }
470
+ </ Link >
471
+ )
472
+ </ Cell >
474
473
< Cell > { ! ( de . m & DeviceEntityMask . DV_READONLY ) && formatValue ( de . mi ) } </ Cell >
475
474
< Cell > { ! ( de . m & DeviceEntityMask . DV_READONLY ) && formatValue ( de . ma ) } </ Cell >
476
475
< Cell > { formatValue ( de . v ) } </ Cell >
0 commit comments