github/svgedit
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

$click to allow (more) responsiveness

Browse Source
This commit is contained in:
JFH
2022-01-05 20:55:42 -03:00
parent 9652e3affe
commit a48fc66c1c
32 changed files with 161 additions and 156 deletions
Download Patch File Download Diff File Expand all files Collapse all files

68
src/editor/panels/TopPanel.js
View File

@@ -5,7 +5,7 @@ import SvgCanvas from '../../svgcanvas/svgcanvas.js'
import { isValidUnit, getTypeMap, convertUnit } from '../../common/units.js'
import topPanelHTML from './TopPanel.html'
const { $qa, $id } = SvgCanvas
const { $qa, $id, $click } = SvgCanvas
/*
* register actions for left panel
@@ -854,45 +854,45 @@ class TopPanel {
newSeEditorDialog.init(i18next)
$id('tool_link_url').setAttribute('title', i18next.t('tools.set_link_url'))
// register action to top panel buttons
$id('tool_source').addEventListener('click', this.showSourceEditor.bind(this))
$id('tool_wireframe').addEventListener('click', this.clickWireframe.bind(this))
$id('tool_undo').addEventListener('click', this.clickUndo.bind(this))
$id('tool_redo').addEventListener('click', this.clickRedo.bind(this))
$id('tool_clone').addEventListener('click', this.clickClone.bind(this))
$id('tool_clone_multi').addEventListener('click', this.clickClone.bind(this))
$id('tool_delete').addEventListener('click', this.deleteSelected.bind(this))
$id('tool_delete_multi').addEventListener('click', this.deleteSelected.bind(this))
$id('tool_move_top').addEventListener('click', this.moveToTopSelected.bind(this))
$id('tool_move_bottom').addEventListener('click', this.moveToBottomSelected.bind(this))
$id('tool_topath').addEventListener('click', this.convertToPath.bind(this))
$id('tool_make_link').addEventListener('click', this.makeHyperlink.bind(this))
$id('tool_make_link_multi').addEventListener('click', this.makeHyperlink.bind(this))
$id('tool_reorient').addEventListener('click', this.reorientPath.bind(this))
$id('tool_group_elements').addEventListener('click', this.clickGroup.bind(this))
$click($id('tool_source'), this.showSourceEditor.bind(this))
$click($id('tool_wireframe'), this.clickWireframe.bind(this))
$click($id('tool_undo'), this.clickUndo.bind(this))
$click($id('tool_redo'), this.clickRedo.bind(this))
$click($id('tool_clone'), this.clickClone.bind(this))
$click($id('tool_clone_multi'), this.clickClone.bind(this))
$click($id('tool_delete'), this.deleteSelected.bind(this))
$click($id('tool_delete_multi'), this.deleteSelected.bind(this))
$click($id('tool_move_top'), this.moveToTopSelected.bind(this))
$click($id('tool_move_bottom'), this.moveToBottomSelected.bind(this))
$click($id('tool_topath'), this.convertToPath.bind(this))
$click($id('tool_make_link'), this.makeHyperlink.bind(this))
$click($id('tool_make_link_multi'), this.makeHyperlink.bind(this))
$click($id('tool_reorient'), this.reorientPath.bind(this))
$click($id('tool_group_elements'), this.clickGroup.bind(this))
$id('tool_position').addEventListener('change', (evt) => this.clickAlignEle.bind(this)(evt))
$id('tool_align_left').addEventListener('click', () => this.clickAlign.bind(this)('left'))
$id('tool_align_right').addEventListener('click', () => this.clickAlign.bind(this)('right'))
$id('tool_align_center').addEventListener('click', () => this.clickAlign.bind(this)('center'))
$id('tool_align_top').addEventListener('click', () => this.clickAlign.bind(this)('top'))
$id('tool_align_bottom').addEventListener('click', () => this.clickAlign.bind(this)('bottom'))
$id('tool_align_middle').addEventListener('click', () => this.clickAlign.bind(this)('middle'))
$id('tool_node_clone').addEventListener('click', this.clonePathNode.bind(this))
$id('tool_node_delete').addEventListener('click', this.deletePathNode.bind(this))
$id('tool_openclose_path').addEventListener('click', this.opencloseSubPath.bind(this))
$id('tool_add_subpath').addEventListener('click', this.addSubPath.bind(this))
$id('tool_node_link').addEventListener('click', this.linkControlPoints.bind(this))
$click($id('tool_align_left'), () => this.clickAlign.bind(this)('left'))
$click($id('tool_align_right'), () => this.clickAlign.bind(this)('right'))
$click($id('tool_align_center'), () => this.clickAlign.bind(this)('center'))
$click($id('tool_align_top'), () => this.clickAlign.bind(this)('top'))
$click($id('tool_align_bottom'), () => this.clickAlign.bind(this)('bottom'))
$click($id('tool_align_middle'), () => this.clickAlign.bind(this)('middle'))
$click($id('tool_node_clone'), this.clonePathNode.bind(this))
$click($id('tool_node_delete'), this.deletePathNode.bind(this))
$click($id('tool_openclose_path'), this.opencloseSubPath.bind(this))
$click($id('tool_add_subpath'), this.addSubPath.bind(this))
$click($id('tool_node_link'), this.linkControlPoints.bind(this))
$id('angle').addEventListener('change', this.changeRotationAngle.bind(this))
$id('blur').addEventListener('change', this.changeBlur.bind(this))
$id('rect_rx').addEventListener('change', this.changeRectRadius.bind(this))
$id('font_size').addEventListener('change', this.changeFontSize.bind(this))
$id('tool_ungroup').addEventListener('click', this.clickGroup.bind(this))
$id('tool_bold').addEventListener('click', this.clickBold.bind(this))
$id('tool_italic').addEventListener('click', this.clickItalic.bind(this))
$id('tool_text_decoration_underline').addEventListener('click', () => this.clickTextDecoration.bind(this)('underline'))
$id('tool_text_decoration_linethrough').addEventListener('click', () => this.clickTextDecoration.bind(this)('line-through'))
$id('tool_text_decoration_overline').addEventListener('click', () => this.clickTextDecoration.bind(this)('overline'))
$click($id('tool_ungroup'), this.clickGroup.bind(this))
$click($id('tool_bold'), this.clickBold.bind(this))
$click($id('tool_italic'), this.clickItalic.bind(this))
$click($id('tool_text_decoration_underline'), () => this.clickTextDecoration.bind(this)('underline'))
$click($id('tool_text_decoration_linethrough'), () => this.clickTextDecoration.bind(this)('line-through'))
$click($id('tool_text_decoration_overline'), () => this.clickTextDecoration.bind(this)('overline'))
$id('tool_text_anchor').addEventListener('change', (evt) => this.clickTextAnchor.bind(this)(evt))
$id('tool_unlink_use').addEventListener('click', this.clickGroup.bind(this))
$click($id('tool_unlink_use'), this.clickGroup.bind(this))
$id('image_url').addEventListener('change', (evt) => { this.setImageURL(evt.currentTarget.value) });
// all top panel attributes