netrender

New web ui work by Philippe Van Hecke: JQuery ui theme selector.

netrender/js/netrender.js

@@ -35,7 +35,7 @@ var maxItemsperTable = 10;
 function setupPage() {
 	/*$.themes.init({themeBase: 'http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/', icons: '/html/css/images/themes.gif',previews: '/html/css/images/themes-preview.gif'});*/
 
-	$('body').addClass("ui-widget-overlay");
+	$('body').addClass("ui-widget-content");
 	setupJobsPanel();
 	setupSlavesPanel();
 	setupConfigPanel();
@@ -217,6 +217,10 @@ function setupConfigPanel() {
 			$("#Interface").append('<a id="oldinterface" href="/">');
 			$("#oldinterface").html('Simple Interface');
 			$("#oldinterface").button();
+			$("#Interface").append('<div>Select the jquery theme you want to use</div>');
+            $("#Interface").append('<div id="switcher">');           
+            $('#switcher').themeswitcher();
+ 
 		}
 		return "";
 	}
@@ -516,4 +520,4 @@ function showJob(id, name) {
 
 	$.getJSON("/html/job_" + id, null, retJobData);
 
-}
+}
\ No newline at end of file

netrender/newui.html

@@ -9,6 +9,7 @@
  <script type="text/javascript" src="/html/js/netrender.js"></script>
  <script type="text/javascript" src="/html/js/netrender-widget.js"></script>
  <script type="text/javascript" src="/html/js/netrender-action.js"></script>
+ <script type="text/javascript" src="http://jqueryui.com/themeroller/themeswitchertool/"></script>
  <script type="text/javascript">  
    // we will add our javascript code here                                     
    var doc=$(document).ready(function(){var page=setupPage();});