@iobroker/dm-gui-components 6.17.13 → 7.0.1

package/src/DeviceStatus.tsx

@@ -1,156 +0,0 @@
-import React from 'react';
-import { Tooltip } from '@mui/material';
-
-import {
-    Link as LinkIcon,
-    LinkOff as LinkOffIcon,
-    NetworkCheck as NetworkCheckIcon,
-    Battery20 as Battery20Icon,
-    Battery30 as Battery30Icon,
-    Battery50 as Battery50Icon,
-    Battery60 as Battery60Icon,
-    Battery80 as Battery80Icon,
-    Battery90 as Battery90Icon,
-    BatteryFull as BatteryFullIcon,
-    BatteryAlert as BatteryAlertIcon,
-    Warning as WarningIcon,
-    BatteryCharging50 as BatteryCharging50Icon,
-} from '@mui/icons-material';
-
-import { getTranslation } from './Utils';
-
-
-interface DeviceStatusProps {
-    status: any;
-}
-/**
- * Device Status component
- * @param {object} params - Parameters
- * @param {object} params.status - Status object, e.g. { connection: 'connected', battery: 100, rssi: -50 }
- * @returns {React.JSX.Element|null}
- * @constructor
- */
-export default function DeviceStatus(params: DeviceStatusProps): React.JSX.Element | null {
-    if (!params.status) {
-        return null;
-    }
-
-    let status;
-
-    if (typeof params.status === 'string') {
-        status = {
-            connection: params.status,
-        };
-    } else {
-        status = params.status;
-    }
-
-    /** @type {object} */
-    const iconStyleOK = {
-        fill: '#00ac00',
-    };
-    /** @type {object} */
-    const iconStyleNotOK = {
-        fill: '#ff0000',
-    };
-    /** @type {object} */
-    const iconStyleWarning = {
-        fill: '#ff9900',
-    };
-
-    /** @type {object} */
-    let batteryIconTooltip;
-    if (typeof status.battery === 'number') {
-        if (status.battery >= 96 && status.battery <= 100) {
-            batteryIconTooltip = <BatteryFullIcon style={iconStyleOK} />;
-        } else if (status.battery >= 90 && status.battery <= 95) {
-            batteryIconTooltip = <Battery90Icon style={iconStyleOK} />;
-        } else if (status.battery >= 80 && status.battery <= 89) {
-            batteryIconTooltip = <Battery80Icon style={iconStyleOK} />;
-        } else if (status.battery >= 60 && status.battery <= 79) {
-            batteryIconTooltip = <Battery60Icon style={iconStyleOK} />;
-        } else if (status.battery >= 50 && status.battery <= 59) {
-            batteryIconTooltip = <Battery50Icon style={iconStyleOK} />;
-        } else if (status.battery >= 30 && status.battery <= 49) {
-            batteryIconTooltip = <Battery30Icon style={iconStyleOK} />;
-        } else if (status.battery >= 20 && status.battery <= 29) {
-            batteryIconTooltip = <Battery20Icon style={iconStyleNotOK} />;
-        } else {
-            batteryIconTooltip = <BatteryAlertIcon style={iconStyleNotOK} />;
-        }
-    }
-
-    return <div style={{ display: 'flex', alignItems: 'center' }}>
-        {status.connection === 'connected' && <div style={{ display: 'flex', alignItems: 'center' }}>
-            <Tooltip title={getTranslation('connectedIconTooltip')}>
-                <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center' }}>
-                    <LinkIcon style={iconStyleOK} />
-                </div>
-            </Tooltip>
-        </div>}
-
-        {status.connection === 'disconnected' && <div style={{ display: 'flex', alignItems: 'center' }}>
-            <Tooltip title={getTranslation('disconnectedIconTooltip')}>
-                <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center' }}>
-                    <LinkOffIcon style={iconStyleNotOK} />
-                </div>
-            </Tooltip>
-        </div>}
-
-        {status.rssi && <div style={{ display: 'flex', alignItems: 'center' }}>
-            <Tooltip title="RSSI">
-                <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center' }}>
-                    <NetworkCheckIcon />
-                    <p style={{ fontSize: 'small', margin: 0 }}>{status.rssi}</p>
-                </div>
-            </Tooltip>
-        </div>}
-
-        {typeof status.battery === 'number' && <div style={{ display: 'flex', alignItems: 'center' }}>
-            <Tooltip title={getTranslation('batteryTooltip')}>
-                <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center' }}>
-                    {batteryIconTooltip}
-                    <p style={{ fontSize: 'small', margin: 0 }}>
-                        {status.battery}
-                        %
-                    </p>
-                </div>
-            </Tooltip>
-        </div>}
-
-        {typeof status.battery === 'string' && <div style={{ display: 'flex', alignItems: 'center' }}>
-            <Tooltip title={getTranslation('batteryTooltip')}>
-                <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center' }}>
-                    {status.battery === 'charging' ? <BatteryCharging50Icon /> : <BatteryFullIcon />}
-                    {status.battery !== 'charging' ? (status.battery.includes('V') || status.battery.includes('mV') ?
-                        <p style={{ fontSize: 'small', margin: 0 }}>{status.battery}</p> :
-                        <p style={{ fontSize: 'small', margin: 0 }}>
-                            <span style={{ marginRight: 4 }}>{status.battery}</span>
-                            mV
-                        </p>) : null}
-                </div>
-            </Tooltip>
-        </div>}
-
-        {typeof status.battery === 'boolean' && <div style={{ display: 'flex', alignItems: 'center' }}>
-            <Tooltip title={getTranslation('batteryTooltip')}>
-                <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center' }}>
-                    {status.battery ? <BatteryFullIcon style={iconStyleOK} /> :
-                        <BatteryAlertIcon style={iconStyleNotOK} />}
-                </div>
-            </Tooltip>
-        </div>}
-
-        {status.warning && <div style={{ display: 'flex', alignItems: 'center' }}>
-            {typeof status.warning === 'string' || typeof status.warning === 'object' ?
-                <Tooltip title={getTranslation(status.warning)}>
-                    <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center' }}>
-                        <WarningIcon style={iconStyleWarning} />
-                    </div>
-                </Tooltip> :
-                <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center' }}>
-                    <WarningIcon style={iconStyleWarning} />
-                </div>}
-        </div>}
-    </div>;
-}

