Skip to content

Commit

Permalink
Refactoring
Browse files Browse the repository at this point in the history
  • Loading branch information
@stuerp
stuerp committed Dec 2, 2024
1 parent f3a2ac2 commit 3b274c9
Show file tree
Hide file tree
Showing 2 changed files with 39 additions and 38 deletions.
69 changes: 35 additions & 34 deletions PlaylistTemplate.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -51,11 +51,11 @@
</head>
<body>
<div>
Playlist count: <span id="PlaylistCount"></span><br/>
Active playlist: <span id="ActivePlaylist"></span><br/>
Playing playlist: <span id="PlayingPlaylist"></span><br/>
Playlist name: <span id="PlaylistName"></span><br/>
Focused playlist item: <span id="FocusedPlaylistItem"></span><br/>
Playlist count: <span id="playlistCount"></span><br/>
Active playlist: <span id="activePlaylist"></span><br/>
Playing playlist: <span id="playingPlaylist"></span><br/>
Playlist name: <span id="playlistName"></span><br/>
Focused playlist item: <span id="focusedPlaylistItem"></span><br/>
<br/>

onPlaylistItemsAdded: <span id="onPlaylistItemsAddedResult"></span><br/>
Expand Down Expand Up @@ -101,23 +101,23 @@
<br/>
<div id="Playlist"/>

Select last item&nbsp;<button id="selectItemButton"/>Execute</button>&nbsp;<span id="SelectItemResult"></span><br/>
Deselect last item&nbsp;<button id="deselectItemButton"/>Execute</button>&nbsp;<span id="DeselectItemResult"></span><br/>
Is last item selected?&nbsp;<button id="isSelectedButton"/>Execute</button>&nbsp;<span id="IsSelectedResult"></span><br/>
Remove selected playlist items&nbsp;<button id="removeSelectedButton"/>Execute</button>&nbsp;<span id="RemoveSelectedResult"></span><br/>
Remove unselected playlist items&nbsp;<button id="removeUnselectedButton"/>Execute</button>&nbsp;<span id="RemoveUnselectedResult"></span><br/>
Count playlist items&nbsp;<button id="playlistItemCountButton"/>Execute</button>&nbsp;<span id="PlaylistItemCount"></span><br/>
Count selected playlist items&nbsp;<button id="selectedPlaylistItemCountButton"/>Execute</button>&nbsp;<span id="SelectedPlaylistItemCount"></span><br/>
Remove last item&nbsp;<button id="removeItemButton"/>Execute</button>&nbsp;<span id="RemoveItemResult"></span><br/>
Select last item&nbsp;<button id="selectItemButton">Execute</button>&nbsp;<span id="selectItemResult"></span><br/>
Deselect last item&nbsp;<button id="deselectItemButton">Execute</button>&nbsp;<span id="deselectItemResult"></span><br/>
Is last item selected?&nbsp;<button id="isSelectedButton">Execute</button>&nbsp;<span id="isSelectedResult"></span><br/>
Remove selected playlist items&nbsp;<button id="removeSelectedButton">Execute</button>&nbsp;<span id="removeSelectedResult"></span><br/>
Remove unselected playlist items&nbsp;<button id="removeUnselectedButton">Execute</button>&nbsp;<span id="removeUnselectedResult"></span><br/>
Count playlist items&nbsp;<button id="playlistItemCountButton">Execute</button>&nbsp;<span id="playlistItemCount"></span><br/>
Count selected playlist items&nbsp;<button id="selectedPlaylistItemCountButton">Execute</button>&nbsp;<span id="selectedPlaylistItemCount"></span><br/>
Remove last item&nbsp;<button id="removeItemButton">Execute</button>&nbsp;<span id="removeItemResult"></span><br/>
<br/>

Clear playlist&nbsp;<button id="clearPlaylistButton"/>Execute</button>&nbsp;<span id="ClearPlaylistResult"></span><br/>
Clear playlist&nbsp;<button id="clearPlaylistButton">Execute</button>&nbsp;<span id="clearPlaylistResult"></span><br/>
<br/>

