Merge pull request #200 from ltb-project/171-tooltips-for-attributes

Tooltips for attributes

Author: coudot

docs/index.rst

@@ -25,3 +25,4 @@ LDAP Tool Box White Pages documentation
    csvexport.rst
    vcardexport.rst
    updateinfos.rst
+   tooltips.rst

docs/tooltips.rst

@@ -0,0 +1,13 @@
+Tooltips
+========
+
+Some tooltips can be added on update info page for each item.
+
+By default no tooltips are defined. You can create one in the custom lang file in configuration directory by setting the ``tooltip_item`` message.
+
+For example to add a tooltip on mail item, edit or create ``/etc/white-pages/en.inc.php``:
+
+.. code-block:: php
+
+   $messages['tooltip_mail'] = "Please do not use a personal email";
+

templates/footer.tpl

@@ -15,6 +15,10 @@
 <script src="vendor/datatables/buttons.print.min.js"></script>
 <script src="vendor/datatables/buttons.bootstrap5.min.js"></script>
 {/if}
+<script>
+const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]')
+const tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl))
+</script>
 {if $use_updateinfos}
 <script src="js/update.js"></script>
 {/if}

templates/updateinfos.tpl

@@ -55,6 +55,7 @@
                         </th>
                         <th class="d-none d-sm-table-cell">
                             {$msg_label_{$item}}
+                            {if $msg_tooltip_{$item}}<span data-bs-toggle="tooltip" data-bs-placement="right" data-bs-title="{$msg_tooltip_{$item}}"><i class="fa fa-fw fa-regular fa-circle-question"></i></span>{/if}
                         </th>
                         <td>
                             {if $item|in_array:$update_items}