Mirror/filesafe
1
0
Fork 0
mirror of https://github.com/BobbyWibowo/lolisafe.git synced 2025-01-18 17:21:33 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Initial commit at browser-ecma6 branch

Browse Source 
This commit is intended to downgrade codes in JS files used for browser to increase browsers compatibility.

This branch is still experimental and may require much more testing.
This commit is contained in:
Bobby Wibowo 2018-07-14 10:42:18 +07:00
parent 616da886f7
commit 4d7b23bb39
No known key found for this signature in database
GPG Key ID: 51C3A1E1E22D26CF
9 changed files with 1132 additions and 1035 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
.eslintrc.json
View File

@ -30,15 +30,5 @@
"single" "single"
], ],
"no-var": "error" "no-var": "error"
}, }
"overrides": [
{
"files": [
"public/**/*.js"
],
"env": {
"browser": true
}
}
]
} }

10
lolisafe.js
View File

@ -14,11 +14,11 @@ const safe = express()
require('./database/db.js')(db) require('./database/db.js')(db)
fs.existsSync('./pages/custom') || fs.mkdirSync('./pages/custom') fs.existsSync('./pages/custom') || fs.mkdirSync('./pages/custom')
fs.existsSync('./' + config.logsFolder) || fs.mkdirSync('./' + config.logsFolder) fs.existsSync(`./${config.logsFolder}`) || fs.mkdirSync(`./${config.logsFolder}`)
fs.existsSync('./' + config.uploads.folder) || fs.mkdirSync('./' + config.uploads.folder) fs.existsSync(`./${config.uploads.folder}`) || fs.mkdirSync(`./${config.uploads.folder}`)
fs.existsSync('./' + config.uploads.folder + '/chunks') || fs.mkdirSync('./' + config.uploads.folder + '/chunks') fs.existsSync(`./${config.uploads.folder}/chunks`) || fs.mkdirSync(`./${config.uploads.folder}/chunks`)
fs.existsSync('./' + config.uploads.folder + '/thumbs') || fs.mkdirSync('./' + config.uploads.folder + '/thumbs') fs.existsSync(`./${config.uploads.folder}/thumbs`) || fs.mkdirSync(`./${config.uploads.folder}/thumbs`)
fs.existsSync('./' + config.uploads.folder + '/zips') || fs.mkdirSync('./' + config.uploads.folder + '/zips') fs.existsSync(`./${config.uploads.folder}/zips`) || fs.mkdirSync(`./${config.uploads.folder}/zips`)
safe.use(helmet()) safe.use(helmet())
safe.set('trust proxy', 1) safe.set('trust proxy', 1)

6
pages/error/README.md
View File