package/src/InstanceActionButton.tsx

@@ -1,25 +0,0 @@
-import React from 'react';
-import TooltipButton from './TooltipButton';
-import { renderIcon, getTranslation } from './Utils';
-
-interface InstanceActionButtonProps {
-    action: any;
-    instanceHandler: (action: any) => () => void;
-}
-
-export default function InstanceActionButton(params: InstanceActionButtonProps): React.JSX.Element | null {
-    const { action, instanceHandler } = params;
-
-    const tooltip = getTranslation(action?.description ? action.description : '');
-    const title = getTranslation(action?.title ? action.title : '');
-
-    const icon = renderIcon(action);
-
-    return <TooltipButton
-        tooltip={tooltip}
-        label={title}
-        disabled={action.disabled}
-        Icon={icon}
-        onClick={instanceHandler(action)}
-    />;
-}

package/src/JsonConfig.tsx

@@ -1,99 +0,0 @@
-import React, { useState } from 'react';
-import { AdminConnection, JsonConfigComponent } from '@iobroker/adapter-react-v5';
-import type { ThemeName, ThemeType } from '@iobroker/adapter-react-v5/types';
-
-interface JsonConfigProps {
-    instanceId: string;
-    socket: AdminConnection;
-    schema: Record<string, any>;
-    data: Record<string, any>;
-    onChange: (data: Record<string, any>) => void;
-    themeName: ThemeName;
-    themeType: ThemeType;
-    isFloatComma?: boolean;
-    dateFormat?: string;
-}
-
-export default function JsonConfig(props: JsonConfigProps): React.JSX.Element | null {
-    const {
-        instanceId, socket, schema, data, onChange,
-    } = props;
-    console.log('JsonConfig', props);
-    const [error, setError] = useState(false);
-
-    if (schema === undefined) {
-        return null;
-    }
-
-    const [adapterName, instance] = instanceId.split('.', 2);
-
-    return <>
-        {error && <div>{error}</div>}
-        <JsonConfigComponent
-            socket={socket}
-            adapterName={adapterName}
-            instance={parseInt(instance)}
-            schema={schema}
-            data={data}
-            onError={setError}
-            onChange={(_data: Record<string, any>) => onChange(_data)}
-            embedded
-            themeName={props.themeName}
-            themeType={props.themeType}
-            isFloatComma={props.isFloatComma === undefined ? props.socket.systemConfig.common.isFloatComma : props.isFloatComma}
-            dateFormat={props.dateFormat === undefined ? props.socket.systemConfig.common.dateFormat : props.dateFormat}
-        />
-    </>;
-
-    /*
-    JSON adapter config:
-            className={classes.scroll}
-            socket={socket}
-            theme={this.props.theme}
-            themeName={this.props.themeName}
-            themeType={this.props.themeType}
-            adapterName={this.props.adapterName}
-            instance={this.props.instance}
-            isFloatComma={this.props.isFloatComma}
-            dateFormat={this.props.dateFormat}
-            schema={this.state.schema}
-            common={this.state.common}
-            data={this.state.data}
-            updateData={this.state.updateData}
-            onError={(error) => this.setState({ error })}
-            onChange={(data, changed) => this.setState({ data, changed })}
-            customs={{ configCustomEasyAccess: ConfigCustomEasyAccess }}
-    Object custom:
-            instanceObj={instanceObj}
-            customObj={customObj}
-            custom={true}
-            className={ '' }
-            adapterName={adapter}
-            instance={parseInt(instance.split('.').pop(), 10) || 0}
-            socket={this.props.socket}
-            theme={this.props.theme}
-            themeName={this.props.themeName}
-            themeType={this.props.themeType}
-            multiEdit={this.props.objectIDs.length > 1}
-
-            schema={this.jsonConfigs[adapter].json}
-            data={data}
-            onError={error =>
-                this.setState({error}, () => this.props.onError && this.props.onError(error))}
-            onValueChange={(attr, value) => {
-                console.log(attr + ' => ' + value);
-                const newValues = JSON.parse(JSON.stringify(this.state.newValues));
-                newValues[instance] = newValues[instance] || {};
-                if (this.commonConfig[instance][attr] === value) {
-                    delete newValues[instance][attr];
-                    if (!Object.keys(newValues[instance]).length) {
-                        delete newValues[instance];
-                    }
-                } else {
-                    newValues[instance][attr] = value;
-                }
-                this.setState({newValues, hasChanges: this.isChanged(newValues)}, () =>
-                    this.props.onChange && this.props.onChange(this.state.hasChanges));
-            }}
-    */
-}

