Moved some code around.

public/js/accounts.js

@@ -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
+
+}

public/js/transactions.js

@@ -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
-
-}

resources/views/accounts/show.blade.php

@@ -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

resources/views/transactions/show.blade.php

@@ -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