@configuratorware/configurator-admingui 1.41.1 → 1.42.1

package/src/Screens/TrackingCodes/Containers/Edit.js

@@ -1,52 +0,0 @@
-import Actions, { CODE_SNIPPET_REDUCER_NAME } from '../Reducers/Actions';
-
-const formFields = [
-    {
-        name: 'identifier',
-        label: 'Identifier',
-        type: 'text',
-    },
-    {
-        name: 'code',
-        label: 'Code',
-        type: 'text',
-        multiLine: true,
-        rows: 3,
-    },
-    {
-        name: 'channel',
-        label: 'Channel',
-        type: 'dynSource',
-        sourceConfig: {
-            value: 'id',
-            text: 'identifier',
-        },
-        dynSource: {
-            type: 'select',
-            listKey: 'channels',
-            url: 'channels',
-        },
-    },
-    {
-        name: 'language',
-        label: 'language Name',
-        type: 'dynSource',
-        sourceConfig: {
-            value: 'iso',
-            text: 'iso',
-        },
-        dynSource: {
-            type: 'select',
-            listKey: 'languages',
-            url: 'languages',
-        },
-    },
-];
-
-import generateConnectedEdit from '../../../Components/DefaultConnectedForm';
-export default generateConnectedEdit(
-    formFields,
-    CODE_SNIPPET_REDUCER_NAME,
-    Actions.setFieldData,
-    Actions.postData
-);

package/src/Screens/TrackingCodes/Containers/List.js

@@ -1,39 +0,0 @@
-import Actions from '../Reducers/Actions';
-import { CODE_SNIPPET_LIST_KEY } from '../Reducers/Actions';
-
-const columns = [
-    {
-        name: 'identifier',
-        label: 'tracking.identifier',
-        filterable: true,
-        sortable: true,
-    },
-    {
-        name: 'channel',
-        label: 'tracking.channel',
-        renderValue: channelObject => channelObject && channelObject.identifier,
-    },
-    {
-        name: 'language',
-        label: 'language Name',
-    },
-];
-
-const listParams = {
-    entity: 'codesnippets',
-    addButtonLabel: 'tracking.addButtonLabel',
-};
-
-import generateConnectedList from '../../../Components/DefaultConnectedList';
-
-export default generateConnectedList(
-    columns,
-    listParams,
-    CODE_SNIPPET_LIST_KEY,
-    Actions.listAction,
-    Actions.detailsAction,
-    Actions.hideDetails,
-    Actions.showDetails,
-    Actions.createEntity,
-    Actions.deleteEntities
-);

package/src/Screens/TrackingCodes/Reducers/Actions.js

@@ -1,46 +0,0 @@
-import { generateDefaultActions, generateListActions } from '../../../App/Reducers/Entity/Actions';
-
-export const CODE_SNIPPET_LIST_KEY = 'codesnippets';
-export const CODE_SNIPPET_DATA_KEY = 'codesnippet';
-
-export const CODE_SNIPPET_REDUCER_NAME = 'codesnippetData';
-
-export const CODE_SNIPPET_SET_CHANNEL = 'CODE_SNIPPET/SET_CHANNEL';
-
-export const CODE_SNIPPET_SET_LANGUAGE = 'CODE_SNIPPET/SET_LANGUAGE';
-
-const { listAction } = generateListActions(CODE_SNIPPET_LIST_KEY, 'codesnippets');
-
-const Actions = generateDefaultActions(
-    CODE_SNIPPET_LIST_KEY,
-    CODE_SNIPPET_DATA_KEY,
-    CODE_SNIPPET_REDUCER_NAME,
-    'codesnippets'
-);
-
-export const setChannel = channel => ({
-    type: CODE_SNIPPET_SET_CHANNEL,
-    channel,
-});
-
-export const setLanguage = lang => ({
-    type: CODE_SNIPPET_SET_LANGUAGE,
-    lang,
-});
-
-const mergedActions = {
-    ...Actions,
-    listAction,
-    createEntity: (channel, lang) => dispatch => {
-        const p = dispatch(Actions.createEntity());
-
-        p.then(() => {
-            dispatch(setChannel(channel));
-            dispatch(setLanguage(lang));
-        });
-
-        return p;
-    },
-};
-
-export default mergedActions;

