(function () {
'use strict';
+function getProfile(accessToken, callback) {
+ callback = callback || function (error) { if (error) console.error(error); };
+
+ superagent.get('/api/profile').query({ access_token: accessToken }).end(function (error, result) {
+ app.busy = false;
+
+ if (error && !error.response) return callback(error);
+ if (result.statusCode !== 200) {
+ delete localStorage.accessToken;
+ return callback('Invalid access token');
+ }
+
+ localStorage.accessToken = accessToken;
+ app.session.username = result.body.username;
+ app.session.valid = true;
+
+ callback();
+ });
+}
+
function login(username, password) {
username = username || app.loginData.username;
password = password || app.loginData.password;
app.busy = true;
- superagent.get('/api/files/').query({ username: username, password: password }).end(function (error, result) {
+ superagent.post('/api/login').send({ username: username, password: password }).end(function (error, result) {
app.busy = false;
if (error) return console.error(error);
if (result.statusCode === 401) return console.error('Invalid credentials');
- app.session.valid = true;
- app.session.username = username;
- app.session.password = password;
-
- // clearly not the best option
- localStorage.username = username;
- localStorage.password = password;
+ getProfile(result.body.accessToken, function (error) {
+ if (error) return console.error(error);
- loadDirectory(window.location.hash.slice(1));
+ loadDirectory(window.location.hash.slice(1));
+ });
});
}
function logout() {
- app.session.valid = false;
- app.session.username = null;
- app.session.password = null;
+ superagent.post('/api/logout').query({ access_token: localStorage.accessToken }).end(function (error) {
+ if (error) console.error(error);
+
+ app.session.valid = false;
- delete localStorage.username;
- delete localStorage.password;
+ delete localStorage.accessToken;
+ });
}
function sanitize(filePath) {
filePath = filePath ? sanitize(filePath) : '/';
- superagent.get('/api/files/' + encode(filePath)).query({ username: app.session.username, password: app.session.password }).end(function (error, result) {
+ superagent.get('/api/files/' + encode(filePath)).query({ access_token: localStorage.accessToken }).end(function (error, result) {
app.busy = false;
if (result && result.statusCode === 401) return logout();
window.open(encode(path));
}
+function download(entry) {
+ if (entry.isDirectory) return;
+
+ window.open(encode('/api/files/' + sanitize(app.path + '/' + entry.filePath)) + '?access_token=' + localStorage.accessToken);
+}
+
function up() {
window.location.hash = sanitize(app.path.split('/').slice(0, -1).filter(function (p) { return !!p; }).join('/'));
}
+function uploadFiles(files) {
+ if (!files || !files.length) return;
+
+ app.uploadStatus = {
+ busy: true,
+ count: files.length,
+ done: 0,
+ percentDone: 0
+ };
+
+ function uploadFile(file) {
+ var path = encode(sanitize(app.path + '/' + file.name));
+
+ var formData = new FormData();
+ formData.append('file', file);
+
+ superagent.post('/api/files' + path).query({ access_token: localStorage.accessToken }).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);
+
+ app.uploadStatus.done += 1;
+ app.uploadStatus.percentDone = Math.round(app.uploadStatus.done / app.uploadStatus.count * 100);
+
+ if (app.uploadStatus.done >= app.uploadStatus.count) {
+ app.uploadStatus = {
+ busy: false,
+ count: 0,
+ done: 0,
+ percentDone: 100
+ };
+
+ refresh();
+ }
+ });
+ }
+
+ for(var i = 0; i < app.uploadStatus.count; ++i) {
+ uploadFile(files[i]);
+ }
+}
+
function upload() {
$(app.$els.upload).on('change', function () {
// detach event handler
$(app.$els.upload).off('change');
- app.uploadStatus = {
- busy: true,
- count: app.$els.upload.files.length,
- done: 0,
- percentDone: 0
- };
-
- function uploadFile(file) {
- var path = encode(sanitize(app.path + '/' + file.name));
-
- var formData = new FormData();
- formData.append('file', file);
-
- superagent.post('/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);
-
- app.uploadStatus.done += 1;
- app.uploadStatus.percentDone = Math.round(app.uploadStatus.done / app.uploadStatus.count * 100);
-
- if (app.uploadStatus.done >= app.uploadStatus.count) {
- app.uploadStatus = {
- busy: false,
- count: 0,
- done: 0,
- percentDone: 100
- };
-
- refresh();
- }
- });
- }
-
- for(var i = 0; i < app.uploadStatus.count; ++i) {
- uploadFile(app.$els.upload.files[i]);
- }
+ uploadFiles(app.$els.upload.files || []);
});
// reset the form first to make the change handler retrigger even on the same file selected
var path = encode(sanitize(app.path + '/' + entry.filePath));
- superagent.del('/api/files' + path).query({ username: app.session.username, password: app.session.password, recursive: true }).end(function (error, result) {
+ superagent.del('/api/files' + path).query({ access_token: localStorage.accessToken, recursive: true }).end(function (error, result) {
app.busy = false;
if (result && result.statusCode === 401) return logout();
var path = encode(sanitize(app.path + '/' + data.entry.filePath));
var newFilePath = sanitize(app.path + '/' + data.newFilePath);
- superagent.put('/api/files' + path).query({ username: app.session.username, password: app.session.password }).send({ newFilePath: newFilePath }).end(function (error, result) {
+ superagent.put('/api/files' + path).query({ access_token: localStorage.accessToken }).send({ newFilePath: newFilePath }).end(function (error, result) {
app.busy = false;
if (result && result.statusCode === 401) return logout();
var path = encode(sanitize(app.path + '/' + name));
- superagent.post('/api/files' + path).query({ username: app.session.username, password: app.session.password, directory: true }).end(function (error, result) {
+ superagent.post('/api/files' + path).query({ access_token: localStorage.accessToken, directory: true }).end(function (error, result) {
app.busy = false;
if (result && result.statusCode === 401) return logout();
});
}
+function dragOver(event) {
+ event.preventDefault();
+}
+
+function drop(event) {
+ event.preventDefault();
+ uploadFiles(event.dataTransfer.files || []);
+}
+
Vue.filter('prettyDate', function (value) {
var d = new Date(value);
return d.toDateString();
logout: logout,
loadDirectory: loadDirectory,
open: open,
+ download: download,
up: up,
upload: upload,
delAsk: delAsk,
renameAsk: renameAsk,
rename: rename,
createDirectoryAsk: createDirectoryAsk,
- createDirectory: createDirectory
+ createDirectory: createDirectory,
+ drop: drop,
+ dragOver: dragOver
}
});
window.app = app;
-login(localStorage.username, localStorage.password);
+getProfile(localStorage.accessToken, function (error) {
+ if (error) return console.error(error);
+
+ loadDirectory(window.location.hash.slice(1));
+});
$(window).on('hashchange', function () {
loadDirectory(window.location.hash.slice(1));
projects / perso / Immae / Projets / Nodejs / Surfer.git / blobdiff