new page

2019-08-26 13:45:20 -04:00
parent 728bd3f771
commit 4b7c6a866e
1309 changed files with 386472 additions and 9389 deletions
@@ -0,0 +1,97 @@
+/*=========================================================================================
+    File Name: tooltip.js
+    Description: Tooltips are an updated version, which don’t rely on images,
+                use CSS3 for animations, and data-attributes for local title storage.
+    ----------------------------------------------------------------------------------------
+    Item Name: Vuesax HTML Admin Template
+    Version: 1.1
+    Author: Pixinvent
+    Author URL: hhttp://www.themeforest.net/user/pixinvent
+==========================================================================================*/
+    (function(window, document, $) {
+    'use strict';
+
+    /******************/
+    // Tooltip events //
+    /******************/
+
+    // onShow event
+    $('#show-tooltip').tooltip({
+        title: 'Tooltip Show Event',
+        trigger: 'click',
+        placement: 'right'
+        }).on('show.bs.tooltip', function() {
+            alert('Show event fired.');
+    });
+
+    // onShown event
+    $('#shown-tooltip').tooltip({
+        title: 'Tooltip Shown Event',
+        trigger: 'click',
+        placement: 'top'
+    }).on('shown.bs.tooltip', function() {
+        alert('Shown event fired.');
+    });
+
+    // onHide event
+    $('#hide-tooltip').tooltip({
+        title: 'Tooltip Hide Event',
+        trigger: 'click',
+        placement: 'bottom'
+    }).on('hide.bs.tooltip', function() {
+        alert('Hide event fired.');
+    });
+
+    // onHidden event
+    $('#hidden-tooltip').tooltip({
+        title: 'Tooltip Hidden Event',
+        trigger: 'click',
+        placement: 'left'
+    }).on('hidden.bs.tooltip', function() {
+        alert('Hidden event fired.');
+    });
+
+
+    /*******************/
+    // Tooltip methods //
+    /*******************/
+
+    // Show method
+    $('#show-method').on('click', function() {
+        $(this).tooltip('show');
+    });
+    // Hide method
+    $('#hide-method').on('mouseenter', function() {
+        $(this).tooltip('show');
+    });
+    $('#hide-method').on('click', function() {
+        $(this).tooltip('hide');
+    });
+    // Toggle method
+    $('#toggle-method').on('click', function() {
+        $(this).tooltip('toggle');
+    });
+    // Dispose method
+    $('#dispose').on('click', function() {
+        $('#dispose-method').tooltip('dispose');
+    });
+
+    /* Trigger*/
+    $('.manual').on('click', function() {
+        $(this).tooltip('show');
+    });
+    $('.manual').on('mouseout', function() {
+        $(this).tooltip('hide');
+    });
+
+    /* Default template */
+    $(".template").on('click', function(){
+        console.log(
+            '<div class="tooltip" role="tooltip">' +
+            '<div class="tooltip-arrow"></div>' +
+            '<div class="tooltip-inner"></div>' +
+            '</div>'
+        );
+    });
+
+})(window, document, jQuery);