Updated alertify.js to 1.4.1
This release contains some features/bugs, which will be used by connection management functionalitypull/3/head
parent
ffa65f2bfb
commit
b4e20d9119
|
@ -1,3 +1,8 @@
|
|||
/**
|
||||
* alertifyjs 1.4.1 http://alertifyjs.com
|
||||
* AlertifyJS is a javascript framework for developing pretty browser dialogs and notifications.
|
||||
* Copyright 2015 Mohammad Younes <Mohammad@alertifyjs.com> (http://alertifyjs.com)
|
||||
* Licensed under MIT <http://opensource.org/licenses/mit-license.php>*/
|
||||
.alertify .ajs-dimmer {
|
||||
position: fixed;
|
||||
z-index: 1981;
|
||||
|
@ -27,6 +32,7 @@
|
|||
max-width: 500px;
|
||||
padding: 24px 24px 0 24px;
|
||||
outline: 0;
|
||||
background-color: #fff;
|
||||
}
|
||||
.alertify .ajs-dialog.ajs-capture:before {
|
||||
content: '';
|
||||
|
@ -73,6 +79,7 @@
|
|||
margin: -24px;
|
||||
margin-bottom: 0;
|
||||
padding: 16px 24px;
|
||||
background-color: #fff;
|
||||
}
|
||||
.alertify .ajs-body {
|
||||
min-height: 56px;
|
||||
|
@ -85,6 +92,7 @@
|
|||
margin-left: -24px;
|
||||
margin-right: -24px;
|
||||
min-height: 43px;
|
||||
background-color: #fff;
|
||||
}
|
||||
.alertify .ajs-footer .ajs-buttons.ajs-primary {
|
||||
text-align: right;
|
||||
|
@ -296,12 +304,9 @@
|
|||
.alertify .ajs-modal {
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
-webkit-transition-property: opacity, visibility;
|
||||
transition-property: opacity, visibility;
|
||||
-webkit-transition-timing-function: linear;
|
||||
transition-timing-function: linear;
|
||||
-webkit-transition-duration: 250ms;
|
||||
transition-duration: 250ms;
|
||||
transition-property: opacity, visibility;
|
||||
transition-timing-function: linear;
|
||||
transition-duration: 250ms;
|
||||
}
|
||||
.alertify.ajs-hidden .ajs-dimmer,
|
||||
.alertify.ajs-hidden .ajs-modal {
|
||||
|
@ -427,8 +432,7 @@
|
|||
60%,
|
||||
80%,
|
||||
100% {
|
||||
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||
}
|
||||
0% {
|
||||
opacity: 0;
|
||||
|
@ -465,8 +469,7 @@
|
|||
60%,
|
||||
80%,
|
||||
100% {
|
||||
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||
}
|
||||
0% {
|
||||
opacity: 0;
|
||||
|
@ -614,15 +617,13 @@
|
|||
0% {
|
||||
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
||||
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
||||
-webkit-transition-timing-function: ease-in;
|
||||
transition-timing-function: ease-in;
|
||||
transition-timing-function: ease-in;
|
||||
opacity: 0;
|
||||
}
|
||||
40% {
|
||||
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
||||
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
||||
-webkit-transition-timing-function: ease-in;
|
||||
transition-timing-function: ease-in;
|
||||
transition-timing-function: ease-in;
|
||||
}
|
||||
60% {
|
||||
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
|
||||
|
@ -642,15 +643,13 @@
|
|||
0% {
|
||||
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
||||
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
||||
-webkit-transition-timing-function: ease-in;
|
||||
transition-timing-function: ease-in;
|
||||
transition-timing-function: ease-in;
|
||||
opacity: 0;
|
||||
}
|
||||
40% {
|
||||
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
||||
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
||||
-webkit-transition-timing-function: ease-in;
|
||||
transition-timing-function: ease-in;
|
||||
transition-timing-function: ease-in;
|
||||
}
|
||||
60% {
|
||||
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
|
||||
|
@ -702,15 +701,13 @@
|
|||
0% {
|
||||
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
|
||||
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
|
||||
-webkit-transition-timing-function: ease-in;
|
||||
transition-timing-function: ease-in;
|
||||
transition-timing-function: ease-in;
|
||||
opacity: 0;
|
||||
}
|
||||
40% {
|
||||
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
|
||||
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
|
||||
-webkit-transition-timing-function: ease-in;
|
||||
transition-timing-function: ease-in;
|
||||
transition-timing-function: ease-in;
|
||||
}
|
||||
60% {
|
||||
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
|
||||
|
@ -730,15 +727,13 @@
|
|||
0% {
|
||||
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
|
||||
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
|
||||
-webkit-transition-timing-function: ease-in;
|
||||
transition-timing-function: ease-in;
|
||||
transition-timing-function: ease-in;
|
||||
opacity: 0;
|
||||
}
|
||||
40% {
|
||||
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
|
||||
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
|
||||
-webkit-transition-timing-function: ease-in;
|
||||
transition-timing-function: ease-in;
|
||||
transition-timing-function: ease-in;
|
||||
}
|
||||
60% {
|
||||
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
|
||||
|
@ -833,21 +828,28 @@
|
|||
padding: 0;
|
||||
opacity: 0;
|
||||
margin: 0;
|
||||
-webkit-transition-duration: 250ms;
|
||||
transition-duration: 250ms;
|
||||
-webkit-transition-timing-function: linear;
|
||||
transition-timing-function: linear;
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
transition-duration: 250ms;
|
||||
transition-timing-function: linear;
|
||||
}
|
||||
.alertify-notifier .ajs-message.ajs-visible {
|
||||
-webkit-transition-duration: 500ms;
|
||||
transition-duration: 500ms;
|
||||
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
|
||||
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
|
||||
transition-duration: 500ms;
|
||||
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
|
||||
opacity: 1;
|
||||
max-height: 100%;
|
||||
padding: 15px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
.alertify-notifier .ajs-message.ajs-success {
|
||||
background: rgba(91, 189, 114, 0.95);
|
||||
}
|
||||
.alertify-notifier .ajs-message.ajs-error {
|
||||
background: rgba(217, 92, 92, 0.95);
|
||||
}
|
||||
.alertify-notifier .ajs-message.ajs-warning {
|
||||
background: rgba(252, 248, 215, 0.95);
|
||||
}
|
||||
.alertify-notifier.ajs-top {
|
||||
top: 10px;
|
||||
}
|
||||
|
|
File diff suppressed because one or more lines are too long
|
@ -1,3 +1,8 @@
|
|||
/**
|
||||
* alertifyjs 1.4.1 http://alertifyjs.com
|
||||
* AlertifyJS is a javascript framework for developing pretty browser dialogs and notifications.
|
||||
* Copyright 2015 Mohammad Younes <Mohammad@alertifyjs.com> (http://alertifyjs.com)
|
||||
* Licensed under MIT <http://opensource.org/licenses/mit-license.php>*/
|
||||
.alertify .ajs-dimmer {
|
||||
position: fixed;
|
||||
z-index: 1981;
|
||||
|
@ -27,6 +32,7 @@
|
|||
max-width: 500px;
|
||||
padding: 24px 24px 0 24px;
|
||||
outline: 0;
|
||||
background-color: #fff;
|
||||
}
|
||||
.alertify .ajs-dialog.ajs-capture:before {
|
||||
content: '';
|
||||
|
@ -73,6 +79,7 @@
|
|||
margin: -24px;
|
||||
margin-bottom: 0;
|
||||
padding: 16px 24px;
|
||||
background-color: #fff;
|
||||
}
|
||||
.alertify .ajs-body {
|
||||
min-height: 56px;
|
||||
|
@ -85,6 +92,7 @@
|
|||
margin-right: -24px;
|
||||
margin-left: -24px;
|
||||
min-height: 43px;
|
||||
background-color: #fff;
|
||||
}
|
||||
.alertify .ajs-footer .ajs-buttons.ajs-primary {
|
||||
text-align: left;
|
||||
|
@ -296,12 +304,9 @@
|
|||
.alertify .ajs-modal {
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
-webkit-transition-property: opacity, visibility;
|
||||
transition-property: opacity, visibility;
|
||||
-webkit-transition-timing-function: linear;
|
||||
transition-timing-function: linear;
|
||||
-webkit-transition-duration: 250ms;
|
||||
transition-duration: 250ms;
|
||||
transition-property: opacity, visibility;
|
||||
transition-timing-function: linear;
|
||||
transition-duration: 250ms;
|
||||
}
|
||||
.alertify.ajs-hidden .ajs-dimmer,
|
||||
.alertify.ajs-hidden .ajs-modal {
|
||||
|
@ -427,8 +432,7 @@
|
|||
60%,
|
||||
80%,
|
||||
100% {
|
||||
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||
}
|
||||
0% {
|
||||
opacity: 0;
|
||||
|
@ -465,8 +469,7 @@
|
|||
60%,
|
||||
80%,
|
||||
100% {
|
||||
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||
}
|
||||
0% {
|
||||
opacity: 0;
|
||||
|
@ -614,15 +617,13 @@
|
|||
0% {
|
||||
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
|
||||
transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
|
||||
-webkit-transition-timing-function: ease-in;
|
||||
transition-timing-function: ease-in;
|
||||
transition-timing-function: ease-in;
|
||||
opacity: 0;
|
||||
}
|
||||
40% {
|
||||
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 20deg);
|
||||
transform: perspective(400px) rotate3d(1, 0, 0, 20deg);
|
||||
-webkit-transition-timing-function: ease-in;
|
||||
transition-timing-function: ease-in;
|
||||
transition-timing-function: ease-in;
|
||||
}
|
||||
60% {
|
||||
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -10deg);
|
||||
|
@ -642,15 +643,13 @@
|
|||
0% {
|
||||
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
|
||||
transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
|
||||
-webkit-transition-timing-function: ease-in;
|
||||
transition-timing-function: ease-in;
|
||||
transition-timing-function: ease-in;
|
||||
opacity: 0;
|
||||
}
|
||||
40% {
|
||||
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 20deg);
|
||||
transform: perspective(400px) rotate3d(1, 0, 0, 20deg);
|
||||
-webkit-transition-timing-function: ease-in;
|
||||
transition-timing-function: ease-in;
|
||||
transition-timing-function: ease-in;
|
||||
}
|
||||
60% {
|
||||
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -10deg);
|
||||
|
@ -702,15 +701,13 @@
|
|||
0% {
|
||||
-webkit-transform: perspective(400px) rotate3d(0, -1, 0, -90deg);
|
||||
transform: perspective(400px) rotate3d(0, -1, 0, -90deg);
|
||||
-webkit-transition-timing-function: ease-in;
|
||||
transition-timing-function: ease-in;
|
||||
transition-timing-function: ease-in;
|
||||
opacity: 0;
|
||||
}
|
||||
40% {
|
||||
-webkit-transform: perspective(400px) rotate3d(0, -1, 0, 20deg);
|
||||
transform: perspective(400px) rotate3d(0, -1, 0, 20deg);
|
||||
-webkit-transition-timing-function: ease-in;
|
||||
transition-timing-function: ease-in;
|
||||
transition-timing-function: ease-in;
|
||||
}
|
||||
60% {
|
||||
-webkit-transform: perspective(400px) rotate3d(0, -1, 0, -10deg);
|
||||
|
@ -730,15 +727,13 @@
|
|||
0% {
|
||||
-webkit-transform: perspective(400px) rotate3d(0, -1, 0, -90deg);
|
||||
transform: perspective(400px) rotate3d(0, -1, 0, -90deg);
|
||||
-webkit-transition-timing-function: ease-in;
|
||||
transition-timing-function: ease-in;
|
||||
transition-timing-function: ease-in;
|
||||
opacity: 0;
|
||||
}
|
||||
40% {
|
||||
-webkit-transform: perspective(400px) rotate3d(0, -1, 0, 20deg);
|
||||
transform: perspective(400px) rotate3d(0, -1, 0, 20deg);
|
||||
-webkit-transition-timing-function: ease-in;
|
||||
transition-timing-function: ease-in;
|
||||
transition-timing-function: ease-in;
|
||||
}
|
||||
60% {
|
||||
-webkit-transform: perspective(400px) rotate3d(0, -1, 0, -10deg);
|
||||
|
@ -833,21 +828,28 @@
|
|||
padding: 0;
|
||||
opacity: 0;
|
||||
margin: 0;
|
||||
-webkit-transition-duration: 250ms;
|
||||
transition-duration: 250ms;
|
||||
-webkit-transition-timing-function: linear;
|
||||
transition-timing-function: linear;
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
transition-duration: 250ms;
|
||||
transition-timing-function: linear;
|
||||
}
|
||||
.alertify-notifier .ajs-message.ajs-visible {
|
||||
-webkit-transition-duration: 500ms;
|
||||
transition-duration: 500ms;
|
||||
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
|
||||
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
|
||||
transition-duration: 500ms;
|
||||
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
|
||||
opacity: 1;
|
||||
max-height: 100%;
|
||||
padding: 15px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
.alertify-notifier .ajs-message.ajs-success {
|
||||
background: rgba(91, 189, 114, 0.95);
|
||||
}
|
||||
.alertify-notifier .ajs-message.ajs-error {
|
||||
background: rgba(217, 92, 92, 0.95);
|
||||
}
|
||||
.alertify-notifier .ajs-message.ajs-warning {
|
||||
background: rgba(252, 248, 215, 0.95);
|
||||
}
|
||||
.alertify-notifier.ajs-top {
|
||||
top: 10px;
|
||||
}
|
||||
|
|
File diff suppressed because one or more lines are too long
|
@ -1,3 +1,8 @@
|
|||
/**
|
||||
* alertifyjs 1.4.1 http://alertifyjs.com
|
||||
* AlertifyJS is a javascript framework for developing pretty browser dialogs and notifications.
|
||||
* Copyright 2015 Mohammad Younes <Mohammad@alertifyjs.com> (http://alertifyjs.com)
|
||||
* Licensed under MIT <http://opensource.org/licenses/mit-license.php>*/
|
||||
.alertify .ajs-dimmer {
|
||||
background-color: #000;
|
||||
opacity: .5;
|
||||
|
|
|
@ -1,3 +1,6 @@
|
|||
/*! AlertifyJS - v1.1.0 - Mohammad Younes <Mohammad@alertifyjs.com> (http://alertifyjs.com) */
|
||||
|
||||
/**
|
||||
* alertifyjs 1.4.1 http://alertifyjs.com
|
||||
* AlertifyJS is a javascript framework for developing pretty browser dialogs and notifications.
|
||||
* Copyright 2015 Mohammad Younes <Mohammad@alertifyjs.com> (http://alertifyjs.com)
|
||||
* Licensed under MIT <http://opensource.org/licenses/mit-license.php>*/
|
||||
.alertify .ajs-dimmer{background-color:#000;opacity:.5}.alertify .ajs-dialog{max-width:600px;min-height:122px;background-color:#fff;border:1px solid rgba(0,0,0,.2);box-shadow:0 5px 15px rgba(0,0,0,.5);border-radius:6px}.alertify .ajs-header{color:#333;border-bottom:1px solid #e5e5e5;border-radius:6px 6px 0 0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:18px}.alertify .ajs-body{font-family:Roboto,sans-serif;color:#000}.alertify.ajs-maximized:not(.ajs-resizable) .ajs-content,.alertify.ajs-resizable .ajs-content{top:58px;bottom:68px}.alertify .ajs-footer{background-color:#fff;padding:15px;border-top:1px solid #e5e5e5;border-radius:0 0 6px 6px}.alertify-notifier .ajs-message{background:rgba(255,255,255,.95);color:#000;text-align:center;border:1px solid #ddd;border-radius:2px}.alertify-notifier .ajs-message.ajs-success{color:#fff;background:rgba(91,189,114,.95);text-shadow:-1px -1px 0 rgba(0,0,0,.5)}.alertify-notifier .ajs-message.ajs-error{color:#fff;background:rgba(217,92,92,.95);text-shadow:-1px -1px 0 rgba(0,0,0,.5)}.alertify-notifier .ajs-message.ajs-warning{background:rgba(252,248,215,.95);border-color:#999}
|
|
@ -1,3 +1,8 @@
|
|||
/**
|
||||
* alertifyjs 1.4.1 http://alertifyjs.com
|
||||
* AlertifyJS is a javascript framework for developing pretty browser dialogs and notifications.
|
||||
* Copyright 2015 Mohammad Younes <Mohammad@alertifyjs.com> (http://alertifyjs.com)
|
||||
* Licensed under MIT <http://opensource.org/licenses/mit-license.php>*/
|
||||
.alertify .ajs-dimmer {
|
||||
background-color: #000;
|
||||
opacity: .5;
|
||||
|
|
|
@ -1,3 +1,6 @@
|
|||
/*! AlertifyJS - v1.1.0 - Mohammad Younes <Mohammad@alertifyjs.com> (http://alertifyjs.com) */
|
||||
|
||||
/**
|
||||
* alertifyjs 1.4.1 http://alertifyjs.com
|
||||
* AlertifyJS is a javascript framework for developing pretty browser dialogs and notifications.
|
||||
* Copyright 2015 Mohammad Younes <Mohammad@alertifyjs.com> (http://alertifyjs.com)
|
||||
* Licensed under MIT <http://opensource.org/licenses/mit-license.php>*/
|
||||
.alertify .ajs-dimmer{background-color:#000;opacity:.5}.alertify .ajs-dialog{max-width:600px;min-height:122px;background-color:#fff;border:1px solid rgba(0,0,0,.2);box-shadow:0 5px 15px rgba(0,0,0,.5);border-radius:6px}.alertify .ajs-header{color:#333;border-bottom:1px solid #e5e5e5;border-radius:6px 6px 0 0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:18px}.alertify .ajs-body{font-family:Roboto,sans-serif;color:#000}.alertify.ajs-maximized:not(.ajs-resizable) .ajs-content,.alertify.ajs-resizable .ajs-content{top:58px;bottom:68px}.alertify .ajs-footer{background-color:#fff;padding:15px;border-top:1px solid #e5e5e5;border-radius:0 0 6px 6px}.alertify-notifier .ajs-message{background:rgba(255,255,255,.95);color:#000;text-align:center;border:1px solid #ddd;border-radius:2px}.alertify-notifier .ajs-message.ajs-success{color:#fff;background:rgba(91,189,114,.95);text-shadow:1px -1px 0 rgba(0,0,0,.5)}.alertify-notifier .ajs-message.ajs-error{color:#fff;background:rgba(217,92,92,.95);text-shadow:1px -1px 0 rgba(0,0,0,.5)}.alertify-notifier .ajs-message.ajs-warning{background:rgba(252,248,215,.95);border-color:#999}
|
|
@ -0,0 +1,68 @@
|
|||
/**
|
||||
* alertifyjs 1.4.1 http://alertifyjs.com
|
||||
* AlertifyJS is a javascript framework for developing pretty browser dialogs and notifications.
|
||||
* Copyright 2015 Mohammad Younes <Mohammad@alertifyjs.com> (http://alertifyjs.com)
|
||||
* Licensed under MIT <http://opensource.org/licenses/mit-license.php>*/
|
||||
.alertify .ajs-dialog {
|
||||
background-color: white;
|
||||
box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.25);
|
||||
border-radius: 2px;
|
||||
}
|
||||
.alertify .ajs-header {
|
||||
color: black;
|
||||
font-weight: bold;
|
||||
background: #fafafa;
|
||||
border-bottom: #eee 1px solid;
|
||||
border-radius: 2px 2px 0 0;
|
||||
}
|
||||
.alertify .ajs-body {
|
||||
color: black;
|
||||
}
|
||||
.alertify .ajs-body .ajs-content .ajs-input {
|
||||
display: block;
|
||||
width: 100%;
|
||||
padding: 8px;
|
||||
margin: 4px;
|
||||
border-radius: 2px;
|
||||
border: 1px solid #CCC;
|
||||
}
|
||||
.alertify .ajs-body .ajs-content p {
|
||||
margin: 0;
|
||||
}
|
||||
.alertify .ajs-footer {
|
||||
background: #fbfbfb;
|
||||
border-top: #eee 1px solid;
|
||||
border-radius: 0 0 2px 2px;
|
||||
}
|
||||
.alertify .ajs-footer .ajs-buttons .ajs-button {
|
||||
background-color: transparent;
|
||||
color: #000;
|
||||
border: 0;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok {
|
||||
color: #3593D2;
|
||||
}
|
||||
.alertify-notifier .ajs-message {
|
||||
background: rgba(255, 255, 255, 0.95);
|
||||
color: #000;
|
||||
text-align: center;
|
||||
border: solid 1px #ddd;
|
||||
border-radius: 2px;
|
||||
}
|
||||
.alertify-notifier .ajs-message.ajs-success {
|
||||
color: #fff;
|
||||
background: rgba(91, 189, 114, 0.95);
|
||||
text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
.alertify-notifier .ajs-message.ajs-error {
|
||||
color: #fff;
|
||||
background: rgba(217, 92, 92, 0.95);
|
||||
text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
.alertify-notifier .ajs-message.ajs-warning {
|
||||
background: rgba(252, 248, 215, 0.95);
|
||||
border-color: #999;
|
||||
}
|
|
@ -0,0 +1,6 @@
|
|||
/**
|
||||
* alertifyjs 1.4.1 http://alertifyjs.com
|
||||
* AlertifyJS is a javascript framework for developing pretty browser dialogs and notifications.
|
||||
* Copyright 2015 Mohammad Younes <Mohammad@alertifyjs.com> (http://alertifyjs.com)
|
||||
* Licensed under MIT <http://opensource.org/licenses/mit-license.php>*/
|
||||
.alertify .ajs-dialog{background-color:#fff;box-shadow:0 15px 20px 0 rgba(0,0,0,.25);border-radius:2px}.alertify .ajs-header{color:#000;font-weight:700;background:#fafafa;border-bottom:#eee 1px solid;border-radius:2px 2px 0 0}.alertify .ajs-body{color:#000}.alertify .ajs-body .ajs-content .ajs-input{display:block;width:100%;padding:8px;margin:4px;border-radius:2px;border:1px solid #CCC}.alertify .ajs-body .ajs-content p{margin:0}.alertify .ajs-footer{background:#fbfbfb;border-top:#eee 1px solid;border-radius:0 0 2px 2px}.alertify .ajs-footer .ajs-buttons .ajs-button{background-color:transparent;color:#000;border:0;font-size:14px;font-weight:700;text-transform:uppercase}.alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok{color:#3593D2}.alertify-notifier .ajs-message{background:rgba(255,255,255,.95);color:#000;text-align:center;border:1px solid #ddd;border-radius:2px}.alertify-notifier .ajs-message.ajs-success{color:#fff;background:rgba(91,189,114,.95);text-shadow:-1px -1px 0 rgba(0,0,0,.5)}.alertify-notifier .ajs-message.ajs-error{color:#fff;background:rgba(217,92,92,.95);text-shadow:-1px -1px 0 rgba(0,0,0,.5)}.alertify-notifier .ajs-message.ajs-warning{background:rgba(252,248,215,.95);border-color:#999}
|
|
@ -0,0 +1,68 @@
|
|||
/**
|
||||
* alertifyjs 1.4.1 http://alertifyjs.com
|
||||
* AlertifyJS is a javascript framework for developing pretty browser dialogs and notifications.
|
||||
* Copyright 2015 Mohammad Younes <Mohammad@alertifyjs.com> (http://alertifyjs.com)
|
||||
* Licensed under MIT <http://opensource.org/licenses/mit-license.php>*/
|
||||
.alertify .ajs-dialog {
|
||||
background-color: white;
|
||||
box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.25);
|
||||
border-radius: 2px;
|
||||
}
|
||||
.alertify .ajs-header {
|
||||
color: black;
|
||||
font-weight: bold;
|
||||
background: #fafafa;
|
||||
border-bottom: #eee 1px solid;
|
||||
border-radius: 2px 2px 0 0;
|
||||
}
|
||||
.alertify .ajs-body {
|
||||
color: black;
|
||||
}
|
||||
.alertify .ajs-body .ajs-content .ajs-input {
|
||||
display: block;
|
||||
width: 100%;
|
||||
padding: 8px;
|
||||
margin: 4px;
|
||||
border-radius: 2px;
|
||||
border: 1px solid #CCC;
|
||||
}
|
||||
.alertify .ajs-body .ajs-content p {
|
||||
margin: 0;
|
||||
}
|
||||
.alertify .ajs-footer {
|
||||
background: #fbfbfb;
|
||||
border-top: #eee 1px solid;
|
||||
border-radius: 0 0 2px 2px;
|
||||
}
|
||||
.alertify .ajs-footer .ajs-buttons .ajs-button {
|
||||
background-color: transparent;
|
||||
color: #000;
|
||||
border: 0;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok {
|
||||
color: #3593D2;
|
||||
}
|
||||
.alertify-notifier .ajs-message {
|
||||
background: rgba(255, 255, 255, 0.95);
|
||||
color: #000;
|
||||
text-align: center;
|
||||
border: solid 1px #ddd;
|
||||
border-radius: 2px;
|
||||
}
|
||||
.alertify-notifier .ajs-message.ajs-success {
|
||||
color: #fff;
|
||||
background: rgba(91, 189, 114, 0.95);
|
||||
text-shadow: 1px -1px 0 rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
.alertify-notifier .ajs-message.ajs-error {
|
||||
color: #fff;
|
||||
background: rgba(217, 92, 92, 0.95);
|
||||
text-shadow: 1px -1px 0 rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
.alertify-notifier .ajs-message.ajs-warning {
|
||||
background: rgba(252, 248, 215, 0.95);
|
||||
border-color: #999;
|
||||
}
|
|
@ -0,0 +1,6 @@
|
|||
/**
|
||||
* alertifyjs 1.4.1 http://alertifyjs.com
|
||||
* AlertifyJS is a javascript framework for developing pretty browser dialogs and notifications.
|
||||
* Copyright 2015 Mohammad Younes <Mohammad@alertifyjs.com> (http://alertifyjs.com)
|
||||
* Licensed under MIT <http://opensource.org/licenses/mit-license.php>*/
|
||||
.alertify .ajs-dialog{background-color:#fff;box-shadow:0 15px 20px 0 rgba(0,0,0,.25);border-radius:2px}.alertify .ajs-header{color:#000;font-weight:700;background:#fafafa;border-bottom:#eee 1px solid;border-radius:2px 2px 0 0}.alertify .ajs-body{color:#000}.alertify .ajs-body .ajs-content .ajs-input{display:block;width:100%;padding:8px;margin:4px;border-radius:2px;border:1px solid #CCC}.alertify .ajs-body .ajs-content p{margin:0}.alertify .ajs-footer{background:#fbfbfb;border-top:#eee 1px solid;border-radius:0 0 2px 2px}.alertify .ajs-footer .ajs-buttons .ajs-button{background-color:transparent;color:#000;border:0;font-size:14px;font-weight:700;text-transform:uppercase}.alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok{color:#3593D2}.alertify-notifier .ajs-message{background:rgba(255,255,255,.95);color:#000;text-align:center;border:1px solid #ddd;border-radius:2px}.alertify-notifier .ajs-message.ajs-success{color:#fff;background:rgba(91,189,114,.95);text-shadow:1px -1px 0 rgba(0,0,0,.5)}.alertify-notifier .ajs-message.ajs-error{color:#fff;background:rgba(217,92,92,.95);text-shadow:1px -1px 0 rgba(0,0,0,.5)}.alertify-notifier .ajs-message.ajs-warning{background:rgba(252,248,215,.95);border-color:#999}
|
|
@ -0,0 +1,84 @@
|
|||
/**
|
||||
* alertifyjs 1.4.1 http://alertifyjs.com
|
||||
* AlertifyJS is a javascript framework for developing pretty browser dialogs and notifications.
|
||||
* Copyright 2015 Mohammad Younes <Mohammad@alertifyjs.com> (http://alertifyjs.com)
|
||||
* Licensed under MIT <http://opensource.org/licenses/mit-license.php>*/
|
||||
.alertify .ajs-dimmer {
|
||||
background-color: rgba(0, 0, 0, 0.85);
|
||||
opacity: 1;
|
||||
}
|
||||
.alertify .ajs-dialog {
|
||||
max-width: 50%;
|
||||
min-height: 137px;
|
||||
background-color: #F4F4F4;
|
||||
border: 1px solid #DDD;
|
||||
box-shadow: none;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.alertify .ajs-header {
|
||||
padding: 1.5rem 2rem;
|
||||
border-bottom: none;
|
||||
border-radius: 5px 5px 0 0;
|
||||
color: #555;
|
||||
background-color: #fff;
|
||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
font-size: 1.6em;
|
||||
font-weight: 700;
|
||||
}
|
||||
.alertify .ajs-body {
|
||||
font-family: 'Roboto', sans-serif;
|
||||
color: #555;
|
||||
}
|
||||
.alertify .ajs-body .ajs-content .ajs-input {
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
padding: .65em 1em;
|
||||
font-size: 1em;
|
||||
background-color: #FFF;
|
||||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||||
outline: 0;
|
||||
color: rgba(0, 0, 0, 0.7);
|
||||
border-radius: .3125em;
|
||||
transition: background-color 0.3s ease-out, box-shadow 0.2s ease, border-color 0.2s ease;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.alertify .ajs-body .ajs-content .ajs-input:active {
|
||||
border-color: rgba(0, 0, 0, 0.3);
|
||||
background-color: #FAFAFA;
|
||||
}
|
||||
.alertify .ajs-body .ajs-content .ajs-input:focus {
|
||||
border-color: rgba(0, 0, 0, 0.2);
|
||||
color: rgba(0, 0, 0, 0.85);
|
||||
}
|
||||
.alertify.ajs-resizable .ajs-content,
|
||||
.alertify.ajs-maximized:not(.ajs-resizable) .ajs-content {
|
||||
top: 64px;
|
||||
bottom: 74px;
|
||||
}
|
||||
.alertify .ajs-footer {
|
||||
background-color: #fff;
|
||||
padding: 1rem 2rem;
|
||||
border-top: none;
|
||||
border-radius: 0 0 5px 5px;
|
||||
}
|
||||
.alertify-notifier .ajs-message {
|
||||
background: rgba(255, 255, 255, 0.95);
|
||||
color: #000;
|
||||
text-align: center;
|
||||
border: solid 1px #ddd;
|
||||
border-radius: 2px;
|
||||
}
|
||||
.alertify-notifier .ajs-message.ajs-success {
|
||||
color: #fff;
|
||||
background: rgba(91, 189, 114, 0.95);
|
||||
text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
.alertify-notifier .ajs-message.ajs-error {
|
||||
color: #fff;
|
||||
background: rgba(217, 92, 92, 0.95);
|
||||
text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
.alertify-notifier .ajs-message.ajs-warning {
|
||||
background: rgba(252, 248, 215, 0.95);
|
||||
border-color: #999;
|
||||
}
|
|
@ -0,0 +1,6 @@
|
|||
/**
|
||||
* alertifyjs 1.4.1 http://alertifyjs.com
|
||||
* AlertifyJS is a javascript framework for developing pretty browser dialogs and notifications.
|
||||
* Copyright 2015 Mohammad Younes <Mohammad@alertifyjs.com> (http://alertifyjs.com)
|
||||
* Licensed under MIT <http://opensource.org/licenses/mit-license.php>*/
|
||||
.alertify .ajs-dimmer{background-color:rgba(0,0,0,.85);opacity:1}.alertify .ajs-dialog{max-width:50%;min-height:137px;background-color:#F4F4F4;border:1px solid #DDD;box-shadow:none;border-radius:5px}.alertify .ajs-header{padding:1.5rem 2rem;border-bottom:none;border-radius:5px 5px 0 0;color:#555;background-color:#fff;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1.6em;font-weight:700}.alertify .ajs-body{font-family:Roboto,sans-serif;color:#555}.alertify .ajs-body .ajs-content .ajs-input{width:100%;margin:0;padding:.65em 1em;font-size:1em;background-color:#FFF;border:1px solid rgba(0,0,0,.15);outline:0;color:rgba(0,0,0,.7);border-radius:.3125em;transition:background-color .3s ease-out,box-shadow .2s ease,border-color .2s ease;box-sizing:border-box}.alertify .ajs-body .ajs-content .ajs-input:active{border-color:rgba(0,0,0,.3);background-color:#FAFAFA}.alertify .ajs-body .ajs-content .ajs-input:focus{border-color:rgba(0,0,0,.2);color:rgba(0,0,0,.85)}.alertify.ajs-maximized:not(.ajs-resizable) .ajs-content,.alertify.ajs-resizable .ajs-content{top:64px;bottom:74px}.alertify .ajs-footer{background-color:#fff;padding:1rem 2rem;border-top:none;border-radius:0 0 5px 5px}.alertify-notifier .ajs-message{background:rgba(255,255,255,.95);color:#000;text-align:center;border:1px solid #ddd;border-radius:2px}.alertify-notifier .ajs-message.ajs-success{color:#fff;background:rgba(91,189,114,.95);text-shadow:-1px -1px 0 rgba(0,0,0,.5)}.alertify-notifier .ajs-message.ajs-error{color:#fff;background:rgba(217,92,92,.95);text-shadow:-1px -1px 0 rgba(0,0,0,.5)}.alertify-notifier .ajs-message.ajs-warning{background:rgba(252,248,215,.95);border-color:#999}
|
|
@ -0,0 +1,84 @@
|
|||
/**
|
||||
* alertifyjs 1.4.1 http://alertifyjs.com
|
||||
* AlertifyJS is a javascript framework for developing pretty browser dialogs and notifications.
|
||||
* Copyright 2015 Mohammad Younes <Mohammad@alertifyjs.com> (http://alertifyjs.com)
|
||||
* Licensed under MIT <http://opensource.org/licenses/mit-license.php>*/
|
||||
.alertify .ajs-dimmer {
|
||||
background-color: rgba(0, 0, 0, 0.85);
|
||||
opacity: 1;
|
||||
}
|
||||
.alertify .ajs-dialog {
|
||||
max-width: 50%;
|
||||
min-height: 137px;
|
||||
background-color: #F4F4F4;
|
||||
border: 1px solid #DDD;
|
||||
box-shadow: none;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.alertify .ajs-header {
|
||||
padding: 1.5rem 2rem;
|
||||
border-bottom: none;
|
||||
border-radius: 5px 5px 0 0;
|
||||
color: #555;
|
||||
background-color: #fff;
|
||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
font-size: 1.6em;
|
||||
font-weight: 700;
|
||||
}
|
||||
.alertify .ajs-body {
|
||||
font-family: 'Roboto', sans-serif;
|
||||
color: #555;
|
||||
}
|
||||
.alertify .ajs-body .ajs-content .ajs-input {
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
padding: .65em 1em;
|
||||
font-size: 1em;
|
||||
background-color: #FFF;
|
||||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||||
outline: 0;
|
||||
color: rgba(0, 0, 0, 0.7);
|
||||
border-radius: .3125em;
|
||||
transition: background-color 0.3s ease-out, box-shadow 0.2s ease, border-color 0.2s ease;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.alertify .ajs-body .ajs-content .ajs-input:active {
|
||||
border-color: rgba(0, 0, 0, 0.3);
|
||||
background-color: #FAFAFA;
|
||||
}
|
||||
.alertify .ajs-body .ajs-content .ajs-input:focus {
|
||||
border-color: rgba(0, 0, 0, 0.2);
|
||||
color: rgba(0, 0, 0, 0.85);
|
||||
}
|
||||
.alertify.ajs-resizable .ajs-content,
|
||||
.alertify.ajs-maximized:not(.ajs-resizable) .ajs-content {
|
||||
top: 64px;
|
||||
bottom: 74px;
|
||||
}
|
||||
.alertify .ajs-footer {
|
||||
background-color: #fff;
|
||||
padding: 1rem 2rem;
|
||||
border-top: none;
|
||||
border-radius: 0 0 5px 5px;
|
||||
}
|
||||
.alertify-notifier .ajs-message {
|
||||
background: rgba(255, 255, 255, 0.95);
|
||||
color: #000;
|
||||
text-align: center;
|
||||
border: solid 1px #ddd;
|
||||
border-radius: 2px;
|
||||
}
|
||||
.alertify-notifier .ajs-message.ajs-success {
|
||||
color: #fff;
|
||||
background: rgba(91, 189, 114, 0.95);
|
||||
text-shadow: 1px -1px 0 rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
.alertify-notifier .ajs-message.ajs-error {
|
||||
color: #fff;
|
||||
background: rgba(217, 92, 92, 0.95);
|
||||
text-shadow: 1px -1px 0 rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
.alertify-notifier .ajs-message.ajs-warning {
|
||||
background: rgba(252, 248, 215, 0.95);
|
||||
border-color: #999;
|
||||
}
|
|
@ -0,0 +1,6 @@
|
|||
/**
|
||||
* alertifyjs 1.4.1 http://alertifyjs.com
|
||||
* AlertifyJS is a javascript framework for developing pretty browser dialogs and notifications.
|
||||
* Copyright 2015 Mohammad Younes <Mohammad@alertifyjs.com> (http://alertifyjs.com)
|
||||
* Licensed under MIT <http://opensource.org/licenses/mit-license.php>*/
|
||||
.alertify .ajs-dimmer{background-color:rgba(0,0,0,.85);opacity:1}.alertify .ajs-dialog{max-width:50%;min-height:137px;background-color:#F4F4F4;border:1px solid #DDD;box-shadow:none;border-radius:5px}.alertify .ajs-header{padding:1.5rem 2rem;border-bottom:none;border-radius:5px 5px 0 0;color:#555;background-color:#fff;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1.6em;font-weight:700}.alertify .ajs-body{font-family:Roboto,sans-serif;color:#555}.alertify .ajs-body .ajs-content .ajs-input{width:100%;margin:0;padding:.65em 1em;font-size:1em;background-color:#FFF;border:1px solid rgba(0,0,0,.15);outline:0;color:rgba(0,0,0,.7);border-radius:.3125em;transition:background-color .3s ease-out,box-shadow .2s ease,border-color .2s ease;box-sizing:border-box}.alertify .ajs-body .ajs-content .ajs-input:active{border-color:rgba(0,0,0,.3);background-color:#FAFAFA}.alertify .ajs-body .ajs-content .ajs-input:focus{border-color:rgba(0,0,0,.2);color:rgba(0,0,0,.85)}.alertify.ajs-maximized:not(.ajs-resizable) .ajs-content,.alertify.ajs-resizable .ajs-content{top:64px;bottom:74px}.alertify .ajs-footer{background-color:#fff;padding:1rem 2rem;border-top:none;border-radius:0 0 5px 5px}.alertify-notifier .ajs-message{background:rgba(255,255,255,.95);color:#000;text-align:center;border:1px solid #ddd;border-radius:2px}.alertify-notifier .ajs-message.ajs-success{color:#fff;background:rgba(91,189,114,.95);text-shadow:1px -1px 0 rgba(0,0,0,.5)}.alertify-notifier .ajs-message.ajs-error{color:#fff;background:rgba(217,92,92,.95);text-shadow:1px -1px 0 rgba(0,0,0,.5)}.alertify-notifier .ajs-message.ajs-warning{background:rgba(252,248,215,.95);border-color:#999}
|
|
@ -1,14 +1,8 @@
|
|||
/**
|
||||
* AlertifyJS
|
||||
* alertifyjs 1.4.1 http://alertifyjs.com
|
||||
* AlertifyJS is a javascript framework for developing pretty browser dialogs and notifications.
|
||||
*
|
||||
* @author Mohammad Younes <Mohammad@alertifyjs.com> (http://alertifyjs.com)
|
||||
* @copyright 2015
|
||||
* @license MIT <http://opensource.org/licenses/mit-license.php>
|
||||
* @link http://alertifyjs.com
|
||||
* @module AlertifyJS
|
||||
* @version 1.1.0
|
||||
*/
|
||||
* Copyright 2015 Mohammad Younes <Mohammad@alertifyjs.com> (http://alertifyjs.com)
|
||||
* Licensed under MIT <http://opensource.org/licenses/mit-license.php>*/
|
||||
( function ( window ) {
|
||||
'use strict';
|
||||
|
||||
|
@ -35,6 +29,7 @@
|
|||
movable:true,
|
||||
resizable:true,
|
||||
closable:true,
|
||||
closableByDimmer:true,
|
||||
maximizable:true,
|
||||
startMaximized:false,
|
||||
pinnable:true,
|
||||
|
@ -43,6 +38,7 @@
|
|||
overflow:true,
|
||||
maintainFocus:true,
|
||||
transition:'pulse',
|
||||
autoReset:true,
|
||||
notifier:{
|
||||
delay:5,
|
||||
position:'bottom-right'
|
||||
|
@ -122,6 +118,17 @@
|
|||
return ((document.documentElement && document.documentElement.scrollLeft) || document.body.scrollLeft);
|
||||
}
|
||||
|
||||
/**
|
||||
* Helper: clear contents
|
||||
*
|
||||
*/
|
||||
function clearContents(element){
|
||||
while (element.lastChild) {
|
||||
element.removeChild(element.lastChild);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Use a closure to return proper event listener method. Try to use
|
||||
* `addEventListener` by default but fallback to `attachEvent` for
|
||||
|
@ -340,6 +347,21 @@
|
|||
instance.hooks = {};
|
||||
}
|
||||
|
||||
//copy buttons defintion
|
||||
var buttonsDefinition = [];
|
||||
if(Array.isArray(setup.buttons)){
|
||||
for(var b=0;b<setup.buttons.length;b+=1){
|
||||
var ref = setup.buttons[b],
|
||||
copy = {};
|
||||
for (var i in ref) {
|
||||
if (ref.hasOwnProperty(i)) {
|
||||
copy[i] = ref[i];
|
||||
}
|
||||
}
|
||||
buttonsDefinition.push(copy);
|
||||
}
|
||||
}
|
||||
|
||||
var internal = instance.__internal = {
|
||||
/**
|
||||
* Flag holding the open state of the dialog
|
||||
|
@ -357,7 +379,7 @@
|
|||
activeElement:document.body,
|
||||
timerIn:undefined,
|
||||
timerOut:undefined,
|
||||
buttons: setup.buttons || [],
|
||||
buttons: buttonsDefinition,
|
||||
focus: setup.focus,
|
||||
options: {
|
||||
title: undefined,
|
||||
|
@ -367,7 +389,9 @@
|
|||
pinned: undefined,
|
||||
movable: undefined,
|
||||
resizable: undefined,
|
||||
autoReset: undefined,
|
||||
closable: undefined,
|
||||
closableByDimmer: undefined,
|
||||
maximizable: undefined,
|
||||
startMaximized: undefined,
|
||||
pinnable: undefined,
|
||||
|
@ -491,8 +515,10 @@
|
|||
|
||||
instance.set('movable', setup.options.movable === undefined ? alertify.defaults.movable : setup.options.movable);
|
||||
instance.set('resizable', setup.options.resizable === undefined ? alertify.defaults.resizable : setup.options.resizable);
|
||||
instance.set('autoReset', setup.options.autoReset === undefined ? alertify.defaults.autoReset : setup.options.autoReset);
|
||||
|
||||
instance.set('closable', setup.options.closable === undefined ? alertify.defaults.closable : setup.options.closable);
|
||||
instance.set('closableByDimmer', setup.options.closableByDimmer === undefined ? alertify.defaults.closableByDimmer : setup.options.closableByDimmer);
|
||||
instance.set('maximizable', setup.options.maximizable === undefined ? alertify.defaults.maximizable : setup.options.maximizable);
|
||||
instance.set('startMaximized', setup.options.startMaximized === undefined ? alertify.defaults.startMaximized : setup.options.startMaximized);
|
||||
|
||||
|
@ -515,6 +541,19 @@
|
|||
document.body.appendChild(instance.elements.root);
|
||||
}
|
||||
|
||||
/**
|
||||
* Helper: maintains scroll position
|
||||
*
|
||||
*/
|
||||
var scrollX, scrollY;
|
||||
function saveScrollPosition(){
|
||||
scrollX = window.scrollX;
|
||||
scrollY = window.scrollY;
|
||||
}
|
||||
function restoreScrollPosition(){
|
||||
window.scrollTo(scrollX, scrollY);
|
||||
}
|
||||
|
||||
/**
|
||||
* Helper: adds/removes no-overflow class from body
|
||||
*
|
||||
|
@ -1052,7 +1091,7 @@
|
|||
*/
|
||||
function modalClickHandler(event, instance) {
|
||||
var target = event.srcElement || event.target;
|
||||
if (!cancelClick && target === instance.elements.modal) {
|
||||
if (!cancelClick && target === instance.elements.modal && instance.get('closableByDimmer') === true) {
|
||||
triggerClose(instance);
|
||||
}
|
||||
cancelClick = false;
|
||||
|
@ -1291,12 +1330,15 @@
|
|||
// once transition is complete, set focus
|
||||
setFocus(instance);
|
||||
|
||||
//restore scroll to prevent document jump
|
||||
restoreScrollPosition();
|
||||
|
||||
// allow handling key up after transition ended.
|
||||
cancelKeyup = false;
|
||||
|
||||
// allow custom `onfocus` method
|
||||
if (typeof instance.get('onfocus') === 'function') {
|
||||
instance.get('onfocus')();
|
||||
instance.get('onfocus').call(instance);
|
||||
}
|
||||
|
||||
// unbind the event
|
||||
|
@ -1690,8 +1732,10 @@
|
|||
function windowResize(/*event*/) {
|
||||
for (var x = 0; x < openDialogs.length; x += 1) {
|
||||
var instance = openDialogs[x];
|
||||
resetMove(instance);
|
||||
resetResize(instance);
|
||||
if (instance.get('autoReset')) {
|
||||
resetMove(instance);
|
||||
resetResize(instance);
|
||||
}
|
||||
}
|
||||
}
|
||||
/**
|
||||
|
@ -1986,21 +2030,35 @@
|
|||
* A minimum height equal to the sum of header/footer heights.
|
||||
*
|
||||
*
|
||||
* @param {Number} width The new dialog width in pixels.
|
||||
* @param {Number} height The new dialog height in pixels.
|
||||
* @param {Number or String} width The new dialog width in pixels or in percent.
|
||||
* @param {Number or String} height The new dialog height in pixels or in percent.
|
||||
*
|
||||
* @return {Object} The dialog instance.
|
||||
*/
|
||||
resizeTo:function(width,height){
|
||||
if(!isNaN(width) && !isNaN(height) && this.get('resizable') === true){
|
||||
var w = parseFloat(width),
|
||||
h = parseFloat(height),
|
||||
regex = /(\d*\.\d+|\d+)%/
|
||||
;
|
||||
|
||||
if(!isNaN(w) && !isNaN(h) && this.get('resizable') === true){
|
||||
|
||||
if(('' + width).match(regex)){
|
||||
w = w / 100 * document.documentElement.clientWidth ;
|
||||
}
|
||||
|
||||
if(('' + height).match(regex)){
|
||||
h = h / 100 * document.documentElement.clientHeight;
|
||||
}
|
||||
|
||||
var element = this.elements.dialog;
|
||||
if (element.style.maxWidth !== 'none') {
|
||||
element.style.minWidth = (minWidth = element.offsetWidth) + 'px';
|
||||
}
|
||||
element.style.maxWidth = 'none';
|
||||
element.style.minHeight = this.elements.header.offsetHeight + this.elements.footer.offsetHeight + 'px';
|
||||
element.style.width = width + 'px';
|
||||
element.style.height = height + 'px';
|
||||
element.style.width = w + 'px';
|
||||
element.style.height = h + 'px';
|
||||
}
|
||||
return this;
|
||||
},
|
||||
|
@ -2057,9 +2115,10 @@
|
|||
*/
|
||||
setHeader:function(content){
|
||||
if(typeof content === 'string'){
|
||||
clearContents(this.elements.header);
|
||||
this.elements.header.innerHTML = content;
|
||||
}else if (content instanceof window.HTMLElement && this.elements.header.firstChild !== content){
|
||||
this.elements.header.innerHTML = '';
|
||||
clearContents(this.elements.header);
|
||||
this.elements.header.appendChild(content);
|
||||
}
|
||||
return this;
|
||||
|
@ -2072,9 +2131,10 @@
|
|||
*/
|
||||
setContent:function(content){
|
||||
if(typeof content === 'string'){
|
||||
clearContents(this.elements.content);
|
||||
this.elements.content.innerHTML = content;
|
||||
}else if (content instanceof window.HTMLElement && this.elements.content.firstChild !== content){
|
||||
this.elements.content.innerHTML = '';
|
||||
clearContents(this.elements.content);
|
||||
this.elements.content.appendChild(content);
|
||||
}
|
||||
return this;
|
||||
|
@ -2119,6 +2179,9 @@
|
|||
this.set('modal', modal);
|
||||
}
|
||||
|
||||
//save scroll to prevent document jump
|
||||
saveScrollPosition();
|
||||
|
||||
ensureNoOverflow();
|
||||
|
||||
// allow custom dialog class on show
|
||||
|
@ -2163,7 +2226,7 @@
|
|||
|
||||
// allow custom `onshow` method
|
||||
if ( typeof this.get('onshow') === 'function' ) {
|
||||
this.get('onshow')();
|
||||
this.get('onshow').call(this);
|
||||
}
|
||||
|
||||
}else{
|
||||
|
@ -2213,7 +2276,7 @@
|
|||
|
||||
// allow custom `onclose` method
|
||||
if ( typeof this.get('onclose') === 'function' ) {
|
||||
this.get('onclose')();
|
||||
this.get('onclose').call(this);
|
||||
}
|
||||
|
||||
//remove from open dialogs
|
||||
|
@ -2456,8 +2519,10 @@
|
|||
*/
|
||||
setContent: function (content) {
|
||||
if (typeof content === 'string') {
|
||||
clearContents(this.element);
|
||||
this.element.innerHTML = content;
|
||||
} else {
|
||||
} else if (content instanceof window.HTMLElement && this.element.firstChild !== content) {
|
||||
clearContents(this.element);
|
||||
this.element.appendChild(content);
|
||||
}
|
||||
return this;
|
||||
|
@ -2900,7 +2965,7 @@
|
|||
},
|
||||
callback: function (closeEvent) {
|
||||
if (typeof this.get('onok') === 'function') {
|
||||
var returnValue = this.get('onok').call(undefined, closeEvent);
|
||||
var returnValue = this.get('onok').call(this, closeEvent);
|
||||
if (typeof returnValue !== 'undefined') {
|
||||
closeEvent.cancel = !returnValue;
|
||||
}
|
||||
|
@ -2922,7 +2987,7 @@
|
|||
timer: null,
|
||||
index: null,
|
||||
text: null,
|
||||
duratuin: null,
|
||||
duration: null,
|
||||
task: function (event, self) {
|
||||
if (self.isOpen()) {
|
||||
self.__internal.buttons[autoConfirm.index].element.innerHTML = autoConfirm.text + ' (‏' + autoConfirm.duration + '‏) ';
|
||||
|
@ -3068,7 +3133,7 @@
|
|||
switch (closeEvent.index) {
|
||||
case 0:
|
||||
if (typeof this.get('onok') === 'function') {
|
||||
returnValue = this.get('onok').call(undefined, closeEvent);
|
||||
returnValue = this.get('onok').call(this, closeEvent);
|
||||
if (typeof returnValue !== 'undefined') {
|
||||
closeEvent.cancel = !returnValue;
|
||||
}
|
||||
|
@ -3076,7 +3141,7 @@
|
|||
break;
|
||||
case 1:
|
||||
if (typeof this.get('oncancel') === 'function') {
|
||||
returnValue = this.get('oncancel').call(undefined, closeEvent);
|
||||
returnValue = this.get('oncancel').call(this, closeEvent);
|
||||
if (typeof returnValue !== 'undefined') {
|
||||
closeEvent.cancel = !returnValue;
|
||||
}
|
||||
|
@ -3181,9 +3246,10 @@
|
|||
},
|
||||
setMessage: function (message) {
|
||||
if (typeof message === 'string') {
|
||||
clearContents(p);
|
||||
p.innerHTML = message;
|
||||
} else if (message instanceof window.HTMLElement && p.firstChild !== message) {
|
||||
p.innerHTML = '';
|
||||
clearContents(p);
|
||||
p.appendChild(message);
|
||||
}
|
||||
},
|
||||
|
@ -3193,6 +3259,7 @@
|
|||
onok: undefined,
|
||||
oncancel: undefined,
|
||||
value: '',
|
||||
type:'text',
|
||||
reverseButtons: undefined,
|
||||
},
|
||||
settingUpdated: function (key, oldValue, newValue) {
|
||||
|
@ -3203,6 +3270,27 @@
|
|||
case 'value':
|
||||
input.value = newValue;
|
||||
break;
|
||||
case 'type':
|
||||
switch (newValue) {
|
||||
case 'text':
|
||||
case 'color':
|
||||
case 'date':
|
||||
case 'datetime-local':
|
||||
case 'email':
|
||||
case 'month':
|
||||
case 'number':
|
||||
case 'password':
|
||||
case 'search':
|
||||
case 'tel':
|
||||
case 'time':
|
||||
case 'week':
|
||||
input.type = newValue;
|
||||
break;
|
||||
default:
|
||||
input.type = 'text';
|
||||
break;
|
||||
}
|
||||
break;
|
||||
case 'labels':
|
||||
if (newValue.ok && this.__internal.buttons[0].element) {
|
||||
this.__internal.buttons[0].element.innerHTML = newValue.ok;
|
||||
|
@ -3224,9 +3312,9 @@
|
|||
var returnValue;
|
||||
switch (closeEvent.index) {
|
||||
case 0:
|
||||
this.value = input.value;
|
||||
this.settings.value = input.value;
|
||||
if (typeof this.get('onok') === 'function') {
|
||||
returnValue = this.get('onok').call(undefined, closeEvent, this.value);
|
||||
returnValue = this.get('onok').call(this, closeEvent, this.settings.value);
|
||||
if (typeof returnValue !== 'undefined') {
|
||||
closeEvent.cancel = !returnValue;
|
||||
}
|
||||
|
@ -3234,7 +3322,7 @@
|
|||
break;
|
||||
case 1:
|
||||
if (typeof this.get('oncancel') === 'function') {
|
||||
returnValue = this.get('oncancel').call(undefined, closeEvent);
|
||||
returnValue = this.get('oncancel').call(this, closeEvent);
|
||||
if (typeof returnValue !== 'undefined') {
|
||||
closeEvent.cancel = !returnValue;
|
||||
}
|
||||
|
@ -3245,13 +3333,17 @@
|
|||
};
|
||||
});
|
||||
|
||||
// AMD and window support
|
||||
if ( typeof define === 'function' ) {
|
||||
// CommonJS
|
||||
if ( typeof module === 'object' && typeof module.exports === 'object' ) {
|
||||
module.exports = alertify;
|
||||
// AMD
|
||||
} else if ( typeof define === 'function' && define.amd) {
|
||||
define( [], function () {
|
||||
return alertify;
|
||||
} );
|
||||
// window
|
||||
} else if ( !window.alertify ) {
|
||||
window.alertify = alertify;
|
||||
}
|
||||
|
||||
} ( this ) );
|
||||
} ( typeof window !== 'undefined' ? window : this ) );
|
||||
|
|
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue