CatalogServiceEditor.jsx

/*
 * Copyright 2020, GeoSolutions Sas.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree.
 */
import React, {useState} from 'react';
import Spinner from "react-spinkit";

import { FormGroup, Form, Col } from "react-bootstrap";

import Button from '../misc/Button';
import BorderLayout from "../layout/BorderLayout";
import Message from "../I18N/Message";

import AdvancedSettings from './editor/AdvancedSettings';
import MainForm from './editor/MainForm';

export default ({
    service = {
        title: "",
        type: "wms",
        url: "",
        format: "image/png"
    },
    serviceTypes = [{ name: "csw", label: "CSW" }],
    onChangeTitle = () => {},
    onChangeUrl = () => {},
    onChangeType = () => {},
    id,
    urlTooltip,
    formatOptions,
    buttonStyle,
    saving,
    onChangeServiceFormat = () => {},
    onChangeMetadataTemplate = () => {},
    onToggleAdvancedSettings = () => { },
    onChangeServiceProperty = () => {},
    onToggleTemplate = () => {},
    onToggleThumbnail = () => {},
    onAddService = () => {},
    onDeleteService = () => {},
    onChangeCatalogMode = () => {},
    onFormatOptionsFetch = () => {},
    selectedService,
    isLocalizedLayerStylesEnabled,
    tileSizeOptions = [256, 512],
    formatsLoading,
    layerOptions = {},
    services,
    autoSetVisibilityLimits = false
}) => {
    const [valid, setValid] = useState(true);
    return (<BorderLayout
        bodyClassName="ms2-border-layout-body catalog"
        header={
            <MainForm
                setValid={setValid}
                service={service}
                serviceTypes={serviceTypes}
                onChangeTitle={onChangeTitle}
                onChangeUrl={onChangeUrl}
                onChangeType={onChangeType}
                onChangeServiceProperty={onChangeServiceProperty}
                urlTooltip={urlTooltip}
            />
        }>
        <Form >
            <AdvancedSettings
                setValid={setValid}
                id={id}
                service={service}
                formatOptions={formatOptions}
                buttonStyle={buttonStyle}
                saving={saving}
                onChangeServiceFormat={onChangeServiceFormat}
                onChangeMetadataTemplate={onChangeMetadataTemplate}
                onToggleAdvancedSettings={onToggleAdvancedSettings}
                onChangeServiceProperty={onChangeServiceProperty}
                onToggleTemplate={onToggleTemplate}
                onToggleThumbnail={onToggleThumbnail}
                isLocalizedLayerStylesEnabled={isLocalizedLayerStylesEnabled}
                tileSizeOptions={tileSizeOptions}
                currentWMSCatalogLayerSize={layerOptions.tileSize ? layerOptions.tileSize : 256}
                selectedService={selectedService}
                onFormatOptionsFetch={onFormatOptionsFetch}
                formatsLoading={formatsLoading}
                autoSetVisibilityLimits={autoSetVisibilityLimits}
            />
            <FormGroup controlId="buttons" key="buttons">
                <Col xs={12}>
                    <Button style={buttonStyle} disabled={saving || !valid} onClick={() => onAddService()} key="catalog_add_service_button">
                        {saving ? <Spinner spinnerName="circle" noFadeIn overrideSpinnerClassName="spinner" /> : null}
                        <Message msgId="save" />
                    </Button>
                    {service && !service.isNew
                        ? <Button style={buttonStyle} onClick={() => onDeleteService(service, services)} key="catalog_delete_service_button">
                            <Message msgId="catalog.delete" />
                        </Button>
                        : null
                    }
                    <Button style={buttonStyle} disabled={saving} onClick={() => onChangeCatalogMode("view")} key="catalog_back_view_button">
                        <Message msgId="cancel" />
                    </Button>
                </Col>
            </FormGroup>
        </Form>
    </BorderLayout>);
};