Make it more complete
This commit is contained in:
@@ -0,0 +1,23 @@
|
||||
<article class="primary-container" id="songattention">
|
||||
<form hx-post="/fix-song-index" hx-target="body">
|
||||
<h6>{{songname}}</h6>
|
||||
<input type="hidden" name="songId" value="{{songid}}">
|
||||
<div class="row">
|
||||
<div class="max">
|
||||
<div class="field label border">
|
||||
<input type="text" name="url" id='url'>
|
||||
<label>Video Url</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="min">
|
||||
{{if !string.empty(searchurl) }}
|
||||
<button hx-get="{{searchurl}}" hx-swap="innerHTML" hx-target="#search-dialog-results" type="button" hx-on::after-request="ui('#search-dialog')">Browse</button>
|
||||
{{end}}
|
||||
</div>
|
||||
</div>
|
||||
<nav>
|
||||
<button>OK</button>
|
||||
<button hx-get="/" hx-target="body">Cancel</button>
|
||||
</nav>
|
||||
</form>
|
||||
</article>
|
||||
@@ -22,7 +22,12 @@
|
||||
<div class="space"></div>
|
||||
<ul class="list">
|
||||
{{for item in pages}}
|
||||
{{if item.active }}
|
||||
<li class="wave round primary-container" hx-target="body" hx-push-url="true" hx-get="{{item.url}}">
|
||||
|
||||
{{else}}
|
||||
<li class="wave round" hx-target="body" hx-push-url="true" hx-get="{{item.url}}">
|
||||
{{end}}
|
||||
<i>{{item.icon}}</i>
|
||||
<span class="max">{{item.title}}</span>
|
||||
<b>{{item.badge}}</b>
|
||||
@@ -36,20 +41,9 @@
|
||||
<button hx-on:click="ui('#leftpane')" class="circle transparent">
|
||||
<i>menu</i>
|
||||
</button>
|
||||
<div class="max"></div>
|
||||
<div>
|
||||
<button class="circle transparent">
|
||||
<i>more_vert</i>
|
||||
</button>
|
||||
<menu class="left no-wrap">
|
||||
<li hx-target="body" hx-push-url="true" hx-get="/settings">Settings</li>
|
||||
<li hx-target="body" hx-push-url="true" hx-get="/log">Log</li>
|
||||
</menu>
|
||||
</div>
|
||||
<h6 class="max">TYTD Companion</h6>
|
||||
|
||||
</nav>
|
||||
<div class="small-padding">
|
||||
<h5>TYTD Companion</h5>
|
||||
</div>
|
||||
</header>
|
||||
<main class="responsive">
|
||||
{{body}}
|
||||
|
||||
@@ -1,11 +0,0 @@
|
||||
<div class="row">
|
||||
<div class="min">
|
||||
<button hx-post="/rescan">
|
||||
<i>sync</i>
|
||||
Rescan TYTD for Music
|
||||
</button>
|
||||
</div>
|
||||
<div class="min">
|
||||
<a class="button" href="@TYTD_URL@"><i>exit_to_app</i> TYTD2025 Downloader</a>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,37 @@
|
||||
<article class="primary-container">
|
||||
<h5>Logged in as {{username}}</h5>
|
||||
</article>
|
||||
<article class="primary-container">
|
||||
<h3>{{videotitle}}</h3>
|
||||
<h5>{{channeltitle}}</h5>
|
||||
</article>
|
||||
<article class="primary-container">
|
||||
<h3>Actions</h3>
|
||||
<ul class="list border">
|
||||
<li>
|
||||
<a hx-post="/rescan">
|
||||
<i>sync</i>
|
||||
Rescan TYTD for Music
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="{{tytdurl}}"><i>exit_to_app</i> TYTD2025 Downloader</a>
|
||||
</li>
|
||||
</ul>
|
||||
</article>
|
||||
|
||||
<article class="primary-container" id="songattention">
|
||||
{{if needsattention}}
|
||||
<div class="row">
|
||||
<div class="max">
|
||||
<h6>No YouTube Url found for</h6>
|
||||
<span>{{songtitle}}</span>
|
||||
</div>
|
||||
<div class="min">
|
||||
<button hx-swap="outerHTML" hx-target="#songattention" hx-get="{{fixsong}}" class="border round secondary">Set YouTube Url</button>
|
||||
</div>
|
||||
</div>
|
||||
{{else}}
|
||||
There are no songs that need your attention
|
||||
{{end}}
|
||||
</article>
|
||||
@@ -0,0 +1,15 @@
|
||||
<h1>{{songname }}'s albums</h1>
|
||||
|
||||
{{for album in albums}}
|
||||
<div class="row">
|
||||
<div class="min">
|
||||
<img width="120" height="120" src="{{album.imgurl}}" alt="album thumbnail">
|
||||
</div>
|
||||
<div class="max">
|
||||
<a href="{{album.albumurl}}">{{album.albumname}}</a>
|
||||
</div>
|
||||
<div class="min">
|
||||
<a href="{{album.url}}">View Song</a>
|
||||
</div>
|
||||
</div>
|
||||
{{end}}
|
||||
@@ -0,0 +1,12 @@
|
||||
<h1>{{songname }}'s albums</h1>
|
||||
|
||||
{{for album in albums}}
|
||||
<div class="row">
|
||||
<div class="min">
|
||||
<img width="120" height="120" src="{{album.imgurl}}" alt="album thumbnail">
|
||||
</div>
|
||||
<div class="max">
|
||||
<a href="{{album.albumurl}}">{{album.albumname}}</a>
|
||||
</div>
|
||||
</div>
|
||||
{{end}}
|
||||
@@ -0,0 +1,31 @@
|
||||
<form hx-target="body" hx-push-url="true" hx-get="/music/songs">
|
||||
<div class="row">
|
||||
<div class="max">
|
||||
<div class="field label border">
|
||||
<input type="text" name="q" value="{{q}}">
|
||||
<label>Search for songs</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="min">
|
||||
<button>Search</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<ul class="list border">
|
||||
{{for song in songs}}
|
||||
<li><a href="{{song.url}}">{{song.name}}</a></li>
|
||||
{{end}}
|
||||
</ul>
|
||||
|
||||
<div class="row">
|
||||
<div class="max">
|
||||
</div>
|
||||
<div class="min">
|
||||
<button class="round" hx-target="body" hx-push-url="true" hx-get="{{prev}}"><i>arrow_back</i></button>
|
||||
<span>{{current}}</span>
|
||||
<button class="round" hx-target="body" hx-push-url="true" hx-get="{{next}}"><i>arrow_forward</i></button>
|
||||
</div>
|
||||
<div class="max">
|
||||
</div>
|
||||
</div>
|
||||
@@ -16,6 +16,18 @@
|
||||
<input type="password" name="pass">
|
||||
<label>TYTD Password</label>
|
||||
</div>
|
||||
<div class="field middle-align">
|
||||
<nav>
|
||||
<div class="max">
|
||||
<h6>Thumbnail Passthrough</h6>
|
||||
<div>Use TYTD For Downloading Thumbnails (Slower, but there if you want)</div>
|
||||
</div>
|
||||
<label class="switch">
|
||||
<input type="checkbox" name="tytdthumbnail">
|
||||
<span></span>
|
||||
</label>
|
||||
</nav>
|
||||
</div>
|
||||
<br>
|
||||
<button>Finish</button>
|
||||
|
||||
|
||||
@@ -0,0 +1,39 @@
|
||||
<article class="primary-container">
|
||||
<form method="POST" action="/settings">
|
||||
<div class="field middle-align">
|
||||
<nav>
|
||||
<div class="max">
|
||||
<h6>Thumbnail Passthrough</h6>
|
||||
<div>Use TYTD For Downloading Thumbnails (Slower, but there if you want)</div>
|
||||
</div>
|
||||
<label class="switch">
|
||||
{{if tytdthumbnail}}
|
||||
<input type="checkbox" name="tytdthumbnail" checked>
|
||||
{{else}}
|
||||
<input type="checkbox" name="tytdthumbnail">
|
||||
{{end}}
|
||||
<span></span>
|
||||
</label>
|
||||
</nav>
|
||||
</div>
|
||||
<br>
|
||||
<button>Save</button>
|
||||
</form>
|
||||
|
||||
|
||||
</article>
|
||||
|
||||
<article class="primary-container" id="return-to-setup">
|
||||
<div class="row">
|
||||
<div class="max">
|
||||
<h4>
|
||||
Return to Initial Setup
|
||||
</h4>
|
||||
<p>
|
||||
<b>WARNING</b>: Please be quick if publicly exposed to the internet as the companion will lose it's security
|
||||
</p>
|
||||
</div>
|
||||
<div class="min">
|
||||
<button hx-swap="outerHTML" hx-get="/return-to-setup.html" hx-target="#return-to-setup">Return To Setup</button>
|
||||
</div>
|
||||
</article>
|
||||
@@ -0,0 +1,4 @@
|
||||
<article class="primary-container" id="return-to-setup">
|
||||
<h4>Are you sure you want to return to initial setup?</h4>
|
||||
<button hx-target="body" hx-post="/return-to-setup">Yes</button> <button hx-target="body" hx-get="/settings">No</button>
|
||||
</article>
|
||||
Reference in New Issue
Block a user