From 4b6ced439da2847f8f4a7a87809adf046c515ec2 Mon Sep 17 00:00:00 2001
From: shockrah <alejandros714@protonmail.com>
Date: Fri, 8 Oct 2021 13:21:09 -0700
Subject: [PATCH] ! Bulk commit of progression A lot off issues with the
 current design make 100% more sense by cutting hugo out of the picture
 entirely This means we're switching fully to rocket however we're not going
 to leave behind the work done with hugo, we're just going to migrate it over
 first

---
 .gitignore                                    |  1 +
 api/src/main.rs                               |  2 +-
 api/src/video.rs                              | 30 +++++++++-
 frontend/content/collection.md                |  6 ++
 .../clippable/layouts/collection/baseof.html  | 15 +++++
 .../clippable/layouts/collection/single.html  |  4 ++
 .../themes/clippable/static/css/style.css     |  4 ++
 frontend/ts/collection.ts                     | 59 +++++++++++++++++++
 frontend/ts/index.ts                          | 32 +++++++---
 9 files changed, 143 insertions(+), 10 deletions(-)
 create mode 100644 frontend/content/collection.md
 create mode 100644 frontend/themes/clippable/layouts/collection/baseof.html
 create mode 100644 frontend/themes/clippable/layouts/collection/single.html
 create mode 100644 frontend/ts/collection.ts

diff --git a/.gitignore b/.gitignore
index 6d6452e..78bbb51 100644
--- a/.gitignore
+++ b/.gitignore
@@ -9,3 +9,4 @@ api/vids/
 frontend/themes/clippable/static/js/index.js
 frontend/public/
 frontend/themes/clippable/static/js/category.js
+frontend/themes/clippable/static/js/collection.js
diff --git a/api/src/main.rs b/api/src/main.rs
index 67a190f..ddcc9d6 100644
--- a/api/src/main.rs
+++ b/api/src/main.rs
@@ -12,6 +12,6 @@ fn main() {
      * CLIP_DIR
      */
     let _ = rocket::ignite()
-        .mount("/api", routes![video::list_categories])
+        .mount("/api", routes![video::list_categories, video::list_videos])
         .launch();
 }
diff --git a/api/src/video.rs b/api/src/video.rs
index 5b5df7d..71f0a17 100644
--- a/api/src/video.rs
+++ b/api/src/video.rs
@@ -13,6 +13,13 @@ struct Category {
     thumbnail: Option<String>
 }
 
