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

#326 unpositioned extension button in wrong place

Browse Source
This commit is contained in:
agriyadev5
2021-07-23 12:46:55 +05:30
parent 83632b65d9
commit 3bce54b3db
7 changed files with 80 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/editor/extensions/ext-connector/ext-connector.js
View File

@@ -360,13 +360,11 @@ export default {
name: svgEditor.i18next.t(`${name}:name`),
callback() {
const btitle = svgEditor.i18next.t(`${name}:langListTitle`);
// Add the button and its handler(s)
const buttonTemplate = document.createElement("template");
// eslint-disable-next-line no-unsanitized/property
buttonTemplate.innerHTML = `
const buttonTemplate = `
<se-button id="mode_connect" title="${btitle}" src="./images/conn.svg"></se-button>
`;
$id('tools_left').append(buttonTemplate.content.cloneNode(true));
svgCanvas.insertChildAtIndex($id('tools_left'), buttonTemplate, 13);
$id('mode_connect').addEventListener("click", () => {
svgCanvas.setMode('connector');
});

5
src/editor/extensions/ext-eyedropper/ext-eyedropper.js
View File

@@ -82,14 +82,13 @@ export default {
name: svgEditor.i18next.t(`${name}:name`),
callback() {
// Add the button and its handler(s)
const buttonTemplate = document.createElement("template");
const title = svgEditor.i18next.t(`${name}:buttons.0.title`);
const key = svgEditor.i18next.t(`${name}:buttons.0.key`);
// eslint-disable-next-line no-unsanitized/property
buttonTemplate.innerHTML = `
const buttonTemplate = `
<se-button id="tool_eyedropper" title="${title}" src="./images/eye_dropper.svg" shortcut=${key}></se-button>
`;
$id('tools_left').append(buttonTemplate.content.cloneNode(true));
svgCanvas.insertChildAtIndex($id('tools_left'), buttonTemplate, 12);
$id('tool_eyedropper').addEventListener("click", () => {
svgCanvas.setMode('eyedropper');
});

5
src/editor/extensions/ext-polystar/ext-polystar.js
View File

@@ -79,9 +79,8 @@ export default {
const fbtitle = svgEditor.i18next.t(`${name}:title`);
const title_star = svgEditor.i18next.t(`${name}:buttons.0.title`);
const title_polygon = svgEditor.i18next.t(`${name}:buttons.1.title`);
const buttonTemplate = document.createElement("template");
// eslint-disable-next-line no-unsanitized/property
buttonTemplate.innerHTML = `
const buttonTemplate = `
<se-flyingbutton id="tools_polygon" title="${fbtitle}">
<se-button id="tool_star" title="${title_star}" src="./images/star.svg">
</se-button>
@@ -89,7 +88,7 @@ export default {
</se-button>
</se-flyingbutton>
`;
$id("tools_left").append(buttonTemplate.content.cloneNode(true));
svgCanvas.insertChildAtIndex($id('tools_left'), buttonTemplate, 10);
// handler
$id("tool_star").addEventListener("click", () => {
if (this.leftPanel.updateLeftPanel("tool_star")) {

5
src/editor/extensions/ext-shapes/ext-shapes.js
View File

@@ -43,13 +43,12 @@ export default {
return {
callback () {
if ($id('tool_shapelib') === null) {
const buttonTemplate = document.createElement("template");
// eslint-disable-next-line no-unsanitized/property
buttonTemplate.innerHTML = `
const buttonTemplate = `
<se-explorerbutton id="tool_shapelib" title="${svgEditor.i18next.t(`${name}:buttons.0.title`)}" lib="./extensions/ext-shapes/shapelib/"
src="./images/shapelib.svg"></se-explorerbutton>
`;
$id('tools_left').append(buttonTemplate.content.cloneNode(true));
canv.insertChildAtIndex($id('tools_left'), buttonTemplate, 9);
$id('tool_shapelib').addEventListener("click", () => {
canv.setMode(modeId);
});