Tooltips on used percentage within Dashboard

Pascal Dreissen

2016-07-08 c959635e7c473615bad57186e310626debca8d80

 interface/web/dashboard/dashlets/templates/quota.htm

@@ -1,29 +1,30 @@
<div style="float: left;">
   <h2>{tmpl_var name='quota_txt'}</h2>
   <div style="width:350px;">
   <table class="list">
      <thead>
      <tr>
        <td>{tmpl_var name='domain_txt'}</td>
        <td>{tmpl_var name='used_txt'}</td>
        <td>{tmpl_var name='soft_txt'}</td>
        <td>{tmpl_var name='hard_txt'}</td>
      </tr>
   <div class='table-wrapper'>
     <table class='table'>
      <caption>{tmpl_var name='quota_txt'}</caption>
      <thead class="dark form-group-sm">
        <tr>
         <th>{tmpl_var name='domain_txt'}</th>
         <th>{tmpl_var name='used_txt'}</th>
         <th>{tmpl_var name='soft_txt'}</th>
         <th colspan="2">{tmpl_var name='hard_txt'}</th>
        </tr>
      </thead>
   <tmpl_if name="has_quota">
   <tmpl_loop name='quota'>
      <tr class="tbl_row_<tmpl_if name='__EVEN__'}even<tmpl_else>uneven</tmpl_if>">
        <td style="color:{tmpl_var name='display_colour'}">{tmpl_var name='domain'}</td>
        <td style="color:{tmpl_var name='display_colour'}">{tmpl_var name='used'}</td>
        <td style="color:{tmpl_var name='display_colour'}">{tmpl_var name='soft'}</td>
        <td style="color:{tmpl_var name='display_colour'}">{tmpl_var name='hard'}</td>
      </tr>
   </tmpl_loop>
   <tmpl_else>
   <tr>
     <td colspan="4" style="text-align:center;">{tmpl_var name='no_sites_txt'}</td>
   </tr>
   </tmpl_if>
   </table>
      <tbody>
      <tmpl_loop name='quota'>
         <tr>
            <td>{tmpl_var name='domain'}</td>
            <td>{tmpl_var name='used'}</td>
            <td>{tmpl_var name='soft'}</td>
            <td>{tmpl_var name='hard'}</td>
            <td>
            <div class='progress'>
               <div class='progress-bar progress-bar-{tmpl_if name="used_percentage" op="<" value="50"}success{tmpl_elseif name="used_percentage" op="<" value="75"}warning{tmpl_else}danger{/tmpl_if}' role='progressbar' aria-valuemin='0' aria-valuemax='100' aria-valuenow='{tmpl_var name="used_percentage"}' style='width:{tmpl_var name="used_percentage"}%' data-toggle="tooltip" data-placement="bottom" title="{tmpl_var name='used_percentage'}%">
               <span class='sr-only'>{tmpl_var name='used'} {tmpl_var name='of_txt'} {tmpl_var name='soft'}</span>
               </div>
            </div>
            </td>
         </tr>
      </tmpl_loop>
      </tbody>
     </table>
   </div>
</div>