package/src/Screens/TrackingCodes/Reducers/Reducer.js

@@ -1,53 +0,0 @@
-import { CODE_SNIPPET_DATA_KEY, CODE_SNIPPET_REDUCER_NAME } from './Actions';
-import { getDefaultEntityState, defaultEntityReducer } from '../../../App/Reducers/Entity/Reducer';
-import { createFeatureReducer } from '../../../App/FeatureReducers';
-import { CODE_SNIPPET_SET_CHANNEL, CODE_SNIPPET_SET_LANGUAGE } from './Actions';
-
-const initialState = {
-    ...getDefaultEntityState(
-        {
-            id: null,
-            identifier: { value: '', constraints: { identifier: true } },
-            code: { value: '', constraints: { presence: true } },
-            channel: { value: '' },
-            language: { value: '' },
-        },
-        null,
-        CODE_SNIPPET_DATA_KEY
-    ),
-};
-
-export const channelData = createFeatureReducer(CODE_SNIPPET_REDUCER_NAME, (state = initialState, action) => {
-    state = defaultEntityReducer(state, action, initialState);
-
-    switch (action.type) {
-        case CODE_SNIPPET_SET_CHANNEL: {
-            return {
-                ...state,
-                data: {
-                    ...state.data,
-                    channel: {
-                        ...state.data.channel,
-                        value: action.channel,
-                    },
-                },
-            };
-        }
-        case CODE_SNIPPET_SET_LANGUAGE: {
-            return {
-                ...state,
-                data: {
-                    ...state.data,
-                    language: {
-                        ...state.data.language,
-                        value: action.lang,
-                    },
-                },
-            };
-        }
-    }
-
-    return state;
-});
-
-export default channelData;

package/src/Screens/TrackingCodes/Screen.js

@@ -1,18 +0,0 @@
-import Actions, { CODE_SNIPPET_REDUCER_NAME } from './Reducers/Actions';
-
-import List from './Containers/List';
-import Edit from './Containers/Edit';
-
-import './Translations';
-
-import { generateConnectedSplitScreen } from '../../Components/DefaultConnectedScreen';
-
-export default generateConnectedSplitScreen(
-    'trackingCodes',
-    List,
-    Edit,
-    CODE_SNIPPET_REDUCER_NAME,
-    Actions.invalidateList,
-    Actions.triggerUnsavedEntity,
-    Actions.hideDetails
-);

package/src/Screens/TrackingCodes/Translations.js

@@ -1,21 +0,0 @@
-require('../../App/i18n').use(
-    {
-        en: {
-            tracking: {
-                identifier: 'Identifier',
-                addButtonLabel: 'Add Tracking Code',
-                channel: 'Channel',
-            },
-        },
-        de: {
-            Identifier: 'Identifier',
-            Code: 'Code',
-            tracking: {
-                identifier: 'Identifier',
-                addButtonLabel: 'Zählpixel hinzufügen',
-                channel: 'Vetriebskanal',
-            },
-        },
-    },
-    true
-);

package/src/Screens/TrackingCodes/index.js

@@ -1,10 +0,0 @@
-import Screen from './Screen';
-import Reducer from './Reducers/Reducer';
-import { addReducers } from '../../App/FeatureReducers';
-
-addReducers(Reducer);
-
-export default {
-    Screen,
-    credentials: ['code_snippets'],
-};

package/src/Screens/TranslationFileHandling/Containers/Edit.js

