dendi-wang/thingsboard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Angular 18 migration

Browse Source
This commit is contained in:
Igor Kulikov 2024-10-02 20:18:00 +03:00
parent 8273c3fafd
commit aabc029800
3 changed files with 13 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
ui-ngx/src/app/shared/components/json-form/react/json-form-date.tsx
View File

@ -60,6 +60,11 @@ class ThingsboardDate extends React.Component<JsonFormFieldProps, ThingsboardDat
<LocalizationProvider dateAdapter={AdapterMoment}>
<div style={{width: '100%', display: 'block'}}>
<DatePicker
slotProps={{
textField: {
variant: 'standard'
}
}}
format='MM/DD/YYYY'
className={fieldClass}
label={this.props.form.title}

10
ui-ngx/src/app/shared/components/json-form/react/json-form-icon.tsx
View File

@ -31,6 +31,8 @@ interface ThingsboardIconState extends JsonFormFieldState {
class ThingsboardIcon extends React.Component<JsonFormFieldProps, ThingsboardIconState> {
containerRef = React.createRef<HTMLDivElement>();
constructor(props) {
super(props);
this.onBlur = this.onBlur.bind(this);
@ -54,7 +56,7 @@ class ThingsboardIcon extends React.Component<JsonFormFieldProps, ThingsboardIco
}
componentDidMount() {
const node = ReactDOM.findDOMNode(this);
const node = this.containerRef.current;
const iconContainer = $(node).children('#icon-container');
iconContainer.click((event) => {
if (!this.props.form.readonly) {
@ -64,7 +66,7 @@ class ThingsboardIcon extends React.Component<JsonFormFieldProps, ThingsboardIco
}
componentWillUnmount() {
const node = ReactDOM.findDOMNode(this);
const node = this.containerRef.current;
const iconContainer = $(node).children('#icon-container');
iconContainer.off( 'click' );
}
@ -102,6 +104,7 @@ class ThingsboardIcon extends React.Component<JsonFormFieldProps, ThingsboardIco
alignItems: 'center'
},
icon: {
padding: '12px',
marginRight: '10px',
marginBottom: 'auto',
cursor: 'pointer',
@ -134,12 +137,13 @@ class ThingsboardIcon extends React.Component<JsonFormFieldProps, ThingsboardIco
}
return (
<div style={ styles.container }>
<div ref={this.containerRef} style={ styles.container }>
<div id='icon-container' style={ styles.iconContainer }>
<IconButton style={ styles.icon }>
<Icon>{pickedIcon}</Icon>
</IconButton>
<TextField
variant={'standard'}
className={fieldClass}
label={this.props.form.title}
error={!this.props.valid}

2
ui-ngx/src/app/shared/components/json-form/react/json-form-radios.tsx
View File

@ -24,7 +24,7 @@ class ThingsboardRadios extends React.Component<JsonFormFieldProps, JsonFormFiel
render() {
const items = this.props.form.titleMap.map((item, index) => {
return (
<FormControlLabel value={item.value} control={<Radio />} label={item.name} key={index} />
<FormControlLabel value={item.value} control={<Radio color={'secondary'} />} label={item.name} key={index} />
);
});