shockrah/clippable
shockrah/clippable
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

- removing compiled js from project

Browse Source
This commit is contained in:
shockrah 2021-10-11 14:33:03 -07:00
parent e779d88d63
commit 210e0c3171
2 changed files with 0 additions and 107 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
api/static/js/collection.js
View File

@ -1,50 +0,0 @@
"use strict";
// This module takes care of pulling down videos for the given category
class Video {
constructor(raw) {
this.title = raw['name'];
this.category = raw['category'];
this.thumbnail_b64 = raw['thumbnail'];
}
title_link() {
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() {
// Used to modify the DOM
let params = (new URL(document.location.toString())).searchParams;
return params.get('c');
}
function base_url() {
const loc = document.location;
return loc.protocol + '//' + loc.host;
}
function fetch_videos() {
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);

57
api/static/js/index.js
View File

@ -1,57 +0,0 @@
"use strict";
class Category {
constructor(raw) {
this.name = raw['name'];
this.thumbnail_b64 = raw['thumbnail'];
}
title_link() {
let container = document.createElement('h2');
let link = document.createElement('a');
link.href = `/collection?c=${this.name}`;
link.text = this.name;
container.appendChild(link);
return container;
}
thumbnail_div() {
let nail = document.createElement('img');
nail.className = 'pure-img';
if (!(this.thumbnail_b64 == null || this.thumbnail_b64.length == 0)) {
nail.setAttribute('src', `data:image/jpg;base64,${this.thumbnail_b64}`);
}
else {
nail.setAttribute('src', '/cantfindshit.gif');
}
return nail;
}
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;
}
}
function ready_handler(e) {
// Only let this make a get request once we're ready on the page
if (document.readyState != 'complete') {
return e;
}
// All we do here is basically make a get request to /api/categories
const endpoint = 'http://localhost/api/categories';
let xml = new XMLHttpRequest();
xml.open('GET', endpoint, false); // sync request
xml.send(null); // nothing required for stuff
if (xml.getResponseHeader('Content-Type') == 'application/json') {
let raw = JSON.parse(xml.responseText);
for (const cat_raw of raw['categories']) {
let cat = new Category(cat_raw);
cat.as_div();
}
}
return e;
}
document.addEventListener('readystatechange', ready_handler);