mirror of
https://github.com/codex-team/editor.js
synced 2024-04-28 04:43:35 +02:00
173 lines
4.1 KiB
JavaScript
173 lines
4.1 KiB
JavaScript
/**
|
|
* Toolbar settings
|
|
*
|
|
* @version 1.0.5
|
|
*/
|
|
|
|
module.exports = (function (settings) {
|
|
|
|
let editor = codex.editor;
|
|
|
|
settings.opened = false;
|
|
|
|
settings.setting = null;
|
|
settings.actions = null;
|
|
|
|
/**
|
|
* Append and open settings
|
|
*/
|
|
settings.open = function (toolType) {
|
|
|
|
/**
|
|
* Append settings content
|
|
* It's stored in tool.settings
|
|
*/
|
|
if ( !editor.tools[toolType] || !editor.tools[toolType].makeSettings ) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
/**
|
|
* Draw settings block
|
|
*/
|
|
var settingsBlock = editor.tools[toolType].makeSettings();
|
|
|
|
editor.nodes.pluginSettings.appendChild(settingsBlock);
|
|
|
|
|
|
/** Open settings block */
|
|
editor.nodes.blockSettings.classList.add('opened');
|
|
this.opened = true;
|
|
|
|
};
|
|
|
|
/**
|
|
* Close and clear settings
|
|
*/
|
|
settings.close = function () {
|
|
|
|
editor.nodes.blockSettings.classList.remove('opened');
|
|
editor.nodes.pluginSettings.innerHTML = '';
|
|
|
|
this.opened = false;
|
|
|
|
};
|
|
|
|
/**
|
|
* @param {string} toolType - plugin type
|
|
*/
|
|
settings.toggle = function ( toolType ) {
|
|
|
|
if ( !this.opened ) {
|
|
|
|
this.open(toolType);
|
|
|
|
} else {
|
|
|
|
this.close();
|
|
|
|
}
|
|
|
|
};
|
|
|
|
/**
|
|
* Here we will draw buttons and add listeners to components
|
|
*/
|
|
settings.makeRemoveBlockButton = function () {
|
|
|
|
var removeBlockWrapper = editor.draw.node('SPAN', 'ce-toolbar__remove-btn', {}),
|
|
settingButton = editor.draw.node('SPAN', 'ce-toolbar__remove-setting', { innerHTML : '<i class="ce-icon-trash"></i>' }),
|
|
actionWrapper = editor.draw.node('DIV', 'ce-toolbar__remove-confirmation', {}),
|
|
confirmAction = editor.draw.node('DIV', 'ce-toolbar__remove-confirm', { textContent : 'Удалить блок' }),
|
|
cancelAction = editor.draw.node('DIV', 'ce-toolbar__remove-cancel', { textContent : 'Отмена' });
|
|
|
|
editor.listeners.add(settingButton, 'click', editor.toolbar.settings.removeButtonClicked, false);
|
|
|
|
editor.listeners.add(confirmAction, 'click', editor.toolbar.settings.confirmRemovingRequest, false);
|
|
|
|
editor.listeners.add(cancelAction, 'click', editor.toolbar.settings.cancelRemovingRequest, false);
|
|
|
|
actionWrapper.appendChild(confirmAction);
|
|
actionWrapper.appendChild(cancelAction);
|
|
|
|
removeBlockWrapper.appendChild(settingButton);
|
|
removeBlockWrapper.appendChild(actionWrapper);
|
|
|
|
/** Save setting */
|
|
editor.toolbar.settings.setting = settingButton;
|
|
editor.toolbar.settings.actions = actionWrapper;
|
|
|
|
return removeBlockWrapper;
|
|
|
|
};
|
|
|
|
settings.removeButtonClicked = function () {
|
|
|
|
var action = editor.toolbar.settings.actions;
|
|
|
|
if (action.classList.contains('opened')) {
|
|
|
|
editor.toolbar.settings.hideRemoveActions();
|
|
|
|
} else {
|
|
|
|
editor.toolbar.settings.showRemoveActions();
|
|
|
|
}
|
|
|
|
editor.toolbar.toolbox.close();
|
|
editor.toolbar.settings.close();
|
|
|
|
};
|
|
|
|
settings.cancelRemovingRequest = function () {
|
|
|
|
editor.toolbar.settings.actions.classList.remove('opened');
|
|
|
|
};
|
|
|
|
settings.confirmRemovingRequest = function () {
|
|
|
|
var currentBlock = editor.content.currentNode,
|
|
firstLevelBlocksCount;
|
|
|
|
currentBlock.remove();
|
|
|
|
firstLevelBlocksCount = editor.nodes.redactor.childNodes.length;
|
|
|
|
/**
|
|
* If all blocks are removed
|
|
*/
|
|
if (firstLevelBlocksCount === 0) {
|
|
|
|
/** update currentNode variable */
|
|
editor.content.currentNode = null;
|
|
|
|
/** Inserting new empty initial block */
|
|
editor.ui.addInitialBlock();
|
|
|
|
}
|
|
|
|
editor.ui.saveInputs();
|
|
|
|
editor.toolbar.close();
|
|
|
|
};
|
|
|
|
settings.showRemoveActions = function () {
|
|
|
|
editor.toolbar.settings.actions.classList.add('opened');
|
|
|
|
};
|
|
|
|
settings.hideRemoveActions = function () {
|
|
|
|
editor.toolbar.settings.actions.classList.remove('opened');
|
|
|
|
};
|
|
|
|
return settings;
|
|
|
|
})({});
|