@@ -1,169 +0,0 @@
-import React, { useState, useRef } from 'react';
-import Actions, { REDUCER_NAME } from '../Reducers/Actions';
-import connect from 'react-redux/es/connect/connect';
-import networkConfig from '../../../App/Config/network';
-import { get } from 'lodash';
-import { T } from '../../../App/i18n';
-import Api from '../../../App/Api';
-import FolderIcon from '../../../UIComponents/icons/FolderIcon';
-import Link from '@material-ui/core/Link';
-import Button from '@material-ui/core/Button';
-import Text from '../../../Components/FormFragments/Text';
-
-const { setFieldData } = Actions;
-const styles = {
-    link: {
-        color: 'black',
-        lineHeight: 3,
-        cursor: 'pointer',
-        '&:hover': {
-            cursor: 'pointer',
-        },
-    },
-    folderIcon: {
-        verticalAlign: 'middle',
-        marginRight: 6,
-    },
-    fileInput: {
-        cursor: 'pointer',
-        position: 'absolute',
-        top: 0,
-        bottom: 0,
-        right: 0,
-        left: 0,
-        width: '100%',
-        opacity: 0,
-    },
-    fileInputName: {
-        display: 'inline-block',
-        marginLeft: 15,
-        top: 10,
-        position: 'relative',
-    },
-    error: {
-        color: 'red',
-        lineHeight: 3,
-    },
-    success: {
-        color: 'green',
-    },
-};
-
-const getLanguages = langCode => {
-    return `${networkConfig.baseURL}translations/frontend/${langCode}`;
-};
-
-const downLoadLink = async (evt, langCode) => {
-    evt.preventDefault();
-    const params = {
-        url: `/translations/frontend/${langCode}`,
-        method: 'GET',
-    };
-    return (await Api.request(params)).data;
-};
-
-// eslint-disable-next-line no-unused-vars
-const ConnectedTextField = ({ value, langCode, readOnly, ...props }) => {
-    const [downloadStatus, setDownloadStatus] = useState(false);
-    const [uploadStatus, setUploadStatus] = useState(false);
-    const fileInput = useRef();
-
-    const downloadTranslation = async evt => {
-        try {
-            setDownloadStatus('pending');
-            const result = await downLoadLink(evt, langCode);
-            const blob = new Blob([JSON.stringify(result, null, 2)], { type: 'application/json' });
-            const href = window.URL.createObjectURL(blob);
-            const a = document.createElement('a');
-            //TODO: set the content disposition on the backend side
-            a.download = `${langCode}.json`;
-            a.href = href;
-            a.click();
-            setDownloadStatus('successful');
-        } catch (e) {
-            setDownloadStatus('failed');
-            throw e;
-        }
-    };
-
-    const uploadTranslation = async (langCode, file) => {
-        const files = new FormData();
-
-        if (file.target.files.length <= 0) {
-            return;
-        }
-        files.append('translation', file.target.files[0]);
-
-        const params = {
-            url: `/translations/frontend/${langCode}`,
-            method: 'POST',
-            data: files,
-        };
-        try {
-            setUploadStatus('pending');
-            const result = await Api.request(params);
-            setUploadStatus('successful');
-            return result;
-        } catch (e) {
-            setUploadStatus('failed');
-            throw e;
-        }
-    };
-
-    const filename =
-        fileInput.current &&
-        fileInput.current.files &&
-        fileInput.current.files.length > 0 &&
-        fileInput.current.files[0].name;
-
-    return (
-        <div>
-            <Text {...props} readOnly={true} value={langCode} />
-            <Link style={styles.link} url={getLanguages(langCode)} onClick={evt => downloadTranslation(evt)}>
-                {T('download link')}
-            </Link>
-            {downloadStatus === 'failed' && <div style={styles.error}>{T('download failed')}</div>}
-            <br />
-            <Button variant="contained">
-                <span>
-                    <FolderIcon style={styles.folderIcon} />
-                    {T('Upload file')}
-                </span>
-                <input
-                    ref={fileInput}
-                    type="file"
-                    style={styles.fileInput}
-                    accept={'.json'}
-                    onChange={evt => uploadTranslation(langCode, evt)}
-                />
-            </Button>
-            {filename && (
-                <div style={styles.fileInputName}>
-                    <div>{filename}</div>
-                    {uploadStatus === 'successful' && (
-                        <div style={styles.success}>{T('upload successful')}</div>
-                    )}
-                </div>
-            )}
-            {uploadStatus === 'failed' && <div style={styles.error}>{T('upload failed')}</div>}
-        </div>
-    );
-};
-const mapStateToProps = state => {
-    return {
-        langCode: get(state[REDUCER_NAME], 'data.iso.value'),
-    };
-};
-
-const connectedTextField = connect(mapStateToProps)(ConnectedTextField);
-
-const formFields = [
-    {
-        name: 'iso',
-        label: 'language code',
-        type: connectedTextField,
-    },
-];
-
-import generateConnectedEdit from '../../../Components/DefaultConnectedForm';
-export default generateConnectedEdit(formFields, REDUCER_NAME, setFieldData, false);

