update save button to info color

added scroll to top - testing out
added time left to sab downloads

api/pages/settings-customize-appearance.php

@@ -7,7 +7,7 @@ $pageSettingsCustomizeAppearance = '
     <div class="panel-heading">
 		<span lang="en">Customize Appearance</span>
 		<button type="button" id="customize-appearance-reload" class="btn btn-primary btn-circle pull-right reload hidden m-r-5"><i class="fa fa-spin fa-refresh"></i> </button>
-		<button id="customize-appearance-form-save" onclick="submitSettingsForm(\'customize-appearance-form\')" class="btn btn-sm btn-primary btn-rounded waves-effect waves-light pull-right hidden animated loop-animation rubberBand" type="button"><span class="btn-label"><i class="fa fa-save"></i></span><span lang="en">Save</span></button>
+		<button id="customize-appearance-form-save" onclick="submitSettingsForm(\'customize-appearance-form\')" class="btn btn-sm btn-info btn-rounded waves-effect waves-light pull-right hidden animated loop-animation rubberBand" type="button"><span class="btn-label"><i class="fa fa-save"></i></span><span lang="en">Save</span></button>
 	</div>
     <div class="panel-wrapper collapse in" aria-expanded="true">
         <div class="panel-body bg-org">

api/pages/settings-settings-main.php

@@ -6,7 +6,7 @@ $pageSettingsSettingsMain = '
 <div class="panel bg-org panel-info">
     <div class="panel-heading">
 		<span lang="en">Organizr Settings</span>
-		<button id="settings-main-form-save" onclick="submitSettingsForm(\'settings-main-form\')" class="btn btn-sm btn-primary btn-rounded waves-effect waves-light pull-right hidden animated loop-animation rubberBand" type="button"><span class="btn-label"><i class="fa fa-save"></i></span><span lang="en">Save</span></button>
+		<button id="settings-main-form-save" onclick="submitSettingsForm(\'settings-main-form\')" class="btn btn-sm btn-info btn-rounded waves-effect waves-light pull-right hidden animated loop-animation rubberBand" type="button"><span class="btn-label"><i class="fa fa-save"></i></span><span lang="en">Save</span></button>
 	</div>
     <div class="panel-wrapper collapse in" aria-expanded="true">
         <div class="panel-body bg-org">

api/pages/settings-settings-sso.php

@@ -6,7 +6,7 @@ $pageSettingsSettingsSSO = '
 <div class="panel bg-org panel-info">
     <div class="panel-heading">
 		<span lang="en">Single Sign-On</span>
-		<button id="sso-form-save" onclick="submitSettingsForm(\'sso-form\')" class="btn btn-sm btn-primary btn-rounded waves-effect waves-light pull-right hidden animated loop-animation rubberBand" type="button"><span class="btn-label"><i class="fa fa-save"></i></span><span lang="en">Save</span></button>
+		<button id="sso-form-save" onclick="submitSettingsForm(\'sso-form\')" class="btn btn-sm btn-info btn-rounded waves-effect waves-light pull-right hidden animated loop-animation rubberBand" type="button"><span class="btn-label"><i class="fa fa-save"></i></span><span lang="en">Save</span></button>
 	</div>
     <div class="panel-wrapper collapse in" aria-expanded="true">
         <div class="panel-body bg-org">

api/pages/settings-tab-editor-homepage-order.php

@@ -30,13 +30,14 @@ if (file_exists('config' . DIRECTORY_SEPARATOR . 'config.php')) {
 	        newlink = ui.item.find( ".ordinal-position" ).attr("data-link");
 	        $("#homepage-values [name="+newlink+"]").val(seq);
 	        $("#homepage-values [name="+newlink+"]").attr("data-changed", "true");
+	        $("#submitHomepageOrder-save").removeClass("hidden");
 	    }
     });
 </script>
 <div class="panel bg-org panel-info">
     <div class="panel-heading">
 		<span lang="en">Homepage Order</span>
-        <button type="button" class="btn btn-success btn-circle pull-right m-r-5" onclick="submitHomepageOrder()" ><i class="fa fa-save"></i></button>
+        <button id="submitHomepageOrder-save" type="button" class="btn btn-sm btn-info btn-rounded waves-effect waves-light pull-right animated loop-animation rubberBand hidden" onclick="submitHomepageOrder()" ><span class="btn-label"><i class="fa fa-save"></i></span><span lang="en">Save</span></button>
 	</div>
     <div class="panel-wrapper collapse in" aria-expanded="true">
         <div class="panel-body bg-org" >

css/organizr.css

