misc: add remove mapping button to settings

- Added a button to remove the mapping for a media folder if it's unmapped, so it's easier to attempt to remap it without resorting to manual edits of the settings file or fiddling with the browser dev. tools.
ShokoAnime · Jun 17, 2024 · c76413a · c76413a
1 parent e82e623
commit c76413a
Show file tree

Hide file tree

Showing 2 changed files with 33 additions and 0 deletions.
diff --git a/Shokofin/Configuration/configController.js b/Shokofin/Configuration/configController.js
@@ -177,6 +177,13 @@ async function loadMediaFolderConfig(form, mediaFolderId, config) {
     form.querySelector("#MediaFolderDefaultSettingsContainer").setAttribute("hidden", "");
     form.querySelector("#MediaFolderPerFolderSettingsContainer").removeAttribute("hidden");
 
+    if (mediaFolderConfig.IsMapped) {
+        form.querySelector("#MediaFolderDeleteContainer").setAttribute("hidden", "");
+    }
+    else {
+        form.querySelector("#MediaFolderDeleteContainer").removeAttribute("hidden");
+    }
+
     Dashboard.hideLoadingMsg();
 }
 
@@ -562,6 +569,23 @@ async function unlinkUser(form) {
     return config;
 }
 
+async function removeMediaFolder(form) {
+    const config = await ApiClient.getPluginConfiguration(PluginConfig.pluginId);
+    const mediaFolderId = form.querySelector("#MediaFolderSelector").value;
+    if (!mediaFolderId) return;
+
+    const index = config.MediaFolders.findIndex((m) => m.MediaFolderId === mediaFolderId);
+    if (index !== -1) {
+        config.MediaFolders.splice(index, 1);
+    }
+
+    const result = await ApiClient.updatePluginConfiguration(PluginConfig.pluginId, config)
+    form.querySelector("#MediaFolderSelector").value = "";
+
+    Dashboard.processPluginConfigurationUpdateResult(result);
+    return config;
+}
+
 async function syncMediaFolderSettings(form) {
     const config = await ApiClient.getPluginConfiguration(PluginConfig.pluginId);
     const mediaFolderId = form.querySelector("#MediaFolderSelector").value;
@@ -1044,6 +1068,9 @@ export default function (page) {
                     .then(refreshSignalr)
                     .catch(onError);
                 break;
+            case "remove-media-folder":
+                removeMediaFolder(form).then(refreshSettings).catch(onError);
+                break;
             case "unlink-user":
                 unlinkUser(form).then(refreshSettings).catch(onError);
                 break;

diff --git a/Shokofin/Configuration/configPage.html b/Shokofin/Configuration/configPage.html
@@ -1333,6 +1333,12 @@ <h3>Media Folder Settings</h3>
                                 </div>
                             </div>
                         </div>
+                        <div id="MediaFolderDeleteContainer" class="inputContainer inputContainer-withDescription" hidden>
+                            <button is="emby-button" type="submit" name="remove-media-folder" class="raised button-delete block emby-button">
+                                <span>Delete</span>
+                            </button>
+                            <div class="fieldDescription">This will delete the saved settings and reset the mapping for the media folder.</div>
+                        </div>
                         <button is="emby-button" type="submit" name="media-folder-settings" class="raised button-submit block emby-button">
                             <span>Save</span>
                         </button>