Add renaming of profiles + use alphabetical sorting

583cc4b09704344a6afb9e57ff5e2b767efee597

Cohee <18619528+Cohee1207@users.noreply.github.com>

public/scripts/extensions/connection-manager/index.js+26 -1 Viewed

     noneOption.selected = !extension_settings.connectionManager.selectedProfile;
     profiles.appendChild(noneOption);
     for (const profile of extension_settings.connectionManager.profiles.sort((a, b) => a.name.localeCompare(b.name))) {
         const option = document.createElement('option');
         option.value = profile.id;
         option.textContent = profile.name;

         await eventSource.emit(event_types.CONNECTION_PROFILE_LOADED, NONE);
     });
 +    const renameButton = document.getElementById('rename_connection_profile');
 +    renameButton.addEventListener('click', async () => {
 +        const selectedProfile = extension_settings.connectionManager.selectedProfile;
 +        const profile = extension_settings.connectionManager.profiles.find(p => p.id === selectedProfile);
 +        if (!profile) {
 +            console.log('No profile selected');
 +            return;
 +        }
++
 +        const newName = await Popup.show.input('Enter a new name', null, profile.name, { rows: 2 });
 +        if (!newName) {
 +            return;
 +        }
++
 +        if (extension_settings.connectionManager.profiles.some(p => p.name === newName)) {
 +            toastr.error('A profile with the same name already exists.');
 +            return;
 +        }
++
 +        profile.name = newName;
 +        saveSettingsDebounced();
 +        renderConnectionProfiles(profiles);
 +        toastr.success('Connection profile renamed', '', { timeOut: 1500 });
 +    });
++
     /** @type {HTMLElement} */
     const viewDetails = document.getElementById('view_connection_profile');
     const detailsContent = document.getElementById('connection_profile_details_content');

public/scripts/extensions/connection-manager/settings.html+1 -0 Viewed

         <i id="view_connection_profile" class="menu_button fa-solid fa-info-circle" title="View connection profile details" data-i18n="[title]View connection profile details"></i>
         <i id="create_connection_profile" class="menu_button fa-solid fa-file-circle-plus" title="Create a new connection profile" data-i18n="[title]Create a new connection profile"></i>
         <i id="update_connection_profile" class="menu_button fa-solid fa-save" title="Update a connection profile" data-i18n="[title]Update a connection profile"></i>
 +        <i id="rename_connection_profile" class="menu_button fa-solid fa-pencil" title="Rename a connection profile" data-i18n="[title]Rename a connection profile"></i>
         <i id="reload_connection_profile" class="menu_button fa-solid fa-recycle" title="Reload a connection profile" data-i18n="[title]Reload a connection profile"></i>
         <i id="delete_connection_profile" class="menu_button fa-solid fa-trash-can" title="Delete a connection profile" data-i18n="[title]Delete a connection profile"></i>
     </div>