4b6ced439d
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
71 lines
1.8 KiB
TypeScript
71 lines
1.8 KiB
TypeScript
class Category {
|
|
name: string
|
|
thumbnail_b64: string|null
|
|
constructor(raw: any) {
|
|
this.name = raw['name']
|
|
this.thumbnail_b64 = raw['thumbnail']
|
|
}
|
|
|
|
title_link() : HTMLHeadingElement {
|
|
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() : HTMLImageElement {
|
|
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
|
|
}
|
|
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
|
|
}
|
|
}
|
|
|
|
function 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
|
|
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)
|