package/src/TooltipButton.tsx

@@ -1,34 +0,0 @@
-import React from 'react';
-import { IconButton, Tooltip, Typography } from '@mui/material';
-
-interface TooltipButtonProps {
-    tooltip?: string;
-    label?: string;
-    disabled?: boolean;
-    Icon: React.JSX.Element | null;
-    onClick?: () => void;
-}
-
-export default function TooltipButton(props: TooltipButtonProps): React.JSX.Element {
-    const {
-        tooltip, label, disabled, Icon, onClick
-    } = props;
-
-    const text = !!label && <Typography variant="button" style={{ marginLeft: 4 }}>{label}</Typography>;
-
-    if (tooltip) {
-        return <Tooltip title={tooltip}>
-            <span>
-                <IconButton onClick={onClick} disabled={disabled} size="small">
-                    {Icon}
-                    {text}
-                </IconButton>
-            </span>
-        </Tooltip>;
-    }
-
-    return <IconButton onClick={onClick} disabled={disabled} size="small">
-        {Icon}
-        {text}
-    </IconButton>;
-}

package/src/Utils.tsx

@@ -1,187 +0,0 @@
-import React from 'react';
-
-import type { ControlBase } from '@iobroker/dm-utils/build/types/base';
-import {
-    Add, Delete, Edit,
-    Refresh, Search,
-    Wifi, WifiOff, Bluetooth,
-    BluetoothDisabled,
-    Visibility,
-    LinkOff, Link as LinkIcon,
-    NotListedLocation,
-    PlayArrow,
-    Stop,
-    FastForward,
-    FastRewind,
-    Pause,
-    Lightbulb,
-    Power,
-    Fluorescent,
-    WbIncandescent,
-    Settings
-} from '@mui/icons-material';
-
-import {
-    I18n,
-    Icon,
-} from '@iobroker/adapter-react-v5';
-
-export function renderIcon(
-    action: ControlBase,
-    colors?: { primary: string, secondary: string },
-    value?: string | number | boolean | null,
-): React.JSX.Element | null {
-    if (!action) {
-        return null;
-    }
-
-    let color = (value && action.colorOn) || action.color || (action.state ? 'primary' : 'inherit');
-
-    if (colors) {
-        if (color === 'primary') {
-            color = colors.primary;
-        } else if (color === 'secondary') {
-            color = colors.secondary;
-        }
-    }
-
-    if (action.icon?.startsWith('fa-') || action.icon?.startsWith('fas')) {
-        const iconStyle = action.icon.split(' ').map(s => s.trim()).filter(s => s !== 'fa-solid');
-
-        if (iconStyle.includes('fa-trash-can') || iconStyle.includes('fa-trash')) {
-            return <Delete style={{ color }} />;
-        }
-        if (iconStyle.includes('fa-pen')) {
-            return <Edit style={{ color }} />;
-        }
-        if (iconStyle.includes('fa-redo-alt')) {
-            return <Refresh style={{ color }} />;
-        }
-        if (iconStyle.includes('fa-plus')) {
-            return <Add style={{ color }} />;
-        }
-        if (iconStyle.includes('fa-wifi')) {
-            return <Wifi style={{ color }} />;
-        }
-        if (iconStyle.includes('fa-wifi-slash')) {
-            return <WifiOff style={{ color }} />;
-        }
-        if (iconStyle.includes('fa-bluetooth')) {
-            return <Bluetooth style={{ color }} />;
-        }
-        if (iconStyle.includes('fa-bluetooth-slash')) {
-            return <BluetoothDisabled style={{ color }} />;
-        }
-        if (iconStyle.includes('fa-eye')) {
-            return <Visibility style={{ color }} />;
-        }
-        if (iconStyle.includes('fa-search')) {
-            return <Search style={{ color }} />;
-        }
-        if (iconStyle.includes('fa-unlink')) {
-            return <LinkOff style={{ color }} />;
-        }
-        if (iconStyle.includes('fa-link')) {
-            return <LinkIcon style={{ color }} />;
-        }
-        if (iconStyle.includes('fa-search-location')) {
-            return <NotListedLocation style={{ color }} />;
-        }
-        if (iconStyle.includes('fa-play')) {
-            return <PlayArrow style={{ color }} />;
-        }
-        if (iconStyle.includes('fa-stop')) {
-            return <Stop style={{ color }} />;
-        }
-        if (iconStyle.includes('fa-pause')) {
-            return <Pause style={{ color }} />;
-        }
-        if (iconStyle.includes('forward') || iconStyle.includes('fa-forward')) {
-            return <FastForward style={{ color }} />;
-        }
-        if (iconStyle.includes('rewind') || iconStyle.includes('fa-rewind')) {
-            return <FastRewind style={{ color }} />;
-        }
-        return null;
-    }
-    if (value && action.iconOn?.startsWith('data:image')) {
-        return <Icon src={action.iconOn} style={{ color }} />;
-    }
-    if (action.icon?.startsWith('data:image')) {
-        return <Icon src={action.icon} style={{ color }} />;
-    }
-    if (action.id === 'edit' || action.id === 'rename') {
-        return <Edit style={{ color }} />;
-    }
-    if (action.id === 'delete') {
-        return <Delete style={{ color }} />;
-    }
-    if (action.id === 'refresh') {
-        return <Refresh style={{ color }} />;
-    }
-    if (action.id === 'newDevice' || action.id === 'new' || action.id === 'add') {
-        return <Add style={{ color }} />;
-    }
-    if (action.id === 'discover' || action.id === 'search') {
-        return <Search style={{ color }} />;
-    }
-    if (action.id === 'unpairDevice') {
-        return <LinkOff style={{ color }} />;
-    }
-    if (action.id === 'pairDevice') {
-        return <LinkIcon style={{ color }} />;
-    }
-    if (action.id === 'identify') {
-        return <NotListedLocation style={{ color }} />;
-    }
-    if (action.id === 'play') {
-        return <PlayArrow style={{ color }} />;
-    }
-    if (action.id === 'stop') {
-        return <Stop style={{ color }} />;
-    }
-    if (action.id === 'pause') {
-        return <Pause style={{ color }} />;
-    }
-    if (action.id === 'forward' || action.id === 'next') {
-        return <FastForward style={{ color }} />;
-    }
-    if (action.id === 'rewind' || action.id === 'previous') {
-        return <FastRewind style={{ color }} />;
-    }
-    if (action.id === 'lamp' || action.id === 'light') {
-        return <Lightbulb style={{ color }} />;
-    }
-    if (action.id === 'backlight') {
-        return <Fluorescent style={{ color }} />;
-    }
-    if (action.id === 'dimmer') {
-        return <WbIncandescent style={{ color }} />;
-    }
-    if (action.id === 'socket') {
-        return <Power style={{ color }} />;
-    }
-    if (action.id === 'settings') {
-        return <Settings style={{ color }} />;
-    }
-    return null;
-}
-
-let language: ioBroker.Languages;
-
-/**
- * Get Translation
- * @param {string | object} text - Text to translate
- * @returns {string}
- */
-export function getTranslation(text: ioBroker.StringOrTranslated): string {
-    language = language || I18n.getLanguage();
-
-    if (typeof text === 'object') {
-        const words = text as ioBroker.StringOrTranslated;
-        // @ts-ignore
-        return words[language] || text.en;
-    }
-
-    return I18n.t(text);
-}