@ -1,5 +1,5 @@
# Why do this folder only have symlinks? # Disclaimer as to why this folder only have Symlinks
At safe.fiery.me, we are using this: [https://github.com/BobbyWibowo/HttpErrorPages](https://github.com/BobbyWibowo/HttpErrorPages). At fiery.me, we are using this: [https://github.com/BobbyWibowo/HttpErrorPages](https://github.com/BobbyWibowo/HttpErrorPages).
It's nothing too important, but we are sharing the error pages from that directory to all other instances in the server. It's nothing too important, but we are sharing the error pages from that directory to all other instances in the server (regular http sites with nginx and node servers).

4
public/css/style.css
View File

@ -1,3 +1,7 @@
html {
overflow-y: auto;
}
.hero { .hero {
background-color: #232629; background-color: #232629;
color: #eff0f1; color: #eff0f1;

39
public/js/.eslintrc.json Normal file
View File

@ -0,0 +1,39 @@
{
"root": true,
"parserOptions": {
"ecmaVersion": 6
},
"env": {
"browser": true
},
"extends": [
"eslint:recommended"
],
"rules": {
"curly": [
"error",
"all"
],
"no-console": 0,
"semi": [
"error",
"never"
],
"space-before-function-paren": [
"error",
{
"anonymous": "always",
"named": "never",
"asyncArrow": "always"
}
],
"quotes": [
"error",
"single"
],
"indent": [
"error",
2
]
}
}

4
public/js/album.js
View File

@ -1,7 +1,7 @@
/* global LazyLoad */ /* global LazyLoad */
const page = {} var page = {}
window.onload = () => { window.onload = function () {
page.lazyLoad = new LazyLoad() page.lazyLoad = new LazyLoad()
} }

58
public/js/auth.js
View File

@ -1,13 +1,13 @@
/* global swal, axios */ /* global swal, axios */
const page = { var page = {
// user token // user token
token: localStorage.token token: localStorage.token
} }
page.do = async dest => { page.do = function (dest) {
const user = document.getElementById('user').value var user = document.getElementById('user').value
const pass = document.getElementById('pass').value var pass = document.getElementById('pass').value
if (!user) { if (!user) {
return swal('Error', 'You need to specify a username', 'error') return swal('Error', 'You need to specify a username', 'error')
@ -17,50 +17,50 @@ page.do = async dest => {
return swal('Error', 'You need to specify a username', 'error') return swal('Error', 'You need to specify a username', 'error')
} }
const response = await axios.post(`api/${dest}`, { axios.post(`api/${dest}`, {
username: user, username: user,
password: pass password: pass
}) })
.catch(error => { .then(function (response) {
if (response.data.success === false) {
return swal('Error', response.data.description, 'error')
}
localStorage.token = response.data.token
window.location = 'dashboard'
})
.catch(function (error) {
console.error(error) console.error(error)
return swal('An error occurred!', 'There was an error with the request, please check the console for more information.', 'error') return swal('An error occurred!', 'There was an error with the request, please check the console for more information.', 'error')
}) })
if (!response) { return }
if (response.data.success === false) {
return swal('Error', response.data.description, 'error')
}
localStorage.token = response.data.token
window.location = 'dashboard'
} }
page.verify = async () => { page.verify = function () {
if (!page.token) { return } if (!page.token) { return }
const response = await axios.post('api/tokens/verify', { axios.post('api/tokens/verify', {
token: page.token token: page.token
}) })
.catch(error => { .then(function (response) {
console.error(error) if (response.data.success === false) {
swal('An error occurred!', 'There was an error with the request, please check the console for more information.', 'error') return swal('Error', response.data.description, 'error')
}
window.location = 'dashboard'
})
.catch(function (error) {
console.error(error)
return swal('An error occurred!', 'There was an error with the request, please check the console for more information.', 'error')
}) })
if (!response) { return }
if (response.data.success === false) {
return swal('Error', response.data.description, 'error')
}
window.location = 'dashboard'
} }
window.onload = () => { window.onload = function () {
page.verify() page.verify()
document.body.addEventListener('keydown', event => { document.body.addEventListener('keydown', function (event) {
event = event || window.event event = event || window.event
if (!event) { return } if (!event) { return }
const id = event.target.id var id = event.target.id
if (!['user', 'pass'].includes(id)) { return } if (!['user', 'pass'].includes(id)) { return }
if (event.keyCode === 13 || event.which === 13) { page.do('login') } if (event.keyCode === 13 || event.which === 13) { page.do('login') }
}) })

1676
public/js/dashboard.js
View File

File diff suppressed because it is too large Load Diff

358
public/js/home.js
View File

@ -1,6 +1,6 @@
/* global swal, axios, Dropzone, ClipboardJS, LazyLoad */ /* global swal, axios, Dropzone, ClipboardJS, LazyLoad */
const page = { var page = {
// user token // user token
token: localStorage.token, token: localStorage.token,
@ -21,32 +21,32 @@ const page = {
lazyLoad: null lazyLoad: null
} }
const imageExtensions = ['.webp', '.jpg', '.jpeg', '.bmp', '.gif', '.png'] var imageExtensions = ['.webp', '.jpg', '.jpeg', '.bmp', '.gif', '.png']
page.checkIfPublic = async () => { page.checkIfPublic = function () {
const response = await axios.get('api/check') axios.get('api/check')
.catch(error => { .then(function (response) { page.private = response.data.private
page.enableUserAccounts = response.data.enableUserAccounts
page.maxFileSize = response.data.maxFileSize
page.chunkSize = response.data.chunkSize
page.preparePage()
})
.catch(function (error) {
console.log(error) console.log(error)
const button = document.getElementById('loginToUpload') var button = document.getElementById('loginToUpload')
button.classList.remove('is-loading') button.classList.remove('is-loading')
button.innerText = 'Error occurred. Reload the page?' button.innerText = 'Error occurred. Reload the page?'
return swal('An error occurred!', 'There was an error with the request, please check the console for more information.', 'error') return swal('An error occurred!', 'There was an error with the request, please check the console for more information.', 'error')
}) })
if (!response) { return }
page.private = response.data.private
page.enableUserAccounts = response.data.enableUserAccounts
page.maxFileSize = response.data.maxFileSize
page.chunkSize = response.data.chunkSize
page.preparePage()
} }
page.preparePage = () => { page.preparePage = function () {
if (page.private) { if (page.private) {
if (page.token) { if (page.token) {
return page.verifyToken(page.token, true) return page.verifyToken(page.token, true)
} else { } else {
const button = document.getElementById('loginToUpload') var button = document.getElementById('loginToUpload')
button.href = 'auth' button.href = 'auth'
button.classList.remove('is-loading') button.classList.remove('is-loading')
@ -61,40 +61,40 @@ page.preparePage = () => {
} }
} }
page.verifyToken = async (token, reloadOnError) => { page.verifyToken = function (token, reloadOnError) {
if (reloadOnError === undefined) { reloadOnError = false } if (reloadOnError === undefined) { reloadOnError = false }
const response = await axios.post('api/tokens/verify', { token }) axios.post('api/tokens/verify', { token })
.catch(error => { .then(function (response) {
if (response.data.success === false) {
return swal({
title: 'An error occurred!',
text: response.data.description,
icon: 'error'
})
.then(function () {
if (!reloadOnError) { return }
localStorage.removeItem('token')
location.reload()
})
}
localStorage.token = token
page.token = token
return page.prepareUpload()
})
.catch(function (error) {
console.log(error) console.log(error)
return swal('An error occurred!', 'There was an error with the request, please check the console for more information.', 'error') return swal('An error occurred!', 'There was an error with the request, please check the console for more information.', 'error')
}) })
if (!response) { return }
if (response.data.success === false) {
await swal({
title: 'An error occurred!',
text: response.data.description,
icon: 'error'
})
if (reloadOnError) {
localStorage.removeItem('token')
location.reload()
}
return
}
localStorage.token = token
page.token = token
return page.prepareUpload()
} }
page.prepareUpload = () => { page.prepareUpload = function () {
// I think this fits best here because we need to check for a valid token before we can get the albums // I think this fits best here because we need to check for a valid token before we can get the albums
if (page.token) { if (page.token) {
page.albumSelect = document.getElementById('albumSelect') page.albumSelect = document.getElementById('albumSelect')
page.albumSelect.addEventListener('change', () => { page.albumSelect.addEventListener('change', function () {
page.album = parseInt(page.albumSelect.value) page.album = parseInt(page.albumSelect.value)
}) })
@ -111,17 +111,17 @@ page.prepareUpload = () => {
document.getElementById('loginLinkText').innerHTML = 'Create an account and keep track of your uploads' document.getElementById('loginLinkText').innerHTML = 'Create an account and keep track of your uploads'
} }
const previewNode = document.querySelector('#tpl') var previewNode = document.querySelector('#tpl')
page.previewTemplate = previewNode.innerHTML page.previewTemplate = previewNode.innerHTML
previewNode.parentNode.removeChild(previewNode) previewNode.parentNode.removeChild(previewNode)
page.prepareDropzone() page.prepareDropzone()
const tabs = document.getElementById('tabs') var tabs = document.getElementById('tabs')
if (tabs) { if (tabs) {
tabs.style.display = 'flex' tabs.style.display = 'flex'
const items = tabs.getElementsByTagName('li') var items = tabs.getElementsByTagName('li')
for (const item of items) { for (var item of items) {
item.addEventListener('click', function () { item.addEventListener('click', function () {
page.setActiveTab(this.dataset.id) page.setActiveTab(this.dataset.id)
}) })
@ -135,44 +135,44 @@ page.prepareUpload = () => {
} }
} }
page.prepareAlbums = async () => { page.prepareAlbums = function () {
const option = document.createElement('option') var option = document.createElement('option')
option.value = '' option.value = ''
option.innerHTML = 'Upload to album' option.innerHTML = 'Upload to album'
option.disabled = true option.disabled = true
option.selected = true option.selected = true
page.albumSelect.appendChild(option) page.albumSelect.appendChild(option)
const response = await axios.get('api/albums', { headers: { token: page.token } }) axios.get('api/albums', { headers: { token: page.token } })
.catch(error => { .then(function (response) {
if (response.data.success === false) {
return swal('An error occurred!', response.data.description, 'error')
}
var albums = response.data.albums
// If the user doesn't have any albums we don't really need to display
// an album selection
if (albums.length === 0) { return }
// Loop through the albums and create an option for each album
for (var album of albums) {
var option = document.createElement('option')
option.value = album.id
option.innerHTML = album.name
page.albumSelect.appendChild(option)
}
})
.catch(function (error) {
console.log(error) console.log(error)
return swal('An error occurred!', 'There was an error with the request, please check the console for more information.', 'error') return swal('An error occurred!', 'There was an error with the request, please check the console for more information.', 'error')
}) })
if (!response) { return }
if (response.data.success === false) {
return swal('An error occurred!', response.data.description, 'error')
}
const albums = response.data.albums
// If the user doesn't have any albums we don't really need to display
// an album selection
if (albums.length === 0) { return }
// Loop through the albums and create an option for each album
for (const album of albums) {
const option = document.createElement('option')
option.value = album.id
option.innerHTML = album.name
page.albumSelect.appendChild(option)
}
} }
page.setActiveTab = activeId => { page.setActiveTab = function (activeId) {
const items = document.getElementById('tabs').getElementsByTagName('li') var items = document.getElementById('tabs').getElementsByTagName('li')
for (const item of items) { for (var item of items) {
const tabId = item.dataset.id var tabId = item.dataset.id
if (tabId === activeId) { if (tabId === activeId) {
item.classList.add('is-active') item.classList.add('is-active')
document.getElementById(tabId).style.display = 'block' document.getElementById(tabId).style.display = 'block'
@ -183,9 +183,9 @@ page.setActiveTab = activeId => {
} }
} }
page.prepareDropzone = () => { page.prepareDropzone = function () {
const tabDiv = document.getElementById('tab-files') var tabDiv = document.getElementById('tab-files')
const div = document.createElement('div') var div = document.createElement('div')
div.className = 'control is-expanded' div.className = 'control is-expanded'
div.innerHTML = ` div.innerHTML = `
<div id="dropzone" class="button is-danger is-fullwidth is-unselectable"> <div id="dropzone" class="button is-danger is-fullwidth is-unselectable">
@ -197,7 +197,7 @@ page.prepareDropzone = () => {
` `
tabDiv.getElementsByClassName('dz-container')[0].appendChild(div) tabDiv.getElementsByClassName('dz-container')[0].appendChild(div)
const previewsContainer = tabDiv.getElementsByClassName('uploads')[0] var previewsContainer = tabDiv.getElementsByClassName('uploads')[0]
page.dropzone = new Dropzone('#dropzone', { page.dropzone = new Dropzone('#dropzone', {
url: 'api/upload', url: 'api/upload',
paramName: 'files[]', paramName: 'files[]',
@ -213,12 +213,12 @@ page.prepareDropzone = () => {
chunking: Boolean(page.chunkSize), chunking: Boolean(page.chunkSize),
chunkSize: parseInt(page.chunkSize) * 1000000, // 1000000 B = 1 MB, chunkSize: parseInt(page.chunkSize) * 1000000, // 1000000 B = 1 MB,
parallelChunkUploads: false, // when set to true, sometimes it often hangs with hundreds of parallel uploads parallelChunkUploads: false, // when set to true, sometimes it often hangs with hundreds of parallel uploads
chunksUploaded: async (file, done) => { chunksUploaded: function (file, done) {
file.previewElement.querySelector('.progress').setAttribute('value', 100) file.previewElement.querySelector('.progress').setAttribute('value', 100)
file.previewElement.querySelector('.progress').innerHTML = '100%' file.previewElement.querySelector('.progress').innerHTML = '100%'
// The API supports an array of multiple files // The API supports an array of multiple files
const response = await axios.post('api/upload/finishchunks', return axios.post('api/upload/finishchunks',
{ {
files: [{ files: [{
uuid: file.upload.uuid, uuid: file.upload.uuid,
@ -229,47 +229,51 @@ page.prepareDropzone = () => {
albumid: page.album albumid: page.album
}] }]
}, },
{ headers: { token: page.token } }) {
.then(response => response.data) headers: {
.catch(error => { token: page.token
}
})
.then(function (response) {
file.previewElement.querySelector('.progress').style.display = 'none'
if (response.data.success === false) {
file.previewElement.querySelector('.error').innerHTML = response.data.description
}
if (response.data.files && response.data.files[0]) {
page.updateTemplate(file, response.data.files[0])
}
return done()
})
.catch(function (error) {
return { return {
success: false, success: false,
description: error.toString() description: error.toString()
} }
}) })
file.previewElement.querySelector('.progress').style.display = 'none'
if (response.success === false) {
file.previewElement.querySelector('.error').innerHTML = response.description
}
if (response.files && response.files[0]) {
page.updateTemplate(file, response.files[0])
}
return done()
} }
}) })
page.dropzone.on('addedfile', file => { page.dropzone.on('addedfile', function (file) {
tabDiv.getElementsByClassName('uploads')[0].style.display = 'block' tabDiv.getElementsByClassName('uploads')[0].style.display = 'block'
file.previewElement.querySelector('.name').innerHTML = file.name file.previewElement.querySelector('.name').innerHTML = file.name
}) })
// Add the selected albumid, if an album is selected, as a header // Add the selected albumid, if an album is selected, as a header
page.dropzone.on('sending', (file, xhr, formData) => { page.dropzone.on('sending', function (file, xhr) {
if (file.upload.chunked) { return } if (file.upload.chunked) { return }
if (page.album) { xhr.setRequestHeader('albumid', page.album) } if (page.album) { xhr.setRequestHeader('albumid', page.album) }
}) })
// Update the total progress bar // Update the total progress bar
page.dropzone.on('uploadprogress', (file, progress, bytesSent) => { page.dropzone.on('uploadprogress', function (file, progress) {
if (file.upload.chunked && progress === 100) { return } if (file.upload.chunked && progress === 100) { return }
file.previewElement.querySelector('.progress').setAttribute('value', progress) file.previewElement.querySelector('.progress').setAttribute('value', progress)
file.previewElement.querySelector('.progress').innerHTML = `${progress}%` file.previewElement.querySelector('.progress').innerHTML = `${progress}%`
}) })
page.dropzone.on('success', (file, response) => { page.dropzone.on('success', function (file, response) {
if (!response) { return } if (!response) { return }
file.previewElement.querySelector('.progress').style.display = 'none' file.previewElement.querySelector('.progress').style.display = 'none'
// file.previewElement.querySelector('.name').innerHTML = file.name // file.previewElement.querySelector('.name').innerHTML = file.name
@ -283,7 +287,7 @@ page.prepareDropzone = () => {
} }
}) })
page.dropzone.on('error', (file, error) => { page.dropzone.on('error', function (file, error) {
file.previewElement.querySelector('.progress').style.display = 'none' file.previewElement.querySelector('.progress').style.display = 'none'
file.previewElement.querySelector('.name').innerHTML = file.name file.previewElement.querySelector('.name').innerHTML = file.name
file.previewElement.querySelector('.error').innerHTML = error file.previewElement.querySelector('.error').innerHTML = error
@ -292,43 +296,57 @@ page.prepareDropzone = () => {
page.prepareShareX() page.prepareShareX()
} }
page.uploadUrls = async button => { page.uploadUrls = function (button) {
const tabDiv = document.getElementById('tab-urls') var tabDiv = document.getElementById('tab-urls')
if (!tabDiv) { return } if (!tabDiv) { return }
if (button.classList.contains('is-loading')) { return } if (button.classList.contains('is-loading')) { return }
button.classList.add('is-loading') button.classList.add('is-loading')
await new Promise(async (resolve, reject) => { function done(error) {
const albumid = page.album if (error) { swal('An error occurred!', error, 'error') }
const previewsContainer = tabDiv.getElementsByClassName('uploads')[0] button.classList.remove('is-loading')
const urls = document.getElementById('urls').value }
function run() {
var albumid = page.album
var previewsContainer = tabDiv.getElementsByClassName('uploads')[0]
var urls = document.getElementById('urls').value
.split(/\r?\n/) .split(/\r?\n/)
.filter(url => url.trim().length) .filter(function (url) { return url.trim().length })
document.getElementById('urls').value = urls.join('\n') document.getElementById('urls').value = urls.join('\n')
if (!urls.length) { if (!urls.length) {
// eslint-disable-next-line prefer-promise-reject-errors // eslint-disable-next-line prefer-promise-reject-errors
return reject('You have not entered any URLs.') return done('You have not entered any URLs.')
} }
tabDiv.getElementsByClassName('uploads')[0].style.display = 'block' tabDiv.getElementsByClassName('uploads')[0].style.display = 'block'
const files = urls.map(url => { var files = urls.map(function (url) {
const previewTemplate = document.createElement('template') var previewTemplate = document.createElement('template')
previewTemplate.innerHTML = page.previewTemplate.trim() previewTemplate.innerHTML = page.previewTemplate.trim()
const previewElement = previewTemplate.content.firstChild var previewElement = previewTemplate.content.firstChild
previewElement.querySelector('.name').innerHTML = url previewElement.querySelector('.name').innerHTML = url
previewsContainer.appendChild(previewElement) previewsContainer.appendChild(previewElement)
return { return { url, previewElement }
url,
previewElement
}
}) })
const post = async i => { function post(i) {
if (i === files.length) { return resolve() } if (i === files.length) { return done() }
const file = files[i]
const response = await axios.post('api/upload', var file = files[i]
function posted(result) {
file.previewElement.querySelector('.progress').style.display = 'none'
if (result.success) {
page.updateTemplate(file, result.files[0])
} else {
file.previewElement.querySelector('.error').innerHTML = result.description
}
return post(i + 1)
}
axios.post('api/upload',
{ {
urls: [file.url] urls: [file.url]
}, },
@ -338,41 +356,32 @@ page.uploadUrls = async button => {
albumid albumid
} }
}) })
.then(response => response.data) .then(function (response) {
.catch(error => { return posted(response.data)
return { })
.catch(function (error) {
return posted({
success: false, success: false,
description: error.toString() description: error.toString()
} })
}) })
file.previewElement.querySelector('.progress').style.display = 'none'
if (response.success) {
page.updateTemplate(file, response.files[0])
} else {
file.previewElement.querySelector('.error').innerHTML = response.description
}
post(i + 1)
} }
post(0) return post(0)
}).catch(error => { }
swal('An error occurred!', error.toString(), 'error') return run()
})
button.classList.remove('is-loading')
} }
page.updateTemplate = (file, response) => { page.updateTemplate = function (file, response) {
if (!response.url) { return } if (!response.url) { return }
const a = file.previewElement.querySelector('.link > a') var a = file.previewElement.querySelector('.link > a')
const clipboard = file.previewElement.querySelector('.clipboard-mobile > .clipboard-js') var clipboard = file.previewElement.querySelector('.clipboard-mobile > .clipboard-js')
a.href = a.innerHTML = clipboard.dataset['clipboardText'] = response.url a.href = a.innerHTML = clipboard.dataset['clipboardText'] = response.url
clipboard.parentElement.style.display = 'block' clipboard.parentElement.style.display = 'block'
const exec = /.[\w]+(\?|$)/.exec(response.url) var exec = /.[\w]+(\?|$)/.exec(response.url)
if (exec && exec[0] && imageExtensions.includes(exec[0].toLowerCase())) { if (exec && exec[0] && imageExtensions.includes(exec[0].toLowerCase())) {
const img = file.previewElement.querySelector('img') var img = file.previewElement.querySelector('img')
img.setAttribute('alt', response.name || '') img.setAttribute('alt', response.name || '')
img.dataset['src'] = response.url img.dataset['src'] = response.url
img.onerror = function () { this.style.display = 'none' } // hide webp in firefox and ie img.onerror = function () { this.style.display = 'none' } // hide webp in firefox and ie
@ -380,10 +389,10 @@ page.updateTemplate = (file, response) => {
} }
} }
page.prepareShareX = () => { page.prepareShareX = function () {
if (page.token) { if (page.token) {
const sharexElement = document.getElementById('ShareX') var sharexElement = document.getElementById('ShareX')
const sharexFile = var sharexFile =
'{\r\n' + '{\r\n' +
` "Name": "${location.hostname}",\r\n` + ` "Name": "${location.hostname}",\r\n` +
' "DestinationType": "ImageUploader, FileUploader",\r\n' + ' "DestinationType": "ImageUploader, FileUploader",\r\n' +
@ -397,14 +406,14 @@ page.prepareShareX = () => {
' "URL": "$json:files[0].url$",\r\n' + ' "URL": "$json:files[0].url$",\r\n' +
' "ThumbnailURL": "$json:files[0].url$"\r\n' + ' "ThumbnailURL": "$json:files[0].url$"\r\n' +
'}' '}'
const sharexBlob = new Blob([sharexFile], { type: 'application/octet-binary' }) var sharexBlob = new Blob([sharexFile], { type: 'application/octet-binary' })
sharexElement.setAttribute('href', URL.createObjectURL(sharexBlob)) sharexElement.setAttribute('href', URL.createObjectURL(sharexBlob))
sharexElement.setAttribute('download', `${location.hostname}.sxcu`) sharexElement.setAttribute('download', `${location.hostname}.sxcu`)
} }
} }
page.createAlbum = async () => { page.createAlbum = function () {
const div = document.createElement('div') var div = document.createElement('div')
div.innerHTML = ` div.innerHTML = `
<div class="field"> <div class="field">
<label class="label">Album name</label> <label class="label">Album name</label>
@ -429,7 +438,7 @@ page.createAlbum = async () => {
</div> </div>
</div> </div>
` `
const value = await swal({ swal({
title: 'Create new album', title: 'Create new album',
icon: 'info', icon: 'info',
content: div, content: div,
@ -440,58 +449,59 @@ page.createAlbum = async () => {
} }
} }
}) })
if (!value) { return } .then(function (value) {
if (!value) { return }
const name = document.getElementById('_name').value var name = document.getElementById('_name').value
const response = await axios.post('api/albums', { axios.post('api/albums', {
name, name,
download: document.getElementById('_download').checked, download: document.getElementById('_download').checked,
public: document.getElementById('_public').checked public: document.getElementById('_public').checked
}, { headers: { token: page.token } }) }, { headers: { token: page.token } })
.catch(error => { .then(function (response) {
console.log(error) if (response.data.success === false) {
return swal('An error occurred!', 'There was an error with the request, please check the console for more information.', 'error') return swal('An error occurred!', response.data.description, 'error')
}
var option = document.createElement('option')
option.value = response.data.id
option.innerHTML = name
page.albumSelect.appendChild(option)
swal('Woohoo!', 'Album was created successfully', 'success')
})
.catch(function (error) {
console.log(error)
return swal('An error occurred!', 'There was an error with the request, please check the console for more information.', 'error')
})
}) })
if (!response) { return }
if (response.data.success === false) {
return swal('An error occurred!', response.data.description, 'error')
}
const option = document.createElement('option')
option.value = response.data.id
option.innerHTML = name
page.albumSelect.appendChild(option)
swal('Woohoo!', 'Album was created successfully', 'success')
} }
// Handle image paste event // Handle image paste event
window.addEventListener('paste', event => { window.addEventListener('paste', function (event) {
const items = (event.clipboardData || event.originalEvent.clipboardData).items var items = (event.clipboardData || event.originalEvent.clipboardData).items
for (const index in items) { for (var index in items) {
const item = items[index] var item = items[index]
if (item.kind === 'file') { if (item.kind === 'file') {
const blob = item.getAsFile() var blob = item.getAsFile()
console.log(blob.type) var file = new File([blob], `pasted-image.${blob.type.match(/(?:[^/]*\/)([^;]*)/)[1]}`)
const file = new File([blob], `pasted-image.${blob.type.match(/(?:[^/]*\/)([^;]*)/)[1]}`)
file.type = blob.type file.type = blob.type
console.log(file)
page.dropzone.addFile(file) page.dropzone.addFile(file)
} }
} }
}) })
window.onload = () => { window.onload = function () {
page.checkIfPublic() page.checkIfPublic()
page.clipboardJS = new ClipboardJS('.clipboard-js') page.clipboardJS = new ClipboardJS('.clipboard-js')
page.clipboardJS.on('success', () => { page.clipboardJS.on('success', function () {
return swal('Copied!', 'The link has been copied to clipboard.', 'success') return swal('Copied!', 'The link has been copied to clipboard.', 'success')
}) })
page.clipboardJS.on('error', event => { page.clipboardJS.on('error', function (event) {
console.error(event) console.error(event)
return swal('An error occurred!', 'There was an error when trying to copy the link to clipboard, please check the console for more information.', 'error') return swal('An error occurred!', 'There was an error when trying to copy the link to clipboard, please check the console for more information.', 'error')
}) })