WrenchBoard/WrenchBoardDocker
1
0
Fork 0
Code Issues Pull Requests Releases Activity

first commit

Browse Source
This commit is contained in:
Olu Amey
2021-10-09 21:59:14 -04:00
commit 2e1a4017c3
6336 changed files with 864678 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/js/pages/components_modals.js
+256
View File
@@ -0,0 +1,256 @@
/* ------------------------------------------------------------------------------
*
* # Modal dialogs and extensions
*
* Specific JS code additions for components_modals.html page
*
* Version: 1.0
* Latest update: Jan 25, 2016
*
* ---------------------------------------------------------------------------- */
$(function() {
// Basic modals
// ------------------------------
// Load remote content
$('#modal_remote').on('show.bs.modal', function() {
$(this).find('.modal-body').load('assets/demo_data/wizard/education.html', function() {
// Init Select2 when loaded
$('.select').select2({
minimumResultsForSearch: Infinity
});
});
});
// Bootbox extension
// ------------------------------
// Alert dialog
$('#alert').on('click', function() {
bootbox.alert("Native alert dialog has been replaced with Bootbox alert box.");
});
// Confirmation dialog
$('#confirm').on('click', function() {
bootbox.confirm("Native confirm dialog has been replaced with Bootbox confirm box.", function(result) {
bootbox.alert("Confirm result: " + result)
});
});
// Prompt dialog
$('#prompt').on('click', function() {
bootbox.prompt("Please enter your name", function(result) {
if (result === null) {
bootbox.alert("Prompt dismissed");
} else {
bootbox.alert("Hi <b>"+result+"</b>");
}
});
});
// Modal callbacks
// ------------------------------
// onShow callback
$('#onshow_callback').on('click', function() {
$('#modal_default').on('show.bs.modal', function() {
alert('onShow callback fired.')
});
});
// onShown callback
$('#onshown_callback').on('click', function() {
$('#modal_form_vertical').on('shown.bs.modal', function() {
alert('onShown callback fired.')
});
});
// onHide callback
$('#onhide_callback').on('click', function() {
$('#modal_subtitle').on('hide.bs.modal', function() {
alert('onHide callback fired.')
});
});
// onHidden callback
$('#onhidden_callback').on('click', function() {
$('#modal_theme_success').on('hidden.bs.modal', function() {
alert('onHidden callback fired.')
});
});
// Sweet Alert extension
// ------------------------------
// Basic
$('#sweet_basic').on('click', function() {
swal({
title: "Here's a message!",
confirmButtonColor: "#2196F3"
});
});
// With title
$('#sweet_title_text').on('click', function() {
swal({
title: "Here's a message!",
text: "It's pretty, isn't it?",
confirmButtonColor: "#2196F3"
});
});
// Auto closing
$('#sweet_auto_closer').on('click', function() {
swal({
title: "Auto close alert!",
text: "I will close in 2 seconds.",
confirmButtonColor: "#2196F3",
timer: 2000
});
});
// HTML message
$('#sweet_html').on('click', function() {
swal({
title: "HTML <small>small subtitle</small>",
text: "A custom <span style='color:#F8BB86'>html<span> message.",
html: true,
confirmButtonColor: "#2196F3"
});
});
// Prompt
$('#sweet_prompt').on('click', function() {
swal({
title: "An input!",
text: "Write something interesting:",
type: "input",
showCancelButton: true,
confirmButtonColor: "#2196F3",
closeOnConfirm: false,
animation: "slide-from-top",
inputPlaceholder: "Write something"
},
function(inputValue){
if (inputValue === false) return false;
if (inputValue === "") {
swal.showInputError("You need to write something!");
return false
}
swal({
title: "Nice!",
text: "You wrote: " + inputValue,
type: "success",
confirmButtonColor: "#2196F3"
});
});
});
// AJAX loader
$('#sweet_loader').on('click', function() {
swal({
title: "Ajax request example",
text: "Submit to run ajax request",
type: "info",
showCancelButton: true,
closeOnConfirm: false,
confirmButtonColor: "#2196F3",
showLoaderOnConfirm: true
},
function() {
setTimeout(function() {
swal({
title: "Ajax request finished!",
confirmButtonColor: "#2196F3"
});
}, 2000);
});
});
//
// Contextual alerts
//
// Success alert
$('#sweet_success').on('click', function() {
swal({
title: "Good job!",
text: "You clicked the button!",
confirmButtonColor: "#66BB6A",
type: "success"
});
});
// Error alert
$('#sweet_error').on('click', function() {
swal({
title: "Oops...",
text: "Something went wrong!",
confirmButtonColor: "#EF5350",
type: "error"
});
});
// Warning alert
$('#sweet_warning').on('click', function() {
swal({
title: "Are you sure?",
text: "You will not be able to recover this imaginary file!",
type: "warning",
showCancelButton: true,
confirmButtonColor: "#FF7043",
confirmButtonText: "Yes, delete it!"
});
});
// Info alert
$('#sweet_info').on('click', function() {
swal({
title: "For your information",
text: "This is some sort of a custom alert",
confirmButtonColor: "#2196F3",
type: "info"
});
});
// Alert combination
$('#sweet_combine').on('click', function() {
swal({
title: "Are you sure?",
text: "You will not be able to recover this imaginary file!",
type: "warning",
showCancelButton: true,
confirmButtonColor: "#EF5350",
confirmButtonText: "Yes, delete it!",
cancelButtonText: "No, cancel pls!",
closeOnConfirm: false,
closeOnCancel: false
},
function(isConfirm){
if (isConfirm) {
swal({
title: "Deleted!",
text: "Your imaginary file has been deleted.",
confirmButtonColor: "#66BB6A",
type: "success"
});
}
else {
swal({
title: "Cancelled",
text: "Your imaginary file is safe :)",
confirmButtonColor: "#2196F3",
type: "error"
});
}
});
});
});