Tooltips on used percentage within Dashboard

Pascal Dreissen

2016-07-08 c959635e7c473615bad57186e310626debca8d80

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

@@ -1,13 +1,26 @@
   <h2>{tmpl_var name='limits_txt'}</h2>
   <div style="width:350px;">
   <div class="table-wrapper marginTop15">
<table class="table">
   <tmpl_loop name='rows'>
      <tr class="tbl_row_<tmpl_if name='__EVEN__'}even<tmpl_else>uneven</tmpl_if>">
        <td>{tmpl_var name='field_txt'}</td>
        <td style="white-space: nowrap">{tmpl_var name='usage'} {tmpl_var name='of_txt'} {tmpl_var name='value'}</td>
      </tr>
   </tmpl_loop>
   </table>
</div>
   </div>
   <div class='table-wrapper'>
     <table class='table'>
      <caption>{tmpl_var name='limits_txt'}</caption>
      <thead class="dark form-group-sm">
        <tr>
         <th>&nbsp;</th>
         <th colspan='2'>&nbsp;</th>
        </tr>
      </thead>
      <tbody>
      <tmpl_loop name='rows'>
         <tr>
            <td>{tmpl_var name='field_txt'}</td>
            <td>{tmpl_var name='usage'} {tmpl_var name='of_txt'} {tmpl_var name='value'}</td>
            <td>
            <div class='progress'>
               <div class='progress-bar progress-bar-{tmpl_if name="percentage" op="<" value="50"}success{tmpl_elseif name="percentage" op="<" value="75"}warning{tmpl_else}danger{/tmpl_if}' role='progressbar' aria-valuemin='0' aria-valuemax='100' aria-valuenow='{tmpl_var name="percentage"}' style='width:{tmpl_var name="percentage"}%' data-toggle="tooltip" data-placement="bottom" title="{tmpl_var name='percentage'}%">
               <span class='sr-only'>{tmpl_var name='usage'} {tmpl_var name='of_txt'} {tmpl_var name='value'}</span>
               </div>
            </div>
            </td>
         </tr>
      </tmpl_loop>
      </tbody>
     </table>
   </div>