package/src/i18n/de.json

@@ -1,21 +0,0 @@
-{
-    "manufacturer": "Hersteller",
-    "model": "Modell",
-    "batteryTooltip": "Batterie",
-    "connectedIconTooltip": "Verbunden",
-    "disconnectedIconTooltip": "Getrennt",
-    "cancelButtonText": "Abbrechen",
-    "okButtonText": "OK",
-    "yesButtonText": "Ja",
-    "noButtonText": "Nein",
-    "noInstanceSelectedText": "Bitte Instanz auswählen",
-    "filterLabelText": "Nach Name filtern",
-    "instanceLabelText": "Instanz",
-    "refreshInstanceList": "Instanzliste aktualisieren",
-    "copied": "Kopiert",
-    "toClipboard": "in die Zwischenablage kopiert",
-    "allDevicesFilteredOut": "Alle Geräte herausgefiltert",
-    "closeButtonText": "Schließen",
-    "instanceNotAlive": "Instanz ist nicht aktiv",
-    "noDevicesFoundText": "Keine Geräte gefunden"
-}

package/src/i18n/en.json

@@ -1,21 +0,0 @@
-{
-  "manufacturer": "Manufacturer",
-  "model": "Model",
-  "batteryTooltip": "Battery",
-  "connectedIconTooltip": "Connected",
-  "disconnectedIconTooltip": "Disconnected",
-  "cancelButtonText": "Cancel",
-  "closeButtonText": "Close",
-  "okButtonText": "OK",
-  "yesButtonText": "Yes",
-  "noButtonText": "No",
-  "noInstanceSelectedText": "Please select instance",
-  "filterLabelText": "Filter by name",
-  "instanceLabelText": "Instance",
-  "refreshInstanceList": "Refresh instance list",
-  "noDevicesFoundText": "No devices found",
-  "copied": "Copied",
-  "toClipboard": "to clipboard",
-  "instanceNotAlive": "Instance is not alive",
-  "allDevicesFilteredOut": "All devices filtered out"
-}

