aboutsummaryrefslogtreecommitdiff
path: root/public
diff options
context:
space:
mode:
authorPitu <[email protected]>2018-09-16 00:39:58 -0300
committerPitu <[email protected]>2018-09-16 00:39:58 -0300
commit868f4a64eca3fb38fbfa12e7b9a9d0d4a374f369 (patch)
tree4b825dc642cb6eb9a060e54bf8d69288fbee4904 /public
parentMerge pull request #149 from iilukas/patch-1 (diff)
downloadhost.fuwn.me-868f4a64eca3fb38fbfa12e7b9a9d0d4a374f369.tar.xz
host.fuwn.me-868f4a64eca3fb38fbfa12e7b9a9d0d4a374f369.zip
Begone!
Diffstat (limited to 'public')
-rw-r--r--public/css/style.css113
-rw-r--r--public/images/fb_share.pngbin63834 -> 0 bytes
-rw-r--r--public/images/icons/android-chrome-192x192.pngbin11300 -> 0 bytes
-rw-r--r--public/images/icons/android-chrome-384x384.pngbin31742 -> 0 bytes
-rw-r--r--public/images/icons/apple-touch-icon.pngbin8070 -> 0 bytes
-rw-r--r--public/images/icons/browserconfig.xml9
-rw-r--r--public/images/icons/favicon-16x16.pngbin920 -> 0 bytes
-rw-r--r--public/images/icons/favicon-32x32.pngbin1680 -> 0 bytes
-rw-r--r--public/images/icons/favicon.icobin15086 -> 0 bytes
-rw-r--r--public/images/icons/manifest.json18
-rw-r--r--public/images/icons/mstile-150x150.pngbin6268 -> 0 bytes
-rw-r--r--public/images/icons/safari-pinned-tab.svg47
-rw-r--r--public/images/logo.pngbin157334 -> 0 bytes
-rw-r--r--public/images/logo_big.pngbin4245986 -> 0 bytes
-rw-r--r--public/images/logo_smol.pngbin59261 -> 0 bytes
-rw-r--r--public/images/logo_square.pngbin139609 -> 0 bytes
-rw-r--r--public/js/auth.js56
-rw-r--r--public/js/dashboard.js620
-rw-r--r--public/js/home.js220
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
deleted file mode 100644
index d5fc25b..0000000
--- a/public/images/fb_share.png
+++ /dev/null
Binary files differ
diff --git a/public/images/icons/android-chrome-192x192.png b/public/images/icons/android-chrome-192x192.png
deleted file mode 100644
index 1e77f89..0000000
--- a/public/images/icons/android-chrome-192x192.png
+++ /dev/null
Binary files differ
diff --git a/public/images/icons/android-chrome-384x384.png b/public/images/icons/android-chrome-384x384.png
deleted file mode 100644
index c07f93c..0000000
--- a/public/images/icons/android-chrome-384x384.png
+++ /dev/null
Binary files differ
diff --git a/public/images/icons/apple-touch-icon.png b/public/images/icons/apple-touch-icon.png
deleted file mode 100644
index 3590469..0000000
--- a/public/images/icons/apple-touch-icon.png
+++ /dev/null
Binary files differ
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
deleted file mode 100644
index bf15749..0000000
--- a/public/images/icons/favicon-16x16.png
+++ /dev/null
Binary files differ
diff --git a/public/images/icons/favicon-32x32.png b/public/images/icons/favicon-32x32.png
deleted file mode 100644
index e213772..0000000
--- a/public/images/icons/favicon-32x32.png
+++ /dev/null
Binary files differ
diff --git a/public/images/icons/favicon.ico b/public/images/icons/favicon.ico
deleted file mode 100644
index f18ab34..0000000
--- a/public/images/icons/favicon.ico
+++ /dev/null
Binary files differ
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
deleted file mode 100644
index a84a7e4..0000000
--- a/public/images/icons/mstile-150x150.png
+++ /dev/null
Binary files differ
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
deleted file mode 100644
index 96916c0..0000000
--- a/public/images/logo.png
+++ /dev/null
Binary files differ
diff --git a/public/images/logo_big.png b/public/images/logo_big.png
deleted file mode 100644
index b935a28..0000000
--- a/public/images/logo_big.png
+++ /dev/null
Binary files differ
diff --git a/public/images/logo_smol.png b/public/images/logo_smol.png
deleted file mode 100644
index 94b6797..0000000
--- a/public/images/logo_smol.png
+++ /dev/null
Binary files differ
diff --git a/public/images/logo_square.png b/public/images/logo_square.png
deleted file mode 100644
index 0c296b1..0000000
--- a/public/images/logo_square.png
+++ /dev/null
Binary files differ
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();
-};
-