bacula-web: Customized main layout stylesheet

diff --git a/gui/bacula-web/style/default.css b/gui/bacula-web/style/default.css
index f7fc759badffa26a3199cec307ded1e4f26a6e29..c624638671b8c5a8eeab6a81a9a96adf0200f534 100644 (file)
--- a/gui/bacula-web/style/default.css
+++ b/gui/bacula-web/style/default.css
@@ -111,19 +111,26 @@ a:hover { color: #736F6E }
  background-color: #888888;
  color: white;
  font-weight: bold;
- padding: 0px;
- margin-top: 0px;
- margin-bottom: 5px;
- padding-top: 5px;
- padding-bottom: 5px;
+ padding: 3px;
+ margin: 0px;
+ 
+ /*padding-top: 5px;
+ padding-bottom: 5px;*/
 }
 
-.box table
+.box table.list
 {
+ border-collapse: collapse;
  width: 100%;
  margin: 0px;
 }
 
+.box table
+{
+ border-collapse: separate;
+ margin: 0px;
+}
+
 .box table th {
  font-size: 10pt;
  background-color: #CACACA;
@@ -132,20 +139,26 @@ a:hover { color: #736F6E }
 .box table tr td
 {
  padding: 2px;
+ font-size: 8pt;
 }
+
 .box table tr td.label
 {
  /*font-weight: bold;*/
- width: 150px;
+ background-color: #E0E0E0;
+ /*width: 150px;*/
  text-align: left;
  padding-left: 15px;
  padding: 3px;
+ margin: 2px;
 }
+
 .box table tr td.info
 {
- text-align:right; 
- padding-right: 8em;
+ text-align: center; 
+ /* padding-right: 8em; */
  font-weight: bold;
+ background-color: #E0E0E0;
 }
 
 table {

diff --git a/gui/bacula-web/templates/index.tpl b/gui/bacula-web/templates/index.tpl
index 62ed02b226a79d5f28750f67fc553dc42bc1c9d0..40e2681d9256f423d24713cecac40109d5b12adc 100644 (file)
--- a/gui/bacula-web/templates/index.tpl
+++ b/gui/bacula-web/templates/index.tpl
@@ -20,19 +20,19 @@
 <div id="main_left">
   <!-- General information -->
   <div class="box">
-       <p class="title">General informations</p>
+       <p class="title">Overall status</p>
        <table>
          <tr>
            <td class="label">{t}Clients{/t}</td> <td class="info">{$clientes_totales}</td>
          </tr>
          <tr>
-               <td class="label">{t}Total bytes stored{/t}:</td> <td class="info">{$bytes_stored}</td>
+               <td class="label">{t}Total bytes stored{/t}</td> <td class="info">{$bytes_stored}</td>
          </tr>
          <tr>
-               <td class="label">{t}Total files:{/t}</td> <td class="info">{$files_totales} file(s)</td>
+               <td class="label">{t}Total files{/t}</td> <td class="info">{$files_totales} file(s)</td>
          </tr>
          <tr>
-               <td class="label">{t}Database size{/t}:</td> <td class="info">{$database_size}</td>
+               <td class="label">{t}Database size{/t}</td> <td class="info">{$database_size}</td>
          </tr>
        </table>
   </div>
@@ -60,16 +60,24 @@
                {* {if $mode == "Lite" && $smarty.get.Full_popup != "yes"} *}
                <table>
                        <tr>
-                               <td class="label">Failed jobs</td> <td class="info">{$failed_jobs}</td>
+                               <td class="label">Failed jobs</td> 
+                               <td class="info">{$failed_jobs}</td>
+                               <td class="info"> <a href="jobs.php" title="View last failed jobs">View</a> </td>
                        </tr>
                        <tr>
-                               <td class="label">Completed jobs</td> <td class="info">{$completed_jobs}</td>
+                               <td class="label">Completed jobs</td> 
+                               <td class="info">{$completed_jobs}</td>
+                               <td class="info"> <a href="jobs.php" title="View last completed jobs">View</a> </td>
                        </tr> 
                        <tr>
-                               <td class="label">Elapsed time</td> <td class="info">{$elapsed_jobs}</td>
+                               <td class="label">Elapsed time</td> 
+                               <td class="info">{$elapsed_jobs}</td>
+                               <td class="info"> <a href="#" title="View report">View</a> </td>
                        </tr>
                        <tr>
-                               <td class="label">Transferred Bytes</td> <td class="info">{$bytes_totales}</td>
+                               <td class="label">Transferred Bytes</td> 
+                               <td class="info">{$bytes_totales}</td>
+                               <td class="info"> <a href="#" title="View report">View</a> </td>
                        </tr> 
                </table>
 

diff --git a/gui/bacula-web/templates/last_run_report.tpl b/gui/bacula-web/templates/last_run_report.tpl
index d6392b72b7cc913bde0cd7da6a828341cf052da1..dff638e2de01cdcff0d9ce9c2ac8be94378fae32 100644 (file)
--- a/gui/bacula-web/templates/last_run_report.tpl
+++ b/gui/bacula-web/templates/last_run_report.tpl
@@ -103,7 +103,7 @@
         <tr> <td colspan="2">&nbsp;</td> </tr>
         <tr>
           <td class="label"><b>{t}Select a job:{/t}</b></td>
-          <td align=center>
+          <td class="info">
             <input type=hidden name="default" value="1">                               
                   <select name=server>
                     {if $smarty.get.server != ""}
@@ -161,4 +161,4 @@
 </div>
 -->
 
-<!-- end last_run_report.tpl -->
\ No newline at end of file
+<!-- end last_run_report.tpl -->

diff --git a/gui/bacula-web/templates/volumes.tpl b/gui/bacula-web/templates/volumes.tpl
index 7e79c8ee35ffcf128640d985a78b93b1bec76995..3ed7555ba625789699978e1a9d223c47487d88a4 100644 (file)
--- a/gui/bacula-web/templates/volumes.tpl
+++ b/gui/bacula-web/templates/volumes.tpl
@@ -3,7 +3,7 @@
 <div class="box">
   <p class="title">Pools</p>
        
-  <table>
+  <table class="list">
        {foreach from=$pools item=pool key=pool_name}
        <tr>
                <th colspan="6" style="font-size: 10pt; text-align: center; background-color: #E0C8E5; color: black; padding: 3px;">
@@ -11,12 +11,12 @@
                </th>
        </tr>
        <tr style="text-align: center;">
-               <td style="background-image: url(style/images/bg5.png);" class=tbl_pool_inter_1>Name</td>
-               <td style="background-image: url(style/images/bg5.png);" class=tbl_pool_inter_1>{t}Bytes{/t}</td>
-               <td style="background-image: url(style/images/bg5.png);" class=tbl_pool_inter_1>{t}Media Type{/t}</td>
-               <td style="background-image: url(style/images/bg5.png);" class=tbl_pool_inter_1>{t}Expire{/t}</td>
-               <td style="background-image: url(style/images/bg5.png);" class=tbl_pool_inter_1>{t}Last written{/t}</td>
-               <td style="background-image: url(style/images/bg5.png);" class=tbl_pool_inter_1>{t}Status{/t}</td>
+               <td class="info">Name</td>
+               <td class="info">{t}Bytes{/t}</td>
+               <td class="info">{t}Media Type{/t}</td>
+               <td class="info">{t}Expire{/t}</td>
+               <td class="info">{t}Last written{/t}</td>
+               <td class="info">{t}Status{/t}</td>
        </tr>
        {foreach from=$pool item=volume}
                <tr style="text-align: center;">