mirror of
https://github.com/BobbyWibowo/lolisafe.git
synced 2024-12-14 00:16:21 +00:00
52d336cc45
No more enforced curly for if/else/for/while/do blocks w/ one statement. With that said, auto-fixed all JS files to follow the rule. I'd also like to apologize for the inconveniences this commit cause, after all it was me who intentionally enforced curly rule back then. Why the change of heart? After doing some more non-JS codes recently, I realized it was pretty stupid of me to enforce that.
93 lines
2.6 KiB
JavaScript
93 lines
2.6 KiB
JavaScript
/* global page, swal */
|
|
|
|
page.renderRoot = 'render/al/'
|
|
page.renderArray = [
|
|
'atago_1.png',
|
|
'atago_2.png',
|
|
'belfast_1.png',
|
|
'belfast_2.png',
|
|
'belfast_3.png',
|
|
'eldridge_1.png',
|
|
'hammann_1.png',
|
|
'hammann_2.png',
|
|
'javelin_1.png',
|
|
'kaga_1.png',
|
|
'laffey_1.png',
|
|
'prinz_eugen_1.png',
|
|
'prinz_eugen_2.png',
|
|
'takao_1.png',
|
|
'takao_2.png',
|
|
'unicorn_1.png',
|
|
'unicorn_2.png',
|
|
'unicorn_3.png',
|
|
'unicorn_4.png',
|
|
'unicorn_5.png',
|
|
'yamashiro_1.png'
|
|
]
|
|
page.render = null
|
|
|
|
page.doRenderSwal = function () {
|
|
const div = document.createElement('div')
|
|
div.innerHTML = `
|
|
<div class="field">
|
|
<div class="control">
|
|
<label class="checkbox">
|
|
<input id="swalRender" type="checkbox" ${localStorage.render === '0' ? '' : 'checked'}>
|
|
Enable random render of ship waifu~
|
|
</label>
|
|
</div>
|
|
<p class="help">If disabled, you will still be able to see a small button on the bottom right corner of the screen to re-enable it.</p>
|
|
</div>
|
|
`
|
|
|
|
swal({
|
|
content: div,
|
|
buttons: {
|
|
confirm: true
|
|
}
|
|
}).then(function (value) {
|
|
if (!value) return
|
|
const newValue = div.querySelector('#swalRender').checked ? undefined : '0'
|
|
if (newValue !== localStorage.render) {
|
|
newValue ? localStorage.render = newValue : localStorage.removeItem('render')
|
|
swal('Success!', `Render is now ${newValue ? 'disabled' : 'enabled'}.`, 'success')
|
|
const element = document.querySelector('body > .render')
|
|
element.remove()
|
|
page.doRender()
|
|
}
|
|
})
|
|
}
|
|
|
|
page.getRenderVersion = function () {
|
|
const renderScript = document.getElementById('renderScript')
|
|
if (!renderScript) return ''
|
|
const match = renderScript.src.match(/\?v=\w*$/)
|
|
if (!match) return ''
|
|
return match[0]
|
|
}
|
|
|
|
page.doRender = function () {
|
|
if (!page.renderRoot || !page.renderArray || !page.renderArray.length) return
|
|
|
|
let element
|
|
if (localStorage.render === '0') {
|
|
element = document.createElement('a')
|
|
element.className = 'button is-breeze is-hidden-mobile'
|
|
element.title = 'ship waifu~'
|
|
element.innerHTML = '<i class="icon-picture-1"></i>'
|
|
} else {
|
|
// Let us just allow people to get new render when toggling the option
|
|
page.render = page.renderArray[Math.floor(Math.random() * page.renderArray.length)]
|
|
element = document.createElement('img')
|
|
element.alt = element.title = 'ship waifu~'
|
|
element.className = 'is-hidden-mobile'
|
|
element.src = `${page.renderRoot}${page.render}${page.getRenderVersion()}`
|
|
}
|
|
|
|
element.classList.add('render')
|
|
element.addEventListener('click', page.doRenderSwal)
|
|
document.body.appendChild(element)
|
|
}
|
|
|
|
page.doRender()
|