- Dist folder had been compiled

- Version info had been fixed

Author: ihaveaproblem

.csslintrc

@@ -17,7 +17,7 @@ $(".dialog").dialog({
     confirm: {
         text: "OK",
         className: "confirm-button"
-    }
+    },
     onConfirm: function(){
         form.submit();
     }
@@ -32,7 +32,7 @@ $.uxrdialog({
     confirm: {
         text: "OK",
         className: "confirm-button"
-    }
+    },
     onConfirm: function(){
         form.submit();
     }

.gitignore

@@ -1,8 +1,8 @@
 /*! UX Rocket Dialog 
  *  jQuery based Dialog plugin 
  *  @author Bilal Cinarli <bcinarli@gmail.com> 
- *  @version 0.3.0 
- *  @build Fri Sep 04 2015 10:29:12 GMT+0300 (EEST) 
+ *  @version 0.4.0 
+ *  @build Thu Feb 09 2017 15:42:03 GMT+0300 (+03) 
  */
 /* @author Bilal Cinarli */
 /** -------------------------------------------
@@ -14,6 +14,7 @@
   left: 0;
   width: 100%;
   height: 100%;
+  z-index: 1;
 }
 
 #uxr-dialog-cover {
@@ -32,9 +33,8 @@
   padding: 15px;
   border-radius: 3px;
   background-color: #fff;
-  -webkit-transform: translateX(-50%) translateY(-50%);
-      -ms-transform: translateX(-50%) translateY(-50%);
-          transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+      transform: translateX(-50%) translateY(-50%);
   text-align: center;
 }
 

.jshintignore

@@ -10,6 +10,11 @@
         defaults = {
             title        : '',
             message      : '',
+            confirmText  : null,
+            cancelText   : null,
+            confirmClass : null,
+            cancelClass  : null,
+
             type         : 'warning',
             confirm      : {
                 show     : true,
@@ -21,6 +26,8 @@
                 className: 'button',
                 text     : 'Vazgeç'
             },
+
+            test         : this.type,
             // other buttons
             buttons      : {},
             // close icon
@@ -49,6 +56,7 @@
             }
         };
 
+
     var Dialog = function(el, options, selector) {
         this._name = rocketName;
         this._defaults = defaults;
@@ -80,6 +88,7 @@
         this.bindUIActions();
 
         this.$el.addClass(utils.getClassname('ready'));
+
         this.prepare();
 
         this.emitEvent('ready');
@@ -101,7 +110,11 @@
                 ux.close();
             }
 
-            ux.open(_this);
+            if(typeof $(this).attr('href') === 'undefined' || $(this).attr('href') === '' || $(this).attr('href').charAt(0) === '#'){
+                ux.open(_this);
+            }else{
+                ux.open(_this,this.href);
+            }
         });
 
         $body.on(events.click, '#uxr-dialog-' + _this._instance + ' .uxr-dialog-confirm-button', function(e) {
@@ -122,17 +135,22 @@
         });
     };
 
-    Dialog.prototype.prepare = function() {
+    Dialog.prototype.prepare = function(content) {
         var html = '' +
-                   '<div id="uxr-dialog-' + this._instance + '" class="uxr-dialog uxr-dialog-' + this.options.type + ' ' + this.options.className + '">';
+            '<div id="uxr-dialog-' + this._instance + '" class="uxr-dialog uxr-dialog-' + this.options.type + ' ' + this.options.className + '">';
+
+
+        if(typeof this.options.confirm === 'string'){
+
+        }
 
         if(this.options.blockUI === true && this.options.allowMultiple === false) {
             html += '\n' +
-                    '<div id="uxr-dialog-cover"></div>';
+                '<div id="uxr-dialog-cover"></div>';
         }
 
         html += '\n' +
-                '<div id="uxr-dialog-content" class="note dialog-note note-' + this.options.type + '">';
+            '<div id="uxr-dialog-content" class="note dialog-note note-' + this.options.type + '">';
 
         if(this.options.title !== '') {
             html += '<h3 class="uxr-dialog-title note-title">' + this.options.title + '</h3>';
@@ -142,19 +160,43 @@
             html += '<div class="uxr-dialog-content note-content">' + this.options.message + '</div>';
         }
 
+        if(typeof this.$el.attr('href') !== 'undefined') {
+            if(this.$el.attr('href').charAt(0) === '#'){
+                var content = $(this.$el.attr('href')).html();
+
+                html += '<div class="uxr-dialog-content note-content">'+content+'</div>';
+            }else{
+                html += '<div class="uxr-dialog-content note-content"></div>';
+            }
+
+        }
+
         if(this.options.confirm.show || this.options.cancel.show || this.options.buttons.length > 0) {
+
+            var buttons = {
+                confirm: {
+                    text: this.options.confirmText || this.options.confirm.text,
+                    class:this.options.confirmClass || this.options.confirm.className
+                },
+                cancel: {
+                    text:this.options.cancelText || this.options.cancel.text,
+                    class:this.options.cancelClass || this.options.cancel.className
+                }
+            };
+
+
             html += '<div class="uxr-dialog-buttons note-buttons">';
 
             if(this.options.cancel.show) {
-                html += '<a href="#" class="uxr-dialog-button uxr-dialog-cancel-button ' + this.options.cancel.className + '">' + this.options.cancel.text + '</a>';
+                html += '<a href="#" class="uxr-dialog-button uxr-dialog-cancel-button ' + buttons.cancel.class + '">' + buttons.cancel.text+ '</a>';
             }
 
             $.each(this.options.buttons, function(item) {
                 html += '<a href="#" class="uxr-dialog-button ' + item.className + '">' + item.text + '</a>';
             });
 
             if(this.options.confirm.show) {
-                html += '<a href="#" class="uxr-dialog-button uxr-dialog-confirm-button ' + this.options.confirm.className + '">' + this.options.confirm.text + '</a>';
+                html += '<a href="#" class="uxr-dialog-button uxr-dialog-confirm-button ' + buttons.confirm.class + '">' + buttons.confirm.text + '</a>';
             }
 
 
@@ -166,7 +208,7 @@
         }
 
         html += '   </div>' + // end of dialog content
-                '</div>';
+            '</div>';
 
         this.dialog = html;
     };
@@ -221,6 +263,13 @@
 
         getClassname: function(which) {
             return ns.prefix + ns.name + '-' + ns.classes[which];
+        },
+
+        getAjaxContent: function(url,instance){
+            $.get(url,function(data){
+                    $(instance).find('.uxr-dialog-content').html(data);
+                }
+            );
         }
     };
 
@@ -260,13 +309,16 @@
         }
     };
 
-    ux.open = function(dialog) {
+    ux.open = function(dialog,href) {
         $('body').append(dialog.dialog);
         utils.callback(dialog.options.onOpen);
+        if(href){
+            utils.getAjaxContent(href,'#uxr-dialog-'+dialog._instance);
+        }
     };
 
     // version
-    ux.version = '0.3.0';
+    ux.version = '0.4.0';
 
     // settings
     ux.settings = defaults;

.jshintrc

@@ -1,12 +1,12 @@
 /*! UX Rocket Dialog 
  *  jQuery based Dialog plugin 
  *  @author Bilal Cinarli <bcinarli@gmail.com> 
- *  @version 0.3.0 
- *  @build Fri Sep 04 2015 10:29:12 GMT+0300 (EEST) 
+ *  @version 0.4.0 
+ *  @build Thu Feb 09 2017 15:42:03 GMT+0300 (+03) 
  */
 /*! UX Rocket Dialog 
  *  jQuery based Dialog plugin 
  *  @author Bilal Cinarli <bcinarli@gmail.com> 
- *  @version 0.3.0 
- *  @build Fri Sep 04 2015 10:29:12 GMT+0300 (EEST) 
- */.uxr-dialog,#uxr-dialog-cover{top:0;left:0;width:100%;height:100%}#uxr-dialog-cover{position:absolute;z-index:1;background-color:rgba(0,0,0,0.3)}#uxr-dialog-content{position:absolute;top:50%;left:50%;z-index:2;max-width:500px;min-width:320px;padding:15px;border-radius:3px;background-color:#fff;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);text-align:center}.uxr-dialog{position:fixed}.uxr-dialog-title{margin-top:0}.uxr-dialog-content{margin-bottom:1em}.uxr-dialog-buttons{text-align:right}.uxr-dialog-button{display:inline-block;padding:8px 16px;margin-left:10px;border-radius:3px;background-color:#c6c6c6;text-decoration:none}.uxr-dialog-confirm-button{background-color:#009bdc;color:#fff}.uxr-dialog-cancel-button{background-color:#e87352;color:#fff}.uxr-dialog-close{position:absolute;top:5px;right:5px;width:20px;height:20px;border-radius:50%;background-color:#c6c6c6;color:#fff;text-decoration:none;text-align:center}.uxr-dialog-close-icon:before{content:"x";font-style:normal}
+ *  @version 0.4.0 
+ *  @build Thu Feb 09 2017 15:42:03 GMT+0300 (+03) 
+ */.uxr-dialog,#uxr-dialog-cover{top:0;left:0;width:100%;height:100%;z-index:1}#uxr-dialog-cover{position:absolute;z-index:1;background-color:rgba(0,0,0,0.3)}#uxr-dialog-content{position:absolute;top:50%;left:50%;z-index:2;max-width:500px;min-width:320px;padding:15px;border-radius:3px;background-color:#fff;-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);text-align:center}.uxr-dialog{position:fixed}.uxr-dialog-title{margin-top:0}.uxr-dialog-content{margin-bottom:1em}.uxr-dialog-buttons{text-align:right}.uxr-dialog-button{display:inline-block;padding:8px 16px;margin-left:10px;border-radius:3px;background-color:#c6c6c6;text-decoration:none}.uxr-dialog-confirm-button{background-color:#009bdc;color:#fff}.uxr-dialog-cancel-button{background-color:#e87352;color:#fff}.uxr-dialog-close{position:absolute;top:5px;right:5px;width:20px;height:20px;border-radius:50%;background-color:#c6c6c6;color:#fff;text-decoration:none;text-align:center}.uxr-dialog-close-icon:before{content:"x";font-style:normal}

LICENSE

@@ -267,7 +267,6 @@
 
         getAjaxContent: function(url,instance){
             $.get(url,function(data){
-                    console.log(instance);
                     $(instance).find('.uxr-dialog-content').html(data);
                 }
             );

README.md

@@ -1,6 +1,6 @@
 {
   "name": "uxrocket.dialog",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "description": "jQuery based Dialog plugin",
   "main": "lib/uxrocket.dialog.js",
   "directories": {