wisemapping-frontend/packages/mindplot/lib/components/widget/IconPanel.js

71 lines
2.2 KiB
JavaScript
Raw Normal View History

2021-07-16 16:41:58 +02:00
/*
* 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.
*/
2021-10-05 02:05:34 +02:00
const ToolbarPaneItem = require('./ToolbarPaneItem').default;
2021-07-16 16:41:58 +02:00
const ImageIcon = require('../ImageIcon').default;
const IconPanel = new Class({
2021-10-05 02:05:34 +02:00
Extends: ToolbarPaneItem,
initialize(buttonId, model) {
this.parent(buttonId, model);
},
2021-07-16 16:41:58 +02:00
2021-10-05 02:05:34 +02:00
_updateSelectedItem() {
return this.getPanelElem();
},
2021-07-16 16:41:58 +02:00
2021-10-05 02:05:34 +02:00
buildPanel() {
const content = $('<div class="toolbarPanel" id="IconsPanel"></div>').css({ width: 245, height: 230 });
content.on('click', (event) => {
event.stopPropagation();
});
2021-07-16 16:41:58 +02:00
2021-10-05 02:05:34 +02:00
let count = 0;
for (let i = 0; i < ImageIcon.prototype.ICON_FAMILIES.length; i += 1) {
const familyIcons = ImageIcon.prototype.ICON_FAMILIES[i].icons;
for (let j = 0; j < familyIcons.length; j += 1) {
// Separate icons by line ...
var familyContent;
if ((count % 12) == 0) {
familyContent = $('<div></div>');
content.append(familyContent);
}
2021-07-16 16:41:58 +02:00
2021-10-05 02:05:34 +02:00
const iconId = familyIcons[j];
const img = $('<img>')
.attr('id', iconId)
.attr('src', ImageIcon.prototype._getImageUrl(iconId))
.attr('class', 'panelIcon');
2021-07-16 16:41:58 +02:00
2021-10-05 02:05:34 +02:00
familyContent.append(img);
2021-07-16 16:41:58 +02:00
2021-10-05 02:05:34 +02:00
var panel = this;
var model = this.getModel();
img.on('click', function (event) {
model.setValue($(this).attr('id'));
panel.hide();
});
2021-07-16 16:41:58 +02:00
2021-10-05 02:05:34 +02:00
count += 1;
}
2021-07-16 16:41:58 +02:00
}
2021-10-05 02:05:34 +02:00
return content;
},
2021-07-16 16:41:58 +02:00
});
export default IconPanel;