vibe-editor 0.0.4 → 0.0.6

package/src/scripts/js/{gui/Toolbar copy.js → scripts/gui/Toolbar.js}

@@ -1,3 +1,4 @@
+"use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const dc = require("../utils/DOMCreator");
 const bootstrap_1 = require("bootstrap");
@@ -10,12 +11,16 @@ const buttonStyleDark = "btn btn-dark btn-md";
 const smuflFont = "smufl";
 const alterBtn = "alterBtn";
 const selectedFlag = "selected";
+/**
+ * Actually this class is deprecated due to different approaches in toggling between symbols and mods.
+ * use Tabbar instead.
+ */
 class Toolbar {
     //private task: Evaluation
     constructor(options = null, containerId) {
         this.createAnnotListFunction = (function (e) {
             var t = e.target;
-            if (t.closest(".vse-container").id !== this.containerId)
+            if (t.closest(".vibe-container").id !== this.containerId)
                 return;
             this.createAnnotList(e);
         }).bind(this);
@@ -44,8 +49,6 @@ class Toolbar {
         }).bind(this);
         this.sidebarHandler = (function sidebarHandler(e) {
             //toggle
-            var sidebarWidthRatio = "30%";
-            var btnToolbar = cq.getContainer(this.containerId).querySelector("#btnToolbar");
             if (this.sidebar.classList.contains("closedSidebar")) {
                 //document.getElementById("sidebarContainer").style.width = sidebarWidthRatio
                 Array.from(cq.getContainer(this.containerId).querySelectorAll(".closedSidebar")).forEach(el => {
@@ -57,6 +60,7 @@ class Toolbar {
             else {
                 //document.getElementById("sidebarContainer").style.width = "0"
                 Array.from(cq.getContainer(this.containerId).querySelectorAll(".openSidebar")).forEach(el => {
+                    el.removeAttribute("style");
                     el.classList.add("closedSidebar");
                     el.classList.remove("openSidebar");
                 });
@@ -310,8 +314,8 @@ class Toolbar {
         //this.soundGroup.appendChild(dc.makeNewButton("", "pauseBtn", buttonStyleDarkOutline))
         this.soundGroup.appendChild(dc.makeNewButton("", "rewindBtn", buttonStyleDarkOutline));
         this.fileSelectGroup = cq.getContainer(this.containerId).querySelector("#fileSelectGroup");
-        this.fileSelectGroup.append(dc.makeNewInput("importFile", "file", ""));
-        this.fileSelectGroup.append(dc.makeNewButton("Import File", "importFileBtn", buttonStyleDarkOutline));
+        this.fileSelectGroup.append(dc.makeNewInput("importXML", "file", ""));
+        this.fileSelectGroup.append(dc.makeNewButton("Import File", "importXMLBtn", buttonStyleDarkOutline));
         this.fileSelectGroup.append(dc.makeNewButton("Export MEI", "exportFileBtn", buttonStyleDarkOutline));
         var showBBToggle = dc.makeNewToggle("showBB", buttonStyleDark, "BBoxes", "showBBDiv");
         this.setToggleLogic(showBBToggle, function () { cq.getContainer(that.containerId).classList.add("debug"); }, function () { cq.getContainer(that.containerId).classList.remove("debug"); });
@@ -460,7 +464,7 @@ class Toolbar {
         });
         // achtung: nie preventDefault in einem Document anwenden
         document.addEventListener("keydown", this.closeHandlerKey);
-        //document.getElementsByClassName("vse-container")[0]?.addEventListener("click", this.closeHandlerMouse)
+        //document.getElementsByClassName("vibe-container")[0]?.addEventListener("click", this.closeHandlerMouse)
         cq.getContainer(this.containerId).querySelectorAll("#dotGroup button, #noteGroup button, #modGroup button").forEach(el => {
             el.addEventListener("click", this.exclusiveSelectHandler);
         });
@@ -488,13 +492,13 @@ class Toolbar {
         //         listeners: { move: this.resizeListListener.bind(this) },
         //     })
         //FileSelection
-        cq.getContainer(this.containerId).querySelector("#importFileBtn").addEventListener("click", function () {
-            var impF = this.parentElement.querySelector("#importFile");
+        cq.getContainer(this.containerId).querySelector("#importXMLBtn").addEventListener("click", function () {
+            var impF = this.parentElement.querySelector("#importXML");
             impF.setAttribute("accept", [".musicxml", ".mei"].join(", "));
             impF.click();
         });
         var that = this;
-        cq.getContainer(this.containerId).querySelector("#importFile").addEventListener("change", function (e) {
+        cq.getContainer(this.containerId).querySelector("#importXML").addEventListener("change", function (e) {
             var fr = new FileReader();
             fr.onload = function () {
                 that.importCallback("", fr.result, false, constants_1.constants._TARGETDIVID_);
@@ -512,7 +516,7 @@ class Toolbar {
                     + ("0" + d.getMinutes()).slice(-2)
                     + ("0" + d.getSeconds()).slice(-2)
                     + "_"
-                    + "vseScore_" + that.containerId + ".mei";
+                    + "vibeScore_" + that.containerId + ".mei";
                 that.download(fileName, mei);
             });
         });
@@ -532,7 +536,7 @@ class Toolbar {
             el.removeEventListener("click", this.closeHandlerMouse);
         });
         document.removeEventListener("keydown", this.closeHandlerKey);
-        //document.getElementsByClassName("vse-container")[0].removeEventListener("click", this.closeHandlerMouse)
+        //document.getElementsByClassName("vibe-container")[0].removeEventListener("click", this.closeHandlerMouse)
         cq.getContainer(this.containerId).querySelectorAll(".btn-group-sm button").forEach(el => {
             el.removeEventListener("click", this.exclusiveSelectHandler);
         });