+#[derive(Serialize)]
+struct Video {
+    name: String,
+    category: String,
+    thumbnail: Option<String>
+}
+
 fn get_nail(dirpath: &Path) -> std::io::Result<Option<String>> {
     let mut t_path = dirpath.to_path_buf(); t_path.push(".thumbnail.jpg");
 
@@ -29,7 +36,7 @@ fn get_nail(dirpath: &Path) -> std::io::Result<Option<String>> {
 pub fn list_categories() -> JsonValue {
     let dir = match env::var("CLIPS_DIR") {
         Ok(val) => val,
-        Err(e) => "/media/clips/".to_string()
+        Err(_) => "/media/clips/".to_string()
     };
 
     // Fucking hell this is going to be dumb
@@ -48,3 +55,24 @@ pub fn list_categories() -> JsonValue {
 
     json!({"categories": cats})
 }
+
+#[get("/category/<cat>")]
+pub fn list_videos(cat: String) -> JsonValue {
+    let dir = match env::var("CLIPS_DIR") {
+        Ok(val) => val,
+        Err(_) => "/media/clips".to_string()
+    };
+
+    let mut vids: Vec<Video> = Vec::new();
+    for file in fs::read_dir(dir).unwrap() {
+        match file {
+            Ok(file) => {
+                let name = file.file_name()
+                    .into_string().unwrap_or(String::new());
+                vids.push(Video {name, category: cat.clone(), thumbnail: None})
+            },
+            _ => continue
+        }
+    }
+    return json!({"videos": vids})
+}
\ No newline at end of file
diff --git a/frontend/content/collection.md b/frontend/content/collection.md
new file mode 100644
index 0000000..69cf8f6
--- /dev/null
+++ b/frontend/content/collection.md
@@ -0,0 +1,6 @@
+---
+title: Shockrah's Clips
+description: stay a while and watch
+image: /favicon.png
+type: collection
+---
\ No newline at end of file
diff --git a/frontend/themes/clippable/layouts/collection/baseof.html b/frontend/themes/clippable/layouts/collection/baseof.html
new file mode 100644
index 0000000..54e6a46
--- /dev/null
+++ b/frontend/themes/clippable/layouts/collection/baseof.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="en">
+{{- partial "head.html" . -}}
+<script src="/js/collection.js"></script>
+<body>
+	<div id="layout">
+		<div class="content">
+			{{- block "main" . -}}{{- end -}}
+			<div class="video-gallery" id="main-container">
+			</div>
+		</div>
+	</div>
+</body>
+</html>
+
diff --git a/frontend/themes/clippable/layouts/collection/single.html b/frontend/themes/clippable/layouts/collection/single.html
new file mode 100644
index 0000000..04ac97f
--- /dev/null
+++ b/frontend/themes/clippable/layouts/collection/single.html
@@ -0,0 +1,4 @@
+{{ define "main" }}
+{{ .Content }}
+<h1 id="title">{{ .Title }}</h1>
+{{ end }}
diff --git a/frontend/themes/clippable/static/css/style.css b/frontend/themes/clippable/static/css/style.css
index 9831678..1b1fc0f 100644
--- a/frontend/themes/clippable/static/css/style.css
+++ b/frontend/themes/clippable/static/css/style.css
@@ -34,6 +34,10 @@ html, body, div, tag {
 	border-radius: 1em;
 }
 
+a {
+    color:white;
+}
+
 .pure-form {
     text-align: center;
 }
diff --git a/frontend/ts/collection.ts b/frontend/ts/collection.ts
new file mode 100644
index 0000000..8225b44
--- /dev/null
+++ b/frontend/ts/collection.ts
@@ -0,0 +1,59 @@
+// This module takes care of pulling down videos for the given category
+class Video {
+    title: string
+    category: string
+    thumbnail_b64: string|null
+    constructor(raw: any) {
+        this.title = raw['name']
+        this.category = raw['category']
+        this.thumbnail_b64 = raw['thumbnail']
+    }
+
+    title_link() : HTMLHeadingElement {
+		let container = document.createElement('h2')
+
+		let link = document.createElement('a')
+		link.href = `/video?c=${this.category}&v=${this.title}`
+		link.text = this.title
+
+		container.appendChild(link)
+
+		return container
+    }
+}
+
+function get_category() : string|null {
+    // Used to modify the DOM
+    let params = (new URL(document.location.toString())).searchParams;
+    return params.get('c')
+}
+function base_url() : string {
+    const loc = document.location
+    return loc.protocol + '//' + loc.host
+}
+
+function fetch_videos() : Array<Video> {
+    const category = get_category()
+    if(!category) { return [] }
+    const endpoint = base_url() + `/api/categories?c=${category}`
+
+    let xml = new XMLHttpRequest()
+    xml.open('GET', endpoint, false) // sync request
+    xml.send(null) // no params required
+    if(xml.getResponseHeader('Content-Type') == 'application/json') {
+        let raw = JSON.parse(xml.responseText)
+        for(const vid of raw['videos']) {
+            console.log(vid)
+        }
+    }
+
+    return []
+}
+
+function ready(e) {
+    if(document.readyState != 'complete') { return e }
+
+    const video_data = fetch_videos()
+}
+
+document.addEventListener('readystatechange', ready)
\ No newline at end of file
diff --git a/frontend/ts/index.ts b/frontend/ts/index.ts
index c13c654..a777ca0 100644
--- a/frontend/ts/index.ts
+++ b/frontend/ts/index.ts
@@ -6,13 +6,19 @@ class Category {
 		this.thumbnail_b64 = raw['thumbnail']
 	}
 
-	public as_div_str() {
-		let container = document.createElement('div')
-		container.className = 'video-block'
+	title_link() : HTMLHeadingElement {
+		let container = document.createElement('h2')
 
-		let title = document.createElement('h2')
-		title.innerText = this.name
+		let link = document.createElement('a')
+		link.href = `/collection?c=${this.name}`
+		link.text = this.name
 
+		container.appendChild(link)
+
+		return container
+	}
+
+	thumbnail_div() : HTMLImageElement {
 		let nail = document.createElement('img')
 		nail.className = 'pure-img'
 
@@ -22,9 +28,19 @@ class Category {
 			nail.setAttribute('src', '/cantfindshit.gif')
 		}
 
-		container.appendChild(title)
-		container.appendChild(nail)
+		return nail
+	}
+	public as_div() {
+		let container = document.createElement('div')
+		container.className = 'video-block'
 
+		let title = this.title_link()
+		let thumbnail = this.thumbnail_div()
+
+		container.appendChild(title)
+		container.appendChild(thumbnail)
+
+		// Dump gallery onto the main page
 		document.getElementById('main-container').appendChild(container)
 
 		return container
@@ -45,7 +61,7 @@ function ready_handler(e?: Event) : Event {
 		let raw = JSON.parse(xml.responseText)
 		for(const cat_raw of raw['categories']) {
 			let cat = new Category(cat_raw)
-			cat.as_div_str()
+			cat.as_div()
 		}
 	}
 	return e