shockrah
e31edb55ad
Less jank and now also using a more flexbile backend for fetching json data !!! Error handling required as there is barely any safety atm
55 lines
1.3 KiB
TypeScript
55 lines
1.3 KiB
TypeScript
/*
|
|
* This module defines the hooks required
|
|
* to initialize a page's JS environment
|
|
* when the document.readystate is changed
|
|
* */
|
|
import {fetch_categories } from './index'
|
|
import { fetch_category_videos } from './category'
|
|
import { populate_meta_form } from './admin'
|
|
|
|
export function category_ready_handler(e?: Event) : Event {
|
|
/*
|
|
* On page load:
|
|
* This function takes care of fetching the links/thumbnails for that
|
|
* category
|
|
*/
|
|
if(document.readyState != 'complete') { return e }
|
|
|
|
fetch_category_videos()
|
|
.then(videos => {
|
|
for(const vid of videos) {
|
|
vid.as_div()
|
|
}
|
|
})
|
|
.catch(reason => {
|
|
// TODO: actual error handling
|
|
console.log(reason)
|
|
})
|
|
return e
|
|
}
|
|
|
|
export function index_ready_handler(e?: Event) : Event {
|
|
// 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
|
|
fetch_categories()
|
|
.then(categories => {
|
|
for(const cat of categories) {
|
|
cat.as_div()
|
|
}
|
|
})
|
|
.catch(reason => {
|
|
// TODO: actual error hanlding
|
|
console.log('index_ready_handler::fetch_categories rejection', reason)
|
|
})
|
|
return e
|
|
}
|
|
|
|
export function admin_ready_handler(e?: Event) : Event {
|
|
// Binding callbacks to frontend
|
|
document.getElementById('video-file').onchange = populate_meta_form
|
|
return e
|
|
}
|
|
|