+ onLogin: function () {
+ var that = this;
+
+ that.loginData.busy = true;
+
+ superagent.post('/api/login').send({ username: that.loginData.username, password: that.loginData.password }).end(function (error, result) {
+ that.loginData.busy = false;
+
+ if (error && !result) return that.$message.error(error.message);
+ if (result.statusCode === 401) return that.$message.error('Wrong username or password');
+
+ initWithToken(result.body.accessToken);
+ });
+ },
+ onOptionsMenu: function (command) {
+ if (command === 'folderListing') {
+ superagent.put('/api/settings').send({ folderListingEnabled: this.folderListingEnabled }).query({ access_token: localStorage.accessToken }).end(function (error) {
+ if (error) console.error(error);
+ });
+ } else if (command === 'about') {
+ this.$msgbox({
+ title: 'About Surfer',
+ message: 'Surfer is a static file server written by <a href="https://cloudron.io" target="_blank">Cloudron</a>.<br/><br/>The source code is licensed under MIT and available <a href="https://git.cloudron.io/cloudron/surfer" target="_blank">here</a>.',
+ dangerouslyUseHTMLString: true,
+ confirmButtonText: 'OK',
+ showCancelButton: false,
+ type: 'info',
+ center: true
+ }).then(function () {}).catch(function () {});
+ } else if (command === 'logout') {
+ logout();
+ } else if (command === 'apiAccess') {
+ this.accessTokensDialogVisible = true;
+ }
+ },
+ onDownload: function (entry) {
+ if (entry.isDirectory) return;
+ window.location.href = encode('/api/files/' + sanitize(this.path + '/' + entry.filePath)) + '?access_token=' + localStorage.accessToken;
+ },
+ onUpload: function () {
+ var that = this;
+
+ $(this.$refs.upload).on('change', function () {
+ // detach event handler
+ $(that.$refs.upload).off('change');
+ uploadFiles(that.$refs.upload.files || []);
+ });
+
+ // reset the form first to make the change handler retrigger even on the same file selected
+ this.$refs.upload.value = '';
+ this.$refs.upload.click();
+ },
+ onUploadFolder: function () {
+ var that = this;
+
+ $(this.$refs.uploadFolder).on('change', function () {
+ // detach event handler
+ $(that.$refs.uploadFolder).off('change');
+ uploadFiles(that.$refs.uploadFolder.files || []);
+ });
+
+ // reset the form first to make the change handler retrigger even on the same file selected
+ this.$refs.uploadFolder.value = '';
+ this.$refs.uploadFolder.click();
+ },
+ onDelete: function (entry) {
+ var that = this;
+
+ var title = 'Really delete ' + (entry.isDirectory ? 'folder ' : '') + entry.filePath;
+ this.$confirm('', title, { confirmButtonText: 'Yes', cancelButtonText: 'No' }).then(function () {
+ var path = encode(sanitize(that.path + '/' + entry.filePath));
+
+ superagent.del('/api/files' + path).query({ access_token: localStorage.accessToken, recursive: true }).end(function (error, result) {
+ if (result && result.statusCode === 401) return logout();
+ if (result && result.statusCode !== 200) return that.$message.error('Error deleting file: ' + result.statusCode);
+ if (error) return that.$message.error(error.message);
+
+ refresh();
+ });
+ }).catch(function () {});
+ },
+ onRename: function (entry, scope) {
+ if (entry.rename) return entry.rename = false;
+
+ entry.rename = true;
+
+ Vue.nextTick(function () {
+ var elem = document.getElementById('filePathRenameInputId-' + scope.$index);
+ elem.focus();
+
+ if (typeof elem.selectionStart != "undefined") {
+ elem.selectionStart = 0;
+ elem.selectionEnd = entry.filePath.lastIndexOf('.');
+ }
+ });
+ },
+ onRenameEnd: function (entry) {
+ entry.rename = false;
+ entry.filePathNew = entry.filePath;
+ },
+ onRenameSubmit: function (entry) {
+ var that = this;
+
+ entry.rename = false;
+
+ if (entry.filePathNew === entry.filePath) return;
+
+ var path = encode(sanitize(this.path + '/' + entry.filePath));
+ var newFilePath = sanitize(this.path + '/' + entry.filePathNew);
+
+ superagent.put('/api/files' + path).query({ access_token: localStorage.accessToken }).send({ newFilePath: newFilePath }).end(function (error, result) {
+ if (result && result.statusCode === 401) return logout();
+ if (result && result.statusCode !== 200) return that.$message.error('Error renaming file: ' + result.statusCode);
+ if (error) return that.$message.error(error.message);
+
+ entry.filePath = entry.filePathNew;
+ });
+ },
+ onNewFolder: function () {
+ var that = this;
+
+ var title = 'Create New Folder';
+ this.$prompt('', title, { confirmButtonText: 'Yes', cancelButtonText: 'No', inputPlaceholder: 'new foldername' }).then(function (data) {
+ var path = encode(sanitize(that.path + '/' + data.value));
+
+ superagent.post('/api/files' + path).query({ access_token: localStorage.accessToken, directory: true }).end(function (error, result) {
+ if (result && result.statusCode === 401) return logout();
+ if (result && result.statusCode === 403) return that.$message.error('Folder name not allowed');
+ if (result && result.statusCode === 409) return that.$message.error('Folder already exists');
+ if (result && result.statusCode !== 201) return that.$message.error('Error creating folder: ' + result.statusCode);
+ if (error) return that.$message.error(error.message);
+
+ refresh();
+ });
+ }).catch(function () {});
+ },
+ refreshAccessTokens: function () {
+ var that = this;
+
+ superagent.get('/api/tokens').query({ access_token: localStorage.accessToken }).end(function (error, result) {
+ if (error && !result) return that.$message.error(error.message);
+
+ that.accessTokens = result.body.accessTokens;
+ });
+ },
+ onCopyAccessToken: function (event) {
+ event.target.select();
+ document.execCommand('copy');
+
+ this.$message({ type: 'success', message: 'Access token copied to clipboard' });
+ },
+ onCreateAccessToken: function () {
+ var that = this;
+
+ superagent.post('/api/tokens').query({ access_token: localStorage.accessToken }).end(function (error, result) {
+ if (error && !result) return that.$message.error(error.message);
+
+ that.refreshAccessTokens();
+ });
+ },
+ onDeleteAccessToken: function (token) {
+ var that = this;
+
+ this.$confirm('All actions from apps using this token will fail!', 'Really delete this access token?', { confirmButtonText: 'Yes Delete', cancelButtonText: 'No' }).then(function () {
+ superagent.delete('/api/tokens/' + token).query({ access_token: localStorage.accessToken }).end(function (error, result) {
+ if (error && !result) return that.$message.error(error.message);
+
+ that.refreshAccessTokens();
+ });
+ }).catch(function () {});
+
+ },
+ prettyDate: function (row, column, cellValue, index) {
+ var date = new Date(cellValue),
+ diff = (((new Date()).getTime() - date.getTime()) / 1000),
+ day_diff = Math.floor(diff / 86400);
+
+ if (isNaN(day_diff) || day_diff < 0)
+ return;
+
+ return day_diff === 0 && (
+ diff < 60 && 'just now' ||
+ diff < 120 && '1 minute ago' ||
+ diff < 3600 && Math.floor( diff / 60 ) + ' minutes ago' ||
+ diff < 7200 && '1 hour ago' ||
+ diff < 86400 && Math.floor( diff / 3600 ) + ' hours ago') ||
+ day_diff === 1 && 'Yesterday' ||
+ day_diff < 7 && day_diff + ' days ago' ||
+ day_diff < 31 && Math.ceil( day_diff / 7 ) + ' weeks ago' ||
+ day_diff < 365 && Math.round( day_diff / 30 ) + ' months ago' ||
+ Math.round( day_diff / 365 ) + ' years ago';
+ },
+ prettyFileSize: function (row, column, cellValue, index) {
+ return filesize(cellValue);
+ },