first commit

2022-05-31 16:21:53 -04:00
commit f76abffdcd
5978 changed files with 1078901 additions and 0 deletions
@@ -0,0 +1,177 @@
+/* ------------------------------------------------------------------------------
+*
+*  # Tooltips and popovers
+*
+*  Specific JS code additions for components_popups.html page
+*
+*  Version: 1.0
+*  Latest update: Aug 1, 2015
+*
+* ---------------------------------------------------------------------------- */
+
+$(function() {
+
+
+    // Tooltips
+    // ------------------------------
+
+	// Custom color
+	$('[data-popup=tooltip-custom]').tooltip({
+		template: '<div class="tooltip"><div class="bg-teal"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div></div>'
+	});
+
+
+	//
+	// Tooltip events
+	//
+
+	// onShow event
+	$('#tooltip-show').tooltip({
+		title: 'I am a tooltip',
+		trigger: 'click'
+	}).on('show.bs.tooltip', function() {
+		alert('Show event fired.')
+	});
+
+	// onShown event
+	$('#tooltip-shown').tooltip({
+		title: 'I am a tooltip',
+		trigger: 'click'
+	}).on('shown.bs.tooltip', function() {
+		alert('Shown event fired.')
+	});
+
+	// onHide event
+	$('#tooltip-hide').tooltip({
+		title: 'I am a tooltip',
+		trigger: 'click'
+	}).on('hide.bs.tooltip', function() {
+		alert('Hide event fired.')
+	});
+
+	// onHidden event
+	$('#tooltip-hidden').tooltip({
+		title: 'I am a tooltip',
+		trigger: 'click'
+	}).on('hidden.bs.tooltip', function() {
+		alert('Hidden event fired.')
+	});
+
+
+	//
+	// Tooltip methods
+	//
+
+	// Show method
+	$('#show-tooltip-method').on('click', function() {
+		$('#show-tooltip-method-target').tooltip('show')
+	});
+
+	// Hide method
+	$('#hide-tooltip-method-target').on('mouseenter', function() {
+		$(this).tooltip('show')
+	});
+	$('#hide-tooltip-method').on('click', function() {
+		$('#hide-tooltip-method-target').tooltip('hide')
+	});
+
+	// Toggle method
+	$('#toggle-tooltip-method').on('click', function() {
+		$('#toggle-tooltip-method-target').tooltip('toggle')
+	})
+
+	// Destroy method
+	$('#destroy-tooltip-method').on('click', function() {
+		$('#destroy-tooltip-method-target').tooltip('destroy')
+	});
+
+
+
+    // Popovers
+    // ------------------------------
+
+	//
+	// Styling
+	//
+
+	// Custom color
+	$('[data-popup=popover-custom]').popover({
+		template: '<div class="popover border-teal-400"><div class="arrow"></div><h3 class="popover-title bg-teal-400"></h3><div class="popover-content"></div></div>'
+	});
+
+	// Custom solid color
+	$('[data-popup=popover-solid]').popover({
+		template: '<div class="popover bg-primary"><div class="arrow"></div><h3 class="popover-title"></h3><div class="popover-content"></div></div>'
+	});
+
+
+	//
+	// Popover events
+	//
+
+	// onShow event
+	$('#popover-show').popover({
+		title: 'Popover title',
+		content: 'And here\'s some amazing content. It\'s very engaging. Right?',
+		trigger: 'click'
+	}).on('show.bs.popover', function() {
+		alert('Show event fired.')
+	});
+
+	// onShown event
+	$('#popover-shown').popover({
+		title: 'Popover title',
+		content: 'And here\'s some amazing content. It\'s very engaging. Right?',
+		trigger: 'click'
+	}).on('shown.bs.popover', function() {
+		alert('Shown event fired.')
+	});
+
+	// onHide event
+	$('#popover-hide').popover({
+		title: 'Popover title',
+		content: 'And here\'s some amazing content. It\'s very engaging. Right?',
+		placement: 'top',
+		trigger: 'click'
+	}).on('hide.bs.popover', function() {
+		alert('Hide event fired.')
+	});
+
+	// onHidden event
+	$('#popover-hidden').popover({
+		title: 'Popover title',
+		content: 'And here\'s some amazing content. It\'s very engaging. Right?',
+		trigger: 'click'
+	}).on('hidden.bs.popover', function() {
+		alert('Hidden event fired.')
+	});
+
+
+	//
+	// Popover methods
+	//
+
+	// Show method
+	$('#show-popover-method').on('click', function() {
+		$('#show-popover-method-target').popover('show')
+	})
+
+	// Hide method
+	$('#hide-popover-method-target').on('mouseenter', function() {
+		$(this).popover('show')
+	});
+	$('#hide-popover-method').on('click', function() {
+		$('#hide-popover-method-target').popover('hide')
+	});
+
+	// Toggle method
+	$('#toggle-popover-method').on('click', function() {
+		$('#toggle-popover-method-target').popover('toggle')
+	})
+
+	// Destroy method
+	$('#destroy-popover-method').on('click', function() {
+		$('#destroy-popover-method-target').popover('destroy')
+	});
+	
+});