Merge pull request #28 from aspnetboilerplate/sweet-alert2

Add sweet-alert2 integration

Author: ismcagdas

Abp/Framework/scripts/abp.d.ts

@@ -78,7 +78,7 @@
 
         let defaultSourceName: string;
 
-        let values: { [key: string]: string };
+        let values: { [key: string]: { [key: string]: string } };
 
         let abpWeb: (key: string) => string;
 
@@ -318,8 +318,7 @@
 
         function error(message: string, title?: string, options?: any): any;
 
-        function confirm(message: string, title?: string, callback?: (result: boolean, info?: any) => void, options?: any): any;
-
+        function confirm(message: string, title?: string, callback?: (isConfirmed: boolean, isCancelled?: boolean) => void, options?: any): any;
     }
 
     namespace ui {

Abp/Framework/scripts/libs/abp.sweet-alert2.js

@@ -0,0 +1,100 @@
+var abp = abp || {};
+(function ($) {
+    if (!sweetAlert || !$) {
+        return;
+    }
+
+    /* DEFAULTS *************************************************/
+
+    abp.libs = abp.libs || {};
+    abp.libs.sweetAlert = {
+        config: {
+            'default': {
+
+            },
+            info: {
+                icon: 'info'
+            },
+            success: {
+                icon: 'success'
+            },
+            warn: {
+                icon: 'warning'
+            },
+            error: {
+                icon: 'error'
+            },
+            confirm: {
+                icon: 'warning',
+                title: 'Are you sure?',
+                buttons: ['Cancel', 'Yes']
+            }
+        }
+    };
+
+    /* MESSAGE **************************************************/
+
+    var showMessage = function (type, message, title, callback, options) {
+        options = options || {};
+        var messageContent = {};
+        if(title){
+            messageContent.title = title;
+        }
+
+        messageContent.text = message;
+
+        var opts = $.extend(
+            {},
+            abp.libs.sweetAlert.config['default'],
+            abp.libs.sweetAlert.config[type],
+            messageContent,
+            options
+        );
+
+        return $.Deferred(($dfd) => {
+            Swal.fire(opts).then((result) => {
+                callback && callback(result);
+                $dfd.resolve(result)
+            });
+        });
+    };
+
+    abp.message.info = function (message, title, options) {
+        return showMessage('info', message, title, null, options);
+    };
+
+    abp.message.success = function (message, title, options) {
+        return showMessage('success', message, title, null, options);
+    };
+
+    abp.message.warn = function (message, title, options) {
+        return showMessage('warn', message, title, null, options);
+    };
+
+    abp.message.error = function (message, title, options) {
+        return showMessage('error', message, title, null, options);
+    };
+
+    abp.message.confirm = function (message, title, callback, options) {
+        options = options || {};
+        options.showCancelButton = true;
+
+        const confirmFunc = (result) => {
+            let isCancelled = result.dismiss === Swal.DismissReason.cancel;
+
+            return callback && callback(result.isConfirmed, isCancelled);
+        }
+
+        return showMessage('confirm', message, title, confirmFunc, options);
+    };
+
+    abp.message.swal = function (options, callback){
+        return showMessage(null, null, null, callback, options);
+    };
+
+    abp.event.on('abp.dynamicScriptsInitialized', function () {
+        abp.libs.sweetAlert.config.confirm.title = abp.localization.abpWeb('AreYouSure');
+        abp.libs.sweetAlert.config.confirm.buttons = [abp.localization.abpWeb('Cancel'), abp.localization.abpWeb('Yes')];
+    });
+
+})(jQuery);