From 4217a2b219ad52f1194dde628a12e878787054f2 Mon Sep 17 00:00:00 2001
From: Daniel Ledda <dan.j.ledda@gmail.com>
Date: Sat, 1 Jun 2024 20:17:08 +0200
Subject: [PATCH] update

---
 src/StickingTrack.ts            |  0
 src/ui/Track/StickingTrack.vue  | 69 +++++++++++++++++++++++++++++++++
 src/ui/Track/TrackContainer.vue | 45 +++++++++++++++++++++
 src/ui/interfaces.ts            |  2 +
 4 files changed, 116 insertions(+)
 create mode 100644 src/StickingTrack.ts
 create mode 100644 src/ui/Track/StickingTrack.vue
 create mode 100644 src/ui/Track/TrackContainer.vue
 create mode 100644 src/ui/interfaces.ts

diff --git a/src/StickingTrack.ts b/src/StickingTrack.ts
new file mode 100644
index 0000000..e69de29
diff --git a/src/ui/Track/StickingTrack.vue b/src/ui/Track/StickingTrack.vue
new file mode 100644
index 0000000..28c4068
--- /dev/null
+++ b/src/ui/Track/StickingTrack.vue
@@ -0,0 +1,69 @@
+<template>
+    <track-container>
+        <track-unit v-for="(trackUnit, i) in trackUnits" 
+            :key="`tu${ stickingType }${ i }`"
+            :id="`tu${ stickingType }${ i }`"
+            class="track-unit"
+            :class="{ spaced: (i + 1) % beat!.timeSigUp.value === 0 }"
+            :sticking-type="stickingType"
+            :type="trackUnit ?? 0"
+            :on="trackUnit !== null" />
+    </track-container>
+</template>
+
+<script setup lang="ts">
+    import TrackUnit from "@/ui/TrackUnit/TrackUnit.vue";
+    import TrackContainer from "@/ui/Track/TrackContainer.vue";
+    import { useBeatStore } from "@/BeatStore";
+    import { computed } from 'vue';
+
+    const props = defineProps<{
+        beatIndex: number,
+        stickingType: number | null
+    }>();
+
+    const { beats } = useBeatStore();
+    const beat = computed(() => beats.value[props.beatIndex] ?? null);
+
+    const trackUnits = computed(() => {
+        const units: (number | null)[] = [];
+        if (!beat.value) {
+            return units;
+        }
+        const tracks = beat.value.getTracks() ?? [];
+        const unitCount = tracks[0]?.unitCount() ?? 0;
+        for (let i = 0; i < unitCount; i++) {
+            let found = null;
+            for (const track of tracks) {
+                const unit = track.getUnitByIndex(i);
+                if (unit) {
+                    if (unit.on && unit.stickingType === props.stickingType) {
+                        found = unit.type;
+                    }
+                }
+                if (found !== null) {
+                    break;
+                }
+            }
+            units.push(found);
+        }
+        return units;
+    });
+</script>
+
+<style scoped lang="scss">
+    .track-unit {
+        &.spaced {
+            margin-bottom: 0;
+            margin-right: 1em;
+        }
+    }
+    .vertical-mode {
+        .track-unit {
+            &.spaced {
+                margin-bottom: 1em;
+                margin-right: 0;
+            }
+        }
+    }
+</style>
diff --git a/src/ui/Track/TrackContainer.vue b/src/ui/Track/TrackContainer.vue
new file mode 100644
index 0000000..192862b
--- /dev/null
+++ b/src/ui/Track/TrackContainer.vue
@@ -0,0 +1,45 @@
+<template>
+    <div class="track">
+        <div class="track-main">
+            <div class="track-unit-block">
+                <slot />
+            </div>
+        </div>
+    </div>
+</template>
+
+<style scoped lang="scss">
+    .track-unit-block {
+        height: 2em;
+    }
+
+    .track-main {
+        height: 36px;
+    }
+
+    .track {
+        width: max-content;
+        & > * {
+            padding-right: 1em;
+            padding-left: 1em;
+        }
+    }
+
+    .vertical-mode {
+        .track-main {
+            width: 2em;
+            margin-right: 4px;
+            display: block;
+        }
+
+        .track {
+            display: inline-block;
+            height: 36px;
+
+            & > * {
+                padding-right: 0;
+                padding-left: 0;
+            }
+        }
+    }
+</style>
diff --git a/src/ui/interfaces.ts b/src/ui/interfaces.ts
new file mode 100644
index 0000000..a7eff07
--- /dev/null
+++ b/src/ui/interfaces.ts
@@ -0,0 +1,2 @@
+export interface UITrack {
+}