File Manager

Viewing File: example-sweetalert.js

(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((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){
        let timerInterval
            Swal.fire({
                title: 'Auto close alert!',
                html: 'I will close in <b></b> milliseconds.',
                timer: 2000,
                timerProgressBar: true,
                onBeforeOpen: () => {
                    Swal.showLoading()
                    timerInterval = setInterval(() => {
                    Swal.getContent().querySelector('b')
                        .textContent = Swal.getTimerLeft()
                    }, 100)
                },
                onClose: () => {
                    clearInterval(timerInterval)
                }
            }).then((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: (login) => {
              return fetch(`//api.github.com/users/${login}`)
                .then(response => {
                  if (!response.ok) {
                    throw new Error(response.statusText)
                  }
                  return response.json()
                })
                .catch(error => {
                  Swal.showValidationMessage(
                    `Request failed: ${error}`
                  )
                })
            },
            allowOutsideClick: () => !Swal.isLoading()
          }).then((result) => {
            if (result.value) {
              Swal.fire({
                title: `${result.value.login}'s avatar`,
                imageUrl: result.value.avatar_url,
                imageWidth : '120px'
              })
            }
          });
        e.preventDefault();
    });
    
})(NioApp, jQuery);