package/src/Screens/TranslationFileHandling/Containers/List.js

@@ -1,30 +0,0 @@
-import Actions, { LIST_KEY } from '../Reducers/Actions';
-
-const { detailsAction, hideDetails, showDetails, listAction } = Actions;
-
-const columns = [
-    {
-        name: 'iso',
-        label: 'language Name',
-        filterable: false,
-        sortable: false,
-    },
-];
-
-const listParams = {
-    entity: 'languages',
-};
-
-import generateConnectedList from '../../../Components/DefaultConnectedList';
-
-export default generateConnectedList(
-    columns,
-    listParams,
-    LIST_KEY,
-    listAction,
-    detailsAction,
-    hideDetails,
-    showDetails,
-    false, // skip create entity
-    false // skip remove entity
-);

package/src/Screens/TranslationFileHandling/Reducers/Actions.js

@@ -1,8 +0,0 @@
-export const LIST_KEY = 'languages';
-export const DATA_KEY = 'language';
-export const REDUCER_NAME = 'languagesData';
-export const LIST_URL = 'languages';
-
-import { generateDefaultActions } from '../../../App/Reducers/Entity/Actions';
-
-export default generateDefaultActions(LIST_KEY, DATA_KEY, REDUCER_NAME, LIST_URL);

package/src/Screens/TranslationFileHandling/Reducers/Reducer.js

@@ -1,27 +0,0 @@
-import { DATA_KEY, REDUCER_NAME } from './Actions';
-import { getDefaultEntityState, defaultEntityReducer } from '../../../App/Reducers/Entity/Reducer';
-import { createFeatureReducer } from '../../../App/FeatureReducers';
-
-const initialState = {
-    ...getDefaultEntityState(
-        {
-            id: null,
-            iso: { value: '' },
-            dateFormat: { value: '' },
-            dateTimeFormat: { value: '' },
-            priceDecimals: { value: null },
-            numberDecimals: { value: null },
-            decimalPoint: { value: '' },
-            thousandsSeparator: { value: '' },
-            currencySymbolPosition: { value: '' },
-        },
-        null,
-        DATA_KEY
-    ),
-};
-
-export const translationFileData = createFeatureReducer(REDUCER_NAME, (state = initialState, action) => {
-    return defaultEntityReducer(state, action, initialState);
-});
-
-export default translationFileData;

package/src/Screens/TranslationFileHandling/Screen.js

@@ -1,19 +0,0 @@
-import Actions, { REDUCER_NAME } from './Reducers/Actions';
-const { invalidateList, triggerUnsavedEntity, hideDetails } = Actions;
-
-import List from './Containers/List';
-import Edit from './Containers/Edit';
-
-import './Translations';
-
-import { generateConnectedSplitScreen } from '../../Components/DefaultConnectedScreen';
-
-export default generateConnectedSplitScreen(
-    'translation_file_handling',
-    List,
-    Edit,
-    REDUCER_NAME,
-    invalidateList,
-    triggerUnsavedEntity,
-    hideDetails
-);

