FEAT: Change Catagories to a list

cms/internal/views/video.templ

@@ -16,8 +16,8 @@ templ VideoUpload() {
 				<textarea id="description" name="description" rows="4"></textarea>
 			</div>
 			<div class="field">
-				<label for="category">Category</label>
-				<select id="category" name="category">
+				<label for="category">Categories</label>
+				<select id="category" name="category" multiple>
 					<option value="documentary">Documentary</option>
 					<option value="news">News</option>
 					<option value="entertainment">Entertainment</option>
@@ -103,7 +103,7 @@ templ VideoUpload() {
 							body: JSON.stringify({
 								title: form.title.value.trim(),
 								description: form.description.value.trim(),
-								category: form.category.value,
+								categories: Array.prototype.map.call(form.category.selectedOptions, function (o) { return o.value; }),
 								tags: form.tags.value.trim(),
 								fileName: file.name,
 								key: key
@@ -133,8 +133,8 @@ templ VideoUploadSuccess(v VideoMetadata) {
 				<dt>Description</dt>
 				<dd>{ v.Description }</dd>
 			}
-			<dt>Category</dt>
-			<dd>{ v.Category }</dd>
+			<dt>Categories</dt>
+			<dd>{ joinCategories(v.Categories) }</dd>
 			<dt>Enqueue Job ID</dt>
 			<dd>{ v.JobID }</dd>
 			if v.Tags != "" {