com.mware.web.product.map.layers.MapLayerItem.jsx Maven / Gradle / Ivy
The newest version!
/*
* This file is part of the BigConnect project.
*
* Copyright (c) 2013-2020 MWARE SOLUTIONS SRL
*
* This program is free software; you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License version 3
* as published by the Free Software Foundation with the addition of the
* following permission added to Section 15 as permitted in Section 7(a):
* FOR ANY PART OF THE COVERED WORK IN WHICH THE COPYRIGHT IS OWNED BY
* MWARE SOLUTIONS SRL, MWARE SOLUTIONS SRL DISCLAIMS THE WARRANTY OF
* NON INFRINGEMENT OF THIRD PARTY RIGHTS
*
* This program is distributed in the hope that it will be useful, but
* WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY
* or FITNESS FOR A PARTICULAR PURPOSE.
* See the GNU Affero General Public License for more details.
* You should have received a copy of the GNU Affero General Public License
* along with this program; if not, see http://www.gnu.org/licenses or write to
* the Free Software Foundation, Inc., 51 Franklin Street, Fifth Floor,
* Boston, MA, 02110-1301 USA, or download the license from the following URL:
* https://www.gnu.org/licenses/agpl-3.0.txt
*
* The interactive user interfaces in modified source and object code versions
* of this program must display Appropriate Legal Notices, as required under
* Section 5 of the GNU Affero General Public License.
*
* You can be released from the requirements of the license by purchasing
* a commercial license. Buying such a license is mandatory as soon as you
* develop commercial activities involving the BigConnect software without
* disclosing the source code of your own applications.
*
* These activities include: offering paid services to customers as an ASP,
* embedding the product in a web application, shipping BigConnect with a
* closed source product.
*/
define([
'prop-types',
'classnames',
'react-sortable-hoc',
'util/vertex/formatters'
], function(
PropTypes,
classNames,
{ SortableElement },
F) {
const MapLayerItem = ({ layer, config, style, toggleable, onToggleLayer }) => {
const layerStatus = layer.get('status');
const statusMessage = (_.isObject(layerStatus) && layerStatus.message) || null;
const hasError = _.isObject(layerStatus) && layerStatus.type === 'error';
const visible = config && config.visible !== undefined ? config.visible : layer.getVisible();
return (
{ onToggleLayer(layer)}}
onClick={(e) => { e.stopPropagation() }}
/>
{ titleRenderer(layer) }
{ statusMessage }
)
};
const titleRenderer = (layer) => {
const { label, element } = layer.getProperties();
if (label) {
return label;
} else if (element) {
return F.vertex.title(element);
} else {
return i18n('org.bigconnect.web.product.map.MapWorkProduct.layer.no.title');
}
};
MapLayerItem.propTypes = {
layer: PropTypes.object.isRequired,
config: PropTypes.object,
style: PropTypes.object,
toggleable: PropTypes.bool,
onToggleLayer: PropTypes.func.isRequired
};
return SortableElement(MapLayerItem);
});