superdesk/superdesk-client-core

import * as React from 'react';
import {Switch} from 'superdesk-ui-framework/react';
import {ITemplateEditorComponentProps} from 'superdesk-api';
import {superdesk} from './superdesk';
import {IConfig, IValueOperational} from './interfaces';

const {gettext} = superdesk.localization;

export class TemplateEditor
    extends React.PureComponent<ITemplateEditorComponentProps<IValueOperational, IConfig>> {
    render() {
        const initialConfig = this.props?.config?.initial_offset_minutes;
        const checkbox = (
            <Switch
                label={{content: ''}}
                value={this.props.value != null}
                onChange={(value) => {
                    if (value) {
                        this.props.setValue(`{{ now|add_timedelta(minutes=${initialConfig})|iso_datetime }}`);
                    } else {
                        this.props.setValue(null);
                    }
                }}
            />
        );
        const messageText = gettext(
            `Time offset is configured to be {{x}} minutes for this field. When an article is created
            based on this template, it's value will initialize to creation time + {{x}} minutes`,
            {x: initialConfig},
        );

        return (
            <>
                <div>
                    {checkbox}
                </div>
                <div>
                    {this.props.value &&
                        (
                            <span style={{fontSize: '12px', color: '#747474'}}>
                                {messageText}
                            </span>
                        )
                    }
                </div>
            </>
        );
    }
}