RIFFMASTER: FRONTEND: add downloading selected song in a format compatible with RiffMaster

Backend/Spring/.idea/workspace.xml

@@ -10,8 +10,8 @@
   </component>
   <component name="ChangeListManager">
     <list default="true" id="8315de53-8c15-472c-a710-45938463dc02" name="Changes" comment="RIFFMASTER: add frontend files">
-      <change beforePath="$PROJECT_DIR$/../../Frontend/RiffMasterFront/.angular/cache/16.0.4/angular-webpack/9163ed2c587ff4665fb17ea4ebc8750a69df1e73/15.pack" beforeDir="false" afterPath="$PROJECT_DIR$/../../Frontend/RiffMasterFront/.angular/cache/16.0.4/angular-webpack/9163ed2c587ff4665fb17ea4ebc8750a69df1e73/15.pack" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/../../Frontend/RiffMasterFront/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/../../Frontend/RiffMasterFront/.idea/workspace.xml" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/../../Frontend/RiffMasterFront/src/app/Services/song.service.ts" beforeDir="false" afterPath="$PROJECT_DIR$/../../Frontend/RiffMasterFront/src/app/Services/song.service.ts" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/../../Frontend/RiffMasterFront/src/app/main-page/main-page.component.ts" beforeDir="false" afterPath="$PROJECT_DIR$/../../Frontend/RiffMasterFront/src/app/main-page/main-page.component.ts" afterDir="false" />
     </list>
     <option name="SHOW_DIALOG" value="false" />
@@ -215,7 +215,7 @@
       <workItem from="1686820558130" duration="622000" />
       <workItem from="1686836941887" duration="14004000" />
       <workItem from="1686898654444" duration="1889000" />
-      <workItem from="1686909268841" duration="14684000" />
+      <workItem from="1686909268841" duration="15278000" />
     </task>
     <task id="LOCAL-00001" summary="add basic hello world and transfering data to server">
       <created>1679575346987</created>

Frontend/RiffMasterFront/.idea/workspace.xml

@@ -97,7 +97,7 @@
       <workItem from="1686820564623" duration="521000" />
       <workItem from="1686836939723" duration="5206000" />
       <workItem from="1686898660229" duration="4682000" />
-      <workItem from="1686909264196" duration="5817000" />
+      <workItem from="1686909264196" duration="7475000" />
     </task>
     <task id="LOCAL-00001" summary="RIFFMASTER: add frontend project">
       <created>1685976235580</created>

Frontend/RiffMasterFront/src/app/Services/song.service.ts

@@ -54,4 +54,46 @@ export class SongService {
       });
     });
   }
+
+
+
+
+  generateXaml(song: Song): string {
+    const songXml = this.songToXml(song);
+    const xaml = `<Song>${songXml}</Song>`;
+    return xaml;
+  }
+
+  songToXml(song: Song): string {
+    const xmlBuilder = require('xmlbuilder');
+
+    const songXml = xmlBuilder.create('Track', { version: '1.0', encoding: 'UTF-8' });
+
+    if (song.riffs && song.riffs.length > 0) {
+      const riffsXml = songXml.ele('Riffs');
+      for (const riff of song.riffs) {
+        const riffXml = riffsXml.ele('Riff');
+        riffXml.ele('Name', riff.name);
+        riffXml.ele('StartMs', riff.startMs);
+        riffXml.ele('EndMs', riff.endMs);
+        riffXml.up();
+      }
+    }
+
+    songXml.ele('Name', song.name);
+
+    return songXml.end({ pretty: true });
+  }
+
+
+
+
+
+
+
+
+
+
+
+
 }

Frontend/RiffMasterFront/src/app/main-page/main-page.component.ts

@@ -98,8 +98,20 @@ export class MainPageComponent implements OnInit {
     }
   }
 
-  download() {
-    // Implement your download logic here
+  download(): void {
+    if (this.selectedSong) {
+      const xmlContent = this.songService.songToXml(this.selectedSong);
+      const blob = new Blob([xmlContent], { type: 'text/xml' });
+      const url = window.URL.createObjectURL(blob);
+
+      const a = document.createElement('a');
+      a.href = url;
+      a.download = this.selectedSong.name + '.xml';
+      a.click();
+
+      window.URL.revokeObjectURL(url);
+      a.remove();
+    }
   }