279 lines
8.5 KiB
JavaScript
279 lines
8.5 KiB
JavaScript
/*
|
|
* @copyright Copyright (c) 2016 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/>.
|
|
*
|
|
*/
|
|
|
|
/* 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, FileUploader) {
|
|
$scope.sidebar = $rootScope.sidebar;
|
|
$scope.status = {
|
|
lastEdit: 0,
|
|
lastSave: Date.now()
|
|
};
|
|
|
|
$scope.cardservice = CardService;
|
|
$scope.cardId = $stateParams.cardId;
|
|
|
|
$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) {
|
|
let existingFile = $scope.cardservice.getCurrent().attachments.find((attachment) => {
|
|
return attachment.data === fileItem.file.name;
|
|
});
|
|
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
|
|
// TODO: iterate over attachments (check if matches "file.name (n)") increase n
|
|
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() {
|
|
return $scope.rendered;
|
|
};
|
|
|
|
$scope.updateMarkdown = function(content) {
|
|
// only trust the html from markdown-it-checkbox
|
|
$scope.rendered = $sce.trustAsHtml(markdownItConverter.render(content || ''));
|
|
};
|
|
|
|
CardService.fetchOne($scope.cardId).then(function (data) {
|
|
$scope.statusservice.releaseWaiting();
|
|
$scope.archived = CardService.getCurrent().archived;
|
|
$scope.updateMarkdown(CardService.getCurrent().description);
|
|
}, function (error) {
|
|
});
|
|
|
|
$scope.cardRenameShow = function () {
|
|
if ($scope.archived || !BoardService.canEdit())
|
|
{return false;}
|
|
else {
|
|
$scope.status.cardRename = true;
|
|
}
|
|
};
|
|
|
|
$scope.toggleCheckbox = function (id) {
|
|
$('#markdown input[type=checkbox]').attr('disabled', true);
|
|
$scope.status.edit = angular.copy(CardService.getCurrent());
|
|
var reg = /\[(X|\s|\_|\-)\]\s(.*)/ig;
|
|
var nth = 0;
|
|
$scope.status.edit.description = $scope.status.edit.description.replace(reg, function (match, i, original) {
|
|
if (nth++ === id) {
|
|
var result;
|
|
if (match.match(/^\[\s\]/i)) {
|
|
result = match.replace(/\[\s\]/i, '[x]');
|
|
}
|
|
if (match.match(/^\[x\]/i)) {
|
|
result = match.replace(/\[x\]/i, '[ ]');
|
|
}
|
|
return result;
|
|
}
|
|
return match;
|
|
});
|
|
CardService.update($scope.status.edit).then(function (data) {
|
|
var header = $('.section-header.card-description');
|
|
header.find('.save-indicator.unsaved').hide();
|
|
header.find('.save-indicator.saved').fadeIn(250).fadeOut(1000);
|
|
});
|
|
$('#markdown input[type=checkbox]').removeAttr('disabled');
|
|
|
|
};
|
|
$scope.clickCardDescription = function ($event) {
|
|
var checkboxId = $($event.target).data('id');
|
|
if ($event.target.tagName === 'LABEL') {
|
|
$scope.toggleCheckbox(checkboxId);
|
|
return;
|
|
}
|
|
if ($event.target.tagName === 'INPUT') {
|
|
$scope.toggleCheckbox(checkboxId);
|
|
return;
|
|
}
|
|
if (BoardService.isArchived() || CardService.getCurrent().archived) {
|
|
return false;
|
|
}
|
|
if ($scope.card.archived || !$scope.boardservice.canEdit()) {
|
|
return false;
|
|
}
|
|
$scope.status.cardEditDescription = true;
|
|
$scope.status.edit = angular.copy(CardService.getCurrent());
|
|
return true;
|
|
};
|
|
$scope.cardEditDescriptionChanged = function ($event) {
|
|
$scope.status.lastEdit = Date.now();
|
|
var header = $('.section-header.card-description');
|
|
header.find('.save-indicator.unsaved').show();
|
|
header.find('.save-indicator.saved').hide();
|
|
};
|
|
$interval(function() {
|
|
var currentTime = Date.now();
|
|
var timeSinceEdit = currentTime-$scope.status.lastEdit;
|
|
if (timeSinceEdit > 1000 && $scope.status.lastEdit > $scope.status.lastSave && !$scope.status.saving) {
|
|
$scope.status.lastSave = currentTime;
|
|
$scope.status.saving = true;
|
|
var header = $('.section-header.card-description');
|
|
header.find('.save-indicator.unsaved').fadeIn(500);
|
|
CardService.update($scope.status.edit).then(function (data) {
|
|
var header = $('.section-header.card-description');
|
|
header.find('.save-indicator.unsaved').hide();
|
|
header.find('.save-indicator.saved').fadeIn(250).fadeOut(1000);
|
|
$scope.status.saving = false;
|
|
});
|
|
}
|
|
}, 500, 0, false);
|
|
|
|
// handle rename to update information on the board as well
|
|
$scope.cardRename = function (card) {
|
|
CardService.rename(card).then(function (data) {
|
|
$scope.status.renameCard = false;
|
|
});
|
|
};
|
|
$scope.cardUpdate = function (card) {
|
|
CardService.update(card).then(function (data) {
|
|
$scope.status.cardEditDescription = false;
|
|
var header = $('.section-content.card-description');
|
|
header.find('.save-indicator.unsaved').hide();
|
|
header.find('.save-indicator.saved').fadeIn(500).fadeOut(1000);
|
|
});
|
|
};
|
|
|
|
$scope.labelAssign = function (element, model) {
|
|
CardService.assignLabel($scope.cardId, element.id).then(function (data) {
|
|
});
|
|
};
|
|
|
|
$scope.labelRemove = function (element, model) {
|
|
CardService.removeLabel($scope.cardId, element.id).then(function (data) {
|
|
});
|
|
};
|
|
|
|
$scope.setDuedate = function (duedate) {
|
|
var element = CardService.getCurrent();
|
|
var newDate = moment(element.duedate);
|
|
if(!newDate.isValid()) {
|
|
newDate = moment();
|
|
}
|
|
newDate.date(duedate.date());
|
|
newDate.month(duedate.month());
|
|
newDate.year(duedate.year());
|
|
element.duedate = newDate.toISOString();
|
|
CardService.update(element);
|
|
};
|
|
$scope.setDuedateTime = function (time) {
|
|
var element = CardService.getCurrent();
|
|
var newDate = moment(element.duedate);
|
|
if(!newDate.isValid()) {
|
|
newDate = moment();
|
|
}
|
|
newDate.hour(time.hour());
|
|
newDate.minute(time.minute());
|
|
element.duedate = newDate.toISOString();
|
|
CardService.update(element);
|
|
};
|
|
|
|
$scope.resetDuedate = function () {
|
|
var element = CardService.getCurrent();
|
|
element.duedate = null;
|
|
CardService.update(element);
|
|
};
|
|
|
|
/**
|
|
* Show ui-select field when clicking the add button
|
|
*/
|
|
$scope.toggleAssignUser = function() {
|
|
$scope.status.showAssignUser = !$scope.status.showAssignUser;
|
|
if ($scope.status.showAssignUser === true) {
|
|
$timeout(function () {
|
|
$('#assignUserSelect').find('a').click();
|
|
});
|
|
}
|
|
};
|
|
|
|
/**
|
|
* Hide ui-select when select list is closed
|
|
*/
|
|
$scope.assingUserOpenClose = function(isOpen) {
|
|
$scope.status.showAssignUser = isOpen;
|
|
};
|
|
|
|
$scope.addAssignedUser = function(item) {
|
|
CardService.assignUser(CardService.getCurrent(), item.uid).then(function (data) {
|
|
});
|
|
$scope.status.showAssignUser = false;
|
|
};
|
|
|
|
$scope.removeAssignedUser = function(uid) {
|
|
CardService.unassignUser(CardService.getCurrent(), uid).then(function (data) {
|
|
});
|
|
};
|
|
|
|
$scope.labelStyle = function (color) {
|
|
return {
|
|
'background-color': '#' + color,
|
|
'color': $filter('textColorFilter')(color)
|
|
};
|
|
};
|
|
|
|
});
|