@@ -157,6 +157,8 @@ body.stop-scrolling {
 img.lazyload.tabImages {
     height: 120px !important;
     object-fit: contain;
+    -webkit-filter: drop-shadow(0px 0px 0px black);
+    filter: drop-shadow(0px 0px 0px black);
 }
 
 .recent-cover {
@@ -847,4 +849,35 @@ input.has-success {
     transform: translate3d(0,100%,0);
     webkit-transition: -webkit-transform .3s;
     transition: transform .3s;
+}
+#scroll {
+    position:fixed;
+    right:10px;
+    bottom:10px;
+    cursor:pointer;
+    width:50px;
+    height:50px;
+    background-color:#3498db;
+    text-indent:-9999px;
+    display:none;
+    -webkit-border-radius:60px;
+    -moz-border-radius:60px;
+    border-radius:60px
+    z-index: 1;
+}
+#scroll span {
+    position:absolute;
+    top:50%;
+    left:50%;
+    margin-left:-8px;
+    margin-top:-12px;
+    height:0;
+    width:0;
+    border:8px solid transparent;
+    border-bottom-color:#ffffff;
+}
+#scroll:hover {
+    background-color:#e74c3c;
+    opacity:1;filter:"alpha(opacity=100)";
+    -ms-filter:"alpha(opacity=100)";
 }

index.php

@@ -120,6 +120,7 @@
     <!-- ============================================================== -->
     <!-- End Page Content -->
     <!-- ============================================================== -->
+    <a href="#" id="scroll" style="display: none;"><span></span></a>
 </div>
 <!-- /#wrapper -->
 <!-- jQuery -->

js/custom.js

@@ -14,6 +14,19 @@ $(document).ready(function () {
     });
     "use strict";
     var body = $("body");
+
+    $(window).scroll(function(){
+        if ($(this).scrollTop() > 100) {
+            $('#scroll').fadeIn();
+        } else {
+            $('#scroll').fadeOut();
+        }
+    });
+    $('#scroll').click(function(){
+        $("html, body").animate({ scrollTop: 0 }, 600);
+        return false;
+    });
+
     $(function () {
         //$("#preloader").fadeOut();
         var set = function () {
@@ -128,7 +141,6 @@ function pageLoad(){
     });
 
 
-
     /* ===== Tooltip Initialization ===== */
 
     $(function () {

js/functions.js

@@ -652,7 +652,7 @@ function buildPluginsItem(array){
 		<!-- Plugin Settings Page -->
 		<form id="`+v.idPrefix+`-settings-page" class="mfp-hide white-popup-block mfp-with-anim addFormTick" autocomplete="off">
 			<h1 class="pull-left" lang="en">`+v.name+` Settings</h1>
-			<button id="`+v.idPrefix+`-settings-page-save" onclick="submitSettingsForm('`+v.idPrefix+`-settings-page')" class="btn btn-sm btn-primary btn-rounded waves-effect waves-light pull-right hidden animated loop-animation rubberBand" type="button"><span class="btn-label"><i class="fa fa-save"></i></span><span lang="en">Save</span></button>
+			<button id="`+v.idPrefix+`-settings-page-save" onclick="submitSettingsForm('`+v.idPrefix+`-settings-page')" class="btn btn-sm btn-info btn-rounded waves-effect waves-light pull-right hidden animated loop-animation rubberBand" type="button"><span class="btn-label"><i class="fa fa-save"></i></span><span lang="en">Save</span></button>
 			<div class="clearfix"></div>
 			<fieldset id="`+v.idPrefix+`-settings-items" style="border:0;"></fieldset>
 			<div class="clearfix"></div>
@@ -754,7 +754,7 @@ function buildHomepageItem(array){
 				</div>
 				<form id="homepage-`+v.name+`-form" class="mfp-hide white-popup-block mfp-with-anim homepageForm addFormTick">
 				    <fieldset style="border:0;">
-				    	<button id="homepage-`+v.name+`-form-save" onclick="submitSettingsForm('homepage-`+v.name+`-form')" class="btn btn-sm btn-primary btn-rounded waves-effect waves-light pull-right hidden animated loop-animation rubberBand" type="button"><span class="btn-label"><i class="fa fa-save"></i></span><span lang="en">Save</span></button>
+				    	<button id="homepage-`+v.name+`-form-save" onclick="submitSettingsForm('homepage-`+v.name+`-form')" class="btn btn-sm btn-info btn-rounded waves-effect waves-light pull-right hidden animated loop-animation rubberBand" type="button"><span class="btn-label"><i class="fa fa-save"></i></span><span lang="en">Save</span></button>
 						`+buildFormGroup(v.settings)+`
 					</fieldset>
 				    <div class="clearfix"></div>
@@ -1560,10 +1560,10 @@ function submitHomepageOrder(){
     //callbacks.add( buildCustomizeAppearance );
 	if(size > 0){
 		settingsAPI(post,callbacks);
+        $('#submitHomepageOrder-save').addClass('hidden');
 	}else{
 	    console.log('add error');
 	}
-
 }
 function submitTabOrder(){
 	var post = {
@@ -2970,6 +2970,7 @@ function buildDownloaderItem(array, source, type='none'){
                             <td class="downloader mouse" data-target="`+v.nzo_id+`" data-source="sabnzbd" data-action="`+action+`"><i class="fa fa-`+actionIcon+`"></i></td>
                             <td class="hidden-xs"><span class="label label-info">`+v.cat+`</span></td>
                             <td class="hidden-xs">`+v.size+`</td>
+                            <td class="hidden-xs" alt="`+v.eta+`">`+v.timeleft+`</td>
                             <td class="text-right">
 								<div class="progress progress-lg m-b-0">
                                     <div class="progress-bar progress-bar-info" style="width: `+v.percentage+`%;" role="progressbar">`+v.percentage+`%</div>