Create Auto playlist&nbsp;<button id="createAutoPlaylistButton"/>Execute</button>&nbsp;<span id="CreateAutoPlaylistResult"></span><br/>
Is auto playlist: <span id="IsAutoPlaylist"></span><br/>
Create Auto playlist&nbsp;<button id="createAutoPlaylistButton">Execute</button>&nbsp;<span id="createAutoPlaylistResult"></span><br/>
Is auto playlist: <span id="isAutoPlaylist"></span><br/>
<br/>
Playback order: <span id="PlaybackOrder"></span><br/>
Playback order: <span id="playbackOrder"></span><br/>
<br/>

<button id="readImageButton">Read Image</button><br/>
Expand All @@ -136,14 +136,15 @@
{
const Index = chrome.webview.hostObjects.sync.foo_uie_webview.activePlaylist;

document.getElementById("PlaylistCount").textContent = chrome.webview.hostObjects.sync.foo_uie_webview.playlistCount;
document.getElementById("ActivePlaylist").textContent = Index;
document.getElementById("PlayingPlaylist").textContent = chrome.webview.hostObjects.sync.foo_uie_webview.playingPlaylist;
document.getElementById("PlaylistName").textContent = chrome.webview.hostObjects.sync.foo_uie_webview.getPlaylistName(Index);
document.getElementById("FocusedPlaylistItem").textContent = chrome.webview.hostObjects.sync.foo_uie_webview.getFocusedPlaylistItem(Index);
document.getElementById("IsAutoPlaylist").textContent = chrome.webview.hostObjects.sync.foo_uie_webview.isAutoPlaylist(Index);
document.getElementById("playlistCount").textContent = chrome.webview.hostObjects.sync.foo_uie_webview.playlistCount;
document.getElementById("activePlaylist").textContent = Index;
document.getElementById("playingPlaylist").textContent = chrome.webview.hostObjects.sync.foo_uie_webview.playingPlaylist;
document.getElementById("playlistName").textContent = chrome.webview.hostObjects.sync.foo_uie_webview.getPlaylistName(Index);
document.getElementById("focusedPlaylistItem").textContent = chrome.webview.hostObjects.sync.foo_uie_webview.getFocusedPlaylistItem(Index);

document.getElementById("PlaybackOrder").textContent = chrome.webview.hostObjects.sync.foo_uie_webview.playbackOrder;
document.getElementById("isAutoPlaylist").textContent = chrome.webview.hostObjects.sync.foo_uie_webview.isAutoPlaylist(Index);

document.getElementById("playbackOrder").textContent = chrome.webview.hostObjects.sync.foo_uie_webview.playbackOrder;
}

document.getElementById("createPlaylistButton").addEventListener("click", async () =>
Expand Down Expand Up @@ -206,67 +207,67 @@
// Selects the last item of the active playlist.
await chrome.webview.hostObjects.foo_uie_webview.selectPlaylistItem(-1, -1);

document.getElementById("SelectItemResult").textContent = "Done (" + Now() + ")";
document.getElementById("selectItemResult").textContent = "Done (" + Now() + ")";
});

document.getElementById("deselectItemButton").addEventListener("click", async () =>
{
// Deselects the last item of the active playlist.
await chrome.webview.hostObjects.foo_uie_webview.deselectPlaylistItem(-1, -1);

document.getElementById("DeselectItemResult").textContent = "Done (" + Now() + ")";
document.getElementById("deselectItemResult").textContent = "Done (" + Now() + ")";
});

document.getElementById("isSelectedButton").addEventListener("click", async () =>
{
// Returns true if the last item of the active playlist is selected.
document.getElementById("IsSelectedResult").textContent = await chrome.webview.hostObjects.foo_uie_webview.isPlaylistItemSelected(-1, -1);
document.getElementById("isSelectedResult").textContent = await chrome.webview.hostObjects.foo_uie_webview.isPlaylistItemSelected(-1, -1);
});

document.getElementById("removeSelectedButton").addEventListener("click", async () =>
{
await chrome.webview.hostObjects.foo_uie_webview.removeSelectedPlaylistItems(0);

document.getElementById("RemoveSelectedResult").textContent = "Done (" + Now() + ")";
document.getElementById("removeSelectedResult").textContent = "Done (" + Now() + ")";
});

document.getElementById("removeUnselectedButton").addEventListener("click", async () =>
{
await chrome.webview.hostObjects.foo_uie_webview.removeUnselectedPlaylistItems(0);

document.getElementById("RemoveUnselectedResult").textContent = "Done (" + Now() + ")";
document.getElementById("removeUnselectedResult").textContent = "Done (" + Now() + ")";
});

