92 lines
2.2 KiB
JavaScript
92 lines
2.2 KiB
JavaScript
const sillyOptNumber = document.getElementById("sillyNumberValue")
|
|
|
|
|
|
class License {
|
|
constructor() {
|
|
this.idE = undefined
|
|
this.imgE = undefined
|
|
this.userE = undefined
|
|
this.baseE = undefined // for bg
|
|
this.titleE = undefined
|
|
this.issuedE = undefined
|
|
this.expiresE = undefined
|
|
this.identityE = undefined
|
|
this.signatureE = undefined
|
|
|
|
this.sillyE = undefined
|
|
|
|
this.sillyValues = []
|
|
}
|
|
|
|
|
|
async updateFromJSON(json) {
|
|
this.userE .textContent = json.user
|
|
this.titleE .textContent = json.title
|
|
this.issuedE .textContent = json.issued
|
|
this.expiresE .textContent = json.expires
|
|
this.identityE .textContent = json.identity
|
|
this.signatureE.textContent = json.signature
|
|
|
|
this.setSillyValue(json.silly)
|
|
this.setImgValue(json.img)
|
|
|
|
if (json.bg.type == "image")
|
|
{ this.baseE.style.backgroundImage = `url("${json.bg.file}")` }
|
|
else { this.baseE.style.backgroundImage = "" }
|
|
|
|
document.documentElement.style.setProperty("--licenseBgCol", json.bg.color)
|
|
document.documentElement.style.setProperty("--licenseBorderCol", json.border)
|
|
document.documentElement.style.setProperty("--licenseTextCol", json.text)
|
|
|
|
let hash = await sha256(JSON.stringify(json))
|
|
this.idE.textContent = "NR-ID: " + hash.slice(0, 16)
|
|
}
|
|
|
|
|
|
setSillyValue(value) {
|
|
sillyOptNumber.innerHTML = prependZero(value)
|
|
|
|
for (let i in this.sillyValues) {
|
|
let sillyValue = this.sillyValues[i]
|
|
|
|
let isTurnedOn = i <= value - 1
|
|
|
|
if (isTurnedOn) {
|
|
sillyValue.className = "sillyValue on"
|
|
}
|
|
else {
|
|
sillyValue.className = "sillyValue off"
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
setImgValue(json) {
|
|
if (json.preset != "custom")
|
|
{ this.imgE.src = `/assets/boykissers/${json.preset}.png` }
|
|
else { this.imgE.src = json.file }
|
|
}
|
|
}
|
|
|
|
|
|
let licenseE = document.getElementById("licenseContainer")
|
|
let anchor = document.getElementById("licenseAnchor")
|
|
let optContainer = document.getElementById("optionsContainer")
|
|
|
|
let license = new License()
|
|
|
|
|
|
function prependZero(number) {
|
|
return number < 10 ? "0" + number : number
|
|
}
|
|
|
|
|
|
function scaleDisplayLicense() {
|
|
let w = optContainer.getBoundingClientRect().width
|
|
let scaleFactor = (w - 50) / 600;
|
|
|
|
anchor.style.transform = `scale(${scaleFactor})`
|
|
}
|
|
|
|
|