diff options
| author | Pitu <[email protected]> | 2018-09-16 00:39:58 -0300 |
|---|---|---|
| committer | Pitu <[email protected]> | 2018-09-16 00:39:58 -0300 |
| commit | 868f4a64eca3fb38fbfa12e7b9a9d0d4a374f369 (patch) | |
| tree | 4b825dc642cb6eb9a060e54bf8d69288fbee4904 /public | |
| parent | Merge pull request #149 from iilukas/patch-1 (diff) | |
| download | host.fuwn.me-868f4a64eca3fb38fbfa12e7b9a9d0d4a374f369.tar.xz host.fuwn.me-868f4a64eca3fb38fbfa12e7b9a9d0d4a374f369.zip | |
Begone!
Diffstat (limited to 'public')
19 files changed, 0 insertions, 1083 deletions
diff --git a/public/css/style.css b/public/css/style.css deleted file mode 100644 index 6bf95e1..0000000 --- a/public/css/style.css +++ /dev/null @@ -1,113 +0,0 @@ -/* ------------------ - HOME ------------------- */ - -section#home #b { - -webkit-animation-delay: 0.5s; - animation-delay: 0.5s; - -webkit-animation-duration: 1.5s; - animation-duration: 1.5s; - -webkit-animation-fill-mode: both; - animation-fill-mode: both; - -webkit-animation-name: floatUp; - animation-name: floatUp; - -webkit-animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1); - animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1); - border-radius: 24px; - display: inline-block; - height: 240px; - margin-bottom: 40px; - position: relative; - vertical-align: top; - width: 240px; - box-shadow: 0 20px 60px rgba(10, 10, 10, 0.05), 0 5px 10px rgba(10, 10, 10, 0.1), 0 1px 1px rgba(10, 10, 10, 0.2); -} - -section#home div#dropzone { - border: 1px solid #dbdbdb; - background-color: rgba(0, 0, 0, 0); - border-color: #ff3860; - color: #ff3860; - display: none; - width: 100%; - border-radius: 3px; - box-shadow: none; - height: 2.5em; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - user-select: none; - justify-content: center; - padding-left: .75em; - padding-right: .75em; - text-align: center; - cursor: pointer; -} - -section#home div#uploads, section#home p#tokenContainer, section#home a#panel { display: none; } -section#home div#dropzone:hover { background-color: #ff3860; border-color: #ff3860; color: #fff; } -section#home h3#maxFileSize { font-size: 14px; } -section#home h3#links span { padding-left: 5px; padding-right: 5px; } -section#home img.logo { height: 200px; margin-top: 20px; } -section#home .dz-preview .dz-details { display: flex; } -section#home .dz-preview .dz-details .dz-size, section#home .dz-preview .dz-details .dz-filename { flex: 1; } -section#home .dz-preview img, section#home .dz-preview .dz-success-mark, section#home .dz-preview .dz-error-mark { display: none; } -section#home div#uploads { margin-bottom: 25px; } - -@keyframes floatUp { - 0% { - opacity: 0; - box-shadow: 0 0 0 rgba(10, 10, 10, 0), 0 0 0 rgba(10, 10, 10, 0), 0 0 0 rgba(10, 10, 10, 0); - -webkit-transform: scale(0.86); - transform: scale(0.86); - } - 25% { opacity: 100; } - 67% { - box-shadow: 0 0 0 rgba(10, 10, 10, 0), 0 5px 10px rgba(10, 10, 10, 0.1), 0 1px 1px rgba(10, 10, 10, 0.2); - -webkit-transform: scale(1); - transform: scale(1); - } - 100% { - box-shadow: 0 20px 60px rgba(10, 10, 10, 0.05), 0 5px 10px rgba(10, 10, 10, 0.1), 0 1px 1px rgba(10, 10, 10, 0.2); - -webkit-transform: scale(1); - transform: scale(1); - } -} - -/* ------------------ - PANEL ------------------- */ - -section#login input, section#login p.control a.button { - border-left: 0px; - border-top: 0px; - border-right: 0px; - border-radius: 0px; - box-shadow: 0 0 0; -} - -section#login p.control a.button { margin-left: 10px; } -section#login p.control a#loginBtn { border-right: 0px; } -section#login p.control a#registerBtn { border-left: 0px; } - - -section#auth, section#dashboard { display: none } -section#auth input { background: rgba(0, 0, 0, 0); } -section#auth input, section#auth a { - border-left: 0px; - border-top: 0px; - border-right: 0px; - border-radius: 0px; - box-shadow: 0 0 0; -} - -section#dashboard .table { font-size: 12px } -section#dashboard div#table div.column { display:flex; width: 200px; height: 220px; margin: 9px; background: #f9f9f9; overflow: hidden; flex-wrap: wrap; align-items: center; } -section#dashboard div#table div.column a { width: 100%; } -section#dashboard div#table div.column a:first-child { height: 180px; } -section#dashboard div#table div.column a img { width:200px; } - -.select-wrapper { - text-align: center; - margin-bottom: 10px; -} diff --git a/public/images/fb_share.png b/public/images/fb_share.png Binary files differdeleted file mode 100644 index d5fc25b..0000000 --- a/public/images/fb_share.png +++ /dev/null diff --git a/public/images/icons/android-chrome-192x192.png b/public/images/icons/android-chrome-192x192.png Binary files differdeleted file mode 100644 index 1e77f89..0000000 --- a/public/images/icons/android-chrome-192x192.png +++ /dev/null diff --git a/public/images/icons/android-chrome-384x384.png b/public/images/icons/android-chrome-384x384.png Binary files differdeleted file mode 100644 index c07f93c..0000000 --- a/public/images/icons/android-chrome-384x384.png +++ /dev/null diff --git a/public/images/icons/apple-touch-icon.png b/public/images/icons/apple-touch-icon.png Binary files differdeleted file mode 100644 index 3590469..0000000 --- a/public/images/icons/apple-touch-icon.png +++ /dev/null diff --git a/public/images/icons/browserconfig.xml b/public/images/icons/browserconfig.xml deleted file mode 100644 index f95ebd2..0000000 --- a/public/images/icons/browserconfig.xml +++ /dev/null @@ -1,9 +0,0 @@ -<?xml version="1.0" encoding="utf-8"?> -<browserconfig> - <msapplication> - <tile> - <square150x150logo src="/images/icons/mstile-150x150.png?v=XBreOJMe24"/> - <TileColor>#00aba9</TileColor> - </tile> - </msapplication> -</browserconfig> diff --git a/public/images/icons/favicon-16x16.png b/public/images/icons/favicon-16x16.png Binary files differdeleted file mode 100644 index bf15749..0000000 --- a/public/images/icons/favicon-16x16.png +++ /dev/null diff --git a/public/images/icons/favicon-32x32.png b/public/images/icons/favicon-32x32.png Binary files differdeleted file mode 100644 index e213772..0000000 --- a/public/images/icons/favicon-32x32.png +++ /dev/null diff --git a/public/images/icons/favicon.ico b/public/images/icons/favicon.ico Binary files differdeleted file mode 100644 index f18ab34..0000000 --- a/public/images/icons/favicon.ico +++ /dev/null diff --git a/public/images/icons/manifest.json b/public/images/icons/manifest.json deleted file mode 100644 index 01860cb..0000000 --- a/public/images/icons/manifest.json +++ /dev/null @@ -1,18 +0,0 @@ -{ - "name": "lolisafe", - "icons": [ - { - "src": "/images/icons/android-chrome-192x192.png?v=XBreOJMe24", - "sizes": "192x192", - "type": "image/png" - }, - { - "src": "/images/icons/android-chrome-384x384.png?v=XBreOJMe24", - "sizes": "384x384", - "type": "image/png" - } - ], - "theme_color": "#ffffff", - "background_color": "#ffffff", - "display": "standalone" -}
\ No newline at end of file diff --git a/public/images/icons/mstile-150x150.png b/public/images/icons/mstile-150x150.png Binary files differdeleted file mode 100644 index a84a7e4..0000000 --- a/public/images/icons/mstile-150x150.png +++ /dev/null diff --git a/public/images/icons/safari-pinned-tab.svg b/public/images/icons/safari-pinned-tab.svg deleted file mode 100644 index 5c1c698..0000000 --- a/public/images/icons/safari-pinned-tab.svg +++ /dev/null @@ -1,47 +0,0 @@ -<?xml version="1.0" standalone="no"?> -<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN" - "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd"> -<svg version="1.0" xmlns="http://www.w3.org/2000/svg" - width="16.000000pt" height="16.000000pt" viewBox="0 0 16.000000 16.000000" - preserveAspectRatio="xMidYMid meet"> -<metadata> -Created by potrace 1.11, written by Peter Selinger 2001-2013 -</metadata> -<g transform="translate(0.000000,16.000000) scale(0.003765,-0.003765)" -fill="#000000" stroke="none"> -<path d="M2397 4143 c-3 -3 -19 -7 -34 -8 -162 -16 -259 -56 -351 -144 -65 --64 -123 -152 -156 -239 -22 -61 -27 -80 -40 -148 -6 -29 -18 -161 -20 -209 --1 -40 -2 -40 -81 -80 l-81 -40 58 -50 c32 -28 70 -55 85 -62 l28 -11 -25 -10 --25 -10 29 -13 28 -13 -6 -106 c-3 -58 -7 -114 -9 -125 -3 -11 -8 -45 -11 -76 --4 -31 -9 -67 -11 -80 -3 -13 -12 -60 -20 -104 -21 -108 -99 -327 -177 -497 --29 -64 -32 -67 -62 -64 -17 2 -36 4 -42 5 -25 2 -95 171 -108 259 -9 62 -14 -55 -73 -98 -35 -89 -48 -133 -59 -190 -2 -14 -6 -34 -9 -45 -21 -99 -22 -255 --2 -370 8 -44 14 -81 13 -82 -5 -6 -97 76 -131 117 -47 57 -97 151 -111 205 --30 123 -36 217 -19 300 8 41 -6 24 -48 -60 -36 -72 -72 -169 -81 -221 -3 -16 --10 -44 -16 -63 -10 -36 -7 -255 4 -304 4 -16 15 -51 26 -79 11 -28 17 -54 15 --58 -14 -22 -177 11 -235 48 l-25 16 16 -25 c27 -42 141 -127 204 -153 33 -14 -86 -32 117 -41 48 -14 58 -20 63 -44 3 -15 31 -65 61 -112 31 -46 68 -109 84 --139 15 -31 41 -67 57 -80 16 -14 45 -45 64 -70 19 -25 37 -47 40 -50 3 -3 34 --43 69 -90 109 -146 240 -259 412 -353 25 -14 65 -38 89 -53 48 -30 175 -79 -229 -88 117 -19 211 -37 250 -49 47 -14 85 -14 160 -3 131 21 171 87 171 281 --1 73 -3 93 -12 110 -4 6 -9 22 -13 37 -6 26 -54 109 -159 278 -26 41 -55 85 --63 97 -14 20 -14 23 -2 23 9 0 32 -21 52 -47 99 -128 366 -377 506 -473 12 --8 43 -30 68 -49 38 -29 57 -35 116 -41 128 -13 166 5 214 103 81 161 76 270 --19 438 -23 41 -45 76 -48 79 -3 3 -31 34 -61 70 -30 36 -57 67 -61 70 -15 13 --169 222 -169 231 0 6 7 23 15 38 26 51 56 185 61 271 3 47 7 93 9 103 5 27 --8 20 -38 -22 -15 -22 -45 -54 -67 -71 l-40 -32 -1 89 c0 48 -3 81 -7 73 -11 --25 -41 -64 -46 -59 -2 2 -7 33 -11 69 -7 65 -7 66 22 80 15 7 30 14 33 14 3 -1 26 13 52 28 56 34 121 97 157 153 22 35 30 41 47 34 47 -17 103 -115 91 --160 -6 -22 8 -26 17 -4 3 8 8 36 12 63 10 79 -28 143 -98 165 -15 5 -15 10 --4 49 31 104 15 279 -35 384 -19 40 -29 78 -29 107 0 48 -12 61 -43 45 -9 -5 --23 -5 -31 -1 -31 19 -74 61 -91 91 -13 21 -35 38 -62 48 -24 10 -42 22 -40 -28 3 6 9 10 15 9 9 -2 52 84 67 137 4 14 25 42 47 62 22 20 37 42 33 48 -3 5 --11 7 -17 4 -6 -4 -6 1 1 14 6 12 16 24 22 27 6 4 23 25 39 47 29 40 29 41 10 -57 -17 13 -18 22 -11 54 5 21 7 50 6 65 -2 15 -6 52 -9 82 -10 114 -77 279 --158 387 -46 63 -167 162 -247 202 -97 49 -263 91 -276 70 -4 -5 -13 -5 -24 1 --10 5 -21 7 -24 3z"/> -<path d="M3111 3011 c-13 -13 -21 -35 -22 -58 0 -21 -1 -53 -2 -71 -1 -17 2 --32 6 -32 4 0 29 11 55 24 74 37 87 86 27 98 -12 2 -19 10 -17 20 1 8 -4 21 --12 27 -12 10 -19 8 -35 -8z"/> -</g> -</svg> diff --git a/public/images/logo.png b/public/images/logo.png Binary files differdeleted file mode 100644 index 96916c0..0000000 --- a/public/images/logo.png +++ /dev/null diff --git a/public/images/logo_big.png b/public/images/logo_big.png Binary files differdeleted file mode 100644 index b935a28..0000000 --- a/public/images/logo_big.png +++ /dev/null diff --git a/public/images/logo_smol.png b/public/images/logo_smol.png Binary files differdeleted file mode 100644 index 94b6797..0000000 --- a/public/images/logo_smol.png +++ /dev/null diff --git a/public/images/logo_square.png b/public/images/logo_square.png Binary files differdeleted file mode 100644 index 0c296b1..0000000 --- a/public/images/logo_square.png +++ /dev/null diff --git a/public/js/auth.js b/public/js/auth.js deleted file mode 100644 index 1ae9e4d..0000000 --- a/public/js/auth.js +++ /dev/null @@ -1,56 +0,0 @@ -var page = {}; - -page.do = function(dest){ - - var user = document.getElementById('user').value; - var pass = document.getElementById('pass').value; - - if(user === undefined || user === null || user === '') - return swal('Error', 'You need to specify a username', 'error'); - if(pass === undefined || pass === null || pass === '') - return swal('Error', 'You need to specify a username', 'error'); - - axios.post('/api/' + dest, { - username: user, - password: pass - }) - .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) { - return swal('An error ocurred', 'There was an error with the request, please check the console for more information.', 'error'); - console.log(error); - }); -}; - -page.verify = function(){ - page.token = localStorage.token; - if(page.token === undefined) return; - - axios.post('/api/tokens/verify', { - token: page.token - }) - .then(function (response) { - - if(response.data.success === false) - return swal('Error', response.data.description, 'error'); - - window.location = '/dashboard'; - - }) - .catch(function (error) { - return swal('An error ocurred', 'There was an error with the request, please check the console for more information.', 'error'); - console.log(error); - }); - -}; - -window.onload = function () { - page.verify(); -};
\ No newline at end of file diff --git a/public/js/dashboard.js b/public/js/dashboard.js deleted file mode 100644 index b080402..0000000 --- a/public/js/dashboard.js +++ /dev/null @@ -1,620 +0,0 @@ -let panel = {}; - -panel.page; -panel.username; -panel.token = localStorage.token; -panel.filesView = localStorage.filesView; - -panel.preparePage = function(){ - if(!panel.token) return window.location = '/auth'; - panel.verifyToken(panel.token, true); -}; - -panel.verifyToken = function(token, reloadOnError){ - if(reloadOnError === undefined) - reloadOnError = false; - - axios.post('/api/tokens/verify', { - token: token - }) - .then(function (response) { - - if(response.data.success === false){ - swal({ - title: "An error ocurred", - text: response.data.description, - type: "error" - }, function(){ - if(reloadOnError){ - localStorage.removeItem("token"); - location.location = '/auth'; - } - }); - return; - } - - axios.defaults.headers.common['token'] = token; - localStorage.token = token; - panel.token = token; - panel.username = response.data.username; - return panel.prepareDashboard(); - - }) - .catch(function (error) { - return swal("An error ocurred", 'There was an error with the request, please check the console for more information.', "error"); - console.log(error); - }); - -}; - -panel.prepareDashboard = function(){ - panel.page = document.getElementById('page'); - document.getElementById('auth').style.display = 'none'; - document.getElementById('dashboard').style.display = 'block'; - - document.getElementById('itemUploads').addEventListener('click', function(){ - panel.setActiveMenu(this); - }); - - document.getElementById('itemManageGallery').addEventListener('click', function(){ - panel.setActiveMenu(this); - }); - - document.getElementById('itemTokens').addEventListener('click', function(){ - panel.setActiveMenu(this); - }); - - document.getElementById('itemPassword').addEventListener('click', function(){ - panel.setActiveMenu(this); - }); - - document.getElementById('itemLogout').innerHTML = `Logout ( ${panel.username} )`; - - panel.getAlbumsSidebar(); -}; - -panel.logout = function(){ - localStorage.removeItem("token"); - location.reload('/'); -}; - -panel.getUploads = function(album = undefined, page = undefined){ - - if(page === undefined) page = 0; - - let url = '/api/uploads/' + page; - if(album !== undefined) - url = '/api/album/' + album + '/' + page; - - axios.get(url).then(function (response) { - if(response.data.success === false){ - if(response.data.description === 'No token provided') return panel.verifyToken(panel.token); - else return swal("An error ocurred", response.data.description, "error"); - } - - var prevPage = 0; - var nextPage = page + 1; - - if(response.data.files.length < 25) - nextPage = page; - - if(page > 0) prevPage = page - 1; - - panel.page.innerHTML = ''; - var container = document.createElement('div'); - var pagination = `<nav class="pagination is-centered"> - <a class="pagination-previous" onclick="panel.getUploads(${album}, ${prevPage} )">Previous</a> - <a class="pagination-next" onclick="panel.getUploads(${album}, ${nextPage} )">Next page</a> - </nav>`; - var listType = ` - <div class="columns"> - <div class="column"> - <a class="button is-small is-outlined is-danger" title="List view" onclick="panel.setFilesView('list', ${album}, ${page})"> - <span class="icon is-small"> - <i class="fa fa-list-ul"></i> - </span> - </a> - <a class="button is-small is-outlined is-danger" title="List view" onclick="panel.setFilesView('thumbs', ${album}, ${page})"> - <span class="icon is-small"> - <i class="fa fa-th-large"></i> - </span> - </a> - </div> - </div>`; - - if(panel.filesView === 'thumbs'){ - - container.innerHTML = ` - ${pagination} - <hr> - ${listType} - <div class="columns is-multiline is-mobile" id="table"> - - </div> - ${pagination} - `; - - panel.page.appendChild(container); - var table = document.getElementById('table'); - - for(var item of response.data.files){ - - var div = document.createElement('div'); - div.className = "column is-2"; - if(item.thumb !== undefined) - div.innerHTML = `<a href="${item.file}" target="_blank"><img src="${item.thumb}"/></a><a class="button is-small is-danger is-outlined" title="Delete file" onclick="panel.deleteFile(${item.id})"><span class="icon is-small"><i class="fa fa-trash-o"></i></span></a>`; - else - div.innerHTML = `<a href="${item.file}" target="_blank"><h1 class="title">.${item.file.split('.').pop()}</h1></a><a class="button is-small is-danger is-outlined" title="Delete file" onclick="panel.deleteFile(${item.id})"><span class="icon is-small"><i class="fa fa-trash-o"></i></span></a>`; - table.appendChild(div); - - } - - }else{ - - var albumOrUser = 'Album'; - if(panel.username === 'root') - albumOrUser = 'User'; - - container.innerHTML = ` - ${pagination} - <hr> - ${listType} - <table class="table is-striped is-narrow is-left"> - <thead> - <tr> - <th>File</th> - <th>${albumOrUser}</th> - <th>Date</th> - <th></th> - </tr> - </thead> - <tbody id="table"> - </tbody> - </table> - <hr> - ${pagination} - `; - - panel.page.appendChild(container); - var table = document.getElementById('table'); - - for(var item of response.data.files){ - - var tr = document.createElement('tr'); - - var displayAlbumOrUser = item.album; - if(panel.username === 'root'){ - displayAlbumOrUser = ''; - if(item.username !== undefined) - displayAlbumOrUser = item.username; - } - - tr.innerHTML = ` - <tr> - <th><a href="${item.file}" target="_blank">${item.file}</a></th> - <th>${displayAlbumOrUser}</th> - <td>${item.date}</td> - <td> - <a class="button is-small is-danger is-outlined" title="Delete album" onclick="panel.deleteFile(${item.id})"> - <span class="icon is-small"> - <i class="fa fa-trash-o"></i> - </span> - </a> - </td> - </tr> - `; - - table.appendChild(tr); - } - } - }) - .catch(function (error) { - return swal("An error ocurred", 'There was an error with the request, please check the console for more information.', "error"); - console.log(error); - }); - -}; - -panel.setFilesView = function(view, album, page){ - localStorage.filesView = view; - panel.filesView = view; - panel.getUploads(album, page); -}; - -panel.deleteFile = function(id){ - swal({ - title: "Are you sure?", - text: "You wont be able to recover the file!", - type: "warning", - showCancelButton: true, - confirmButtonColor: "#ff3860", - confirmButtonText: "Yes, delete it!", - closeOnConfirm: false - }, - function(){ - - axios.post('/api/upload/delete', { - id: id - }) - .then(function (response) { - - if(response.data.success === false){ - if(response.data.description === 'No token provided') return panel.verifyToken(panel.token); - else return swal("An error ocurred", response.data.description, "error"); - } - - swal("Deleted!", "The file has been deleted.", "success"); - panel.getUploads(); - - }) - .catch(function (error) { - return swal("An error ocurred", 'There was an error with the request, please check the console for more information.', "error"); - console.log(error); - }); - - } - ); -}; - -panel.getAlbums = function(){ - - axios.get('/api/albums').then(function (response) { - if(response.data.success === false){ - if(response.data.description === 'No token provided') return panel.verifyToken(panel.token); - else return swal("An error ocurred", response.data.description, "error"); - } - - panel.page.innerHTML = ''; - var container = document.createElement('div'); - container.className = "container"; - container.innerHTML = ` - <h2 class="subtitle">Create new album</h2> - - <p class="control has-addons has-addons-centered"> - <input id="albumName" class="input" type="text" placeholder="Name"> - <a id="submitAlbum" class="button is-primary">Submit</a> - </p> - - <h2 class="subtitle">List of albums</h2> - - <table class="table is-striped is-narrow"> - <thead> - <tr> - <th>Name</th> - <th>Files</th> - <th>Created At</th> - <th>Public link</th> - <th></th> - </tr> - </thead> - <tbody id="table"> - </tbody> - </table>`; - - panel.page.appendChild(container); - var table = document.getElementById('table'); - - for(var item of response.data.albums){ - - var tr = document.createElement('tr'); - tr.innerHTML = ` - <tr> - <th>${item.name}</th> - <th>${item.files}</th> - <td>${item.date}</td> - <td><a href="${item.identifier}" target="_blank">Album link</a></td> - <td> - <a class="button is-small is-primary is-outlined" title="Edit name" onclick="panel.renameAlbum(${item.id})"> - <span class="icon is-small"> - <i class="fa fa-pencil"></i> - </span> - </a> - <a class="button is-small is-danger is-outlined" title="Delete album" onclick="panel.deleteAlbum(${item.id})"> - <span class="icon is-small"> - <i class="fa fa-trash-o"></i> - </span> - </a> - </td> - </tr> - `; - - table.appendChild(tr); - } - - document.getElementById('submitAlbum').addEventListener('click', function(){ - panel.submitAlbum(); - }); - - }) - .catch(function (error) { - return swal("An error ocurred", 'There was an error with the request, please check the console for more information.', "error"); - console.log(error); - }); - -}; - -panel.renameAlbum = function(id){ - - swal({ - title: "Rename album", - text: "New name you want to give the album:", - type: "input", - showCancelButton: true, - closeOnConfirm: false, - animation: "slide-from-top", - inputPlaceholder: "My super album" - },function(inputValue){ - if (inputValue === false) return false; - if (inputValue === "") { - swal.showInputError("You need to write something!"); - return false; - } - - axios.post('/api/albums/rename', { - id: id, - name: inputValue - }) - .then(function (response) { - - if(response.data.success === false){ - if(response.data.description === 'No token provided') return panel.verifyToken(panel.token); - else if(response.data.description === 'Name already in use') swal.showInputError("That name is already in use!"); - else swal("An error ocurred", response.data.description, "error"); - return; - } - - swal("Success!", "Your album was renamed to: " + inputValue, "success"); - panel.getAlbumsSidebar(); - panel.getAlbums(); - - }) - .catch(function (error) { - return swal("An error ocurred", 'There was an error with the request, please check the console for more information.', "error"); - console.log(error); - }); - - }); - -}; - -panel.deleteAlbum = function(id){ - swal({ - title: "Are you sure?", - text: "This won't delete your files, only the album!", - type: "warning", - showCancelButton: true, - confirmButtonColor: "#ff3860", - confirmButtonText: "Yes, delete it!", - closeOnConfirm: false - }, - function(){ - - axios.post('/api/albums/delete', { - id: id - }) - .then(function (response) { - - if(response.data.success === false){ - if(response.data.description === 'No token provided') return panel.verifyToken(panel.token); - else return swal("An error ocurred", response.data.description, "error"); - } - - swal("Deleted!", "Your album has been deleted.", "success"); - panel.getAlbumsSidebar(); - panel.getAlbums(); - - }) - .catch(function (error) { - return swal("An error ocurred", 'There was an error with the request, please check the console for more information.', "error"); - console.log(error); - }); - - } - ); - -}; - -panel.submitAlbum = function(){ - - axios.post('/api/albums', { - name: document.getElementById('albumName').value - }) - .then(function (response) { - - if(response.data.success === false){ - if(response.data.description === 'No token provided') return panel.verifyToken(panel.token); - else return swal("An error ocurred", response.data.description, "error"); - } - - swal("Woohoo!", "Album was added successfully", "success"); - panel.getAlbumsSidebar(); - panel.getAlbums(); - - }) - .catch(function (error) { - return swal("An error ocurred", 'There was an error with the request, please check the console for more information.', "error"); - console.log(error); - }); - -}; - -panel.getAlbumsSidebar = function(){ - - axios.get('/api/albums/sidebar') - .then(function (response) { - if(response.data.success === false){ - if(response.data.description === 'No token provided') return panel.verifyToken(panel.token); - else return swal("An error ocurred", response.data.description, "error"); - } - - var albumsContainer = document.getElementById('albumsContainer'); - albumsContainer.innerHTML = ''; - - if(response.data.albums === undefined) return; - - for(var album of response.data.albums){ - - li = document.createElement('li'); - a = document.createElement('a'); - a.id = album.id; - a.innerHTML = album.name; - - a.addEventListener('click', function(){ - panel.getAlbum(this); - }); - - li.appendChild(a); - albumsContainer.appendChild(li); - } - - - }) - .catch(function (error) { - return swal("An error ocurred", 'There was an error with the request, please check the console for more information.', "error"); - console.log(error); - }); - -}; - -panel.getAlbum = function(item){ - panel.setActiveMenu(item); - panel.getUploads(item.id); -}; - -panel.changeToken = function(){ - - axios.get('/api/tokens') - .then(function (response) { - if(response.data.success === false){ - if(response.data.description === 'No token provided') return panel.verifyToken(panel.token); - else return swal("An error ocurred", response.data.description, "error"); - } - - panel.page.innerHTML = ''; - var container = document.createElement('div'); - container.className = "container"; - container.innerHTML = ` - <h2 class="subtitle">Manage your token</h2> - - <label class="label">Your current token:</label> - <p class="control has-addons"> - <input id="token" readonly class="input is-expanded" type="text" placeholder="Your token" value="${response.data.token}"> - <a id="getNewToken" class="button is-primary">Request new token</a> - </p> - `; - - panel.page.appendChild(container); - - document.getElementById('getNewToken').addEventListener('click', function(){ - panel.getNewToken(); - }); - - }) - .catch(function (error) { - return swal("An error ocurred", 'There was an error with the request, please check the console for more information.', "error"); - console.log(error); - }); - -}; - -panel.getNewToken = function(){ - - axios.post('/api/tokens/change') - .then(function (response) { - - if(response.data.success === false){ - if(response.data.description === 'No token provided') return panel.verifyToken(panel.token); - else return swal("An error ocurred", response.data.description, "error"); - } - - swal({ - title: "Woohoo!", - text: 'Your token was changed successfully.', - type: "success" - }, function(){ - localStorage.token = response.data.token; - location.reload(); - }); - - }) - .catch(function (error) { - return swal("An error ocurred", 'There was an error with the request, please check the console for more information.', "error"); - console.log(error); - }); - -}; - -panel.changePassword = function(){ - - panel.page.innerHTML = ''; - var container = document.createElement('div'); - container.className = "container"; - container.innerHTML = ` - <h2 class="subtitle">Change your password</h2> - - <label class="label">New password:</label> - <p class="control has-addons"> - <input id="password" class="input is-expanded" type="password" placeholder="Your new password"> - </p> - <label class="label">Confirm password:</label> - <p class="control has-addons"> - <input id="passwordConfirm" class="input is-expanded" type="password" placeholder="Verify your new password"> - <a id="sendChangePassword" class="button is-primary">Set new password</a> - </p> - `; - - panel.page.appendChild(container); - - document.getElementById('sendChangePassword').addEventListener('click', function(){ - if (document.getElementById('password').value === document.getElementById('passwordConfirm').value) { - panel.sendNewPassword(document.getElementById('password').value); - } else { - swal({ - title: "Password mismatch!", - text: 'Your passwords do not match, please try again.', - type: "error" - }, function() { - panel.changePassword(); - }); - } - }); -}; - -panel.sendNewPassword = function(pass){ - - axios.post('/api/password/change', {password: pass}) - .then(function (response) { - - if(response.data.success === false){ - if(response.data.description === 'No token provided') return panel.verifyToken(panel.token); - else return swal("An error ocurred", response.data.description, "error"); - } - - swal({ - title: "Woohoo!", - text: 'Your password was changed successfully.', - type: "success" - }, function(){ - location.reload(); - }); - - }) - .catch(function (error) { - return swal("An error ocurred", 'There was an error with the request, please check the console for more information.', "error"); - console.log(error); - }); - -}; - -panel.setActiveMenu = function(item){ - var menu = document.getElementById('menu'); - var items = menu.getElementsByTagName('a'); - for(var i = 0; i < items.length; i++) - items[i].className = ""; - - item.className = 'is-active'; -}; - -window.onload = function () { - panel.preparePage(); -}; diff --git a/public/js/home.js b/public/js/home.js deleted file mode 100644 index 771244a..0000000 --- a/public/js/home.js +++ /dev/null @@ -1,220 +0,0 @@ -var upload = {}; - -upload.isPrivate = true; -upload.token = localStorage.token; -upload.maxFileSize; -// add the album var to the upload so we can store the album id in there -upload.album; -upload.myDropzone; - -upload.checkIfPublic = function(){ - axios.get('/api/check') - .then(function (response) { - upload.isPrivate= response.data.private; - upload.maxFileSize = response.data.maxFileSize; - upload.preparePage(); - }) - .catch(function (error) { - swal("An error ocurred", 'There was an error with the request, please check the console for more information.', "error"); - return console.log(error); - }); -} - -upload.preparePage = function(){ - if(!upload.isPrivate) return upload.prepareUpload(); - if(!upload.token) return document.getElementById('loginToUpload').style.display = 'inline-flex'; - upload.verifyToken(upload.token, true); -}; - -upload.verifyToken = function(token, reloadOnError){ - if(reloadOnError === undefined) - reloadOnError = false; - - axios.post('/api/tokens/verify', { - token: token - }) - .then(function (response) { - - if(response.data.success === false){ - swal({ - title: "An error ocurred", - text: response.data.description, - type: "error" - }, function(){ - if(reloadOnError){ - localStorage.removeItem("token"); - location.reload(); - } - }); - return; - } - - localStorage.token = token; - upload.token = token; - return upload.prepareUpload(); - - }) - .catch(function (error) { - swal("An error ocurred", 'There was an error with the request, please check the console for more information.', "error"); - return console.log(error); - }); - -}; - -upload.prepareUpload = function(){ - // I think this fits best here because we need to check for a valid token before we can get the albums - if (upload.token) { - var select = document.getElementById('albumSelect'); - - select.addEventListener('change', function() { - upload.album = select.value; - }); - - axios.get('/api/albums', { headers: { token: upload.token }}) - .then(function(res) { - var albums = res.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 i = 0; i < albums.length; i++) { - var opt = document.createElement('option'); - opt.value = albums[i].id; - opt.innerHTML = albums[i].name; - select.appendChild(opt); - } - // display the album selection - document.getElementById('albumDiv').style.display = 'block'; - }) - .catch(function(e) { - swal("An error ocurred", 'There was an error with the request, please check the console for more information.', "error"); - return console.log(e); - }); - } - - div = document.createElement('div'); - div.id = 'dropzone'; - div.innerHTML = 'Click here or drag and drop files'; - div.style.display = 'flex'; - - document.getElementById('maxFileSize').innerHTML = 'Maximum upload size per file is ' + upload.maxFileSize; - document.getElementById('loginToUpload').style.display = 'none'; - - if(upload.token === undefined) - document.getElementById('loginLinkText').innerHTML = 'Create an account and keep track of your uploads'; - - document.getElementById('uploadContainer').appendChild(div); - - upload.prepareDropzone(); - -}; - -upload.prepareDropzone = function(){ - var previewNode = document.querySelector('#template'); - previewNode.id = ''; - var previewTemplate = previewNode.parentNode.innerHTML; - previewNode.parentNode.removeChild(previewNode); - - var dropzone = new Dropzone('div#dropzone', { - url: '/api/upload', - paramName: 'files[]', - maxFilesize: upload.maxFileSize.slice(0, -2), - parallelUploads: 2, - uploadMultiple: false, - previewsContainer: 'div#uploads', - previewTemplate: previewTemplate, - createImageThumbnails: false, - maxFiles: 1000, - autoProcessQueue: true, - headers: { - 'token': upload.token - }, - init: function() { - upload.myDropzone = this; - this.on('addedfile', function(file) { - document.getElementById('uploads').style.display = 'block'; - }); - // add the selected albumid, if an album is selected, as a header - this.on('sending', function(file, xhr) { - if (upload.album) { - xhr.setRequestHeader('albumid', upload.album); - } - }); - } - }); - - // Update the total progress bar - dropzone.on('uploadprogress', function(file, progress) { - file.previewElement.querySelector('.progress').setAttribute('value', progress); - file.previewElement.querySelector('.progress').innerHTML = progress + '%'; - }); - - dropzone.on('success', function(file, response) { - - // Handle the responseText here. For example, add the text to the preview element: - - if (response.success === false) { - var p = document.createElement('p'); - p.innerHTML = response.description; - file.previewTemplate.querySelector('.link').appendChild(p); - } - - if (response.files[0].url) { - a = document.createElement('a'); - a.href = response.files[0].url; - a.target = '_blank'; - a.innerHTML = response.files[0].url; - file.previewTemplate.querySelector('.link').appendChild(a); - - file.previewTemplate.querySelector('.progress').style.display = 'none'; - } - - }); - - upload.prepareShareX(); -}; - -upload.prepareShareX = function(){ - if (upload.token) { - var sharex_element = document.getElementById("ShareX"); - var sharex_file = "{\r\n\ - \"Name\": \"" + location.hostname + "\",\r\n\ - \"DestinationType\": \"ImageUploader, FileUploader\",\r\n\ - \"RequestType\": \"POST\",\r\n\ - \"RequestURL\": \"" + location.origin + "/api/upload\",\r\n\ - \"FileFormName\": \"files[]\",\r\n\ - \"Headers\": {\r\n\ - \"token\": \"" + upload.token + "\"\r\n\ - },\r\n\ - \"ResponseType\": \"Text\",\r\n\ - \"URL\": \"$json:files[0].url$\",\r\n\ - \"ThumbnailURL\": \"$json:files[0].url$\"\r\n\ -}"; - var sharex_blob = new Blob([sharex_file], {type: "application/octet-binary"}); - sharex_element.setAttribute("href", URL.createObjectURL(sharex_blob)); - sharex_element.setAttribute("download", location.hostname + ".sxcu"); - } -}; - -//Handle image paste event -window.addEventListener('paste', function(event) { - var items = (event.clipboardData || event.originalEvent.clipboardData).items; - for (index in items) { - var item = items[index]; - if (item.kind === 'file') { - var blob = item.getAsFile(); - console.log(blob.type); - var file = new File([blob], "pasted-image."+blob.type.match(/(?:[^\/]*\/)([^;]*)/)[1]); - file.type = blob.type; - console.log(file); - upload.myDropzone.addFile(file); - } - } -}); - -window.onload = function () { - upload.checkIfPublic(); -}; - |