"

Templates/Pages/tune/uuid.html.twig

@@ -8,11 +8,11 @@
 
 
     <div class="InnerContent">
-        <h1>{{ TuneDetails.Title }}</h1>
         <div>
             <div class="container">
                 <div class="left">
                     <div class="DLContainer">
+                        <h2>{{ "Tune Overview"|translate }}</h2>
                         <dl>
                             <dt>{{ "Time Signature"|translate }}</dt>
                             <dd>{{ TuneDetails.TimeSignature }}</dd>
@@ -46,70 +46,6 @@
         </div>
     </div>
 
-    <div class="InnerContent">
-        <h1>
-            {{ "Dances for"|translate }}
-            "{{ TuneDetails.Title }}"
-            <span>
-                <sup>
-                    <a href="/tune/{{ TuneDetails.ID }}/suggest-dance">
-                        {{ "Suggest another"|translate }}
-                    </a>
-                </sup>
-            </span>
-        </h1>
-        {% for x in Dances %}
-            <div>
-                <button class="accordion">{{ TuneDetails.Title }}</button>
-                <div class="panel">
-                    <h2>Steps</h2>
-                    <table>
-                        <thead>
-                        <tr>
-                            <th colspan="2">{{ "Bars"|translate }}</th>
-                            <th>{{ "Description"|translate }}</th>
-                        </tr>
-                        </thead>
-                        <tbody>
-                        {% for step in TuneDetails.Steps %}
-                            <tr>
-                                <th>{{ step.BarCountAtStart }}</th>
-                                <th>{{ step.BarCountAtEnd }}</th>
-                                <td>{{ step.Description }}</td>
-                            </tr>
-                        {% endfor %}
-                        </tbody>
-                    </table>
-                </div>
-            </div>
-        {% endfor %}
-    </div>
-
-    <script>
-        var acc = document.getElementsByClassName("accordion");
-        var i;
-
-        for (i = 0; i < acc.length; i++) {
-            acc[i].addEventListener("click", function() {
-                /* Toggle between adding and removing the "active" class,
-                to highlight the button that controls the panel */
-                this.classList.toggle("active");
-
-                /* Toggle between hiding and showing the active panel */
-                var panel = this.nextElementSibling;
-                if (panel.style.display === "block") {
-                    panel.style.display = "none";
-                } else {
-                    panel.style.display = "block";
-                }
-            });
-        }
-    </script>
-
-
-
-
-
     <script>
         if (!window.ABCJS) {
             console.error("ABCJS library failed to load.");
@@ -117,7 +53,7 @@
     </script>
     <script>
         document.addEventListener("DOMContentLoaded", function () {
-            function RenderABC(targetTuneID) {
+            const targetTuneID = '{{ TuneDetails.ID }}';
             API_GET("/V1/GetABCFile.php?tune-variant-id=" + targetTuneID)
                 .then(payload => {
                     // Ensure required DOM elements exist
@@ -164,10 +100,6 @@
                 .catch(error => {
                     console.error("Error fetching ABC data:", error);
                 });
-            }
-
-
-            RenderABC('{{ TuneDetails.ID }}');
         });
     </script>
 {% endblock %}