document.getElementById("playlistItemCountButton").addEventListener("click", async () =>
{
document.getElementById("PlaylistItemCount").textContent = chrome.webview.hostObjects.sync.foo_uie_webview.getPlaylistItemCount(-1);
document.getElementById("playlistItemCount").textContent = chrome.webview.hostObjects.sync.foo_uie_webview.getPlaylistItemCount(-1);
});

document.getElementById("selectedPlaylistItemCountButton").addEventListener("click", async () =>
{
document.getElementById("SelectedPlaylistItemCount").textContent = chrome.webview.hostObjects.sync.foo_uie_webview.getSelectedPlaylistItemCount(-1, -1);
document.getElementById("selectedPlaylistItemCount").textContent = chrome.webview.hostObjects.sync.foo_uie_webview.getSelectedPlaylistItemCount(-1, -1);
});

document.getElementById("removeItemButton").addEventListener("click", async () =>
{
await chrome.webview.hostObjects.foo_uie_webview.removePlaylistItem(-1, -1);

document.getElementById("RemoveItemResult").textContent = "Done (" + Now() + ")";
document.getElementById("removeItemResult").textContent = "Done (" + Now() + ")";
});

document.getElementById("clearPlaylistButton").addEventListener("click", async () =>
{
// Clear the specified playlist. Use -1 for the active playlist.
await chrome.webview.hostObjects.foo_uie_webview.clearPlaylist(-1);

document.getElementById("ClearPlaylistResult").textContent = "Done (" + Now() + ")";
document.getElementById("clearPlaylistResult").textContent = "Done (" + Now() + ")";
});

document.getElementById("createAutoPlaylistButton").addEventListener("click", async () =>
{
chrome.webview.hostObjects.sync.foo_uie_webview.activePlaylist = await chrome.webview.hostObjects.foo_uie_webview.createAutoPlaylist(-1, "Test", "%title% HAS test", "%album artist% | %album% | %tracknumber% | %title%", 0);

document.getElementById("CreateAutoPlaylistResult").textContent = "Done (" + Now() + ")";
document.getElementById("createAutoPlaylistResult").textContent = "Done (" + Now() + ")";
});

document.getElementById("readImageButton").addEventListener("click", async () =>
Expand Down
8 changes: 4 additions & 4 deletions README.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -144,7 +144,7 @@ v0.2.0.0-alpha5, 2024-12-xx, *"I'm getting framed..."*
* isAutoPlaylist: Returns true if the specified playlist is an auto playlist. (alpha2)
* playbackOrder: Gets or sets the playback order (0 = default, 1 = repeat playlist, 2 = repeat track, 3 = random, 4 = shuffle tracks, 5 = shuffle albums, 6 = shuffle folders). (alpha2)

* Events
* Callbacks
* onPlaylistItemsAdded(playlistIndex): Called when items have been added to the specified playlist. (alpha4)
* onPlaylistItemsReordered(playlistIndex): Called when the items of the specified playlist have been reordered. (alpha4)
* onPlaylistItemsRemoving(playlistIndex): Called when removing items of the specified playlist. (alpha4)
Expand Down Expand Up @@ -172,11 +172,11 @@ v0.2.0.0-alpha5, 2024-12-xx, *"I'm getting framed..."*

* Fixed: Booleans in objects are now parsed correctly. (alpha4)
* Fixed: Boolean parameters and return values are true Javascript booleans now. (alpha4)
* Improved: The searchPattern parameter is now optional in ReadDirectory() and defaults to "*.*". (alpha4)
* Improved: The searchPattern parameter is now optional in ReadDirectory() and defaults to "\*.\*". (alpha4)
* Improved: The CreateAutoPlaylist() sort and flags parameter can be omitted. They default to "" and 0 respectively. (alpha4)
* Changed: Returned JSON objects now use camelCase casing. (alpha4)
* Changed: *Breaking Change* Events follow the Category-Noun-Verb naming convention. (alpha5)
* Changed: *Breaking Change* All properties, methods and events use camelCase casing. (alpha5)
* Changed: *Breaking Change* Callbacks follow the Category-Noun-Verb naming convention. (alpha5)
* Changed: *Breaking Change* All properties, methods and callbacks to use camelCase convention. (alpha5)

v0.1.8.0, 2024-08-10

Expand Down

0 comments on commit 3b274c9

Please sign in to comment.