mirror of
https://github.com/firefly-iii/firefly-iii.git
synced 2024-12-28 09:51:21 -06:00
Moved some code around.
This commit is contained in:
parent
12542d8f63
commit
fcf5009338
@ -4,4 +4,77 @@ $(function () {
|
||||
googleLineChart('chart/account/' + accountID, 'overview-chart');
|
||||
}
|
||||
|
||||
});
|
||||
// sortable!
|
||||
if (typeof $(".sortable-table tbody").sortable != "undefined") {
|
||||
$(".sortable-table tbody").sortable(
|
||||
{
|
||||
helper: fixHelper,
|
||||
items: 'tr:not(.ignore)',
|
||||
stop: sortStop,
|
||||
handle: '.handle'
|
||||
}
|
||||
).disableSelection();
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
|
||||
// Return a helper with preserved width of cells
|
||||
var fixHelper = function (e, ui) {
|
||||
ui.children().each(function () {
|
||||
$(this).width($(this).width());
|
||||
});
|
||||
return ui;
|
||||
};
|
||||
|
||||
function sortStop(event, ui) {
|
||||
var current = $(ui.item);
|
||||
var thisDate = current.data('date');
|
||||
var originalBG = current.css('backgroundColor');
|
||||
|
||||
|
||||
if (current.prev().data('date') != thisDate && current.next().data('date') != thisDate) {
|
||||
//console.log('False!');
|
||||
//console.log('[' + current.prev().data('date') + '] [' + thisDate + '] [' + current.next().data('date') + ']');
|
||||
// animate something with color:
|
||||
current.animate({
|
||||
backgroundColor: "#d9534f"
|
||||
}, 200, function () {
|
||||
$(this).animate({
|
||||
backgroundColor: originalBG
|
||||
}, 200);
|
||||
});
|
||||
|
||||
return false;
|
||||
}
|
||||
|
||||
// do update
|
||||
var list = $('tr[data-date="' + thisDate + '"]');
|
||||
var submit = [];
|
||||
$.each(list, function (i, v) {
|
||||
var row = $(v);
|
||||
var id = row.data('id');
|
||||
submit.push(id);
|
||||
});
|
||||
|
||||
// do extra animation when done?
|
||||
$.post('/transaction/reorder', {items: submit, date: thisDate, _token: token});
|
||||
console.log(submit);
|
||||
|
||||
//console.log('TRUE!');
|
||||
//console.log('[' + current.prev().data('date') + '] [' + thisDate + '] [' + current.next().data('date') + ']');
|
||||
|
||||
current.animate({
|
||||
backgroundColor: "#5cb85c"
|
||||
}, 200, function () {
|
||||
$(this).animate({
|
||||
backgroundColor: originalBG
|
||||
}, 200);
|
||||
});
|
||||
|
||||
|
||||
//else update some order thing bla bla.
|
||||
//check if the item above OR under this one have the same date
|
||||
//if not. return false
|
||||
|
||||
}
|
@ -24,80 +24,11 @@ if ($('input[name="category"]').length > 0) {
|
||||
});
|
||||
}
|
||||
|
||||
// Return a helper with preserved width of cells
|
||||
var fixHelper = function (e, ui) {
|
||||
ui.children().each(function () {
|
||||
$(this).width($(this).width());
|
||||
});
|
||||
return ui;
|
||||
};
|
||||
|
||||
$(document).ready(function () {
|
||||
if (typeof googleTablePaged != 'undefined') {
|
||||
googleTablePaged('table/transactions/' + what, 'transaction-table');
|
||||
}
|
||||
|
||||
// sortable!
|
||||
$(".sortable-table tbody").sortable(
|
||||
{
|
||||
helper: fixHelper,
|
||||
items: 'tr:not(.ignore)',
|
||||
stop: sortStop,
|
||||
handle: '.handle'
|
||||
}
|
||||
).disableSelection();
|
||||
});
|
||||
|
||||
function sortStop(event, ui) {
|
||||
var current = $(ui.item);
|
||||
var thisDate = current.data('date');
|
||||
var originalBG = current.css('backgroundColor');
|
||||
|
||||
|
||||
if (current.prev().data('date') != thisDate && current.next().data('date') != thisDate) {
|
||||
//console.log('False!');
|
||||
//console.log('[' + current.prev().data('date') + '] [' + thisDate + '] [' + current.next().data('date') + ']');
|
||||
// animate something with color:
|
||||
current.animate({
|
||||
backgroundColor: "#d9534f"
|
||||
}, 200, function () {
|
||||
$(this).animate({
|
||||
backgroundColor: originalBG
|
||||
}, 200);
|
||||
});
|
||||
|
||||
return false;
|
||||
}
|
||||
|
||||
// do update
|
||||
var list = $('tr[data-date="' + thisDate + '"]');
|
||||
var submit = [];
|
||||
$.each(list, function (i, v) {
|
||||
var row = $(v);
|
||||
var id = row.data('id');
|
||||
submit.push(id);
|
||||
});
|
||||
|
||||
// do extra animation when done?
|
||||
$.post('/transaction/reorder',{items: submit,date: thisDate,_token:token});
|
||||
console.log(submit);
|
||||
|
||||
//console.log('TRUE!');
|
||||
//console.log('[' + current.prev().data('date') + '] [' + thisDate + '] [' + current.next().data('date') + ']');
|
||||
|
||||
current.animate({
|
||||
backgroundColor: "#5cb85c"
|
||||
}, 200, function () {
|
||||
$(this).animate({
|
||||
backgroundColor: originalBG
|
||||
}, 200);
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
//else update some order thing bla bla.
|
||||
//check if the item above OR under this one have the same date
|
||||
//if not. return false
|
||||
|
||||
}
|
||||
});
|
@ -58,5 +58,5 @@
|
||||
<script type="text/javascript" src="js/accounts.js"></script>
|
||||
|
||||
<script src="js/jquery-ui.min.js" type="text/javascript"></script>
|
||||
<script src="js/transactions.js" type="text/javascript"></script>
|
||||
<script src="js/accounts.js" type="text/javascript"></script>
|
||||
@stop
|
||||
|
@ -152,9 +152,6 @@
|
||||
|
||||
@stop
|
||||
@section('scripts')
|
||||
<script type="text/javascript">
|
||||
var token = "{{csrf_token()}}";
|
||||
</script>
|
||||
<script type="text/javascript" src="js/transactions.js"></script>
|
||||
<script type="text/javascript" src="js/related-manager.js"></script>
|
||||
@stop
|
||||
|
Loading…
Reference in New Issue
Block a user