recorder: delete-selected uses confirmDelete()

Author: bobrippling

apps/recorder/interface.html

@@ -775,7 +775,7 @@ <h2>GPS Tracks</h2>`;
           <h2>Batch Operations</h2>
           <div class="form-group">
             ${['KML', 'GPX', 'CSV'].map(fmt => `<button class="btn btn-primary" task="download${fmt.toLowerCase()}_selected">Download selected ${fmt}</button>`).join(' ')}
-            <button class="btn btn-primary" id="delete-selected">Delete selected</button>
+            <button class="btn btn-error" id="delete-selected">Delete selected</button>
           </div>
         </div>
         <h2>Settings</h2>
@@ -960,11 +960,9 @@ <h2>Settings</h2>
           );
         });
       });
-      domTracks.querySelector("button#delete-selected").addEventListener("click", async e => {
-        const selected = trackList.filter(isSelected);
-
-        for(const track of selected)
-          await deleteTrack(track.filename);
+      domTracks.querySelector("button#delete-selected").addEventListener("click", e => {
+        const filenames = trackList.filter(isSelected).map(track => track.filename);
+        confirmDelete(e.target, filenames);
       });
     });
   });