/* * Copyright [2015] [wisemapping] * * Licensed under WiseMapping Public License, Version 1.0 (the "License"). * It is basically the Apache License, Version 2.0 (the "License") plus the * "powered by wisemapping" text requirement on every single page; * you may not use this file except in compliance with the License. * You may obtain a copy of the license at * * http://www.wisemapping.org/license * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ const ToolbarPaneItem = require('./ToolbarPaneItem').default const ImageIcon = require('../ImageIcon').default; const IconPanel = new Class({ Extends:ToolbarPaneItem, initialize:function (buttonId, model) { this.parent(buttonId, model); }, _updateSelectedItem:function () { return this.getPanelElem(); }, buildPanel:function () { var content = $('
').css({width: 245, height: 230}); content.on('click', function (event) { event.stopPropagation() }); var count = 0; for (var i = 0; i < ImageIcon.prototype.ICON_FAMILIES.length; i = i + 1) { var familyIcons = ImageIcon.prototype.ICON_FAMILIES[i].icons; for (var j = 0; j < familyIcons.length; j = j + 1) { // Separate icons by line ... var familyContent; if ((count % 12) == 0) { familyContent = $(''); content.append(familyContent); } var iconId = familyIcons[j]; var img = $('') .attr('id', iconId) .attr('src', ImageIcon.prototype._getImageUrl(iconId)) .attr('class', 'panelIcon'); familyContent.append(img); var panel = this; var model = this.getModel(); img.on('click', function (event) { model.setValue($(this).attr('id')); panel.hide(); }); count = count + 1; } } return content; } }); export default IconPanel;