buzzert/carplay
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add YouTube playback and queue flow

Browse Source
This commit is contained in:
James Magahern
2026-06-11 21:13:48 -07:00
parent 2866d33dec
commit 20f6d4d192
8 changed files with 612 additions and 101 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
public/index.html
View File

@@ -20,7 +20,8 @@
autocomplete="off"
required
>
<button id="next" type="submit">Next</button>
<button id="queue" type="button" class="secondary-submit">Queue</button>
<button id="play" type="submit">Play</button>
</form>
<div id="library-panel" class="library-panel" aria-label="Saved streams">
<section id="recent-panel" class="url-column" aria-labelledby="recent-heading">
@@ -64,15 +65,29 @@
<div id="favorites-modal" class="modal" role="dialog" aria-modal="true" aria-labelledby="favorites-modal-title" hidden>
<form id="favorites-form" class="modal-panel">
<div class="modal-heading">
<h2 id="favorites-modal-title">Edit Favorites</h2>
<h2 id="favorites-modal-title">Favorites</h2>
<button id="close-favorites" type="button" class="icon-button" aria-label="Close favorites editor">&times;</button>
</div>
<div id="favorites-editor-list" class="favorites-editor-list"></div>
<button id="add-favorite" type="button" class="secondary-button">Add Favorite</button>
<div id="favorites-manager" class="favorites-manager">
<div id="favorites-editor-list" class="favorites-editor-list"></div>
<button id="add-favorite" type="button" class="secondary-button">Add Favorite</button>
</div>
<div id="favorite-wizard" class="favorite-wizard" hidden>
<div id="favorite-wizard-step" class="wizard-step">Title</div>
<label id="favorite-title-field" class="wizard-field" for="favorite-title">
<span>Title</span>
<input id="favorite-title" type="text" autocomplete="off" maxlength="120">
</label>
<label id="favorite-url-field" class="wizard-field" for="favorite-url" hidden>
<span>URL</span>
<input id="favorite-url" type="url" autocomplete="off">
</label>
</div>
<div id="favorites-message" class="modal-message" role="status" aria-live="polite"></div>
<div class="modal-actions">
<button id="cancel-favorites" type="button" class="secondary-button">Cancel</button>
<button id="save-favorites" type="submit" class="primary-button">Save</button>
<button id="cancel-favorites" type="button" class="secondary-button">Done</button>
<button id="favorite-wizard-back" type="button" class="secondary-button" hidden>Back</button>
<button id="save-favorites" type="submit" class="primary-button" hidden>Next</button>
</div>
</form>
</div>