Create the most basic version of the ArtistBrowser app

templates/ArtSidebar/artists.hbs

@@ -3,7 +3,7 @@
 	<button
 		type="button"
 		data-action="openApp"
-		data-app="ArtistList"
+		data-app="ArtistBrowser"
 	>
 		View All
 	</button>

templates/ArtistBrowser/artist.hbs

@@ -0,0 +1,28 @@
+<div class="entry artist">
+	<div class="row">
+		<h2>{{artist.name}}</h2>
+		<div class="grow"></div>
+		<div>
+			{{artist.imageCount}} Images
+		</div>
+	</div>
+	{{#if artist.links}}
+		<ul class="chip-list">
+			{{#each artist.links as |link|}}
+				<li class="chip">
+					<a href="{{link.url}}">{{link.name}}</a>
+				</li>
+			{{/each}}
+		</ul>
+	{{/if}}
+	{{#if artist.commonTags}}
+		<section>
+			<h3>Common Image Tags</h3>
+			<ul class="chip-list">
+				{{#each artist.commonTags as |tag|}}
+					<li class="chip">{{tag.name}} ({{tag.count}})</li>
+				{{/each}}
+			</ul>
+		</section>
+	{{/if}}
+</div>

templates/ArtistBrowser/list.hbs

@@ -0,0 +1,34 @@
+<div class="paginated">
+	<div class="row">
+		{{#if can.upload}}
+			<button data-action="createArtist">Create New Artist</button>
+		{{/if}}
+	</div>
+	{{#if artists}}
+		<ul class="entry-list list">
+			{{#each artists as | artist |}}
+				{{> (it-filePath "templates/ArtistBrowser/artist.hbs") artist=artist }}
+			{{/each}}
+		</ul>
+	{{else}}
+		<span class="placeholder">
+			{{ localize "" }}
+		</span>
+	{{/if}}
+	<div class="grow"></div>
+	<div class="row page-nav">
+		<button
+			data-action="prevPage"
+			{{disabled (not has.prev)}}
+		>
+			Prev
+		</button>
+		{{page}} / {{pages}}
+		<button
+			data-action="nextPage"
+			{{disabled (not has.next)}}
+		>
+			Next
+		</button>
+	</div>
+</div>

templates/ArtistBrowser/sidebar.hbs

@@ -0,0 +1,18 @@
+<form autocomplete="off" class="filters">
+	<label for="{{meta.idp}}-name">Name</label>
+	<input
+		id="{{meta.idp}}-name"
+		type="text"
+		name="name"
+		value="{{name}}"
+	>
+
+	<hr>
+
+	<label for="{{meta.idp}}-sort">
+		Sort By
+	</label>
+	<select name="sortBy" id="{{meta.idp}}-sort">
+		{{it-options sortBy sortOptions localize=true}}
+	</select>
+</form>