@iobroker/adapter-react-v5 6.1.10 → 7.0.1
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/404.js +13 -13
- package/Components/Loader.js +223 -223
- package/Components/Loaders/PT.css +108 -108
- package/Components/Loaders/PT.js +103 -103
- package/Components/Loaders/Vendor.css +13 -13
- package/Components/Loaders/Vendor.js +7 -7
- package/Components/ObjectBrowser.js +29 -29
- package/Components/UploadImage.js +305 -305
- package/Components/loader.css +221 -221
- package/Components/types.d.ts +82 -82
- package/GenericApp.js +49 -49
- package/LICENSE +22 -22
- package/Prompt.js +7 -7
- package/README.md +1004 -1005
- package/Theme.js +8 -7
- package/assets/devices/Alarm Systems.svg +18 -18
- package/assets/devices/Amplifier.svg +21 -21
- package/assets/devices/Awnings.svg +4 -4
- package/assets/devices/Battery Status.svg +4 -4
- package/assets/devices/Ceiling Spotlights.svg +15 -15
- package/assets/devices/Chandelier.svg +6 -6
- package/assets/devices/Climate.svg +11 -11
- package/assets/devices/Coffee Makers.svg +5 -5
- package/assets/devices/Cold Water.svg +31 -31
- package/assets/devices/Computer.svg +21 -21
- package/assets/devices/Consumption.svg +7 -7
- package/assets/devices/Curtains.svg +43 -43
- package/assets/devices/Dishwashers.svg +11 -11
- package/assets/devices/Doors.svg +5 -5
- package/assets/devices/Doorstep.svg +35 -35
- package/assets/devices/Dryer.svg +13 -13
- package/assets/devices/Fan.svg +20 -20
- package/assets/devices/Floor Lamps.svg +4 -4
- package/assets/devices/Garage Doors.svg +9 -9
- package/assets/devices/Gates.svg +32 -32
- package/assets/devices/Hairdryer.svg +23 -23
- package/assets/devices/Handle.svg +6 -6
- package/assets/devices/Hanging Lamps.svg +8 -8
- package/assets/devices/Heater.svg +44 -44
- package/assets/devices/Hoods.svg +11 -11
- package/assets/devices/Hot Water.svg +9 -9
- package/assets/devices/Humidity.svg +41 -41
- package/assets/devices/Iron.svg +4 -4
- package/assets/devices/Irrigation.svg +22 -22
- package/assets/devices/Led Strip.svg +30 -30
- package/assets/devices/Light.svg +29 -29
- package/assets/devices/Lightings.svg +46 -46
- package/assets/devices/Lock.svg +19 -19
- package/assets/devices/Louvre.svg +6 -6
- package/assets/devices/Mowing Machine.svg +8 -8
- package/assets/devices/Music.svg +12 -12
- package/assets/devices/Outdoor Blinds.svg +6 -6
- package/assets/devices/People.svg +19 -19
- package/assets/devices/Pool.svg +7 -7
- package/assets/devices/Power Consumption.svg +12 -12
- package/assets/devices/Printer.svg +9 -9
- package/assets/devices/Pump.svg +9 -9
- package/assets/devices/Receiver.svg +18 -18
- package/assets/devices/Sconces.svg +9 -9
- package/assets/devices/Security.svg +34 -34
- package/assets/devices/Shading.svg +4 -4
- package/assets/devices/Shutters.svg +10 -10
- package/assets/devices/SmokeDetector.svg +12 -12
- package/assets/devices/Sockets.svg +13 -13
- package/assets/devices/Speaker.svg +35 -35
- package/assets/devices/Stove.svg +11 -11
- package/assets/devices/Table Lamps.svg +11 -11
- package/assets/devices/Temperature Sensors.svg +28 -28
- package/assets/devices/Tv.svg +7 -7
- package/assets/devices/Vacuum Cleaner.svg +15 -15
- package/assets/devices/Ventilation.svg +12 -12
- package/assets/devices/Washing Machines.svg +15 -15
- package/assets/devices/Water Consumption.svg +5 -5
- package/assets/devices/Water Heater.svg +8 -8
- package/assets/devices/Water.svg +40 -40
- package/assets/devices/Weather.svg +28 -28
- package/assets/devices/Window.svg +7 -7
- package/assets/lamp_ceiling.svg +8 -8
- package/assets/lamp_table.svg +7 -7
- package/assets/no_icon.svg +9 -9
- package/assets/rooms/Anteroom.svg +52 -52
- package/assets/rooms/Attic.svg +21 -21
- package/assets/rooms/Balcony.svg +12 -12
- package/assets/rooms/Barn.svg +5 -5
- package/assets/rooms/Basement.svg +4 -4
- package/assets/rooms/Bathroom.svg +38 -38
- package/assets/rooms/Bedroom.svg +5 -5
- package/assets/rooms/Boiler Room.svg +12 -12
- package/assets/rooms/Carport.svg +17 -17
- package/assets/rooms/Cellar.svg +89 -89
- package/assets/rooms/Chamber.svg +9 -9
- package/assets/rooms/Corridor.svg +52 -52
- package/assets/rooms/Dining Area.svg +37 -37
- package/assets/rooms/Dining Room.svg +37 -37
- package/assets/rooms/Dining.svg +37 -37
- package/assets/rooms/Dressing Room.svg +4 -4
- package/assets/rooms/Driveway.svg +14 -14
- package/assets/rooms/Entrance.svg +44 -44
- package/assets/rooms/Equipment Room.svg +14 -14
- package/assets/rooms/Front Yard.svg +64 -64
- package/assets/rooms/Gallery.svg +13 -13
- package/assets/rooms/Garage.svg +20 -20
- package/assets/rooms/Garden.svg +12 -12
- package/assets/rooms/Ground Floor.svg +95 -95
- package/assets/rooms/Guest Bathroom.svg +32 -32
- package/assets/rooms/Guest Room.svg +5 -5
- package/assets/rooms/Gym.svg +4 -4
- package/assets/rooms/Hall.svg +19 -19
- package/assets/rooms/Home Theater.svg +7 -7
- package/assets/rooms/Kitchen.svg +17 -17
- package/assets/rooms/Laundry Room.svg +11 -11
- package/assets/rooms/Living Area.svg +10 -10
- package/assets/rooms/Living Room.svg +10 -10
- package/assets/rooms/Locker Room.svg +16 -16
- package/assets/rooms/Nursery.svg +4 -4
- package/assets/rooms/Office.svg +8 -8
- package/assets/rooms/Outdoors.svg +7 -7
- package/assets/rooms/Playroom.svg +5 -5
- package/assets/rooms/Pool.svg +7 -7
- package/assets/rooms/Rear Wall.svg +30 -30
- package/assets/rooms/Second Floor.svg +95 -95
- package/assets/rooms/Shed.svg +16 -16
- package/assets/rooms/Sleeping Area.svg +22 -22
- package/assets/rooms/Stairway.svg +4 -4
- package/assets/rooms/Stairwell.svg +15 -15
- package/assets/rooms/Storeroom.svg +4 -4
- package/assets/rooms/Summer House.svg +27 -27
- package/assets/rooms/Swimming Pool.svg +21 -21
- package/assets/rooms/Terrace.svg +6 -6
- package/assets/rooms/Toilet.svg +10 -10
- package/assets/rooms/Upstairs.svg +5 -5
- package/assets/rooms/Wardrobe.svg +60 -60
- package/assets/rooms/Washroom.svg +19 -19
- package/assets/rooms/Wc.svg +10 -10
- package/assets/rooms/Windscreen.svg +60 -60
- package/assets/rooms/Workshop.svg +22 -22
- package/assets/rooms/Workspace.svg +8 -8
- package/craco-module-federation.js +71 -71
- package/icons/IconFx.js +1 -1
- package/icons/IconLogout.js +1 -1
- package/index.css +54 -54
- package/modulefederation.admin.config.js +31 -31
- package/package.json +4 -4
- package/src/AdminConnection.tsx +3 -3
- package/src/Components/404.tsx +121 -121
- package/src/Components/ColorPicker.tsx +315 -315
- package/src/Components/ComplexCron.tsx +507 -507
- package/src/Components/CopyToClipboard.tsx +165 -165
- package/src/Components/CustomModal.tsx +163 -163
- package/src/Components/FileBrowser.tsx +2414 -2414
- package/src/Components/FileViewer.tsx +393 -393
- package/src/Components/Icon.tsx +210 -210
- package/src/Components/IconPicker.tsx +149 -149
- package/src/Components/IconSelector.tsx +2202 -2202
- package/src/Components/Image.tsx +176 -176
- package/src/Components/Loader.tsx +304 -304
- package/src/Components/Logo.tsx +166 -166
- package/src/Components/MDUtils.tsx +100 -100
- package/src/Components/ObjectBrowser.tsx +8032 -8032
- package/src/Components/Router.tsx +90 -90
- package/src/Components/SaveCloseButtons.tsx +113 -113
- package/src/Components/Schedule.tsx +1724 -1724
- package/src/Components/SelectWithIcon.tsx +197 -197
- package/src/Components/TabContainer.tsx +55 -55
- package/src/Components/TabContent.tsx +37 -37
- package/src/Components/TabHeader.tsx +19 -19
- package/src/Components/TableResize.tsx +259 -259
- package/src/Components/TextWithIcon.tsx +148 -148
- package/src/Components/ToggleThemeMenu.tsx +34 -34
- package/src/Components/TreeTable.tsx +919 -919
- package/src/Components/UploadImage.tsx +599 -599
- package/src/Components/Utils.tsx +1794 -1794
- package/src/Components/loader.css +221 -221
- package/src/Components/withWidth.tsx +21 -21
- package/src/Connection.tsx +7 -7
- package/src/Dialogs/ComplexCron.tsx +129 -129
- package/src/Dialogs/Confirm.tsx +162 -162
- package/src/Dialogs/Cron.tsx +182 -182
- package/src/Dialogs/Error.tsx +72 -72
- package/src/Dialogs/Message.tsx +71 -71
- package/src/Dialogs/SelectFile.tsx +270 -270
- package/src/Dialogs/SelectID.tsx +298 -298
- package/src/Dialogs/SimpleCron.tsx +100 -100
- package/src/Dialogs/TextInput.tsx +107 -107
- package/src/GenericApp.tsx +976 -976
- package/src/LegacyConnection.tsx +3589 -3589
- package/src/Prompt.tsx +20 -20
- package/src/Theme.tsx +479 -479
- package/src/icons/IconAdapter.tsx +20 -20
- package/src/icons/IconAlias.tsx +20 -20
- package/src/icons/IconChannel.tsx +21 -21
- package/src/icons/IconClearFilter.tsx +22 -22
- package/src/icons/IconClosed.tsx +17 -17
- package/src/icons/IconCopy.tsx +16 -16
- package/src/icons/IconDevice.tsx +27 -27
- package/src/icons/IconDocument.tsx +17 -17
- package/src/icons/IconDocumentReadOnly.tsx +18 -18
- package/src/icons/IconExpert.tsx +18 -18
- package/src/icons/IconFx.tsx +36 -36
- package/src/icons/IconInstance.tsx +20 -20
- package/src/icons/IconLogout.tsx +30 -30
- package/src/icons/IconNoIcon.tsx +19 -19
- package/src/icons/IconOpen.tsx +17 -17
- package/src/icons/IconProps.tsx +15 -15
- package/src/icons/IconState.tsx +17 -17
- package/src/index.css +54 -54
- package/types.d.ts +134 -134
package/src/Components/Logo.tsx
CHANGED
|
@@ -1,166 +1,166 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { Fab } from '@mui/material';
|
|
3
|
-
|
|
4
|
-
import {
|
|
5
|
-
Help as IconHelp,
|
|
6
|
-
VerticalAlignTop as IconUpload,
|
|
7
|
-
VerticalAlignBottom as IconDownload,
|
|
8
|
-
} from '@mui/icons-material';
|
|
9
|
-
|
|
10
|
-
import I18n from '../i18n';
|
|
11
|
-
import Icon from './Icon';
|
|
12
|
-
|
|
13
|
-
interface LogoProps {
|
|
14
|
-
/* Adapter common configuration from io-package.json */
|
|
15
|
-
common: any;
|
|
16
|
-
/* Adapter native data from io-package.json */
|
|
17
|
-
native: any;
|
|
18
|
-
/* Adapter instance number. */
|
|
19
|
-
instance: number;
|
|
20
|
-
/* on Load handler */
|
|
21
|
-
onLoad?: (contents: any) => void;
|
|
22
|
-
/* on Error handler */
|
|
23
|
-
onError?: (error: string) => void;
|
|
24
|
-
className?: string;
|
|
25
|
-
style?: Record<string, any>;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
class Logo extends React.Component<LogoProps> {
|
|
29
|
-
static generateFile(fileName: string, obj: any) {
|
|
30
|
-
const el = window.document.createElement('a');
|
|
31
|
-
el.setAttribute('href', `data:application/json;charset=utf-8,${encodeURIComponent(JSON.stringify(obj, null, 2))}`);
|
|
32
|
-
el.setAttribute('download', fileName);
|
|
33
|
-
|
|
34
|
-
el.style.display = 'none';
|
|
35
|
-
window.document.body.appendChild(el);
|
|
36
|
-
|
|
37
|
-
el.click();
|
|
38
|
-
|
|
39
|
-
window.document.body.removeChild(el);
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
handleFileSelect = (evt: Event) => {
|
|
43
|
-
const target = evt.target as HTMLInputElement;
|
|
44
|
-
const files = target?.files;
|
|
45
|
-
if (!files || !files.length) {
|
|
46
|
-
console.error('No files found. Please report to developers');
|
|
47
|
-
return;
|
|
48
|
-
}
|
|
49
|
-
const f = files[0];
|
|
50
|
-
|
|
51
|
-
if (f) {
|
|
52
|
-
const r = new window.FileReader();
|
|
53
|
-
r.onload = () => {
|
|
54
|
-
const contents: string = r.result?.toString() || '';
|
|
55
|
-
try {
|
|
56
|
-
const json = JSON.parse(contents);
|
|
57
|
-
if (json.native && json.common) {
|
|
58
|
-
if (json.common.name !== this.props.common.name) {
|
|
59
|
-
this.props.onError && this.props.onError(I18n.t('ra_otherConfig', json.common.name));
|
|
60
|
-
} else {
|
|
61
|
-
this.props.onLoad && this.props.onLoad(json.native);
|
|
62
|
-
}
|
|
63
|
-
} else {
|
|
64
|
-
this.props.onError && this.props.onError(I18n.t('ra_invalidConfig'));
|
|
65
|
-
}
|
|
66
|
-
} catch (err: any) {
|
|
67
|
-
this.props.onError && this.props.onError(err?.toString());
|
|
68
|
-
}
|
|
69
|
-
};
|
|
70
|
-
r.readAsText(f);
|
|
71
|
-
} else {
|
|
72
|
-
alert('Failed to open JSON File');
|
|
73
|
-
}
|
|
74
|
-
};
|
|
75
|
-
|
|
76
|
-
download() {
|
|
77
|
-
const result = {
|
|
78
|
-
_id: `system.adapter.${this.props.common.name}.${this.props.instance}`,
|
|
79
|
-
common: JSON.parse(JSON.stringify(this.props.common)),
|
|
80
|
-
native: this.props.native,
|
|
81
|
-
};
|
|
82
|
-
// remove unimportant information
|
|
83
|
-
if (result.common.news) {
|
|
84
|
-
delete result.common.news;
|
|
85
|
-
}
|
|
86
|
-
if (result.common.titleLang) {
|
|
87
|
-
delete result.common.titleLang;
|
|
88
|
-
}
|
|
89
|
-
if (result.common.desc) {
|
|
90
|
-
delete result.common.desc;
|
|
91
|
-
}
|
|
92
|
-
|
|
93
|
-
// window.open('data:application/iobroker; content-disposition=attachment; filename=' + result._id + '.json,' + JSON.stringify(result, null, 2));
|
|
94
|
-
Logo.generateFile(`${result._id}.json`, result);
|
|
95
|
-
}
|
|
96
|
-
|
|
97
|
-
upload() {
|
|
98
|
-
const input = window.document.createElement('input');
|
|
99
|
-
input.setAttribute('type', 'file');
|
|
100
|
-
input.setAttribute('id', 'files');
|
|
101
|
-
input.setAttribute('opacity', '0');
|
|
102
|
-
input.addEventListener('change', this.handleFileSelect, false);
|
|
103
|
-
(input.click)();
|
|
104
|
-
}
|
|
105
|
-
|
|
106
|
-
render() {
|
|
107
|
-
return <div className={this.props.className} style={this.props.style}>
|
|
108
|
-
{this.props.common.icon ?
|
|
109
|
-
<Icon
|
|
110
|
-
src={this.props.common.icon}
|
|
111
|
-
style={{
|
|
112
|
-
padding: 8,
|
|
113
|
-
width: 64,
|
|
114
|
-
}}
|
|
115
|
-
alt="logo"
|
|
116
|
-
/> : null}
|
|
117
|
-
{this.props.common.readme ?
|
|
118
|
-
<Fab
|
|
119
|
-
size="small"
|
|
120
|
-
color="primary"
|
|
121
|
-
aria-label="Help"
|
|
122
|
-
style={{
|
|
123
|
-
marginRight: 5,
|
|
124
|
-
marginTop: 5,
|
|
125
|
-
float: 'right',
|
|
126
|
-
}}
|
|
127
|
-
onClick={() => {
|
|
128
|
-
const win = window.open(this.props.common.readme, '_blank');
|
|
129
|
-
win?.focus();
|
|
130
|
-
}}
|
|
131
|
-
>
|
|
132
|
-
<IconHelp />
|
|
133
|
-
</Fab> : null}
|
|
134
|
-
<Fab
|
|
135
|
-
size="small"
|
|
136
|
-
color="primary"
|
|
137
|
-
aria-label="Load config"
|
|
138
|
-
style={{
|
|
139
|
-
marginRight: 5,
|
|
140
|
-
marginTop: 5,
|
|
141
|
-
float: 'right',
|
|
142
|
-
}}
|
|
143
|
-
title={I18n.t('ra_Load configuration from file')}
|
|
144
|
-
onClick={() => this.upload()}
|
|
145
|
-
>
|
|
146
|
-
<IconUpload />
|
|
147
|
-
</Fab>
|
|
148
|
-
<Fab
|
|
149
|
-
size="small"
|
|
150
|
-
color="primary"
|
|
151
|
-
aria-label="Save config"
|
|
152
|
-
style={{
|
|
153
|
-
marginRight: 5,
|
|
154
|
-
marginTop: 5,
|
|
155
|
-
float: 'right',
|
|
156
|
-
}}
|
|
157
|
-
title={I18n.t('ra_Save configuration to file')}
|
|
158
|
-
onClick={() => this.download()}
|
|
159
|
-
>
|
|
160
|
-
<IconDownload />
|
|
161
|
-
</Fab>
|
|
162
|
-
</div>;
|
|
163
|
-
}
|
|
164
|
-
}
|
|
165
|
-
|
|
166
|
-
export default Logo;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Fab } from '@mui/material';
|
|
3
|
+
|
|
4
|
+
import {
|
|
5
|
+
Help as IconHelp,
|
|
6
|
+
VerticalAlignTop as IconUpload,
|
|
7
|
+
VerticalAlignBottom as IconDownload,
|
|
8
|
+
} from '@mui/icons-material';
|
|
9
|
+
|
|
10
|
+
import I18n from '../i18n';
|
|
11
|
+
import Icon from './Icon';
|
|
12
|
+
|
|
13
|
+
interface LogoProps {
|
|
14
|
+
/* Adapter common configuration from io-package.json */
|
|
15
|
+
common: any;
|
|
16
|
+
/* Adapter native data from io-package.json */
|
|
17
|
+
native: any;
|
|
18
|
+
/* Adapter instance number. */
|
|
19
|
+
instance: number;
|
|
20
|
+
/* on Load handler */
|
|
21
|
+
onLoad?: (contents: any) => void;
|
|
22
|
+
/* on Error handler */
|
|
23
|
+
onError?: (error: string) => void;
|
|
24
|
+
className?: string;
|
|
25
|
+
style?: Record<string, any>;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
class Logo extends React.Component<LogoProps> {
|
|
29
|
+
static generateFile(fileName: string, obj: any) {
|
|
30
|
+
const el = window.document.createElement('a');
|
|
31
|
+
el.setAttribute('href', `data:application/json;charset=utf-8,${encodeURIComponent(JSON.stringify(obj, null, 2))}`);
|
|
32
|
+
el.setAttribute('download', fileName);
|
|
33
|
+
|
|
34
|
+
el.style.display = 'none';
|
|
35
|
+
window.document.body.appendChild(el);
|
|
36
|
+
|
|
37
|
+
el.click();
|
|
38
|
+
|
|
39
|
+
window.document.body.removeChild(el);
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
handleFileSelect = (evt: Event) => {
|
|
43
|
+
const target = evt.target as HTMLInputElement;
|
|
44
|
+
const files = target?.files;
|
|
45
|
+
if (!files || !files.length) {
|
|
46
|
+
console.error('No files found. Please report to developers');
|
|
47
|
+
return;
|
|
48
|
+
}
|
|
49
|
+
const f = files[0];
|
|
50
|
+
|
|
51
|
+
if (f) {
|
|
52
|
+
const r = new window.FileReader();
|
|
53
|
+
r.onload = () => {
|
|
54
|
+
const contents: string = r.result?.toString() || '';
|
|
55
|
+
try {
|
|
56
|
+
const json = JSON.parse(contents);
|
|
57
|
+
if (json.native && json.common) {
|
|
58
|
+
if (json.common.name !== this.props.common.name) {
|
|
59
|
+
this.props.onError && this.props.onError(I18n.t('ra_otherConfig', json.common.name));
|
|
60
|
+
} else {
|
|
61
|
+
this.props.onLoad && this.props.onLoad(json.native);
|
|
62
|
+
}
|
|
63
|
+
} else {
|
|
64
|
+
this.props.onError && this.props.onError(I18n.t('ra_invalidConfig'));
|
|
65
|
+
}
|
|
66
|
+
} catch (err: any) {
|
|
67
|
+
this.props.onError && this.props.onError(err?.toString());
|
|
68
|
+
}
|
|
69
|
+
};
|
|
70
|
+
r.readAsText(f);
|
|
71
|
+
} else {
|
|
72
|
+
alert('Failed to open JSON File');
|
|
73
|
+
}
|
|
74
|
+
};
|
|
75
|
+
|
|
76
|
+
download() {
|
|
77
|
+
const result = {
|
|
78
|
+
_id: `system.adapter.${this.props.common.name}.${this.props.instance}`,
|
|
79
|
+
common: JSON.parse(JSON.stringify(this.props.common)),
|
|
80
|
+
native: this.props.native,
|
|
81
|
+
};
|
|
82
|
+
// remove unimportant information
|
|
83
|
+
if (result.common.news) {
|
|
84
|
+
delete result.common.news;
|
|
85
|
+
}
|
|
86
|
+
if (result.common.titleLang) {
|
|
87
|
+
delete result.common.titleLang;
|
|
88
|
+
}
|
|
89
|
+
if (result.common.desc) {
|
|
90
|
+
delete result.common.desc;
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
// window.open('data:application/iobroker; content-disposition=attachment; filename=' + result._id + '.json,' + JSON.stringify(result, null, 2));
|
|
94
|
+
Logo.generateFile(`${result._id}.json`, result);
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
upload() {
|
|
98
|
+
const input = window.document.createElement('input');
|
|
99
|
+
input.setAttribute('type', 'file');
|
|
100
|
+
input.setAttribute('id', 'files');
|
|
101
|
+
input.setAttribute('opacity', '0');
|
|
102
|
+
input.addEventListener('change', this.handleFileSelect, false);
|
|
103
|
+
(input.click)();
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
render() {
|
|
107
|
+
return <div className={this.props.className} style={this.props.style}>
|
|
108
|
+
{this.props.common.icon ?
|
|
109
|
+
<Icon
|
|
110
|
+
src={this.props.common.icon}
|
|
111
|
+
style={{
|
|
112
|
+
padding: 8,
|
|
113
|
+
width: 64,
|
|
114
|
+
}}
|
|
115
|
+
alt="logo"
|
|
116
|
+
/> : null}
|
|
117
|
+
{this.props.common.readme ?
|
|
118
|
+
<Fab
|
|
119
|
+
size="small"
|
|
120
|
+
color="primary"
|
|
121
|
+
aria-label="Help"
|
|
122
|
+
style={{
|
|
123
|
+
marginRight: 5,
|
|
124
|
+
marginTop: 5,
|
|
125
|
+
float: 'right',
|
|
126
|
+
}}
|
|
127
|
+
onClick={() => {
|
|
128
|
+
const win = window.open(this.props.common.readme, '_blank');
|
|
129
|
+
win?.focus();
|
|
130
|
+
}}
|
|
131
|
+
>
|
|
132
|
+
<IconHelp />
|
|
133
|
+
</Fab> : null}
|
|
134
|
+
<Fab
|
|
135
|
+
size="small"
|
|
136
|
+
color="primary"
|
|
137
|
+
aria-label="Load config"
|
|
138
|
+
style={{
|
|
139
|
+
marginRight: 5,
|
|
140
|
+
marginTop: 5,
|
|
141
|
+
float: 'right',
|
|
142
|
+
}}
|
|
143
|
+
title={I18n.t('ra_Load configuration from file')}
|
|
144
|
+
onClick={() => this.upload()}
|
|
145
|
+
>
|
|
146
|
+
<IconUpload />
|
|
147
|
+
</Fab>
|
|
148
|
+
<Fab
|
|
149
|
+
size="small"
|
|
150
|
+
color="primary"
|
|
151
|
+
aria-label="Save config"
|
|
152
|
+
style={{
|
|
153
|
+
marginRight: 5,
|
|
154
|
+
marginTop: 5,
|
|
155
|
+
float: 'right',
|
|
156
|
+
}}
|
|
157
|
+
title={I18n.t('ra_Save configuration to file')}
|
|
158
|
+
onClick={() => this.download()}
|
|
159
|
+
>
|
|
160
|
+
<IconDownload />
|
|
161
|
+
</Fab>
|
|
162
|
+
</div>;
|
|
163
|
+
}
|
|
164
|
+
}
|
|
165
|
+
|
|
166
|
+
export default Logo;
|
|
@@ -1,100 +1,100 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright 2018-2023 Denis Haev (bluefox) <dogafox@gmail.com>
|
|
3
|
-
*
|
|
4
|
-
* MIT License
|
|
5
|
-
*
|
|
6
|
-
* */
|
|
7
|
-
import copy from './CopyToClipboard';
|
|
8
|
-
|
|
9
|
-
class MDUtils {
|
|
10
|
-
static text2link(text: string): string {
|
|
11
|
-
const m = text.match(/\d+\.\)\s/);
|
|
12
|
-
if (m) {
|
|
13
|
-
text = text.replace(m[0], m[0].replace(/\s/, ' '));
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
return text.replace(/[^a-zA-Zа-яА-Я0-9]/g, '').trim().replace(/\s/g, '').toLowerCase();
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
static openLink(url: string, target?: string) {
|
|
20
|
-
// replace IPv6 Address with [ipv6]:port
|
|
21
|
-
url = url.replace(/\/\/([0-9a-f]*:[0-9a-f]*:[0-9a-f]*:[0-9a-f]*:[0-9a-f]*:[0-9a-f]*)(:\d+)?\//i, '//[$1]$2/');
|
|
22
|
-
|
|
23
|
-
if (target === 'this') {
|
|
24
|
-
window.location.href = url;
|
|
25
|
-
} else {
|
|
26
|
-
window.open(url, target || '_blank');
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
static getTitle(text: string) {
|
|
31
|
-
const result = MDUtils.extractHeader(text);
|
|
32
|
-
let body = result.body;
|
|
33
|
-
const header = result.header;
|
|
34
|
-
if (!header.title) {
|
|
35
|
-
// remove {docsify-bla}
|
|
36
|
-
body = body.replace(/{[^}]*}/g, '');
|
|
37
|
-
body = body.trim();
|
|
38
|
-
const lines = body.replace(/\r/g, '').split('\n');
|
|
39
|
-
for (let i = 0; i < lines.length; i++) {
|
|
40
|
-
if (lines[i].startsWith('# ')) {
|
|
41
|
-
return lines[i].substring(2).trim();
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
return '';
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
return header.title;
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
static extractHeader(text: string): { header: Record<string, string | boolean | number>; body: string } {
|
|
51
|
-
const attrs: Record<string, string | boolean | number> = {};
|
|
52
|
-
if (text.substring(0, 3) === '---') {
|
|
53
|
-
const pos = text.substring(3).indexOf('\n---');
|
|
54
|
-
if (pos !== -1) {
|
|
55
|
-
const _header = text.substring(3, pos + 3);
|
|
56
|
-
const lines = _header.replace(/\r/g, '').split('\n');
|
|
57
|
-
lines.forEach(line => {
|
|
58
|
-
if (!line.trim()) {
|
|
59
|
-
return;
|
|
60
|
-
}
|
|
61
|
-
const pos_ = line.indexOf(':');
|
|
62
|
-
if (pos_ !== -1) {
|
|
63
|
-
const attr = line.substring(0, pos_).trim();
|
|
64
|
-
let val: string = line.substring(pos_ + 1).trim();
|
|
65
|
-
val = val.replace(/^['"]|['"]$/g, '');
|
|
66
|
-
if (val === 'true') {
|
|
67
|
-
attrs[attr] = true;
|
|
68
|
-
} else if (val === 'false') {
|
|
69
|
-
attrs[attr] = false;
|
|
70
|
-
} else if (parseFloat(val).toString() === val) {
|
|
71
|
-
attrs[attr] = parseFloat(val);
|
|
72
|
-
} else {
|
|
73
|
-
attrs[attr] = val;
|
|
74
|
-
}
|
|
75
|
-
} else {
|
|
76
|
-
attrs[line.trim()] = true;
|
|
77
|
-
}
|
|
78
|
-
});
|
|
79
|
-
text = text.substring(pos + 7);
|
|
80
|
-
}
|
|
81
|
-
}
|
|
82
|
-
return { header: attrs, body: text };
|
|
83
|
-
}
|
|
84
|
-
|
|
85
|
-
static removeDocsify(text: string): string {
|
|
86
|
-
const m = text.match(/{docsify-[^}]*}/g);
|
|
87
|
-
if (m) {
|
|
88
|
-
m.forEach(doc => text = text.replace(doc, ''));
|
|
89
|
-
}
|
|
90
|
-
return text;
|
|
91
|
-
}
|
|
92
|
-
|
|
93
|
-
static onCopy(e: Event | null, text: string): void {
|
|
94
|
-
copy(text);
|
|
95
|
-
e && e.stopPropagation();
|
|
96
|
-
e && e.preventDefault();
|
|
97
|
-
}
|
|
98
|
-
}
|
|
99
|
-
|
|
100
|
-
export default MDUtils;
|
|
1
|
+
/**
|
|
2
|
+
* Copyright 2018-2023 Denis Haev (bluefox) <dogafox@gmail.com>
|
|
3
|
+
*
|
|
4
|
+
* MIT License
|
|
5
|
+
*
|
|
6
|
+
* */
|
|
7
|
+
import copy from './CopyToClipboard';
|
|
8
|
+
|
|
9
|
+
class MDUtils {
|
|
10
|
+
static text2link(text: string): string {
|
|
11
|
+
const m = text.match(/\d+\.\)\s/);
|
|
12
|
+
if (m) {
|
|
13
|
+
text = text.replace(m[0], m[0].replace(/\s/, ' '));
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
return text.replace(/[^a-zA-Zа-яА-Я0-9]/g, '').trim().replace(/\s/g, '').toLowerCase();
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
static openLink(url: string, target?: string) {
|
|
20
|
+
// replace IPv6 Address with [ipv6]:port
|
|
21
|
+
url = url.replace(/\/\/([0-9a-f]*:[0-9a-f]*:[0-9a-f]*:[0-9a-f]*:[0-9a-f]*:[0-9a-f]*)(:\d+)?\//i, '//[$1]$2/');
|
|
22
|
+
|
|
23
|
+
if (target === 'this') {
|
|
24
|
+
window.location.href = url;
|
|
25
|
+
} else {
|
|
26
|
+
window.open(url, target || '_blank');
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
static getTitle(text: string) {
|
|
31
|
+
const result = MDUtils.extractHeader(text);
|
|
32
|
+
let body = result.body;
|
|
33
|
+
const header = result.header;
|
|
34
|
+
if (!header.title) {
|
|
35
|
+
// remove {docsify-bla}
|
|
36
|
+
body = body.replace(/{[^}]*}/g, '');
|
|
37
|
+
body = body.trim();
|
|
38
|
+
const lines = body.replace(/\r/g, '').split('\n');
|
|
39
|
+
for (let i = 0; i < lines.length; i++) {
|
|
40
|
+
if (lines[i].startsWith('# ')) {
|
|
41
|
+
return lines[i].substring(2).trim();
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
return '';
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
return header.title;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
static extractHeader(text: string): { header: Record<string, string | boolean | number>; body: string } {
|
|
51
|
+
const attrs: Record<string, string | boolean | number> = {};
|
|
52
|
+
if (text.substring(0, 3) === '---') {
|
|
53
|
+
const pos = text.substring(3).indexOf('\n---');
|
|
54
|
+
if (pos !== -1) {
|
|
55
|
+
const _header = text.substring(3, pos + 3);
|
|
56
|
+
const lines = _header.replace(/\r/g, '').split('\n');
|
|
57
|
+
lines.forEach(line => {
|
|
58
|
+
if (!line.trim()) {
|
|
59
|
+
return;
|
|
60
|
+
}
|
|
61
|
+
const pos_ = line.indexOf(':');
|
|
62
|
+
if (pos_ !== -1) {
|
|
63
|
+
const attr = line.substring(0, pos_).trim();
|
|
64
|
+
let val: string = line.substring(pos_ + 1).trim();
|
|
65
|
+
val = val.replace(/^['"]|['"]$/g, '');
|
|
66
|
+
if (val === 'true') {
|
|
67
|
+
attrs[attr] = true;
|
|
68
|
+
} else if (val === 'false') {
|
|
69
|
+
attrs[attr] = false;
|
|
70
|
+
} else if (parseFloat(val).toString() === val) {
|
|
71
|
+
attrs[attr] = parseFloat(val);
|
|
72
|
+
} else {
|
|
73
|
+
attrs[attr] = val;
|
|
74
|
+
}
|
|
75
|
+
} else {
|
|
76
|
+
attrs[line.trim()] = true;
|
|
77
|
+
}
|
|
78
|
+
});
|
|
79
|
+
text = text.substring(pos + 7);
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
return { header: attrs, body: text };
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
static removeDocsify(text: string): string {
|
|
86
|
+
const m = text.match(/{docsify-[^}]*}/g);
|
|
87
|
+
if (m) {
|
|
88
|
+
m.forEach(doc => text = text.replace(doc, ''));
|
|
89
|
+
}
|
|
90
|
+
return text;
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
static onCopy(e: Event | null, text: string): void {
|
|
94
|
+
copy(text);
|
|
95
|
+
e && e.stopPropagation();
|
|
96
|
+
e && e.preventDefault();
|
|
97
|
+
}
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
export default MDUtils;
|