Attempt to fix Cannot re-order new tabs from bottom upwards in Settings after adding many 50+ (#1175)

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

@@ -28,10 +28,12 @@ if (file_exists('config' . DIRECTORY_SEPARATOR . 'config.php')) {
 	            $(this).val(idx + 1);
 	        });
 	        var newTabs = $( "#submit-tabs-form" ).serializeToJSON();
-	        submitTabOrder(newTabs);
+	        newTabsGlobal = newTabs;
+	        $(\'.saveTabOrderButton\').removeClass(\'hidden\');
+	        //submitTabOrder(newTabs);
 	    }
 	});
-	'.$pageSettingsTabEditorTabsPerformanceImage.$pageSettingsTabEditorTabsPerformanceIcon.'
+	' . $pageSettingsTabEditorTabsPerformanceImage . $pageSettingsTabEditorTabsPerformanceIcon . '
 	
 	</script>
 	<div class="panel bg-org panel-info">
@@ -39,6 +41,7 @@ if (file_exists('config' . DIRECTORY_SEPARATOR . 'config.php')) {
 	        <span lang="en">Tab Editor</span>
 	        <button type="button" class="btn btn-info btn-circle pull-right popup-with-form m-r-5" href="#new-tab-form" data-effect="mfp-3d-unfold"><i class="fa fa-plus"></i> </button>
 	        <button type="button" class="btn btn-info btn-circle pull-right m-r-5 help-modal" data-modal="tabs"><i class="fa fa-question-circle"></i> </button>
+	    	<button onclick="submitTabOrder(newTabsGlobal)" class="btn btn-sm btn-info btn-rounded waves-effect waves-light pull-right animated loop-animation rubberBand m-r-20 saveTabOrderButton hidden" type="button"><span class="btn-label"><i class="fa fa-save"></i></span><span lang="en">Save Tab Order</span></button>
 	    </div>
 	    <div class="table-responsive">
 	        <form id="submit-tabs-form" onsubmit="return false;">

js/functions.js

@@ -3163,6 +3163,7 @@ function submitTabOrder(newTabs){
 	var callbacks = $.Callbacks();
     callbacks.add( buildTabEditor );
 	settingsAPI(post,callbacks);
+	$('.saveTabOrderButton').addClass('hidden');
 }
 function submitCategoryOrder(){
 	var post = {