atome 0.5.7.6.0 → 0.5.7.6.5

data/vendor/assets/src/js/third_parties/a_pianoroll.js

@@ -3,10 +3,28 @@ customElements.define("webaudio-pianoroll", class Pianoroll extends HTMLElement
         super();
         this.noteIdCounter = 0;
         this.editing = true
-        this.refuse = false
         this.tool = 'create'
     }
 
+    clearSequence() {
+        this.removeAllMarkers()
+        this.sequence = [];
+        this.redraw();
+        console.log("Sequence cleared and view refreshed.");
+    }
+
+    setSequence(newSequence) {
+        if (Array.isArray(newSequence)) {
+            this.sequence = newSequence;
+            this.noteIdCounter = newSequence.length > 0 ? Math.max(...newSequence.map(note => note.id)) + 1 : 0;
+            this.sortSequence();
+            this.redraw();
+            console.log("Sequence replaced and view refreshed.");
+        } else {
+            console.error("Invalid sequence format. Please provide an array.");
+        }
+    }
+
     defineprop() {
         const plist = this.module.properties;
         for (let k in plist) {
@@ -102,6 +120,18 @@ customElements.define("webaudio-pianoroll", class Pianoroll extends HTMLElement
         this.sequence.push(ev);
     }
 
+    removeAllMarkers() {
+        // Itérer sur this.sequence pour trouver tous les événements de type 'marker'
+        const markers = this.sequence.filter(ev => ev.type === 'marker');
+
+        // Appeler removeMarker(id) pour chaque marker trouvé
+        markers.forEach(marker => {
+            this.removeMarker(marker.id);
+        });
+
+        console.log(`${markers.length} markers removed from sequence.`);
+    }
+
     removeMarker(id) {
         const playhead = document.getElementById(id);
         if (playhead) {
@@ -728,7 +758,6 @@ customElements.define("webaudio-pianoroll", class Pianoroll extends HTMLElement
                 if (ev.f)
                     this.sequence.splice(i, 1);
             }
-            this.refuse = true // to prevent any new note creation when clicking to delete
         };
         this.moveSelectedNote = function (dt, dn) {
             console.log('moving note')
@@ -792,8 +821,7 @@ customElements.define("webaudio-pianoroll", class Pianoroll extends HTMLElement
                 this.dragging = {o: "D", m: "B", i: ht.i, t: ev.t, g: ev.g, ev: this.selectedNotes()};
             } else if (ht.m == "s" && ht.t >= 0) {
                 this.clearSel();
-
-                if (this.editing === true && !this.refuse) {
+                if (this.editing === true || this.tool === !'select') {
                     var t = ((ht.t / this.snap) | 0) * this.snap;
                     const id = this.noteIdCounter++;
                     console.log('visual note creation  : ' + id);
@@ -831,7 +859,6 @@ customElements.define("webaudio-pianoroll", class Pianoroll extends HTMLElement
                         g: 1,
                         ev: [{t: t, g: 1, ev: this.sequence[this.sequence.length - 1]}]
                     };
-                    this.refuse = false;
                 } else {
                     switch (this.downht.m) {
                         case "N":
@@ -850,8 +877,6 @@ customElements.define("webaudio-pianoroll", class Pianoroll extends HTMLElement
                                     t1: this.downht.t,
                                     n1: this.downht.n
                                 };
-                            this.refuse = false
-                            console.log('===> accept/refuse' + this.refuse)
                             break;
                     }
                     this.canvas.focus();
@@ -1005,6 +1030,41 @@ customElements.define("webaudio-pianoroll", class Pianoroll extends HTMLElement
             this.kbimg.style.backgroundSize = (this.steph * 12) + "px";
             this.layout();
             this.initialized = 1;
+
+            this.canvas.addEventListener('wheel', function(e) {
+                const scrollSpeedFactor = 10; // Ajoutez cette ligne pour définir le facteur de réduction
+
+                if (!this.lockedDirection) {
+                    const absDeltaY = Math.abs(e.deltaY);
+                    const absDeltaX = Math.abs(e.deltaX);
+
+                    if (absDeltaY > absDeltaX) {
+                        this.lockedDirection = 'vertical';
+                    } else {
+                        this.lockedDirection = 'horizontal';
+                    }
+                }
+
+                if (this.lockedDirection === 'vertical' && e.deltaY !== 0) {
+                    const newYOffset = this.yoffset + e.deltaY / scrollSpeedFactor; // Divisez e.deltaY par le facteur de réduction
+                    this.yoffset = Math.max(0, Math.min(newYOffset, 112));
+                    console.log(`Scroll vertical de ${this.yoffset} pixels`);
+                }
+
+                if (this.lockedDirection === 'horizontal' && e.deltaX !== 0) {
+                    const newXOffset = this.xoffset + e.deltaX / scrollSpeedFactor; // Divisez e.deltaX par le facteur de réduction
+                    this.xoffset = Math.max(0, Math.min(newXOffset, 500000));
+                    console.log(`Scroll horizontal de ${this.xoffset} pixels`);
+                }
+
+                clearTimeout(this.resetScrollTimeout);
+                this.resetScrollTimeout = setTimeout(() => {
+                    this.lockedDirection = null;
+                }, 200);
+
+                e.preventDefault();
+            }.bind(this), { passive: false });
+
             this.redraw();
         };
         this.setupImage = function () {
@@ -1522,9 +1582,9 @@ function aRoll(id, target, width, height) {
 
 /// pianoroll builder below
 
-function setTempo(id) {
+function setTempo(id, tempo) {
     let pianoRoll = document.getElementById(id);
-    pianoRoll.tempo = 33;
+    pianoRoll.tempo = tempo;
     pianoRoll.updateTimer();
     console.log('Tempo:', pianoRoll.tempo);
 }
@@ -1638,6 +1698,7 @@ function group(id) {
 function notes(id) {
     let sequence = document.getElementById(id);
     let notes = sequence.sequence;
+    console.log('note found : '+notes)
     console.log(notes)
 
 }
@@ -1668,9 +1729,19 @@ function removeMarker(id) {
     pianoRoll.removeMarker('playheadID1');
 }
 
-///
+function removeAllMarkers(id) {
+    const pianoRoll = document.getElementById(id);
+    pianoRoll.removeAllMarkers('playheadID1');
+}
+
 
-function clear_now() {
-    console.clear()
+
+function clear_sequence(id) {
+    const pianoRoll = document.getElementById(id);
+    pianoRoll.clearSequence();
 }
 
+function fill_sequence(id, seq) {
+    const pianoRoll = document.getElementById(id);
+    pianoRoll.setSequence(seq);
+}