package/src/Screens/TranslationFileHandling/Translations.js

@@ -1,25 +0,0 @@
-require('../../App/i18n').use(
-    {
-        en: {
-            translation_file_handling: 'Translations',
-            'language Name': 'Language',
-            'Upload file': 'Upload file',
-            'download link': 'Download file',
-            'download failed': 'Download failed. First upload a file',
-            'upload failed': 'Upload failed.',
-            'language code': 'Language code',
-            'upload successful': 'Upload successful',
-        },
-        de: {
-            translation_file_handling: 'Übersetzungen',
-            'language Name': 'Sprache',
-            'Upload file': 'Datei hochladen',
-            'download link': 'Datei herunterladen',
-            'download failed': 'Download ist fehlgeschlagen. Lade zuerst eine Datei hoch.',
-            'upload failed': 'Upload ist fehlgeschlagen.',
-            'language code': 'Sprachcode',
-            'upload successful': 'Upload erfolgreich',
-        },
-    },
-    true
-);

package/src/Screens/TranslationFileHandling/index.js

@@ -1,10 +0,0 @@
-import Screen from './Screen';
-import Reducer from './Reducers/Reducer';
-import { addReducers } from '../../App/FeatureReducers';
-
-addReducers(Reducer);
-
-export default {
-    Screen,
-    credentials: ['translations'],
-};

package/src/Screens/User/Containers/Edit.js

@@ -1,54 +0,0 @@
-import { setFieldData, postData, USER_REDUCER_NAME } from '../Reducers/Actions';
-
-const formFields = [
-    {
-        name: 'firstname',
-        label: 'First name',
-        type: 'text',
-    },
-    {
-        name: 'lastname',
-        label: 'Last name',
-        type: 'text',
-    },
-    {
-        name: 'username',
-        label: 'User name',
-        type: 'text',
-    },
-    {
-        name: 'email',
-        label: 'E-mail',
-        type: 'text',
-    },
-    {
-        name: 'password',
-        label: 'Password',
-        type: 'password',
-    },
-    {
-        name: 'active',
-        label: 'Active',
-        type: 'toggle',
-    },
-    {
-        name: 'roles',
-        label: 'Roles',
-        type: 'dynSource',
-        sourceConfig: {
-            text: 'name',
-        },
-        dynSource: {
-            type: 'set',
-            listKey: 'roles',
-            url: 'roles',
-        },
-        set: {
-            type: 'checkbox',
-            useObjects: true,
-        },
-    },
-];
-
-import generateConnectedEdit from '../../../Components/DefaultConnectedForm';
-export default generateConnectedEdit(formFields, USER_REDUCER_NAME, setFieldData, postData);

package/src/Screens/User/Containers/List.js

@@ -1,55 +0,0 @@
-import {
-    detailsAction,
-    hideDetails,
-    showDetails,
-    USER_LIST_KEY,
-    createEntity,
-    listAction,
-    deleteEntities,
-} from '../Reducers/Actions';
-
-const columns = [
-    {
-        name: 'firstname',
-        label: 'First name',
-        filterable: true,
-        sortable: true,
-    },
-    {
-        name: 'lastname',
-        label: 'Last name',
-        filterable: true,
-        sortable: true,
-    },
-    {
-        name: 'username',
-        label: 'User name',
-        filterable: true,
-        sortable: true,
-    },
-    {
-        name: 'email',
-        label: 'E-mail',
-        filterable: true,
-        sortable: true,
-    },
-];
-
-const listParams = {
-    entity: 'user',
-    addButtonLabel: 'user_list.addButtonLabel',
-};
-
-import generateConnectedList from '../../../Components/DefaultConnectedList';
-
-export default generateConnectedList(
-    columns,
-    listParams,
-    USER_LIST_KEY,
-    listAction,
-    detailsAction,
-    hideDetails,
-    showDetails,
-    createEntity,
-    deleteEntities
-);