Stat tree edit (wip)

resources/views/app/stat-tree/stat-tree-lines/report-columns.blade.php

@@ -18,10 +18,10 @@
 <table class="table table-sm table-bordered table-striped">
     <thead>
     <tr>
-        <th class="border-bottom-0">#</th>
-        <th class="border-bottom-0">Label</th>
+        <th class="border-bottom-0 width-30px">#</th>
+        <th class="border-bottom-0 w-35">Label</th>
         <th class="border-bottom-0">Column</th>
-        <th class="border-bottom-0 width-40px"></th>
+        <th class="border-bottom-0 width-60px"></th>
     </tr>
     </thead>
     <tbody line-columns>

resources/views/app/stat-tree/stat-trees/sub/edit.blade.php

@@ -153,6 +153,9 @@
                                 .append($('<td/>').text(columns[i].display_key))
                                 .append(
                                     $('<td/>')
+                                        .addClass('text-right')
+                                        .append(i > 0 ? '<a href="#" class="move-column-up mr-2" data-index="' + i + '"><i class="fa fa-arrow-up text-primary on-hover-opaque"></i></a>': '')
+                                        .append(i < columns.length - 1 ? '<a href="#" class="move-column-down mr-2" data-index="' + i + '"><i class="fa fa-arrow-down text-primary on-hover-opaque"></i></a>': '')
                                         .append('<a href="#" class="remove-column" data-index="' + i + '"><i class="fa fa-trash-alt text-danger on-hover-opaque"></i></a>')
                                 )
                                 .appendTo(tbody);
@@ -306,17 +309,41 @@
                         return false;
                     });
 
+                $(document)
+                    .off('click', '.move-column-up')
+                    .on('click', '.move-column-up', function() {
+                        let columns = getSelectedNodeColumns();
+                        let index = +($(this).attr('data-index'));
+                        if(index > 0) {
+                            let x = columns[index - 1];
+                            columns[index - 1] = columns[index];
+                            columns[index] = x;
+                        }
+                        setSelectedNodeColumns(columns);
+                        onSelected();
+                        setDirty();
+                        return false;
+                    });
+
+                $(document)
+                    .off('click', '.move-column-dpwn')
+                    .on('click', '.move-column-dpwn', function() {
+                        let columns = getSelectedNodeColumns();
+                        let index = +($(this).attr('data-index'));
+                        if(index < columns.length - 1) {
+                            let x = columns[index + 1];
+                            columns[index + 1] = columns[index];
+                            columns[index] = x;
+                        }
+                        setSelectedNodeColumns(columns);
+                        onSelected();
+                        setDirty();
+                        return false;
+                    });
+
                 $(document)
                     .off('click', '.remove-column')
                     .on('click', '.remove-column', function() {
-                        /*$.post("{{ route('practice-management.api.statTreeLineReportColumn.remove') }}", {
-                            _token: '{{csrf_token()}}',
-                            uid: $(this).attr('data-uid')
-                        }, function (response) {
-                            if(!hasResponseError(response)) {
-                                onSelected()
-                            }
-                        }, 'json');*/
                         let columns = getSelectedNodeColumns();
                         columns.splice(+($(this).attr('data-index')), 1);
                         setSelectedNodeColumns(columns);