sab work

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

@@ -17,7 +17,7 @@ $( \'#tabEditorTable\' ).sortable({
 <div class="panel bg-org panel-info">
     <div class="panel-heading">
         <span lang="en">Tab Editor</span>
-        <button type="button" class="btn btn-success 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 popup-with-form m-r-5" href="#new-tab-form" data-effect="mfp-3d-unfold"><i class="fa fa-plus"></i> </button>
     </div>
     <div class="table-responsive">
         <form id="submit-tabs-form" onsubmit="return false;">
@@ -77,7 +77,7 @@ $( \'#tabEditorTable\' ).sortable({
             <input type="text" class="form-control" id="edit-tab-form-inputImage" name="tabImage"  required="">
         </div>
     </fieldset>
-    <button class="btn btn-sm btn-info btn-rounded waves-effect waves-light pull-right row b-none editTab" type="button"><span class="btn-label"><i class="fa fa-plus"></i></span><span lang="en">Edit Group</span></button>
+    <button class="btn btn-sm btn-info btn-rounded waves-effect waves-light pull-right row b-none editTab" type="button"><span class="btn-label"><i class="fa fa-check"></i></span><span lang="en">Edit Tab</span></button>
     <div class="clearfix"></div>
 </form>
 ';

css/organizr.css

@@ -209,3 +209,29 @@ h2.m-b-0.font-medium.pull-right {
   overflow: hidden;
   filter: blur(0px) grayscale(1)
 }
+
+
+.mailbox-widget .customtab li.active a, .mailbox-widget .customtab li.active, .mailbox-widget .customtab li.active a:focus {
+    background: 0 0;
+    color: #fff;
+    border-color: #53e69d;
+}
+.bootstrap-tagsinput, .calendar-widget, .chat-main-box, .content-wrap, .css-bar:after, .customtab li.active a, .customtab li.active a:focus, .customtab li.active a:hover, .daterangepicker .input-mini, .dropify-wrapper, .dropify-wrapper .dropify-preview, .dropzone, .footer, .form-control, .jsgrid-alt-row>td, .jsgrid-header-row>th, .jsgrid-row>td, .list-group-item, .list-group-item.disabled, .list-group-item.disabled:focus, .list-group-item.disabled:hover, .manage-table, .modal-content, .myadmin-dd .dd-list .dd-item .dd-handle, .myadmin-dd-empty .dd-list .dd3-content, .myadmin-dd-empty .dd-list .dd3-handle, .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover, .pager li>a, .pager li>span, .pagination>li>a, .pagination>li>span, .panel, .panel .panel-footer, .panel-default .panel-body, .panel-default .panel-footer, .panel-default .panel-heading, .panel-footer textarea, .panel-white .panel-body, .panel-white .panel-footer, .panel-white .panel-heading, .radio label::before, .select2-container-multi .select2-choices, .table tbody tr.advance-table-row td, .thumbnail, .well, .white-box, input, pre, select, table.dataTable.display tbody tr.odd, table.dataTable.stripe tbody tr.odd {
+    background: transparent;
+}
+.nav-tabs.pull-right>li>a:hover {
+    background: transparent;
+    border-radius: 0px;
+}
+.homepageImageTitle {
+  height: 40px;
+  margin-top: -7px;
+}
+.grayscale {
+  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
+  filter: grayscale(100%);
+}
+td span.label.label-info {
+  min-width: 80px !important;
+  display: inline-block !important;
+}

js/functions.js

@@ -2068,6 +2068,7 @@ function buildDownloader(array, source){
 	var historyItems = (typeof array.content.historyItems !== 'undefined') ? array.content.historyItems : false;
 	var downloader = (queueItems || historyItems) ? true : false;
 	var state = '';
+	var active = '';
 	console.log(array);
 	console.log(queueItems);
 	console.log(historyItems);
@@ -2076,9 +2077,10 @@ function buildDownloader(array, source){
 		switch (source) {
 			case 'sabnzbd':
 				if(queueItems.queue.paused){
-					state = `<span class="downloader mouse" data-source="sabnzbd" data-action="resume" data-target="main"><i class="fa fa-pause"></i></span>`;
+					state = `<span class="downloader mouse" data-source="sabnzbd" data-action="resume" data-target="main"><i class="fa fa-play"></i></span>`;
+					active = 'grayscale';
 				}else{
-					state = `<span class="downloader mouse" data-source="sabnzbd" data-action="pause" data-target="main"><i class="fa fa-play"></i></span>`;
+					state = `<span class="downloader mouse" data-source="sabnzbd" data-action="pause" data-target="main"><i class="fa fa-pause"></i></span>`;
 				}
 				break;
 			default:
@@ -2118,7 +2120,7 @@ function buildDownloader(array, source){
 	<div class="row">
 		<div class="col-lg-12">
 	        <div class="white-box bg-info m-b-0 p-b-0 p-t-10 mailbox-widget">
-	            <h2 class="text-white m-0 pull-left text-uppercase">`+state+` `+source+`</h2>
+				<h2 class="text-white m-0 pull-left text-uppercase"><img class="lazyload homepageImageTitle `+active+`" data-src="plugins/images/tabs/`+source+`.png">  &nbsp; `+state+`</h2>
 	            `+menu+`
 				<div class="clearfix"></div>
 	        </div>