localStorage.username = username;
localStorage.password = password;
- loadDirectory(app.path);
+ loadDirectory(window.location.hash.slice(1));
});
}
function logout() {
app.session.valid = false;
- app.session.username = username;
- app.session.password = password;
+ app.session.username = null;
+ app.session.password = null;
delete localStorage.username;
delete localStorage.password;
return filePath.split('/').map(encodeURIComponent).join('/');
}
+function decode(filePath) {
+ return filePath.split('/').map(decodeURIComponent).join('/');
+}
+
+var mimeTypes = {
+ images: [ '.png', '.jpg', '.jpeg', '.tiff', '.gif' ],
+ text: [ '.txt', '.md' ],
+ pdf: [ '.pdf' ],
+ html: [ '.html', '.htm', '.php' ],
+ video: [ '.mp4', '.mpg', '.mpeg', '.ogg', '.mkv' ]
+};
+
+function getPreviewUrl(entry, basePath) {
+ var path = '/_admin/img/';
+
+ if (entry.isDirectory) return path + 'directory.png';
+ if (mimeTypes.images.some(function (e) { return entry.filePath.endsWith(e); })) return sanitize(basePath + '/' + entry.filePath);
+ if (mimeTypes.text.some(function (e) { return entry.filePath.endsWith(e); })) return path +'text.png';
+ if (mimeTypes.pdf.some(function (e) { return entry.filePath.endsWith(e); })) return path + 'pdf.png';
+ if (mimeTypes.html.some(function (e) { return entry.filePath.endsWith(e); })) return path + 'html.png';
+ if (mimeTypes.video.some(function (e) { return entry.filePath.endsWith(e); })) return path + 'video.png';
+
+ return path + 'unknown.png';
+}
+
function refresh() {
loadDirectory(app.path);
}
filePath = filePath ? sanitize(filePath) : '/';
- console.log(filePath);
-
- superagent.get('/api/files/' + filePath).query({ username: app.session.username, password: app.session.password }).end(function (error, result) {
+ superagent.get('/api/files/' + encode(filePath)).query({ username: app.session.username, password: app.session.password }).end(function (error, result) {
app.busy = false;
+ if (result && result.statusCode === 401) return logout();
if (error) return console.error(error);
- if (result.statusCode === 401) return logout();
- app.entries = result.body.entries;
+ result.body.entries.sort(function (a, b) { return a.isDirectory && b.isFile ? -1 : 1; });
+ app.entries = result.body.entries.map(function (entry) {
+ entry.previewUrl = getPreviewUrl(entry, filePath);
+ return entry;
+ });
app.path = filePath;
- app.pathParts = filePath.split('/').filter(function (e) { return !!e; });
+ app.pathParts = decode(filePath).split('/').filter(function (e) { return !!e; }).map(function (e, i, a) {
+ return {
+ name: e,
+ link: '#' + sanitize('/' + a.slice(0, i).join('/') + '/' + e)
+ };
+ });
+
+ // update in case this was triggered from code
+ window.location.hash = app.path;
+
+ Vue.nextTick(function () {
+ $(function () {
+ $('[data-toggle="tooltip"]').tooltip();
+ });
+ });
});
}
function open(entry) {
var path = sanitize(app.path + '/' + entry.filePath);
- if (entry.isDirectory) return loadDirectory(path);
+ if (entry.isDirectory) {
+ window.location.hash = path;
+ return;
+ }
- window.open(path);
+ window.open(encode(path));
}
function up() {
- loadDirectory(app.path.split('/').slice(0, -1).filter(function (p) { return !!p; }).join('/'));
+ window.location.hash = sanitize(app.path.split('/').slice(0, -1).filter(function (p) { return !!p; }).join('/'));
}
function upload() {
// detach event handler
$(app.$els.upload).off('change');
- var file = app.$els.upload.files[0];
- var path = encode(sanitize(app.path + '/' + file.name));
+ var length = app.$els.upload.files.length;
+ var done = 0;
- var formData = new FormData();
- formData.append('file', file);
+ function uploadFile(file) {
+ var path = encode(sanitize(app.path + '/' + file.name));
- superagent.put('/api/files' + path).query({ username: app.session.username, password: app.session.password }).send(formData).end(function (error, result) {
- app.busy = false;
+ var formData = new FormData();
+ formData.append('file', file);
- if (error) return console.error(error);
- if (result.statusCode !== 201) return console.error('Error uploading file: ', result.statusCode);
+ superagent.put('/api/files' + path).query({ username: app.session.username, password: app.session.password }).send(formData).end(function (error, result) {
+ if (result && result.statusCode === 401) return logout();
+ if (result && result.statusCode !== 201) console.error('Error uploading file: ', result.statusCode);
+ if (error) console.error(error);
- refresh();
- });
+ ++done;
+
+ if (done >= length) {
+ app.busy = false;
+ refresh();
+ }
+ });
+ }
+
+ for(var i = 0; i < length; i++) {
+ uploadFile(app.$els.upload.files[i]);
+ }
});
+ // reset the form first to make the change handler retrigger even on the same file selected
+ $('#fileUploadForm')[0].reset();
+
app.$els.upload.click();
}
superagent.del('/api/files' + path).query({ username: app.session.username, password: app.session.password, recursive: true }).end(function (error, result) {
app.busy = false;
+ if (result && result.statusCode === 401) return logout();
+ if (result && result.statusCode !== 200) return console.error('Error deleting file: ', result.statusCode);
if (error) return console.error(error);
- if (result.statusCode !== 200) return console.error('Error deleting file: ', result.statusCode);
refresh();
function createDirectoryAsk() {
$('#modalcreateDirectory').modal('show');
app.createDirectoryData = '';
+ app.createDirectoryError = null;
}
function createDirectory(name) {
app.busy = true;
+ app.createDirectoryError = null;
var path = encode(sanitize(app.path + '/' + name));
superagent.put('/api/files' + path).query({ username: app.session.username, password: app.session.password, directory: true }).end(function (error, result) {
app.busy = false;
+ if (result && result.statusCode === 401) return logout();
+ if (result && result.statusCode === 403) {
+ app.createDirectoryError = 'Name not allowed';
+ return;
+ }
+ if (result && result.statusCode === 409) {
+ app.createDirectoryError = 'Directory already exists';
+ return;
+ }
+ if (result && result.statusCode !== 201) return console.error('Error creating directory: ', result.statusCode);
if (error) return console.error(error);
- if (result.statusCode !== 201) return console.error('Error creating directory: ', result.statusCode);
app.createDirectoryData = '';
refresh();
return d.toDateString();
});
+Vue.filter('prettyFileSize', function (value) {
+ return filesize(value);
+});
+
var app = new Vue({
el: '#app',
data: {
loginData: {},
deleteData: {},
createDirectoryData: '',
+ createDirectoryError: null,
entries: []
},
methods: {
}
});
+window.app = app;
+
login(localStorage.username, localStorage.password);
+$(window).on('hashchange', function () {
+ loadDirectory(window.location.hash.slice(1));
+});
+
+// setup all the dialog focus handling
+['modalcreateDirectory'].forEach(function (id) {
+ $('#' + id).on('shown.bs.modal', function () {
+ $(this).find("[autofocus]:first").focus();
+ });
+});
+
})();