Added support for Bootstrap tooltips.

(Redmine issue: #3734)

lib/hawat/blueprints/design/static/js/hawat-common.js

+$(function() {
+
+    // Initialize date and datetime picker components.
+    //$('.datepicker').datetimepicker({
+    //    //locale: 'en',
+    //    format: 'YYYY-MM-DD'
+    //});
+    //$('.datetimepicker').datetimepicker({
+    //    //locale: 'en',
+    //    format: 'YYYY-MM-DD HH:mm:ss'
+    //});
+
+    // Initialize linked date and datetime picker components.
+    //$('#datetimepicker-from').datetimepicker({
+    //    //locale: 'en',
+    //    format: 'YYYY-MM-DD HH:mm:ss'
+    //});
+    //$('#datetimepicker-to').datetimepicker({
+    //    //locale: 'en',
+    //    format: 'YYYY-MM-DD HH:mm:ss',
+    //    useCurrent: false //Important! See issue #1075
+    //});
+    //$("#datetimepicker-from").on("dp.change", function (e) {
+    //    $('#datetimepicker-to').data("DateTimePicker").minDate(e.date);
+    //});
+    //$("#datetimepicker-to").on("dp.change", function (e) {
+    //    $('#datetimepicker-from').data("DateTimePicker").maxDate(e.date);
+    //});
+
+    // Initialize select pickers.
+    //$('.selectpicker').selectpicker();
+
+    // Initialize tooltips.
+    $('body').tooltip({
+        selector: "[data-toggle=tooltip]",
+        container: "body",
+    });
+
+    // Tooltips for navbar tabs require special handling.
+    $('.nav-tabs-tooltipped').tooltip({
+        selector: "[data-toggle=tab]",
+        trigger: 'hover',
+        placement: 'top',
+        animate: true,
+        container: 'body'
+    });
+});

lib/hawat/blueprints/design/templates/_layout.html

@@ -52,7 +52,7 @@
                         {{ macros_site.render_submenu_auth() }}
                         {{ macros_site.render_locale_switcher() }}
                         <li{% if request.endpoint == "help.view" %} class="active"{% endif %}>
-                            <a href="{{ url_for('help.view') }}" title="{{ gettext('Help') }}">{{ get_fa_icon('help') }} {{ gettext('Help') }}</a>
+                            <a href="{{ url_for('help.view') }}" data-toggle="tooltip" data-placement="bottom" title="{{ gettext('Help') }}">{{ get_fa_icon('help') }} {{ gettext('Help') }}</a>
                         </li>
                     </ul>
                 </div> <!-- #navbar -->
@@ -69,7 +69,9 @@
 
             <!-- Flashed messsages - BEGIN ------------------------------------>
             <div class="alert alert-{% if category == 'message' %}info{% else %}{{ category }}{% endif %} alert-dismissible">
-                <button type="button" class="close" data-dismiss="alert" aria-label="{{ gettext('Close') }}"><span aria-hidden="true">&times;</span></button>
+                <button type="button" class="close" data-dismiss="alert" data-toggle="tooltip" aria-label="{{ gettext('Close') }}" title="{{ gettext('Close') }}">
+                    <span aria-hidden="true">&times;</span>
+                </button>
                 {{ message }}
             </div>
             <!-- Flashed messsages - END -------------------------------------->
@@ -97,6 +99,7 @@
         <script src="{{ url_for('design.static', filename='vendor/jquery/js/jquery.min.js') }}"></script>
         <script src="{{ url_for('design.static', filename='vendor/bootstrap/js/bootstrap.min.js') }}"></script>
         <script src="{{ url_for('design.static', filename='vendor/bootstrap-select/js/bootstrap-select.min.js') }}"></script>
+        <script src="{{ url_for('design.static', filename='js/hawat-common.js') }}"></script>
     {%- endblock js %}
 
 {%- endblock body %}