package/src/i18n/es.json

@@ -1,21 +0,0 @@
-{
-    "manufacturer": "Fabricante",
-    "model": "Modelo",
-    "batteryTooltip": "Batería",
-    "connectedIconTooltip": "Conectado",
-    "allDevicesFilteredOut": "Todos los dispositivos filtrados",
-    "cancelButtonText": "Cancelar",
-    "closeButtonText": "Cerca",
-    "copied": "copiado",
-    "disconnectedIconTooltip": "Desconectado",
-    "filterLabelText": "Filtrar por nombre",
-    "instanceLabelText": "Instancia",
-    "instanceNotAlive": "La instancia no está viva.",
-    "noButtonText": "No",
-    "noDevicesFoundText": "No se encontraron dispositivos",
-    "noInstanceSelectedText": "Por favor seleccione instancia",
-    "okButtonText": "DE ACUERDO",
-    "refreshInstanceList": "Actualizar lista de instancias",
-    "toClipboard": "al portapapeles",
-    "yesButtonText": "Sí"
-}

package/src/i18n/fr.json

@@ -1,21 +0,0 @@
-{
-    "manufacturer": "Fabricant",
-    "model": "Modèle",
-    "batteryTooltip": "Batterie",
-    "connectedIconTooltip": "Connecté",
-    "allDevicesFilteredOut": "Tous les appareils filtrés",
-    "cancelButtonText": "Annuler",
-    "closeButtonText": "Fermer",
-    "copied": "Copié",
-    "disconnectedIconTooltip": "Débranché",
-    "filterLabelText": "Filtrer par nom",
-    "instanceLabelText": "Exemple",
-    "instanceNotAlive": "L'instance n'est pas vivante",
-    "noButtonText": "Non",
-    "noDevicesFoundText": "Aucun périphérique trouvé",
-    "noInstanceSelectedText": "Veuillez sélectionner une instance",
-    "okButtonText": "D'ACCORD",
-    "refreshInstanceList": "Actualiser la liste des instances",
-    "toClipboard": "au presse-papiers",
-    "yesButtonText": "Oui"
-}

