File Manager

Viewing File: example-sweetalert.js

"use strict";

(function (NioApp, $) {
  'use strict'; // Basic Sweet Alerts

  $('.eg-swal-default').on("click", function (e) {
    Swal.fire('A Simple sweet alert Content');
    e.preventDefault();
  });
  $('.eg-swal-default-s2').on("click", function (e) {
    Swal.fire('The Internet?', 'That thing is still around?');
    e.preventDefault();
  });
  $('.eg-swal-success').on("click", function (e) {
    Swal.fire("Good job!", "You clicked the button!", "success");
    e.preventDefault();
  });
  $('.eg-swal-info').on("click", function (e) {
    Swal.fire("Good job!", "You clicked the button!", "info");
    e.preventDefault();
  });
  $('.eg-swal-warning').on("click", function (e) {
    Swal.fire("Good job!", "You clicked the button!", "warning");
    e.preventDefault();
  });
  $('.eg-swal-error').on("click", function (e) {
    Swal.fire("Good job!", "You clicked the button!", "error");
    e.preventDefault();
  });
  $('.eg-swal-question').on("click", function (e) {
    Swal.fire("Good job!", "You clicked the button!", "question");
    e.preventDefault();
  }); // Advanced Sweet Alerts

  $('.eg-swal-av1').on("click", function (e) {
    Swal.fire({
      icon: 'error',
      title: 'Oops...',
      text: 'Something went wrong!',
      footer: '<a href>Why do I have this issue?</a>'
    });
    e.preventDefault();
  });
  $('.eg-swal-av2').on("click", function (e) {
    Swal.fire({
      title: '<strong>HTML <u>example</u></strong>',
      icon: 'info',
      html: 'You can use <b>bold text</b>, ' + '<a href="//sweetalert2.github.io">links</a> ' + 'and other HTML tags',
      showCloseButton: true,
      showCancelButton: true,
      focusConfirm: false,
      confirmButtonText: '<i class="fa fa-thumbs-up"></i> Great!',
      confirmButtonAriaLabel: 'Thumbs up, great!',
      cancelButtonText: '<i class="fa fa-thumbs-down"></i>',
      cancelButtonAriaLabel: 'Thumbs down'
    });
    e.preventDefault();
  });
  $('.eg-swal-av2').on("click", function (e) {
    Swal.fire({
      position: 'top-end',
      icon: 'success',
      title: 'Your work has been saved',
      showConfirmButton: false,
      timer: 1500
    });
    e.preventDefault();
  });
  $('.eg-swal-av3').on("click", function (e) {
    Swal.fire({
      title: 'Are you sure?',
      text: "You won't be able to revert this!",
      icon: 'warning',
      showCancelButton: true,
      confirmButtonText: 'Yes, delete it!'
    }).then(function (result) {
      if (result.value) {
        Swal.fire('Deleted!', 'Your file has been deleted.', 'success');
      }
    });
    e.preventDefault();
  });
  $('.eg-swal-av4').on("click", function (e) {
    Swal.fire({
      title: 'Sweet!',
      text: 'Modal with a custom image.',
      imageUrl: 'https://unsplash.it/400/200',
      imageWidth: 400,
      imageHeight: 200,
      imageAlt: 'Custom image'
    });
    e.preventDefault();
  });
  $('.eg-swal-av5').on("click", function (e) {
    var timerInterval;
    Swal.fire({
      title: 'Auto close alert!',
      html: 'I will close in <b></b> milliseconds.',
      timer: 2000,
      timerProgressBar: true,
      onBeforeOpen: function onBeforeOpen() {
        Swal.showLoading();
        timerInterval = setInterval(function () {
          Swal.getContent().querySelector('b').textContent = Swal.getTimerLeft();
        }, 100);
      },
      onClose: function onClose() {
        clearInterval(timerInterval);
      }
    }).then(function (result) {
      if (
      /* Read more about handling dismissals below */
      result.dismiss === Swal.DismissReason.timer) {
        console.log('I was closed by the timer'); // eslint-disable-line
      }
    });
    e.preventDefault();
  });
  $('.eg-swal-av6').on("click", function (e) {
    Swal.fire({
      title: 'Submit your Github username',
      input: 'text',
      inputAttributes: {
        autocapitalize: 'off'
      },
      showCancelButton: true,
      confirmButtonText: 'Look up',
      showLoaderOnConfirm: true,
      preConfirm: function preConfirm(login) {
        return fetch("//api.github.com/users/".concat(login)).then(function (response) {
          if (!response.ok) {
            throw new Error(response.statusText);
          }

          return response.json();
        })["catch"](function (error) {
          Swal.showValidationMessage("Request failed: ".concat(error));
        });
      },
      allowOutsideClick: function allowOutsideClick() {
        return !Swal.isLoading();
      }
    }).then(function (result) {
      if (result.value) {
        Swal.fire({
          title: "".concat(result.value.login, "'s avatar"),
          imageUrl: result.value.avatar_url,
          imageWidth: '120px'
        });
      }
    });
    e.preventDefault();
  });
})(NioApp, jQuery);