mirror of
https://bitbucket.org/wisemapping/wisemapping-frontend.git
synced 2024-11-23 07:07:56 +01:00
126 lines
3.2 KiB
JavaScript
126 lines
3.2 KiB
JavaScript
/*
|
|
* 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 ToolbarItem = require('./ToolbarItem').default;
|
|
const FloatingTip = require('./FloatingTip').default;
|
|
|
|
const ToolbarPaneItem = new Class({
|
|
Extends: ToolbarItem,
|
|
initialize(buttonId, model) {
|
|
$assert(buttonId, 'buttonId can not be null');
|
|
$assert(model, 'model can not be null');
|
|
this._model = model;
|
|
const me = this;
|
|
const fn = function () {
|
|
// Is the panel being displayed ?
|
|
me.isVisible() ? me.hide() : me.show();
|
|
};
|
|
this.parent(buttonId, fn, { topicAction: true, relAction: false });
|
|
this._panelElem = this._init();
|
|
this._visible = false;
|
|
},
|
|
|
|
_init() {
|
|
// Load the context of the panel ...
|
|
const panelElem = this.buildPanel();
|
|
panelElem.css('cursor', 'default');
|
|
const buttonElem = this.getButtonElem();
|
|
|
|
const me = this;
|
|
this._tip = new FloatingTip(buttonElem, {
|
|
html: true,
|
|
placement: 'bottom',
|
|
content() {
|
|
return me._updateSelectedItem();
|
|
},
|
|
className: 'toolbarPaneTip',
|
|
trigger: 'manual',
|
|
template:
|
|
'<div class="popover popoverGray" role="tooltip"><div class="arrow arrowGray"></div><h3 class="popover-title"></h3><div class="popover-content"></div></div>',
|
|
});
|
|
|
|
this._tip.addEvent('hide', () => {
|
|
me._visible = false;
|
|
});
|
|
|
|
this._tip.addEvent('show', () => {
|
|
me._visible = true;
|
|
});
|
|
|
|
return panelElem;
|
|
},
|
|
|
|
getModel() {
|
|
return this._model;
|
|
},
|
|
|
|
getPanelElem: function () {
|
|
return this._panelElem;
|
|
}.protect(),
|
|
|
|
show() {
|
|
if (!this.isVisible()) {
|
|
this.parent();
|
|
this._tip.show();
|
|
this.getButtonElem().className = 'buttonExtActive';
|
|
}
|
|
},
|
|
|
|
hide() {
|
|
if (this.isVisible()) {
|
|
this.parent();
|
|
this._tip.hide();
|
|
this.getButtonElem().className = 'buttonExtOn';
|
|
}
|
|
},
|
|
|
|
isVisible() {
|
|
return this._visible;
|
|
},
|
|
|
|
disable() {
|
|
this.hide();
|
|
const elem = this.getButtonElem();
|
|
if (this._enable) {
|
|
elem.unbind('click', this._fn);
|
|
elem.removeClass('buttonExtOn');
|
|
|
|
// Todo: Hack...
|
|
elem.removeClass('buttonOn');
|
|
|
|
elem.addClass('buttonExtOff');
|
|
this._enable = false;
|
|
}
|
|
},
|
|
|
|
enable() {
|
|
const elem = this.getButtonElem();
|
|
if (!this._enable) {
|
|
elem.bind('click', this._fn);
|
|
elem.removeClass('buttonExtOff');
|
|
elem.addClass('buttonExtOn');
|
|
this._enable = true;
|
|
}
|
|
},
|
|
|
|
buildPanel: function () {
|
|
throw 'Method must be implemented';
|
|
}.protect(),
|
|
});
|
|
|
|
export default ToolbarPaneItem;
|