Add YouTube playback and queue flow
This commit is contained in:
@@ -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">×</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>
|
||||
|
||||
Reference in New Issue
Block a user