Mercurial > mbsePi-apps / file diff

--- a/www-thermferm/index.php	Tue Jul 22 23:14:19 2014 +0200
+++ b/www-thermferm/index.php	Wed Jul 23 16:49:37 2014 +0200
@@ -60,10 +60,9 @@
 $outstr .= '         height: 400, width: 800, autoOpen: false, theme: \''.$my_style.'\', '.PHP_EOL;
 $outstr .= '         position: { x:100, y:50 }, '.PHP_EOL;
 $outstr .= '         resizable: false, isModal: true, modalOpacity: 0.5, '.PHP_EOL;
-$outstr .= '         okButton: $("#maintenance_ok"), cancelButton: $("#maintenance_cancel"),'.PHP_EOL;
+$outstr .= '         okButton: $("#maintenance_ok"), '.PHP_EOL;
 $outstr .= '         initContent: function () {'.PHP_EOL;
-$outstr .= '           $("#maintenance_ok").jqxButton({ width: 65, height: 25, theme: \''.$my_style.'\' });'.PHP_EOL;
-$outstr .= '           $("#maintenance_cancel").jqxButton({ width: 65, height: 25, theme: \''.$my_style.'\' });'.PHP_EOL;
+$outstr .= '           $("#maintenance_ok").jqxButton({ width: 70, height: 25, theme: \''.$my_style.'\' });'.PHP_EOL;
 $outstr .= '         }'.PHP_EOL;
 $outstr .= '       });'.PHP_EOL;
 $outstr .= '       $("#maintenance").jqxButton({ width: 150, height: 25, theme: \''.$my_style.'\'});'.PHP_EOL;
@@ -84,10 +83,33 @@
 $outstr .= '     Maintenance panel'.PHP_EOL;
 $outstr .= '    </div>'.PHP_EOL;
 $outstr .= '    <div id="maintenance_content">'.PHP_EOL;
-$outstr .= '     Maintenancecontent'.PHP_EOL;
-$outstr .= '     <input type="button" id="maintenance_ok" value="OK" style="margin-right: 10px" />'.PHP_EOL;
-$outstr .= '     <input type="button" id="maintenance_cancel" value="Cancel" />'.PHP_EOL;
+$outstr .= '     <div id="jqxTabs_maint">'.PHP_EOL;
+$outstr .= '      <ul>'.PHP_EOL;
+$outstr .= '       <li style="margin-left: 20px;">General</li>'.PHP_EOL;
+$outstr .= '       <li style="margin-left: 20px;">1-Wire Bus</li>'.PHP_EOL;
+$outstr .= '       <li style="margin-left: 20px;">Profiles</li>'.PHP_EOL;
+$outstr .= '       <li style="margin-left: 20px;">Units</li>'.PHP_EOL;
+$outstr .= '      </ul>'.PHP_EOL;
+$outstr .= '      <div>'.PHP_EOL;
+$outstr .= '       General'.PHP_EOL;
+$outstr .= '      </div>'.PHP_EOL;
+$outstr .= '      <div>'.PHP_EOL;
+$outstr .= '       1-Wire Bus'.PHP_EOL;
+$outstr .= '      </div>'.PHP_EOL;
+$outstr .= '      <div>'.PHP_EOL;
+$outstr .= '       Profiles'.PHP_EOL;
+$outstr .= '      </div>'.PHP_EOL;
+$outstr .= '      <div>'.PHP_EOL;
+$outstr .= '       Units'.PHP_EOL;
+$outstr .= '      </div>'.PHP_EOL;
+$outstr .= '     </div>'.PHP_EOL;
+$outstr .= '     <input type="button" id="maintenance_ok" value="Dismiss" style="margin-top: 5px; margin-left: 365px" />'.PHP_EOL;
 $outstr .= '    </div>'.PHP_EOL;
+$outstr .= '    <script type="text/javascript">'.PHP_EOL;
+$outstr .= '     $(document).ready(function () {'.PHP_EOL;
+$outstr .= '       $("#jqxTabs_maint").jqxTabs({ width: 790, height: 330, position: \'top\', theme: \''.$my_style.'\'});'.PHP_EOL;
+$outstr .= '     });'.PHP_EOL;
+$outstr .= '    </script>'.PHP_EOL;
 $outstr .= '   </div> <!-- maintenance_window -->'.PHP_EOL;
 
 /* Create the tabs */