Label to focus the input field in prompt dialog

src/js/dialog/dialog.js

@@ -369,7 +369,7 @@
                         dispatchEvent('onclose', this);
 
                         //remove from open dialogs
-                        openDialogs.splice(openDialogs.indexOf(this),1);
+                        openDialogs.splice(openDialogs.indexOf(this), 1);
                         this.__internal.isOpen = false;
 
                         ensureNoOverflow();

src/js/dialog/intro.js

@@ -478,7 +478,7 @@
             if(document.body.lastChild !== instance.elements.root){
                 document.body.appendChild(instance.elements.root);
                 //also make sure its at the end of the list
-                openDialogs.splice(openDialogs.indexOf(instance),1);
+                openDialogs.splice(openDialogs.indexOf(instance), 1);
                 openDialogs.push(instance);
                 setFocus(instance);
             }

src/js/intro.js

@@ -111,7 +111,7 @@
         for (var x = 0; x < toBeRemoved.length; x += 1) {
             var index = original.indexOf(toBeRemoved[x]);
             if (index > -1){
-                original.splice(index,1);
+                original.splice(index, 1);
             }
         }
         element.className = original.join(' ');

src/js/prompt.js

@@ -9,8 +9,10 @@
      *	alertify.prompt(title, message, value, onok, oncancel);
      */
     alertify.dialog('prompt', function () {
-        var input = document.createElement('INPUT');
-        var p = document.createElement('P');
+        var input = document.createElement('INPUT'),
+            label = document.createElement('LABEL'),
+            labelText = document.createElement('P');
+
         return {
             main: function (_title, _message, _value, _onok, _oncancel) {
                 var title, message, value, onok, oncancel;
@@ -77,19 +79,21 @@
                 input.className = alertify.defaults.theme.input;
                 input.setAttribute('type', 'text');
                 input.value = this.get('value');
-                this.elements.content.appendChild(p);
-                this.elements.content.appendChild(input);
+
+                this.elements.content.appendChild(label);
+                label.appendChild(labelText);
+                label.appendChild(input);
             },
             prepare: function () {
                 //nothing
             },
             setMessage: function (message) {
                 if (isString(message)) {
-                    clearContents(p);
-                    p.innerHTML = message;
-                } else if (message instanceof window.HTMLElement && p.firstChild !== message) {
-                    clearContents(p);
-                    p.appendChild(message);
+                    clearContents(labelText);
+                    labelText.innerHTML = message;
+                } else if (message instanceof window.HTMLElement && labelText.firstChild !== message) {
+                    clearContents(labelText);
+                    labelText.appendChild(message);
                 }
             },
             settings: {
@@ -139,11 +143,7 @@
                     }
                     break;
                 case 'reverseButtons':
-                    if (newValue === true) {
-                        this.elements.buttons.primary.appendChild(this.__internal.buttons[0].element);
-                    } else {
-                        this.elements.buttons.primary.appendChild(this.__internal.buttons[1].element);
-                    }
+                    this.elements.buttons.primary.appendChild(this.__internal.buttons[newValue ? 0 : 1].element);
                     break;
                 }
             },

src/less/alertify.less

@@ -93,6 +93,10 @@
 
         .content {
             padding: 16px 24px 16px 16px;
+
+            label {
+                width: 100%;
+            }
         }
     }