remade boykisser license to be easier to modify and update
This commit is contained in:
+1
-18
@@ -12,12 +12,10 @@ const inputOutputMap = {
|
||||
for (const [inputId, outputId] of Object.entries(inputOutputMap)) {
|
||||
const inputElement = document.getElementById(inputId)
|
||||
const outputElement = document.getElementById(outputId)
|
||||
const outputElement_600x400 = document.getElementById(`${outputId}_600x400`)
|
||||
|
||||
if (inputElement && outputElement) {
|
||||
inputElement.oninput = function () {
|
||||
outputElement.innerHTML = this.value
|
||||
outputElement_600x400.innerHTML = this.value
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -25,11 +23,9 @@ for (const [inputId, outputId] of Object.entries(inputOutputMap)) {
|
||||
const sillyInput = document.getElementById("sillyInput")
|
||||
const sillyNumberValue = document.getElementById("sillyNumberValue")
|
||||
let sillyValues = []
|
||||
let sillyValues_600x400 = []
|
||||
|
||||
for (let i = 0; i < 10; i++) {
|
||||
sillyValues.push(document.getElementById(`sillyValue${i}`))
|
||||
sillyValues_600x400.push(document.getElementById(`sillyValue${i}_600x400`))
|
||||
}
|
||||
|
||||
|
||||
@@ -46,24 +42,20 @@ function setSillyValue(value) {
|
||||
|
||||
for (let i in sillyValues) {
|
||||
let sillyValue = sillyValues[i]
|
||||
let sillyValue_600x400 = sillyValues_600x400[i]
|
||||
|
||||
let isTurnedOn = i <= value - 1
|
||||
|
||||
if (isTurnedOn) {
|
||||
sillyValue.className = "sillyValue on"
|
||||
sillyValue_600x400.className = "sillyValue_600x400 on"
|
||||
}
|
||||
else {
|
||||
sillyValue.className = "sillyValue off"
|
||||
sillyValue_600x400.className = "sillyValue_600x400 off"
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
const picInput = document.getElementById("picInput")
|
||||
const picValue = document.getElementById("picValue")
|
||||
const picValue_600x400 = document.getElementById("picValue_600x400")
|
||||
const picUpload = document.getElementById("picUpload")
|
||||
const customPicOption = document.getElementById("customPic")
|
||||
|
||||
@@ -71,7 +63,6 @@ function setPictureValue() {
|
||||
if (picInput.value != "custom") {
|
||||
let src = `/assets/boykissers/${picInput.value}.png`
|
||||
picValue.src = src
|
||||
picValue_600x400.src = src
|
||||
}
|
||||
else {
|
||||
if (picUpload.files.length > 0) {
|
||||
@@ -79,7 +70,6 @@ function setPictureValue() {
|
||||
const fileName = file.name
|
||||
let src = URL.createObjectURL(file)
|
||||
picValue.src = src
|
||||
picValue_600x400.src = src
|
||||
customPicOption.innerHTML = `Custom (${fileName})`
|
||||
}
|
||||
else {
|
||||
@@ -92,13 +82,9 @@ picUpload.oninput = function() { setPictureValue() }
|
||||
|
||||
picInput.oninput = function() { setPictureValue() }
|
||||
|
||||
function prependZero(number) {
|
||||
return number < 10 ? "0" + number : number
|
||||
}
|
||||
|
||||
|
||||
function generateLicense() {
|
||||
const element = document.getElementById("licenseContainer_600x400")
|
||||
const element = document.getElementById("licenseContainer")
|
||||
|
||||
html2canvas(element).then(canvas => {
|
||||
const link = document.createElement("a");
|
||||
@@ -113,14 +99,11 @@ function onLoadLicense() {
|
||||
for (const [inputId, outputId] of Object.entries(inputOutputMap)) {
|
||||
const inputElement = document.getElementById(inputId)
|
||||
const outputElement = document.getElementById(outputId)
|
||||
const outputElement_600x400 = document.getElementById(`${outputId}_600x400`)
|
||||
|
||||
if (inputElement && outputElement) {
|
||||
outputElement.innerHTML = inputElement.value
|
||||
outputElement_600x400.innerHTML = inputElement.value
|
||||
}
|
||||
}
|
||||
|
||||
if (sillyInput) {
|
||||
setSillyValue(sillyInput.value)
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user