hgffghfrghertyherhytdtyhj

Pages/profile.php

@@ -16,6 +16,9 @@ $yourTunes = $db->RunSelect(
         table: 'Tunes'
     )
         ->where(cond: 'T.CreatedBy LIKE :__user_id__')
+        ->orderBy(spec: [
+            'T.Title ASC',
+        ])
         ->bindValue(name: '__user_id__', value: SessionWrapper::Get(target: SessionElement::USER_ID))
 );
 

Public/API/V1/GetMIDIFile.php

@@ -0,0 +1,22 @@
+<?php
+
+use App\Dataclasses\DatabaseFolkTuneDetails;
+use App\Wrappers\DatabaseInteractions;
+use App\Wrappers\SQLQueryBuilderWrapper;
+
+require_once __DIR__ . "/../../../vendor/autoload.php";
+
+$targetTuneID = $_GET['tune-id'];
+
+$db = new DatabaseInteractions();
+
+$tuneDetails = $db->RunOneSelect(
+    queryBuilder: SQLQueryBuilderWrapper::SELECT_ONE(
+        table: 'Tunes',
+        id: $targetTuneID
+    )
+);
+
+header(header: "Content-type: audio/midi");
+echo $tuneDetails['MIDIData'];
+die();

Public/Static/CSS/Elements/Rating.css

@@ -1,6 +1,4 @@
 #RatingContainer {
-    text-align: center;
-    font-family: Arial, sans-serif;
 }
 
 .RatingButtons {

Templates/Pages/tune/uuid.html.twig

@@ -3,6 +3,9 @@
 {% block content %}
 
     <script src="/Static/JS/ThirdParty/abcjs-basic.js"></script>
+    <script src="/Static/JS/ThirdParty/midijs.js"></script>
+
+
     <!--<script src="/Static/JS/ThirdParty/abcjs-plugin-min.js"></script>-->
     <link rel="stylesheet" href="/Static/CSS/ThirdParty/abcjs-audio.css">
 
@@ -43,18 +46,13 @@
 
                     <div class="ThreeDContainer">
                         <h2>{{ "Audio"|translate }}</h2>
-                        <div id="MIDI--{{ TuneDetails.ID }}"></div>
+                        <button onclick="MIDIjs.play('/API/V1/GetMIDIFile.php?tune-id={{ TuneDetails.ID }}');">{{ "Play"|translate }}</button>
                     </div>
 
                     <div class="ThreeDContainer">
                         <div class="DLContainer">
                             <h2>{{ "Tune Overview"|translate }}</h2>
                             <dl>
-                                <dt>{{ "Time Signature"|translate }}</dt>
-                                <dd>{{ TuneDetails.TimeSignature }}</dd>
-
-                                <dt>{{ "Key Signature"|translate }}</dt>
-                                <dd>{{ TuneDetails.KeySignature }}</dd>
 
                                 <dt>{{ "Copyright"|translate }}</dt>
                                 <dd>{{ TuneDetails.Copyright }}</dd>