package/src/i18n/i18n.d.ts

@@ -1,26 +0,0 @@
-/*
- * This file loads the translations keys from `i18n/en.json` file and overrides
- * the declarations for the translate function `I18n.t` available in "@iobroker/adapter-react/i18n".
- * Using these definitions it is ensured that all used translations in the React
- * context are defined at least in the english translations file.
- * This will add no overhead in the generated code since it just reexports the
- * I18n class but with a more typed `t` function.
- */
-
-/*
- * DO NOT add any imports or exports in this file or it will stop working!
- */
-
-/**
- * Available words in `i18n/en.json`.
- */
-declare type AdminWord = keyof typeof import('./en.json');
-
-declare module '@iobroker/adapter-react/i18n' {
-	/**
-	 * Translate the given string to the selected language.
-	 * @param word The (key) word to look up the string. Has to be defined at least in `i18n/en.json`.
-	 * @param args Optional arguments which will replace the first (second, third, ...) occurence of %s
-	 */
-	function t(word: AdminWord, ...args: string[]): string;
-}

package/src/i18n/it.json

@@ -1,21 +0,0 @@
-{
-    "manufacturer": "Produttore",
-    "model": "Modello",
-    "batteryTooltip": "Batteria",
-    "connectedIconTooltip": "Connesso",
-    "allDevicesFilteredOut": "Tutti i dispositivi sono stati filtrati",
-    "cancelButtonText": "Annulla",
-    "closeButtonText": "Vicino",
-    "copied": "Copiato",
-    "disconnectedIconTooltip": "Disconnesso",
-    "filterLabelText": "Filtra per nome",
-    "instanceLabelText": "Esempio",
-    "instanceNotAlive": "L'istanza non è viva",
-    "noButtonText": "NO",
-    "noDevicesFoundText": "Nessun dispositivo trovato",
-    "noInstanceSelectedText": "Seleziona l'istanza",
-    "okButtonText": "OK",
-    "refreshInstanceList": "Aggiorna l'elenco delle istanze",
-    "toClipboard": "negli appunti",
-    "yesButtonText": "SÌ"
-}

package/src/i18n/nl.json

@@ -1,21 +0,0 @@
-{
-    "manufacturer": "Fabrikant",
-    "model": "Model",
-    "batteryTooltip": "Batterij",
-    "connectedIconTooltip": "Verbonden",
-    "allDevicesFilteredOut": "Alle apparaten zijn eruit gefilterd",
-    "cancelButtonText": "Annuleren",
-    "closeButtonText": "Dichtbij",
-    "copied": "Gekopieerd",
-    "disconnectedIconTooltip": "Losgekoppeld",
-    "filterLabelText": "Filter op naam",
-    "instanceLabelText": "Voorbeeld",
-    "instanceNotAlive": "Instantie leeft niet",
-    "noButtonText": "Nee",
-    "noDevicesFoundText": "Geen apparaten gevonden",
-    "noInstanceSelectedText": "Selecteer een exemplaar",
-    "okButtonText": "OK",
-    "refreshInstanceList": "Ververs de exemplaarlijst",
-    "toClipboard": "naar klembord",
-    "yesButtonText": "Ja"
-}