Implement file attachments frontend

Signed-off-by: Julius Härtl <jus@bitgrid.net>

js/controller/CardController.js

@@ -23,7 +23,7 @@
 /* global app moment */
 import app from '../app/App.js';
 
-app.controller('CardController', function ($scope, $rootScope, $sce, $location, $stateParams, $interval, $timeout, $filter, BoardService, CardService, StackService, StatusService, markdownItConverter) {
+app.controller('CardController', function ($scope, $rootScope, $sce, $location, $stateParams, $interval, $timeout, $filter, BoardService, CardService, StackService, StatusService, markdownItConverter, FileUploader) {
 	$scope.sidebar = $rootScope.sidebar;
 	$scope.status = {
 		lastEdit: 0,
@@ -36,6 +36,59 @@ app.controller('CardController', function ($scope, $rootScope, $sce, $location,
 	$scope.statusservice = StatusService.getInstance();
 	$scope.boardservice = BoardService;
 
+	$scope.uploader = new FileUploader();
+
+	$scope.runUpload = function(fileItem) {
+		fileItem.url = OC.generateUrl('/apps/deck/cards/' + $scope.cardId + '/attachment');
+		fileItem.formData = [
+			{
+				requesttoken: oc_requesttoken,
+				type: 'deck_file',
+
+			}
+		];
+		$scope.uploader.uploadItem(fileItem);
+	};
+	$scope.uploader.onAfterAddingFile = function(fileItem) {
+		console.log(fileItem);
+		let existingFile = $scope.cardservice.getCurrent().attachments.find((attachment) => {
+			return attachment.data === fileItem.file.name;
+		});
+		console.log(existingFile);
+		if (typeof existingFile !== 'undefined') {
+			OC.dialogs.confirm(
+				`A file with the name ${fileItem.file.name} already exists. Do you want to overwrite it?`,
+				'File already exists',
+				function(result) {
+					if (result) {
+						$scope.runUpload(fileItem)
+					} else {
+						// TODO: check for proper number and append it before the file extension
+						fileItem.file.name = fileItem.file.name + '.1';
+					}
+				}
+			);
+		} else {
+			$scope.runUpload(fileItem)
+		}
+	};
+	$scope.uploader.onSuccessItem = function(item, response) {
+		$scope.cardservice.getCurrent().attachments.push(response);
+	};
+
+	$scope.mimetypeForAttachment = function(attachment) {
+		let url = OC.MimeType.getIconUrl(attachment.extendedData.mimetype);
+		let style = {
+			'background-image': `url("${url}")`,
+		};
+		return style;
+	};
+	$scope.attachmentUrl = function(attachment) {
+		let cardId = $scope.cardservice.getCurrent().id;
+		let attachmentId = attachment.id;
+		return OC.generateUrl(`/apps/deck/cards/${cardId}/attachment/${attachmentId}`);
+	};
+
 	$scope.statusservice.retainWaiting();
 
 	$scope.description = function() {

js/filters/bytesFilter.js

@@ -0,0 +1,37 @@
+/*
+ * @copyright Copyright (c) 2018 Julius Härtl <jus@bitgrid.net>
+ *
+ * @author Julius Härtl <jus@bitgrid.net>
+ *
+ * @license GNU AGPL version 3 or any later version
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ *
+ */
+
+import app from '../app/App.js';
+
+app.filter('bytes', function () {
+	return function (bytes, precision) {
+		if (isNaN(parseFloat(bytes, 10)) || !isFinite(bytes)) {
+			return '-';
+		}
+		if (precision === undefined) {
+			precision = 2;
+		}
+		var units = ['bytes', 'KB', 'MB', 'GB', 'TB', 'PB'],
+			number = Math.floor(Math.log(bytes) / Math.log(1024));
+		return (bytes / Math.pow(1024, Math.floor(number))).toFixed(precision) +  ' ' + units[number];
+	};
+});

js/service/CardService.js

@@ -133,6 +133,20 @@ app.factory('CardService', function (ApiService, $http, $q) {
 		return deferred.promise;
 	};
 
+	CardService.prototype.attachmentRemove = function (attachment) {
+		var deferred = $q.defer();
+		var self = this;
+		$http.delete(this.baseUrl + '/' + this.getCurrent().id + '/attachment/' + attachment.id, {}).then(function (response) {
+			self.getCurrent().attachments = self.getCurrent().attachments.filter(function (obj) {
+				return obj.id !== attachment.id;
+			});
+			deferred.resolve(response.data);
+		}, function (error) {
+			deferred.reject('Error when removing the attachment');
+		});
+		return deferred.promise;
+	};
+
 	var service = new CardService($http, 'cards', $q);
 	return service;
 });