fix tab sorter

api/pages/settings-tab-editor-tabs.php

@@ -67,21 +67,7 @@ function get_page_settings_tab_editor_tabs($Organizr)
 	return '
 	<script>
 	buildTabEditor();
-	let el = document.getElementById(\'tabEditorTable\');
-	let tabSorter = new Sortable(el, {
-		handle: ".sort-tabs-handle",
-		ghostClass: "sortable-ghost",
-		multiDrag: true,
-		selectedClass: "multi-selected",
-		onUpdate: function (evt) {
-			$(\'input.order\').each(function(idx) {
-				$(this).val(idx + 1);
-			});
-			var newTabs = $( "#submit-tabs-form" ).serializeToJSON();
-			newTabsGlobal = newTabs;
-			$(\'.saveTabOrderButton\').removeClass(\'hidden\');
-		},
-	});
+	
 	' . $iconSelectors . '
 	</script>
 	<div class="panel bg-org panel-info">

js/functions.js

@@ -2107,10 +2107,27 @@ function buildTabEditor(){
         }
 		$('#tabEditorTable').html(buildTabEditorItem(response.data));
         checkTabHomepageItems();
+		addTabSortable();
 	}).fail(function(xhr) {
 		OrganizrApiError(xhr);
 	});
 }
+function addTabSortable(){
+	let el = document.getElementById('tabEditorTable');
+	let tabSorter = new Sortable(el, {
+		handle: ".sort-tabs-handle",
+		ghostClass: "sortable-ghost",
+		multiDrag: true,
+		selectedClass: "multi-selected",
+		onUpdate: function (evt) {
+			$('input.order').each(function(idx) {
+			$(this).val(idx + 1);
+		});
+	newTabsGlobal = $("#submit-tabs-form").serializeToJSON();
+	$('.saveTabOrderButton').removeClass('hidden');
+},
+});
+}
 function checkTabHomepageItems(){
     var tabList = $('.checkTabHomepageItem');
     $.each(tabList, function(i,v) {