Cutlery/invoiceninja
1
0
Fork 0
mirror of https://github.com/invoiceninja/invoiceninja.git synced 2025-07-08 06:34:29 -04:00
Code Issues Packages Projects Releases Wiki Activity

Working on task kanban

Browse Source
This commit is contained in:
Hillel Coren 2017-12-19 21:55:32 +02:00
parent 9518f34fcb
commit 22ce86d826
1 changed files with 26 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
resources/views/tasks/kanban.blade.php
View File

@ -140,6 +140,20 @@
} }
}; };
ko.bindingHandlers.escapekey = {
init: function (element, valueAccessor, allBindings, viewModel) {
var callback = valueAccessor();
$(element).keyup(function (event) {
var keyCode = (event.which ? event.which : event.keyCode);
if (keyCode === 27) {
callback.call(viewModel);
return false;
}
return true;
});
}
};
ko.bindingHandlers.selected = { ko.bindingHandlers.selected = {
update: function(element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) { update: function(element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) {
var selected = ko.utils.unwrapObservable(valueAccessor()); var selected = ko.utils.unwrapObservable(valueAccessor());
@ -252,6 +266,7 @@
function StatusModel(data) { function StatusModel(data) {
var self = this; var self = this;
self.name = ko.observable(); self.name = ko.observable();
self.name.orig = ko.observable();
self.sort_order = ko.observable(); self.sort_order = ko.observable();
self.public_id = ko.observable(); self.public_id = ko.observable();
self.is_editing_status = ko.observable(false); self.is_editing_status = ko.observable(false);
@ -277,15 +292,16 @@
} }
self.saveEditStatus = function() { self.saveEditStatus = function() {
if (self.name() == self.name.orig()) {
self.is_editing_status(false);
} else {
var url = '{{ url('/task_statuses') }}/' + self.public_id(); var url = '{{ url('/task_statuses') }}/' + self.public_id();
var data = 'name=' + encodeURIComponent(self.name()); var data = 'name=' + encodeURIComponent(self.name());
model.ajax('put', url, data, function(response) { model.ajax('put', url, data, function(response) {
self.name.orig(self.name());
self.is_editing_status(false); self.is_editing_status(false);
}) })
} }
self.cancelEditStatus = function() {
self.is_editing_status(false);
} }
self.onTaskDragged = function(dragged) { self.onTaskDragged = function(dragged) {
@ -351,6 +367,7 @@
if (data) { if (data) {
ko.mapping.fromJS(data, {}, this); ko.mapping.fromJS(data, {}, this);
self.name.orig(self.name());
} }
} }
@ -517,7 +534,7 @@
<div class="pull-left" data-bind="event: { click: startEditStatus }"> <div class="pull-left" data-bind="event: { click: startEditStatus }">
<div class="view" data-bind="text: name"></div> <div class="view" data-bind="text: name"></div>
<input class="edit" type="text" data-bind="value: name, valueUpdate: 'afterkeydown', hasfocus: is_editing_status, selected: is_editing_status, <input class="edit" type="text" data-bind="value: name, valueUpdate: 'afterkeydown', hasfocus: is_editing_status, selected: is_editing_status,
event: { blur: cancelEditStatus }, enterkey: saveEditStatus"/> event: { blur: saveEditStatus }, enterkey: saveEditStatus, escapekey: saveEditStatus"/>
</div> </div>
<div class="pull-right" data-bind="click: archiveStatus, visible: is_header_hovered"> <div class="pull-right" data-bind="click: archiveStatus, visible: is_header_hovered">
<i class="fa fa-times" title="{{ trans('texts.archive') }}"></i> <i class="fa fa-times" title="{{ trans('texts.archive') }}"></i>