mirror of
https://github.com/wahyd4/cdnjs.git
synced 2026-08-20 18:27:57 +10:00
Added messenger 1.2.3 closes #1043
This commit is contained in:
Ryan Kirkman
+235
@@ -0,0 +1,235 @@
|
||||
@-webkit-keyframes ui-spinner-rotate-right {
|
||||
/* line 64, ../../src/sass/messenger-spinner.scss */
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
}
|
||||
|
||||
/* line 65, ../../src/sass/messenger-spinner.scss */
|
||||
25% {
|
||||
-webkit-transform: rotate(180deg);
|
||||
}
|
||||
|
||||
/* line 66, ../../src/sass/messenger-spinner.scss */
|
||||
50% {
|
||||
-webkit-transform: rotate(180deg);
|
||||
}
|
||||
|
||||
/* line 67, ../../src/sass/messenger-spinner.scss */
|
||||
75% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
}
|
||||
|
||||
/* line 68, ../../src/sass/messenger-spinner.scss */
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes ui-spinner-rotate-left {
|
||||
/* line 72, ../../src/sass/messenger-spinner.scss */
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
}
|
||||
|
||||
/* line 73, ../../src/sass/messenger-spinner.scss */
|
||||
25% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
}
|
||||
|
||||
/* line 74, ../../src/sass/messenger-spinner.scss */
|
||||
50% {
|
||||
-webkit-transform: rotate(180deg);
|
||||
}
|
||||
|
||||
/* line 75, ../../src/sass/messenger-spinner.scss */
|
||||
75% {
|
||||
-webkit-transform: rotate(180deg);
|
||||
}
|
||||
|
||||
/* line 76, ../../src/sass/messenger-spinner.scss */
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes ui-spinner-rotate-right {
|
||||
/* line 80, ../../src/sass/messenger-spinner.scss */
|
||||
0% {
|
||||
-moz-transform: rotate(0deg);
|
||||
}
|
||||
|
||||
/* line 81, ../../src/sass/messenger-spinner.scss */
|
||||
25% {
|
||||
-moz-transform: rotate(180deg);
|
||||
}
|
||||
|
||||
/* line 82, ../../src/sass/messenger-spinner.scss */
|
||||
50% {
|
||||
-moz-transform: rotate(180deg);
|
||||
}
|
||||
|
||||
/* line 83, ../../src/sass/messenger-spinner.scss */
|
||||
75% {
|
||||
-moz-transform: rotate(360deg);
|
||||
}
|
||||
|
||||
/* line 84, ../../src/sass/messenger-spinner.scss */
|
||||
100% {
|
||||
-moz-transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes ui-spinner-rotate-left {
|
||||
/* line 88, ../../src/sass/messenger-spinner.scss */
|
||||
0% {
|
||||
-moz-transform: rotate(0deg);
|
||||
}
|
||||
|
||||
/* line 89, ../../src/sass/messenger-spinner.scss */
|
||||
25% {
|
||||
-moz-transform: rotate(0deg);
|
||||
}
|
||||
|
||||
/* line 90, ../../src/sass/messenger-spinner.scss */
|
||||
50% {
|
||||
-moz-transform: rotate(180deg);
|
||||
}
|
||||
|
||||
/* line 91, ../../src/sass/messenger-spinner.scss */
|
||||
75% {
|
||||
-moz-transform: rotate(180deg);
|
||||
}
|
||||
|
||||
/* line 92, ../../src/sass/messenger-spinner.scss */
|
||||
100% {
|
||||
-moz-transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes ui-spinner-rotate-right {
|
||||
/* line 96, ../../src/sass/messenger-spinner.scss */
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
/* line 97, ../../src/sass/messenger-spinner.scss */
|
||||
25% {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
/* line 98, ../../src/sass/messenger-spinner.scss */
|
||||
50% {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
/* line 99, ../../src/sass/messenger-spinner.scss */
|
||||
75% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
|
||||
/* line 100, ../../src/sass/messenger-spinner.scss */
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes ui-spinner-rotate-left {
|
||||
/* line 104, ../../src/sass/messenger-spinner.scss */
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
/* line 105, ../../src/sass/messenger-spinner.scss */
|
||||
25% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
/* line 106, ../../src/sass/messenger-spinner.scss */
|
||||
50% {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
/* line 107, ../../src/sass/messenger-spinner.scss */
|
||||
75% {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
/* line 108, ../../src/sass/messenger-spinner.scss */
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
/* line 116, ../../src/sass/messenger-spinner.scss */
|
||||
.messenger-spinner {
|
||||
position: relative;
|
||||
border-radius: 100%;
|
||||
}
|
||||
/* line 120, ../../src/sass/messenger-spinner.scss */
|
||||
ul.messenger.messenger-spinner-active .messenger-spinner .messenger-spinner {
|
||||
display: block;
|
||||
}
|
||||
/* line 124, ../../src/sass/messenger-spinner.scss */
|
||||
.messenger-spinner .messenger-spinner-side {
|
||||
width: 50%;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
}
|
||||
/* line 130, ../../src/sass/messenger-spinner.scss */
|
||||
.messenger-spinner .messenger-spinner-side .messenger-spinner-fill {
|
||||
border-radius: 999px;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
-webkit-animation-iteration-count: infinite;
|
||||
-moz-animation-iteration-count: infinite;
|
||||
-ms-animation-iteration-count: infinite;
|
||||
-o-animation-iteration-count: infinite;
|
||||
animation-iteration-count: infinite;
|
||||
-webkit-animation-timing-function: linear;
|
||||
-moz-animation-timing-function: linear;
|
||||
-ms-animation-timing-function: linear;
|
||||
-o-animation-timing-function: linear;
|
||||
animation-timing-function: linear;
|
||||
}
|
||||
/* line 140, ../../src/sass/messenger-spinner.scss */
|
||||
.messenger-spinner .messenger-spinner-side-left {
|
||||
left: 0;
|
||||
}
|
||||
/* line 143, ../../src/sass/messenger-spinner.scss */
|
||||
.messenger-spinner .messenger-spinner-side-left .messenger-spinner-fill {
|
||||
left: 100%;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
-webkit-animation-name: ui-spinner-rotate-left;
|
||||
-moz-animation-name: ui-spinner-rotate-left;
|
||||
-ms-animation-name: ui-spinner-rotate-left;
|
||||
-o-animation-name: ui-spinner-rotate-left;
|
||||
animation-name: ui-spinner-rotate-left;
|
||||
-webkit-transform-origin: 0 50%;
|
||||
-moz-transform-origin: 0 50%;
|
||||
-ms-transform-origin: 0 50%;
|
||||
-o-transform-origin: 0 50%;
|
||||
transform-origin: 0 50%;
|
||||
}
|
||||
/* line 152, ../../src/sass/messenger-spinner.scss */
|
||||
.messenger-spinner .messenger-spinner-side-right {
|
||||
left: 50%;
|
||||
}
|
||||
/* line 155, ../../src/sass/messenger-spinner.scss */
|
||||
.messenger-spinner .messenger-spinner-side-right .messenger-spinner-fill {
|
||||
left: -100%;
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
-webkit-animation-name: ui-spinner-rotate-right;
|
||||
-moz-animation-name: ui-spinner-rotate-right;
|
||||
-ms-animation-name: ui-spinner-rotate-right;
|
||||
-o-animation-name: ui-spinner-rotate-right;
|
||||
animation-name: ui-spinner-rotate-right;
|
||||
-webkit-transform-origin: 100% 50%;
|
||||
-moz-transform-origin: 100% 50%;
|
||||
-ms-transform-origin: 100% 50%;
|
||||
-o-transform-origin: 100% 50%;
|
||||
transform-origin: 100% 50%;
|
||||
}
|
||||
+443
@@ -0,0 +1,443 @@
|
||||
@import url("http://fonts.googleapis.com/css?family=Raleway:400");
|
||||
@-webkit-keyframes ui-spinner-rotate-right {
|
||||
/* line 64, ../../src/sass/messenger-spinner.scss */
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
}
|
||||
|
||||
/* line 65, ../../src/sass/messenger-spinner.scss */
|
||||
25% {
|
||||
-webkit-transform: rotate(180deg);
|
||||
}
|
||||
|
||||
/* line 66, ../../src/sass/messenger-spinner.scss */
|
||||
50% {
|
||||
-webkit-transform: rotate(180deg);
|
||||
}
|
||||
|
||||
/* line 67, ../../src/sass/messenger-spinner.scss */
|
||||
75% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
}
|
||||
|
||||
/* line 68, ../../src/sass/messenger-spinner.scss */
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes ui-spinner-rotate-left {
|
||||
/* line 72, ../../src/sass/messenger-spinner.scss */
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
}
|
||||
|
||||
/* line 73, ../../src/sass/messenger-spinner.scss */
|
||||
25% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
}
|
||||
|
||||
/* line 74, ../../src/sass/messenger-spinner.scss */
|
||||
50% {
|
||||
-webkit-transform: rotate(180deg);
|
||||
}
|
||||
|
||||
/* line 75, ../../src/sass/messenger-spinner.scss */
|
||||
75% {
|
||||
-webkit-transform: rotate(180deg);
|
||||
}
|
||||
|
||||
/* line 76, ../../src/sass/messenger-spinner.scss */
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes ui-spinner-rotate-right {
|
||||
/* line 80, ../../src/sass/messenger-spinner.scss */
|
||||
0% {
|
||||
-moz-transform: rotate(0deg);
|
||||
}
|
||||
|
||||
/* line 81, ../../src/sass/messenger-spinner.scss */
|
||||
25% {
|
||||
-moz-transform: rotate(180deg);
|
||||
}
|
||||
|
||||
/* line 82, ../../src/sass/messenger-spinner.scss */
|
||||
50% {
|
||||
-moz-transform: rotate(180deg);
|
||||
}
|
||||
|
||||
/* line 83, ../../src/sass/messenger-spinner.scss */
|
||||
75% {
|
||||
-moz-transform: rotate(360deg);
|
||||
}
|
||||
|
||||
/* line 84, ../../src/sass/messenger-spinner.scss */
|
||||
100% {
|
||||
-moz-transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes ui-spinner-rotate-left {
|
||||
/* line 88, ../../src/sass/messenger-spinner.scss */
|
||||
0% {
|
||||
-moz-transform: rotate(0deg);
|
||||
}
|
||||
|
||||
/* line 89, ../../src/sass/messenger-spinner.scss */
|
||||
25% {
|
||||
-moz-transform: rotate(0deg);
|
||||
}
|
||||
|
||||
/* line 90, ../../src/sass/messenger-spinner.scss */
|
||||
50% {
|
||||
-moz-transform: rotate(180deg);
|
||||
}
|
||||
|
||||
/* line 91, ../../src/sass/messenger-spinner.scss */
|
||||
75% {
|
||||
-moz-transform: rotate(180deg);
|
||||
}
|
||||
|
||||
/* line 92, ../../src/sass/messenger-spinner.scss */
|
||||
100% {
|
||||
-moz-transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes ui-spinner-rotate-right {
|
||||
/* line 96, ../../src/sass/messenger-spinner.scss */
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
/* line 97, ../../src/sass/messenger-spinner.scss */
|
||||
25% {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
/* line 98, ../../src/sass/messenger-spinner.scss */
|
||||
50% {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
/* line 99, ../../src/sass/messenger-spinner.scss */
|
||||
75% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
|
||||
/* line 100, ../../src/sass/messenger-spinner.scss */
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes ui-spinner-rotate-left {
|
||||
/* line 104, ../../src/sass/messenger-spinner.scss */
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
/* line 105, ../../src/sass/messenger-spinner.scss */
|
||||
25% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
/* line 106, ../../src/sass/messenger-spinner.scss */
|
||||
50% {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
/* line 107, ../../src/sass/messenger-spinner.scss */
|
||||
75% {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
/* line 108, ../../src/sass/messenger-spinner.scss */
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
/* line 116, ../../src/sass/messenger-spinner.scss */
|
||||
.messenger-spinner {
|
||||
position: relative;
|
||||
border-radius: 100%;
|
||||
}
|
||||
/* line 120, ../../src/sass/messenger-spinner.scss */
|
||||
ul.messenger.messenger-spinner-active .messenger-spinner .messenger-spinner {
|
||||
display: block;
|
||||
}
|
||||
/* line 124, ../../src/sass/messenger-spinner.scss */
|
||||
.messenger-spinner .messenger-spinner-side {
|
||||
width: 50%;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
}
|
||||
/* line 130, ../../src/sass/messenger-spinner.scss */
|
||||
.messenger-spinner .messenger-spinner-side .messenger-spinner-fill {
|
||||
border-radius: 999px;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
-webkit-animation-iteration-count: infinite;
|
||||
-moz-animation-iteration-count: infinite;
|
||||
-ms-animation-iteration-count: infinite;
|
||||
-o-animation-iteration-count: infinite;
|
||||
animation-iteration-count: infinite;
|
||||
-webkit-animation-timing-function: linear;
|
||||
-moz-animation-timing-function: linear;
|
||||
-ms-animation-timing-function: linear;
|
||||
-o-animation-timing-function: linear;
|
||||
animation-timing-function: linear;
|
||||
}
|
||||
/* line 140, ../../src/sass/messenger-spinner.scss */
|
||||
.messenger-spinner .messenger-spinner-side-left {
|
||||
left: 0;
|
||||
}
|
||||
/* line 143, ../../src/sass/messenger-spinner.scss */
|
||||
.messenger-spinner .messenger-spinner-side-left .messenger-spinner-fill {
|
||||
left: 100%;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
-webkit-animation-name: ui-spinner-rotate-left;
|
||||
-moz-animation-name: ui-spinner-rotate-left;
|
||||
-ms-animation-name: ui-spinner-rotate-left;
|
||||
-o-animation-name: ui-spinner-rotate-left;
|
||||
animation-name: ui-spinner-rotate-left;
|
||||
-webkit-transform-origin: 0 50%;
|
||||
-moz-transform-origin: 0 50%;
|
||||
-ms-transform-origin: 0 50%;
|
||||
-o-transform-origin: 0 50%;
|
||||
transform-origin: 0 50%;
|
||||
}
|
||||
/* line 152, ../../src/sass/messenger-spinner.scss */
|
||||
.messenger-spinner .messenger-spinner-side-right {
|
||||
left: 50%;
|
||||
}
|
||||
/* line 155, ../../src/sass/messenger-spinner.scss */
|
||||
.messenger-spinner .messenger-spinner-side-right .messenger-spinner-fill {
|
||||
left: -100%;
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
-webkit-animation-name: ui-spinner-rotate-right;
|
||||
-moz-animation-name: ui-spinner-rotate-right;
|
||||
-ms-animation-name: ui-spinner-rotate-right;
|
||||
-o-animation-name: ui-spinner-rotate-right;
|
||||
animation-name: ui-spinner-rotate-right;
|
||||
-webkit-transform-origin: 100% 50%;
|
||||
-moz-transform-origin: 100% 50%;
|
||||
-ms-transform-origin: 100% 50%;
|
||||
-o-transform-origin: 100% 50%;
|
||||
transform-origin: 100% 50%;
|
||||
}
|
||||
|
||||
/* line 16, ../../src/sass/messenger-theme-air.sass */
|
||||
ul.messenger-theme-air {
|
||||
-moz-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
-o-user-select: none;
|
||||
user-select: none;
|
||||
font-family: "Raleway", sans-serif;
|
||||
}
|
||||
/* line 20, ../../src/sass/messenger-theme-air.sass */
|
||||
ul.messenger-theme-air.messenger-empty {
|
||||
display: none;
|
||||
}
|
||||
/* line 23, ../../src/sass/messenger-theme-air.sass */
|
||||
ul.messenger-theme-air .messenger-message {
|
||||
-webkit-transition: background-color 0.4s;
|
||||
-moz-transition: background-color 0.4s;
|
||||
-o-transition: background-color 0.4s;
|
||||
transition: background-color 0.4s;
|
||||
-webkit-border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
-ms-border-radius: 5px;
|
||||
-o-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
-webkit-box-shadow: inset 0 0 0 1px white, inset 0 2px white, 0 0 0 1px rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.2);
|
||||
-moz-box-shadow: inset 0 0 0 1px white, inset 0 2px white, 0 0 0 1px rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.2);
|
||||
box-shadow: inset 0 0 0 1px white, inset 0 2px white, 0 0 0 1px rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.2);
|
||||
border: 0px;
|
||||
background-color: rgba(255, 255, 255, 0.8);
|
||||
position: relative;
|
||||
margin-bottom: 1em;
|
||||
font-size: 13px;
|
||||
color: #666666;
|
||||
font-weight: 500;
|
||||
padding: 10px 30px 11px 46px;
|
||||
}
|
||||
/* line 36, ../../src/sass/messenger-theme-air.sass */
|
||||
ul.messenger-theme-air .messenger-message:hover {
|
||||
background-color: white;
|
||||
}
|
||||
/* line 39, ../../src/sass/messenger-theme-air.sass */
|
||||
ul.messenger-theme-air .messenger-message .close {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
right: 0px;
|
||||
color: #888888;
|
||||
opacity: 1;
|
||||
font-weight: bold;
|
||||
display: block;
|
||||
font-size: 20px;
|
||||
line-height: 20px;
|
||||
padding: 8px 10px 7px 7px;
|
||||
cursor: pointer;
|
||||
background: transparent;
|
||||
border: 0;
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
/* line 55, ../../src/sass/messenger-theme-air.sass */
|
||||
ul.messenger-theme-air .messenger-message .close:hover {
|
||||
color: #444444;
|
||||
}
|
||||
/* line 58, ../../src/sass/messenger-theme-air.sass */
|
||||
ul.messenger-theme-air .messenger-message .close:active {
|
||||
color: #222222;
|
||||
}
|
||||
/* line 61, ../../src/sass/messenger-theme-air.sass */
|
||||
ul.messenger-theme-air .messenger-message .messenger-actions {
|
||||
float: none;
|
||||
margin-top: 10px;
|
||||
}
|
||||
/* line 65, ../../src/sass/messenger-theme-air.sass */
|
||||
ul.messenger-theme-air .messenger-message .messenger-actions a {
|
||||
-webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px rgba(255, 255, 255, 0.05);
|
||||
-moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px rgba(255, 255, 255, 0.05);
|
||||
box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px rgba(255, 255, 255, 0.05);
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-ms-border-radius: 4px;
|
||||
-o-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
text-decoration: none;
|
||||
display: inline-block;
|
||||
padding: 10px;
|
||||
color: #888888;
|
||||
margin-right: 10px;
|
||||
padding: 3px 10px 5px;
|
||||
text-transform: capitalize;
|
||||
}
|
||||
/* line 76, ../../src/sass/messenger-theme-air.sass */
|
||||
ul.messenger-theme-air .messenger-message .messenger-actions a:hover {
|
||||
-webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px rgba(255, 255, 255, 0.15);
|
||||
-moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px rgba(255, 255, 255, 0.15);
|
||||
box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px rgba(255, 255, 255, 0.15);
|
||||
color: #444444;
|
||||
}
|
||||
/* line 80, ../../src/sass/messenger-theme-air.sass */
|
||||
ul.messenger-theme-air .messenger-message .messenger-actions a:active {
|
||||
-webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.18), inset 0px 1px rgba(0, 0, 0, 0.05);
|
||||
-moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.18), inset 0px 1px rgba(0, 0, 0, 0.05);
|
||||
box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.18), inset 0px 1px rgba(0, 0, 0, 0.05);
|
||||
background: rgba(0, 0, 0, 0.04);
|
||||
color: #444444;
|
||||
}
|
||||
/* line 85, ../../src/sass/messenger-theme-air.sass */
|
||||
ul.messenger-theme-air .messenger-message .messenger-actions .messenger-phrase {
|
||||
display: none;
|
||||
}
|
||||
/* line 88, ../../src/sass/messenger-theme-air.sass */
|
||||
ul.messenger-theme-air .messenger-message .messenger-message-inner:before {
|
||||
-webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
|
||||
-moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
|
||||
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
|
||||
-webkit-border-radius: 50%;
|
||||
-moz-border-radius: 50%;
|
||||
-ms-border-radius: 50%;
|
||||
-o-border-radius: 50%;
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
left: 17px;
|
||||
display: block;
|
||||
content: " ";
|
||||
top: 50%;
|
||||
margin-top: -8px;
|
||||
height: 13px;
|
||||
width: 13px;
|
||||
z-index: 20;
|
||||
}
|
||||
/* line 102, ../../src/sass/messenger-theme-air.sass */
|
||||
ul.messenger-theme-air .messenger-message.alert-success .messenger-message-inner:before {
|
||||
background-color: #5fca4a;
|
||||
}
|
||||
/* line 32, ../../src/sass/messenger-spinner.scss */
|
||||
ul.messenger-theme-air .messenger-message.alert-error.messenger-retry-soon .messenger-spinner {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background: transparent;
|
||||
}
|
||||
/* line 37, ../../src/sass/messenger-spinner.scss */
|
||||
ul.messenger-theme-air .messenger-message.alert-error.messenger-retry-soon .messenger-spinner .messenger-spinner-side .messenger-spinner-fill {
|
||||
background: #dd6a45;
|
||||
-webkit-animation-duration: 20s;
|
||||
-moz-animation-duration: 20s;
|
||||
-ms-animation-duration: 20s;
|
||||
-o-animation-duration: 20s;
|
||||
animation-duration: 20s;
|
||||
opacity: 1;
|
||||
}
|
||||
/* line 45, ../../src/sass/messenger-spinner.scss */
|
||||
ul.messenger-theme-air .messenger-message.alert-error.messenger-retry-soon .messenger-spinner:after {
|
||||
content: "";
|
||||
background: white;
|
||||
position: absolute;
|
||||
width: 19px;
|
||||
height: 19px;
|
||||
border-radius: 50%;
|
||||
top: 2px;
|
||||
left: 2px;
|
||||
display: block;
|
||||
}
|
||||
/* line 32, ../../src/sass/messenger-spinner.scss */
|
||||
ul.messenger-theme-air .messenger-message.alert-error.messenger-retry-later .messenger-spinner {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background: transparent;
|
||||
}
|
||||
/* line 37, ../../src/sass/messenger-spinner.scss */
|
||||
ul.messenger-theme-air .messenger-message.alert-error.messenger-retry-later .messenger-spinner .messenger-spinner-side .messenger-spinner-fill {
|
||||
background: #dd6a45;
|
||||
-webkit-animation-duration: 600s;
|
||||
-moz-animation-duration: 600s;
|
||||
-ms-animation-duration: 600s;
|
||||
-o-animation-duration: 600s;
|
||||
animation-duration: 600s;
|
||||
opacity: 1;
|
||||
}
|
||||
/* line 45, ../../src/sass/messenger-spinner.scss */
|
||||
ul.messenger-theme-air .messenger-message.alert-error.messenger-retry-later .messenger-spinner:after {
|
||||
content: "";
|
||||
background: white;
|
||||
position: absolute;
|
||||
width: 19px;
|
||||
height: 19px;
|
||||
border-radius: 50%;
|
||||
top: 2px;
|
||||
left: 2px;
|
||||
display: block;
|
||||
}
|
||||
/* line 112, ../../src/sass/messenger-theme-air.sass */
|
||||
ul.messenger-theme-air .messenger-message.alert-error .messenger-message-inner:before {
|
||||
background-color: #dd6a45;
|
||||
}
|
||||
/* line 116, ../../src/sass/messenger-theme-air.sass */
|
||||
ul.messenger-theme-air .messenger-message.alert-info .messenger-message-inner:before {
|
||||
background-color: #61c4b8;
|
||||
}
|
||||
/* line 119, ../../src/sass/messenger-theme-air.sass */
|
||||
ul.messenger-theme-air .messenger-spinner {
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: 12px;
|
||||
top: 50%;
|
||||
margin-top: -13px;
|
||||
z-index: 999;
|
||||
height: 24px;
|
||||
width: 24px;
|
||||
z-index: 10;
|
||||
}
|
||||
+46
@@ -0,0 +1,46 @@
|
||||
/* line 4, ../../src/sass/messenger-theme-block.sass */
|
||||
ul.messenger.messenger-theme-block.messenger-fixed {
|
||||
width: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
margin-left: 0px;
|
||||
}
|
||||
/* line 10, ../../src/sass/messenger-theme-block.sass */
|
||||
ul.messenger.messenger-theme-block.messenger-fixed.messenger-on-bottom {
|
||||
top: auto;
|
||||
bottom: 0;
|
||||
}
|
||||
/* line 14, ../../src/sass/messenger-theme-block.sass */
|
||||
ul.messenger.messenger-theme-block.messenger-fixed.messenger-on-top {
|
||||
top: 0px;
|
||||
bottom: auto;
|
||||
}
|
||||
/* line 18, ../../src/sass/messenger-theme-block.sass */
|
||||
ul.messenger.messenger-theme-block.messenger-fixed.messenger-on-top, ul.messenger.messenger-theme-block.messenger-fixed.messenger-on-bottom {
|
||||
left: 0px;
|
||||
right: 0px;
|
||||
}
|
||||
/* line 22, ../../src/sass/messenger-theme-block.sass */
|
||||
ul.messenger.messenger-theme-block.messenger-fixed.messenger-on-top.messenger-on-right, ul.messenger.messenger-theme-block.messenger-fixed.messenger-on-top.messenger-on-left, ul.messenger.messenger-theme-block.messenger-fixed.messenger-on-bottom.messenger-on-right, ul.messenger.messenger-theme-block.messenger-fixed.messenger-on-bottom.messenger-on-left {
|
||||
width: 350px;
|
||||
}
|
||||
/* line 25, ../../src/sass/messenger-theme-block.sass */
|
||||
ul.messenger.messenger-theme-block.messenger-fixed.messenger-on-top.messenger-on-left, ul.messenger.messenger-theme-block.messenger-fixed.messenger-on-bottom.messenger-on-left {
|
||||
right: auto;
|
||||
}
|
||||
/* line 28, ../../src/sass/messenger-theme-block.sass */
|
||||
ul.messenger.messenger-theme-block.messenger-fixed.messenger-on-top.messenger-on-right, ul.messenger.messenger-theme-block.messenger-fixed.messenger-on-bottom.messenger-on-right {
|
||||
left: auto;
|
||||
}
|
||||
/* line 31, ../../src/sass/messenger-theme-block.sass */
|
||||
ul.messenger.messenger-theme-block.messenger-fixed .messenger-message-slot {
|
||||
max-width: none;
|
||||
}
|
||||
/* line 34, ../../src/sass/messenger-theme-block.sass */
|
||||
ul.messenger.messenger-theme-block.messenger-fixed .messenger-message {
|
||||
margin-bottom: 0;
|
||||
text-align: center;
|
||||
padding: 1em;
|
||||
font-size: 120%;
|
||||
border-radius: 0;
|
||||
}
|
||||
+496
@@ -0,0 +1,496 @@
|
||||
@-webkit-keyframes ui-spinner-rotate-right {
|
||||
/* line 64, ../../src/sass/messenger-spinner.scss */
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
}
|
||||
|
||||
/* line 65, ../../src/sass/messenger-spinner.scss */
|
||||
25% {
|
||||
-webkit-transform: rotate(180deg);
|
||||
}
|
||||
|
||||
/* line 66, ../../src/sass/messenger-spinner.scss */
|
||||
50% {
|
||||
-webkit-transform: rotate(180deg);
|
||||
}
|
||||
|
||||
/* line 67, ../../src/sass/messenger-spinner.scss */
|
||||
75% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
}
|
||||
|
||||
/* line 68, ../../src/sass/messenger-spinner.scss */
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes ui-spinner-rotate-left {
|
||||
/* line 72, ../../src/sass/messenger-spinner.scss */
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
}
|
||||
|
||||
/* line 73, ../../src/sass/messenger-spinner.scss */
|
||||
25% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
}
|
||||
|
||||
/* line 74, ../../src/sass/messenger-spinner.scss */
|
||||
50% {
|
||||
-webkit-transform: rotate(180deg);
|
||||
}
|
||||
|
||||
/* line 75, ../../src/sass/messenger-spinner.scss */
|
||||
75% {
|
||||
-webkit-transform: rotate(180deg);
|
||||
}
|
||||
|
||||
/* line 76, ../../src/sass/messenger-spinner.scss */
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes ui-spinner-rotate-right {
|
||||
/* line 80, ../../src/sass/messenger-spinner.scss */
|
||||
0% {
|
||||
-moz-transform: rotate(0deg);
|
||||
}
|
||||
|
||||
/* line 81, ../../src/sass/messenger-spinner.scss */
|
||||
25% {
|
||||
-moz-transform: rotate(180deg);
|
||||
}
|
||||
|
||||
/* line 82, ../../src/sass/messenger-spinner.scss */
|
||||
50% {
|
||||
-moz-transform: rotate(180deg);
|
||||
}
|
||||
|
||||
/* line 83, ../../src/sass/messenger-spinner.scss */
|
||||
75% {
|
||||
-moz-transform: rotate(360deg);
|
||||
}
|
||||
|
||||
/* line 84, ../../src/sass/messenger-spinner.scss */
|
||||
100% {
|
||||
-moz-transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes ui-spinner-rotate-left {
|
||||
/* line 88, ../../src/sass/messenger-spinner.scss */
|
||||
0% {
|
||||
-moz-transform: rotate(0deg);
|
||||
}
|
||||
|
||||
/* line 89, ../../src/sass/messenger-spinner.scss */
|
||||
25% {
|
||||
-moz-transform: rotate(0deg);
|
||||
}
|
||||
|
||||
/* line 90, ../../src/sass/messenger-spinner.scss */
|
||||
50% {
|
||||
-moz-transform: rotate(180deg);
|
||||
}
|
||||
|
||||
/* line 91, ../../src/sass/messenger-spinner.scss */
|
||||
75% {
|
||||
-moz-transform: rotate(180deg);
|
||||
}
|
||||
|
||||
/* line 92, ../../src/sass/messenger-spinner.scss */
|
||||
100% {
|
||||
-moz-transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes ui-spinner-rotate-right {
|
||||
/* line 96, ../../src/sass/messenger-spinner.scss */
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
/* line 97, ../../src/sass/messenger-spinner.scss */
|
||||
25% {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
/* line 98, ../../src/sass/messenger-spinner.scss */
|
||||
50% {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
/* line 99, ../../src/sass/messenger-spinner.scss */
|
||||
75% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
|
||||
/* line 100, ../../src/sass/messenger-spinner.scss */
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes ui-spinner-rotate-left {
|
||||
/* line 104, ../../src/sass/messenger-spinner.scss */
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
/* line 105, ../../src/sass/messenger-spinner.scss */
|
||||
25% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
/* line 106, ../../src/sass/messenger-spinner.scss */
|
||||
50% {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
/* line 107, ../../src/sass/messenger-spinner.scss */
|
||||
75% {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
/* line 108, ../../src/sass/messenger-spinner.scss */
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
/* line 116, ../../src/sass/messenger-spinner.scss */
|
||||
.messenger-spinner {
|
||||
position: relative;
|
||||
border-radius: 100%;
|
||||
}
|
||||
/* line 120, ../../src/sass/messenger-spinner.scss */
|
||||
ul.messenger.messenger-spinner-active .messenger-spinner .messenger-spinner {
|
||||
display: block;
|
||||
}
|
||||
/* line 124, ../../src/sass/messenger-spinner.scss */
|
||||
.messenger-spinner .messenger-spinner-side {
|
||||
width: 50%;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
}
|
||||
/* line 130, ../../src/sass/messenger-spinner.scss */
|
||||
.messenger-spinner .messenger-spinner-side .messenger-spinner-fill {
|
||||
border-radius: 999px;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
-webkit-animation-iteration-count: infinite;
|
||||
-moz-animation-iteration-count: infinite;
|
||||
-ms-animation-iteration-count: infinite;
|
||||
-o-animation-iteration-count: infinite;
|
||||
animation-iteration-count: infinite;
|
||||
-webkit-animation-timing-function: linear;
|
||||
-moz-animation-timing-function: linear;
|
||||
-ms-animation-timing-function: linear;
|
||||
-o-animation-timing-function: linear;
|
||||
animation-timing-function: linear;
|
||||
}
|
||||
/* line 140, ../../src/sass/messenger-spinner.scss */
|
||||
.messenger-spinner .messenger-spinner-side-left {
|
||||
left: 0;
|
||||
}
|
||||
/* line 143, ../../src/sass/messenger-spinner.scss */
|
||||
.messenger-spinner .messenger-spinner-side-left .messenger-spinner-fill {
|
||||
left: 100%;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
-webkit-animation-name: ui-spinner-rotate-left;
|
||||
-moz-animation-name: ui-spinner-rotate-left;
|
||||
-ms-animation-name: ui-spinner-rotate-left;
|
||||
-o-animation-name: ui-spinner-rotate-left;
|
||||
animation-name: ui-spinner-rotate-left;
|
||||
-webkit-transform-origin: 0 50%;
|
||||
-moz-transform-origin: 0 50%;
|
||||
-ms-transform-origin: 0 50%;
|
||||
-o-transform-origin: 0 50%;
|
||||
transform-origin: 0 50%;
|
||||
}
|
||||
/* line 152, ../../src/sass/messenger-spinner.scss */
|
||||
.messenger-spinner .messenger-spinner-side-right {
|
||||
left: 50%;
|
||||
}
|
||||
/* line 155, ../../src/sass/messenger-spinner.scss */
|
||||
.messenger-spinner .messenger-spinner-side-right .messenger-spinner-fill {
|
||||
left: -100%;
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
-webkit-animation-name: ui-spinner-rotate-right;
|
||||
-moz-animation-name: ui-spinner-rotate-right;
|
||||
-ms-animation-name: ui-spinner-rotate-right;
|
||||
-o-animation-name: ui-spinner-rotate-right;
|
||||
animation-name: ui-spinner-rotate-right;
|
||||
-webkit-transform-origin: 100% 50%;
|
||||
-moz-transform-origin: 100% 50%;
|
||||
-ms-transform-origin: 100% 50%;
|
||||
-o-transform-origin: 100% 50%;
|
||||
transform-origin: 100% 50%;
|
||||
}
|
||||
|
||||
/* line 15, ../../src/sass/messenger-theme-future.sass */
|
||||
ul.messenger-theme-future {
|
||||
-webkit-box-shadow: inset 0px 1px rgba(255, 255, 255, 0.24), 0px 1px 5px rgba(0, 0, 0, 0.6);
|
||||
-moz-box-shadow: inset 0px 1px rgba(255, 255, 255, 0.24), 0px 1px 5px rgba(0, 0, 0, 0.6);
|
||||
box-shadow: inset 0px 1px rgba(255, 255, 255, 0.24), 0px 1px 5px rgba(0, 0, 0, 0.6);
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-ms-border-radius: 4px;
|
||||
-o-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
-moz-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
-o-user-select: none;
|
||||
user-select: none;
|
||||
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5c5b5b), color-stop(100%, #353535));
|
||||
background-image: -webkit-linear-gradient(#5c5b5b, #353535);
|
||||
background-image: -moz-linear-gradient(#5c5b5b, #353535);
|
||||
background-image: -o-linear-gradient(#5c5b5b, #353535);
|
||||
background-image: linear-gradient(#5c5b5b, #353535);
|
||||
background-color: #5c5b5b;
|
||||
border: 1px solid rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
/* line 24, ../../src/sass/messenger-theme-future.sass */
|
||||
ul.messenger-theme-future.messenger-empty {
|
||||
display: none;
|
||||
}
|
||||
/* line 27, ../../src/sass/messenger-theme-future.sass */
|
||||
ul.messenger-theme-future .messenger-message {
|
||||
-webkit-box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 0px -1px rgba(0, 0, 0, 0.23), inset 48px 0px 0px rgba(0, 0, 0, 0.3), inset 46px 0px 0px rgba(255, 255, 255, 0.07);
|
||||
-moz-box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 0px -1px rgba(0, 0, 0, 0.23), inset 48px 0px 0px rgba(0, 0, 0, 0.3), inset 46px 0px 0px rgba(255, 255, 255, 0.07);
|
||||
box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 0px -1px rgba(0, 0, 0, 0.23), inset 48px 0px 0px rgba(0, 0, 0, 0.3), inset 46px 0px 0px rgba(255, 255, 255, 0.07);
|
||||
-webkit-border-radius: 0px;
|
||||
-moz-border-radius: 0px;
|
||||
-ms-border-radius: 0px;
|
||||
-o-border-radius: 0px;
|
||||
border-radius: 0px;
|
||||
position: relative;
|
||||
border: 0px;
|
||||
margin-bottom: 0px;
|
||||
font-size: 13px;
|
||||
background: transparent;
|
||||
color: #f0f0f0;
|
||||
text-shadow: 0px 1px #111111;
|
||||
font-weight: 500;
|
||||
padding: 10px 30px 13px 65px;
|
||||
}
|
||||
/* line 40, ../../src/sass/messenger-theme-future.sass */
|
||||
ul.messenger-theme-future .messenger-message .close {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
right: 0px;
|
||||
color: #888888;
|
||||
text-shadow: 0px 1px black;
|
||||
opacity: 1;
|
||||
font-weight: bold;
|
||||
display: block;
|
||||
font-size: 20px;
|
||||
line-height: 20px;
|
||||
padding: 8px 10px 7px 7px;
|
||||
cursor: pointer;
|
||||
background: transparent;
|
||||
border: 0;
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
/* line 57, ../../src/sass/messenger-theme-future.sass */
|
||||
ul.messenger-theme-future .messenger-message .close:hover {
|
||||
color: #bbbbbb;
|
||||
}
|
||||
/* line 60, ../../src/sass/messenger-theme-future.sass */
|
||||
ul.messenger-theme-future .messenger-message .close:active {
|
||||
color: #777777;
|
||||
}
|
||||
/* line 63, ../../src/sass/messenger-theme-future.sass */
|
||||
ul.messenger-theme-future .messenger-message .messenger-actions {
|
||||
float: none;
|
||||
margin-top: 10px;
|
||||
}
|
||||
/* line 67, ../../src/sass/messenger-theme-future.sass */
|
||||
ul.messenger-theme-future .messenger-message .messenger-actions a {
|
||||
-webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2), inset 0px 1px rgba(255, 255, 255, 0.1);
|
||||
-moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2), inset 0px 1px rgba(255, 255, 255, 0.1);
|
||||
box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2), inset 0px 1px rgba(255, 255, 255, 0.1);
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-ms-border-radius: 4px;
|
||||
-o-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
text-decoration: none;
|
||||
display: inline-block;
|
||||
padding: 10px;
|
||||
color: #aaaaaa;
|
||||
text-shadow: 0px 1px #222222;
|
||||
margin-right: 10px;
|
||||
padding: 3px 10px 5px;
|
||||
text-transform: capitalize;
|
||||
}
|
||||
/* line 79, ../../src/sass/messenger-theme-future.sass */
|
||||
ul.messenger-theme-future .messenger-message .messenger-actions a:hover {
|
||||
-webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2), inset 0px 1px rgba(255, 255, 255, 0.2);
|
||||
-moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2), inset 0px 1px rgba(255, 255, 255, 0.2);
|
||||
box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2), inset 0px 1px rgba(255, 255, 255, 0.2);
|
||||
color: #f0f0f0;
|
||||
}
|
||||
/* line 83, ../../src/sass/messenger-theme-future.sass */
|
||||
ul.messenger-theme-future .messenger-message .messenger-actions a:active {
|
||||
-webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.28), inset 0px 1px rgba(0, 0, 0, 0.1);
|
||||
-moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.28), inset 0px 1px rgba(0, 0, 0, 0.1);
|
||||
box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.28), inset 0px 1px rgba(0, 0, 0, 0.1);
|
||||
background: rgba(0, 0, 0, 0.04);
|
||||
color: #aaaaaa;
|
||||
}
|
||||
/* line 88, ../../src/sass/messenger-theme-future.sass */
|
||||
ul.messenger-theme-future .messenger-message .messenger-actions .messenger-phrase {
|
||||
display: none;
|
||||
}
|
||||
/* line 91, ../../src/sass/messenger-theme-future.sass */
|
||||
ul.messenger-theme-future .messenger-message .messenger-message-inner:before {
|
||||
-webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.6), 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
|
||||
-moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.6), 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
|
||||
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.6), 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
|
||||
-webkit-border-radius: 50%;
|
||||
-moz-border-radius: 50%;
|
||||
-ms-border-radius: 50%;
|
||||
-o-border-radius: 50%;
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
left: 17px;
|
||||
display: block;
|
||||
content: " ";
|
||||
top: 50%;
|
||||
margin-top: -8px;
|
||||
height: 13px;
|
||||
width: 13px;
|
||||
z-index: 20;
|
||||
}
|
||||
/* line 105, ../../src/sass/messenger-theme-future.sass */
|
||||
ul.messenger-theme-future .messenger-message.alert-success .messenger-message-inner:before {
|
||||
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5fca4a), color-stop(100%, #098d38));
|
||||
background-image: -webkit-linear-gradient(top, #5fca4a, #098d38);
|
||||
background-image: -moz-linear-gradient(top, #5fca4a, #098d38);
|
||||
background-image: -o-linear-gradient(top, #5fca4a, #098d38);
|
||||
background-image: linear-gradient(top, #5fca4a, #098d38);
|
||||
background-color: #5fca4a;
|
||||
}
|
||||
/* line 32, ../../src/sass/messenger-spinner.scss */
|
||||
ul.messenger-theme-future .messenger-message.alert-error.messenger-retry-soon .messenger-spinner {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
background: transparent;
|
||||
}
|
||||
/* line 37, ../../src/sass/messenger-spinner.scss */
|
||||
ul.messenger-theme-future .messenger-message.alert-error.messenger-retry-soon .messenger-spinner .messenger-spinner-side .messenger-spinner-fill {
|
||||
background: #dd6a45;
|
||||
-webkit-animation-duration: 20s;
|
||||
-moz-animation-duration: 20s;
|
||||
-ms-animation-duration: 20s;
|
||||
-o-animation-duration: 20s;
|
||||
animation-duration: 20s;
|
||||
opacity: 1;
|
||||
}
|
||||
/* line 45, ../../src/sass/messenger-spinner.scss */
|
||||
ul.messenger-theme-future .messenger-message.alert-error.messenger-retry-soon .messenger-spinner:after {
|
||||
content: "";
|
||||
background: #333333;
|
||||
position: absolute;
|
||||
width: 26px;
|
||||
height: 26px;
|
||||
border-radius: 50%;
|
||||
top: 3px;
|
||||
left: 3px;
|
||||
display: block;
|
||||
}
|
||||
/* line 32, ../../src/sass/messenger-spinner.scss */
|
||||
ul.messenger-theme-future .messenger-message.alert-error.messenger-retry-later .messenger-spinner {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
background: transparent;
|
||||
}
|
||||
/* line 37, ../../src/sass/messenger-spinner.scss */
|
||||
ul.messenger-theme-future .messenger-message.alert-error.messenger-retry-later .messenger-spinner .messenger-spinner-side .messenger-spinner-fill {
|
||||
background: #dd6a45;
|
||||
-webkit-animation-duration: 600s;
|
||||
-moz-animation-duration: 600s;
|
||||
-ms-animation-duration: 600s;
|
||||
-o-animation-duration: 600s;
|
||||
animation-duration: 600s;
|
||||
opacity: 1;
|
||||
}
|
||||
/* line 45, ../../src/sass/messenger-spinner.scss */
|
||||
ul.messenger-theme-future .messenger-message.alert-error.messenger-retry-later .messenger-spinner:after {
|
||||
content: "";
|
||||
background: #333333;
|
||||
position: absolute;
|
||||
width: 26px;
|
||||
height: 26px;
|
||||
border-radius: 50%;
|
||||
top: 3px;
|
||||
left: 3px;
|
||||
display: block;
|
||||
}
|
||||
/* line 116, ../../src/sass/messenger-theme-future.sass */
|
||||
ul.messenger-theme-future .messenger-message.alert-error .messenger-message-inner:before {
|
||||
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dd6a45), color-stop(100%, #91361a));
|
||||
background-image: -webkit-linear-gradient(top, #dd6a45, #91361a);
|
||||
background-image: -moz-linear-gradient(top, #dd6a45, #91361a);
|
||||
background-image: -o-linear-gradient(top, #dd6a45, #91361a);
|
||||
background-image: linear-gradient(top, #dd6a45, #91361a);
|
||||
background-color: #dd6a45;
|
||||
}
|
||||
/* line 121, ../../src/sass/messenger-theme-future.sass */
|
||||
ul.messenger-theme-future .messenger-message.alert-info .messenger-message-inner:before {
|
||||
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #61c4b8), color-stop(100%, #1992a3));
|
||||
background-image: -webkit-linear-gradient(top, #61c4b8, #1992a3);
|
||||
background-image: -moz-linear-gradient(top, #61c4b8, #1992a3);
|
||||
background-image: -o-linear-gradient(top, #61c4b8, #1992a3);
|
||||
background-image: linear-gradient(top, #61c4b8, #1992a3);
|
||||
background-color: #61c4b8;
|
||||
}
|
||||
/* line 127, ../../src/sass/messenger-theme-future.sass */
|
||||
ul.messenger-theme-future .messenger-message-slot.last .messenger-message {
|
||||
-webkit-border-radius: 4px 4px 0px 0px;
|
||||
-moz-border-radius: 4px 4px 0px 0px;
|
||||
-ms-border-radius: 4px 4px 0px 0px;
|
||||
-o-border-radius: 4px 4px 0px 0px;
|
||||
border-radius: 4px 4px 0px 0px;
|
||||
}
|
||||
/* line 130, ../../src/sass/messenger-theme-future.sass */
|
||||
ul.messenger-theme-future .messenger-message-slot.first .messenger-message {
|
||||
-webkit-border-radius: 0px 0px 4px 4px;
|
||||
-moz-border-radius: 0px 0px 4px 4px;
|
||||
-ms-border-radius: 0px 0px 4px 4px;
|
||||
-o-border-radius: 0px 0px 4px 4px;
|
||||
border-radius: 0px 0px 4px 4px;
|
||||
-webkit-box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 48px 0px 0px rgba(0, 0, 0, 0.3), inset 46px 0px 0px rgba(255, 255, 255, 0.07);
|
||||
-moz-box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 48px 0px 0px rgba(0, 0, 0, 0.3), inset 46px 0px 0px rgba(255, 255, 255, 0.07);
|
||||
box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 48px 0px 0px rgba(0, 0, 0, 0.3), inset 46px 0px 0px rgba(255, 255, 255, 0.07);
|
||||
}
|
||||
/* line 134, ../../src/sass/messenger-theme-future.sass */
|
||||
ul.messenger-theme-future .messenger-message-slot.first.last .messenger-message {
|
||||
-webkit-box-shadow: inset 48px 0px 0px rgba(0, 0, 0, 0.3), inset 46px 0px 0px rgba(255, 255, 255, 0.07);
|
||||
-moz-box-shadow: inset 48px 0px 0px rgba(0, 0, 0, 0.3), inset 46px 0px 0px rgba(255, 255, 255, 0.07);
|
||||
box-shadow: inset 48px 0px 0px rgba(0, 0, 0, 0.3), inset 46px 0px 0px rgba(255, 255, 255, 0.07);
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-ms-border-radius: 4px;
|
||||
-o-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
/* line 138, ../../src/sass/messenger-theme-future.sass */
|
||||
ul.messenger-theme-future .messenger-spinner {
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: 7px;
|
||||
top: 50%;
|
||||
margin-top: -18px;
|
||||
z-index: 999;
|
||||
height: 32px;
|
||||
width: 32px;
|
||||
z-index: 10;
|
||||
}
|
||||
+118
@@ -0,0 +1,118 @@
|
||||
@import url("http://fonts.googleapis.com/css?family=Raleway:400");
|
||||
/* line 12, ../../src/sass/messenger-theme-ice.sass */
|
||||
ul.messenger-theme-ice {
|
||||
-moz-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
-o-user-select: none;
|
||||
user-select: none;
|
||||
font-family: "Raleway", sans-serif;
|
||||
}
|
||||
/* line 16, ../../src/sass/messenger-theme-ice.sass */
|
||||
ul.messenger-theme-ice.messenger-empty {
|
||||
display: none;
|
||||
}
|
||||
/* line 19, ../../src/sass/messenger-theme-ice.sass */
|
||||
ul.messenger-theme-ice .messenger-message {
|
||||
-webkit-border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
-ms-border-radius: 5px;
|
||||
-o-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.14), 0 4px #aaaaaa, 0 5px rgba(0, 0, 0, 0.05);
|
||||
-moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.14), 0 4px #aaaaaa, 0 5px rgba(0, 0, 0, 0.05);
|
||||
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.14), 0 4px #aaaaaa, 0 5px rgba(0, 0, 0, 0.05);
|
||||
border: 0px;
|
||||
background-color: #f6f6f6;
|
||||
position: relative;
|
||||
margin-bottom: 1.5em;
|
||||
font-size: 13px;
|
||||
color: #666666;
|
||||
font-weight: 500;
|
||||
padding: 12px 22px;
|
||||
}
|
||||
/* line 31, ../../src/sass/messenger-theme-ice.sass */
|
||||
ul.messenger-theme-ice .messenger-message .close {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
right: 0px;
|
||||
color: #888888;
|
||||
opacity: 1;
|
||||
font-weight: bold;
|
||||
display: block;
|
||||
font-size: 20px;
|
||||
line-height: 20px;
|
||||
padding: 8px 10px 7px 7px;
|
||||
cursor: pointer;
|
||||
background: transparent;
|
||||
border: 0;
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
/* line 47, ../../src/sass/messenger-theme-ice.sass */
|
||||
ul.messenger-theme-ice .messenger-message .close:hover {
|
||||
color: #444444;
|
||||
}
|
||||
/* line 50, ../../src/sass/messenger-theme-ice.sass */
|
||||
ul.messenger-theme-ice .messenger-message .close:active {
|
||||
color: #222222;
|
||||
}
|
||||
/* line 53, ../../src/sass/messenger-theme-ice.sass */
|
||||
ul.messenger-theme-ice .messenger-message .messenger-actions {
|
||||
float: none;
|
||||
margin-top: 10px;
|
||||
}
|
||||
/* line 57, ../../src/sass/messenger-theme-ice.sass */
|
||||
ul.messenger-theme-ice .messenger-message .messenger-actions a {
|
||||
-webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px rgba(255, 255, 255, 0.05);
|
||||
-moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px rgba(255, 255, 255, 0.05);
|
||||
box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px rgba(255, 255, 255, 0.05);
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-ms-border-radius: 4px;
|
||||
-o-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
position: relative;
|
||||
text-decoration: none;
|
||||
display: inline-block;
|
||||
padding: 10px;
|
||||
color: #888888;
|
||||
margin-right: 10px;
|
||||
padding: 3px 10px 5px;
|
||||
text-transform: capitalize;
|
||||
}
|
||||
/* line 69, ../../src/sass/messenger-theme-ice.sass */
|
||||
ul.messenger-theme-ice .messenger-message .messenger-actions a:hover, ul.messenger-theme-ice .messenger-message .messenger-actions a:active {
|
||||
-webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px rgba(255, 255, 255, 0.15), 0 2px #aaaaaa;
|
||||
-moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px rgba(255, 255, 255, 0.15), 0 2px #aaaaaa;
|
||||
box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px rgba(255, 255, 255, 0.15), 0 2px #aaaaaa;
|
||||
color: #444444;
|
||||
}
|
||||
/* line 73, ../../src/sass/messenger-theme-ice.sass */
|
||||
ul.messenger-theme-ice .messenger-message .messenger-actions a:active {
|
||||
-webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px rgba(255, 255, 255, 0.15), 0 1px #aaaaaa;
|
||||
-moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px rgba(255, 255, 255, 0.15), 0 1px #aaaaaa;
|
||||
box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px rgba(255, 255, 255, 0.15), 0 1px #aaaaaa;
|
||||
top: 1px;
|
||||
}
|
||||
/* line 77, ../../src/sass/messenger-theme-ice.sass */
|
||||
ul.messenger-theme-ice .messenger-message .messenger-actions .messenger-phrase {
|
||||
display: none;
|
||||
}
|
||||
/* line 80, ../../src/sass/messenger-theme-ice.sass */
|
||||
ul.messenger-theme-ice .messenger-message .messenger-message-inner:before {
|
||||
display: block;
|
||||
z-index: 20;
|
||||
font-weight: bold;
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
/* line 87, ../../src/sass/messenger-theme-ice.sass */
|
||||
ul.messenger-theme-ice .messenger-message.alert-success .messenger-message-inner:before {
|
||||
content: "Success";
|
||||
}
|
||||
/* line 91, ../../src/sass/messenger-theme-ice.sass */
|
||||
ul.messenger-theme-ice .messenger-message.alert-error .messenger-message-inner:before {
|
||||
content: "Error";
|
||||
}
|
||||
/* line 95, ../../src/sass/messenger-theme-ice.sass */
|
||||
ul.messenger-theme-ice .messenger-message.alert-info .messenger-message-inner:before {
|
||||
content: "Information";
|
||||
}
|
||||
Executable
+93
@@ -0,0 +1,93 @@
|
||||
/* line 4, ../../src/sass/messenger.sass */
|
||||
ul.messenger {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
/* line 8, ../../src/sass/messenger.sass */
|
||||
ul.messenger li {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
/* line 14, ../../src/sass/messenger.sass */
|
||||
ul.messenger .messenger-message {
|
||||
overflow: hidden;
|
||||
*zoom: 1;
|
||||
}
|
||||
/* line 17, ../../src/sass/messenger.sass */
|
||||
ul.messenger .messenger-message.messenger-hidden {
|
||||
display: none;
|
||||
}
|
||||
/* line 20, ../../src/sass/messenger.sass */
|
||||
ul.messenger .messenger-message .messenger-phrase, ul.messenger .messenger-message .messenger-actions a {
|
||||
padding-right: 5px;
|
||||
}
|
||||
/* line 23, ../../src/sass/messenger.sass */
|
||||
ul.messenger .messenger-message .messenger-actions {
|
||||
float: right;
|
||||
}
|
||||
/* line 26, ../../src/sass/messenger.sass */
|
||||
ul.messenger .messenger-message .messenger-actions a {
|
||||
cursor: pointer;
|
||||
text-decoration: underline;
|
||||
}
|
||||
/* line 30, ../../src/sass/messenger.sass */
|
||||
ul.messenger.messenger-fixed {
|
||||
position: fixed;
|
||||
z-index: 10000;
|
||||
}
|
||||
/* line 34, ../../src/sass/messenger.sass */
|
||||
ul.messenger.messenger-fixed .messenger-message {
|
||||
min-width: 0;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
/* line 39, ../../src/sass/messenger.sass */
|
||||
ul.messenger.messenger-fixed .message .messenger-actions {
|
||||
float: left;
|
||||
}
|
||||
/* line 42, ../../src/sass/messenger.sass */
|
||||
ul.messenger.messenger-fixed.messenger-on-top {
|
||||
top: 20px;
|
||||
}
|
||||
/* line 45, ../../src/sass/messenger.sass */
|
||||
ul.messenger.messenger-fixed.messenger-on-bottom {
|
||||
bottom: 20px;
|
||||
}
|
||||
/* line 48, ../../src/sass/messenger.sass */
|
||||
ul.messenger.messenger-fixed.messenger-on-top, ul.messenger.messenger-fixed.messenger-on-bottom {
|
||||
left: 50%;
|
||||
width: 800px;
|
||||
margin-left: -400px;
|
||||
}
|
||||
@media (max-width: 960px) {
|
||||
/* line 48, ../../src/sass/messenger.sass */
|
||||
ul.messenger.messenger-fixed.messenger-on-top, ul.messenger.messenger-fixed.messenger-on-bottom {
|
||||
left: 10%;
|
||||
width: 80%;
|
||||
margin-left: 0px;
|
||||
}
|
||||
}
|
||||
/* line 58, ../../src/sass/messenger.sass */
|
||||
ul.messenger.messenger-fixed.messenger-on-top.messenger-on-right, ul.messenger.messenger-fixed.messenger-on-bottom.messenger-on-right {
|
||||
right: 20px;
|
||||
left: auto;
|
||||
}
|
||||
/* line 62, ../../src/sass/messenger.sass */
|
||||
ul.messenger.messenger-fixed.messenger-on-top.messenger-on-left, ul.messenger.messenger-fixed.messenger-on-bottom.messenger-on-left {
|
||||
left: 20px;
|
||||
margin-left: 0px;
|
||||
}
|
||||
/* line 66, ../../src/sass/messenger.sass */
|
||||
ul.messenger.messenger-fixed.messenger-on-right, ul.messenger.messenger-fixed.messenger-on-left {
|
||||
width: 350px;
|
||||
}
|
||||
/* line 69, ../../src/sass/messenger.sass */
|
||||
ul.messenger.messenger-fixed.messenger-on-right .messenger-actions, ul.messenger.messenger-fixed.messenger-on-left .messenger-actions {
|
||||
float: left;
|
||||
}
|
||||
/* line 72, ../../src/sass/messenger.sass */
|
||||
ul.messenger .messenger-spinner {
|
||||
display: none;
|
||||
}
|
||||
+33
@@ -0,0 +1,33 @@
|
||||
(function() {
|
||||
var $, FutureMessage, spinner_template,
|
||||
__hasProp = {}.hasOwnProperty,
|
||||
__extends = function(child, parent) { for (var key in parent) { if (__hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor(); child.__super__ = parent.prototype; return child; };
|
||||
|
||||
$ = jQuery;
|
||||
|
||||
spinner_template = '<div class="messenger-spinner">\n <span class="messenger-spinner-side messenger-spinner-side-left">\n <span class="messenger-spinner-fill"></span>\n </span>\n <span class="messenger-spinner-side messenger-spinner-side-right">\n <span class="messenger-spinner-fill"></span>\n </span>\n</div>';
|
||||
|
||||
FutureMessage = (function(_super) {
|
||||
|
||||
__extends(FutureMessage, _super);
|
||||
|
||||
function FutureMessage() {
|
||||
return FutureMessage.__super__.constructor.apply(this, arguments);
|
||||
}
|
||||
|
||||
FutureMessage.prototype.template = function(opts) {
|
||||
var $message;
|
||||
$message = FutureMessage.__super__.template.apply(this, arguments);
|
||||
$message.append($(spinner_template));
|
||||
return $message;
|
||||
};
|
||||
|
||||
return FutureMessage;
|
||||
|
||||
})(window.Messenger.Message);
|
||||
|
||||
window.Messenger.themes.future = {
|
||||
Message: FutureMessage
|
||||
};
|
||||
|
||||
}).call(this);
|
||||
Executable
+809
@@ -0,0 +1,809 @@
|
||||
/*! messenger 1.2.3 2013-03-14 */
|
||||
(function() {
|
||||
var $, ActionMessenger, Messenger, RetryingMessage, _Message, _Messenger, _prevMessenger,
|
||||
__hasProp = {}.hasOwnProperty,
|
||||
__extends = function(child, parent) { for (var key in parent) { if (__hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor(); child.__super__ = parent.prototype; return child; },
|
||||
__slice = [].slice,
|
||||
__indexOf = [].indexOf || function(item) { for (var i = 0, l = this.length; i < l; i++) { if (i in this && this[i] === item) return i; } return -1; };
|
||||
|
||||
$ = jQuery;
|
||||
|
||||
_Message = (function(_super) {
|
||||
|
||||
__extends(_Message, _super);
|
||||
|
||||
function _Message() {
|
||||
return _Message.__super__.constructor.apply(this, arguments);
|
||||
}
|
||||
|
||||
_Message.prototype.defaults = {
|
||||
hideAfter: 10,
|
||||
scroll: true
|
||||
};
|
||||
|
||||
_Message.prototype.initialize = function(opts) {
|
||||
if (opts == null) {
|
||||
opts = {};
|
||||
}
|
||||
this.shown = false;
|
||||
this.rendered = false;
|
||||
this.messenger = opts.messenger;
|
||||
return this.options = $.extend({}, this.options, opts, this.defaults);
|
||||
};
|
||||
|
||||
_Message.prototype.show = function() {
|
||||
var wasShown;
|
||||
if (!this.rendered) {
|
||||
this.render();
|
||||
}
|
||||
this.$message.removeClass('messenger-hidden');
|
||||
wasShown = this.shown;
|
||||
this.shown = true;
|
||||
if (!wasShown) {
|
||||
return this.trigger('show');
|
||||
}
|
||||
};
|
||||
|
||||
_Message.prototype.hide = function() {
|
||||
var wasShown;
|
||||
if (!this.rendered) {
|
||||
return;
|
||||
}
|
||||
this.$message.addClass('messenger-hidden');
|
||||
wasShown = this.shown;
|
||||
this.shown = false;
|
||||
if (wasShown) {
|
||||
return this.trigger('hide');
|
||||
}
|
||||
};
|
||||
|
||||
_Message.prototype.cancel = function() {
|
||||
return this.hide();
|
||||
};
|
||||
|
||||
_Message.prototype.update = function(opts) {
|
||||
var _ref,
|
||||
_this = this;
|
||||
if (_.isString(opts)) {
|
||||
opts = {
|
||||
message: opts
|
||||
};
|
||||
}
|
||||
$.extend(this.options, opts);
|
||||
this.lastUpdate = new Date();
|
||||
this.rendered = false;
|
||||
this.events = (_ref = this.options.events) != null ? _ref : {};
|
||||
this.render();
|
||||
this.actionsToEvents();
|
||||
this.delegateEvents();
|
||||
this.checkClickable();
|
||||
if (this.options.hideAfter) {
|
||||
this.$message.addClass('messenger-will-hide-after');
|
||||
if (this._hideTimeout != null) {
|
||||
clearTimeout(this._hideTimeout);
|
||||
}
|
||||
this._hideTimeout = setTimeout(function() {
|
||||
return _this.hide();
|
||||
}, this.options.hideAfter * 1000);
|
||||
} else {
|
||||
this.$message.removeClass('messenger-will-hide-after');
|
||||
}
|
||||
if (this.options.hideOnNavigate) {
|
||||
this.$message.addClass('messenger-will-hide-on-navigate');
|
||||
if (Backbone.history != null) {
|
||||
Backbone.history.on('route', function() {
|
||||
return _this.hide();
|
||||
});
|
||||
}
|
||||
} else {
|
||||
this.$message.removeClass('messenger-will-hide-on-navigate');
|
||||
}
|
||||
return this.trigger('update', this);
|
||||
};
|
||||
|
||||
_Message.prototype.scrollTo = function() {
|
||||
if (!this.options.scroll) {
|
||||
return;
|
||||
}
|
||||
return $.scrollTo(this.$el, {
|
||||
duration: 400,
|
||||
offset: {
|
||||
left: 0,
|
||||
top: -20
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
_Message.prototype.timeSinceUpdate = function() {
|
||||
if (this.lastUpdate) {
|
||||
return (new Date) - this.lastUpdate;
|
||||
} else {
|
||||
return null;
|
||||
}
|
||||
};
|
||||
|
||||
_Message.prototype.actionsToEvents = function() {
|
||||
var act, name, _ref, _results,
|
||||
_this = this;
|
||||
_ref = this.options.actions;
|
||||
_results = [];
|
||||
for (name in _ref) {
|
||||
act = _ref[name];
|
||||
_results.push(this.events["click [data-action=\"" + name + "\"] a"] = (function(act) {
|
||||
return function(e) {
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
_this.trigger("action:" + name, act, e);
|
||||
return act.action(e);
|
||||
};
|
||||
})(act));
|
||||
}
|
||||
return _results;
|
||||
};
|
||||
|
||||
_Message.prototype.checkClickable = function() {
|
||||
var evt, name, _ref, _results;
|
||||
_ref = this.events;
|
||||
_results = [];
|
||||
for (name in _ref) {
|
||||
evt = _ref[name];
|
||||
if (name === 'click') {
|
||||
_results.push(this.$message.addClass('messenger-clickable'));
|
||||
} else {
|
||||
_results.push(void 0);
|
||||
}
|
||||
}
|
||||
return _results;
|
||||
};
|
||||
|
||||
_Message.prototype.undelegateEvents = function() {
|
||||
var _ref;
|
||||
_Message.__super__.undelegateEvents.apply(this, arguments);
|
||||
return (_ref = this.$message) != null ? _ref.removeClass('messenger-clickable') : void 0;
|
||||
};
|
||||
|
||||
_Message.prototype.parseActions = function() {
|
||||
var act, actions, n_act, name, _ref, _ref1;
|
||||
actions = [];
|
||||
_ref = this.options.actions;
|
||||
for (name in _ref) {
|
||||
act = _ref[name];
|
||||
n_act = $.extend({}, act);
|
||||
n_act.name = name;
|
||||
if ((_ref1 = n_act.label) == null) {
|
||||
n_act.label = name;
|
||||
}
|
||||
actions.push(n_act);
|
||||
}
|
||||
return actions;
|
||||
};
|
||||
|
||||
_Message.prototype.template = function(opts) {
|
||||
var $action, $actions, $cancel, $link, $message, $text, action, _i, _len, _ref,
|
||||
_this = this;
|
||||
$message = $("<div class='messenger-message message alert " + opts.type + " message-" + opts.type + " alert-" + opts.type + "'>");
|
||||
if (opts.showCloseButton) {
|
||||
$cancel = $('<button type="button" class="close" data-dismiss="alert">×</button>');
|
||||
$cancel.click(function() {
|
||||
_this.cancel();
|
||||
return true;
|
||||
});
|
||||
$message.append($cancel);
|
||||
}
|
||||
$text = $("<div class=\"messenger-message-inner\">" + opts.message + "</div>");
|
||||
$message.append($text);
|
||||
if (opts.actions.length) {
|
||||
$actions = $('<div class="messenger-actions">');
|
||||
}
|
||||
_ref = opts.actions;
|
||||
for (_i = 0, _len = _ref.length; _i < _len; _i++) {
|
||||
action = _ref[_i];
|
||||
$action = $('<span>');
|
||||
$action.attr('data-action', "" + action.name);
|
||||
$link = $('<a>');
|
||||
$link.html(action.label);
|
||||
$action.append($('<span class="messenger-phrase">'));
|
||||
$action.append($link);
|
||||
$actions.append($action);
|
||||
}
|
||||
$message.append($actions);
|
||||
return $message;
|
||||
};
|
||||
|
||||
_Message.prototype.render = function() {
|
||||
var opts;
|
||||
if (this.rendered) {
|
||||
return;
|
||||
}
|
||||
if (!this._hasSlot) {
|
||||
this.setElement(this.messenger._reserveMessageSlot(this));
|
||||
this._hasSlot = true;
|
||||
}
|
||||
opts = $.extend({}, this.options, {
|
||||
actions: this.parseActions()
|
||||
});
|
||||
this.$message = $(this.template(opts));
|
||||
this.$el.html(this.$message);
|
||||
this.shown = true;
|
||||
this.rendered = true;
|
||||
return this.trigger('render');
|
||||
};
|
||||
|
||||
return _Message;
|
||||
|
||||
})(Backbone.View);
|
||||
|
||||
RetryingMessage = (function(_super) {
|
||||
|
||||
__extends(RetryingMessage, _super);
|
||||
|
||||
function RetryingMessage() {
|
||||
return RetryingMessage.__super__.constructor.apply(this, arguments);
|
||||
}
|
||||
|
||||
RetryingMessage.prototype.initialize = function() {
|
||||
RetryingMessage.__super__.initialize.apply(this, arguments);
|
||||
return this._timers = {};
|
||||
};
|
||||
|
||||
RetryingMessage.prototype.cancel = function() {
|
||||
this.clearTimers();
|
||||
this.hide();
|
||||
if ((this._actionInstance != null) && (this._actionInstance.abort != null)) {
|
||||
return this._actionInstance.abort();
|
||||
}
|
||||
};
|
||||
|
||||
RetryingMessage.prototype.clearTimers = function() {
|
||||
var name, timer, _ref, _ref1;
|
||||
_ref = this._timers;
|
||||
for (name in _ref) {
|
||||
timer = _ref[name];
|
||||
clearTimeout(timer);
|
||||
}
|
||||
this._timers = {};
|
||||
return (_ref1 = this.$message) != null ? _ref1.removeClass('messenger-retry-soon messenger-retry-later') : void 0;
|
||||
};
|
||||
|
||||
RetryingMessage.prototype.render = function() {
|
||||
var action, name, _ref, _results;
|
||||
RetryingMessage.__super__.render.apply(this, arguments);
|
||||
this.clearTimers();
|
||||
_ref = this.options.actions;
|
||||
_results = [];
|
||||
for (name in _ref) {
|
||||
action = _ref[name];
|
||||
if (action.auto) {
|
||||
_results.push(this.startCountdown(name, action));
|
||||
} else {
|
||||
_results.push(void 0);
|
||||
}
|
||||
}
|
||||
return _results;
|
||||
};
|
||||
|
||||
RetryingMessage.prototype.renderPhrase = function(action, time) {
|
||||
var phrase;
|
||||
phrase = action.phrase.replace('TIME', this.formatTime(time));
|
||||
return phrase;
|
||||
};
|
||||
|
||||
RetryingMessage.prototype.formatTime = function(time) {
|
||||
var pluralize;
|
||||
pluralize = function(num, str) {
|
||||
num = Math.floor(num);
|
||||
if (num !== 1) {
|
||||
str = str + 's';
|
||||
}
|
||||
return 'in ' + num + ' ' + str;
|
||||
};
|
||||
if (Math.floor(time) === 0) {
|
||||
return 'now...';
|
||||
}
|
||||
if (time < 60) {
|
||||
return pluralize(time, 'second');
|
||||
}
|
||||
time /= 60;
|
||||
if (time < 60) {
|
||||
return pluralize(time, 'minute');
|
||||
}
|
||||
time /= 60;
|
||||
return pluralize(time, 'hour');
|
||||
};
|
||||
|
||||
RetryingMessage.prototype.startCountdown = function(name, action) {
|
||||
var $phrase, remaining, tick, _ref,
|
||||
_this = this;
|
||||
if (this._timers[name] != null) {
|
||||
return;
|
||||
}
|
||||
$phrase = this.$message.find("[data-action='" + name + "'] .messenger-phrase");
|
||||
remaining = (_ref = action.delay) != null ? _ref : 3;
|
||||
if (remaining <= 10) {
|
||||
this.$message.removeClass('messenger-retry-later');
|
||||
this.$message.addClass('messenger-retry-soon');
|
||||
} else {
|
||||
this.$message.removeClass('messenger-retry-soon');
|
||||
this.$message.addClass('messenger-retry-later');
|
||||
}
|
||||
tick = function() {
|
||||
var delta;
|
||||
$phrase.text(_this.renderPhrase(action, remaining));
|
||||
if (remaining > 0) {
|
||||
delta = Math.min(remaining, 1);
|
||||
remaining -= delta;
|
||||
return _this._timers[name] = setTimeout(tick, delta * 1000);
|
||||
} else {
|
||||
_this.$message.removeClass('messenger-retry-soon messenger-retry-later');
|
||||
delete _this._timers[name];
|
||||
return action.action();
|
||||
}
|
||||
};
|
||||
return tick();
|
||||
};
|
||||
|
||||
return RetryingMessage;
|
||||
|
||||
})(_Message);
|
||||
|
||||
_Messenger = (function(_super) {
|
||||
|
||||
__extends(_Messenger, _super);
|
||||
|
||||
function _Messenger() {
|
||||
return _Messenger.__super__.constructor.apply(this, arguments);
|
||||
}
|
||||
|
||||
_Messenger.prototype.tagName = 'ul';
|
||||
|
||||
_Messenger.prototype.className = 'messenger';
|
||||
|
||||
_Messenger.prototype.messageDefaults = {
|
||||
type: 'info'
|
||||
};
|
||||
|
||||
_Messenger.prototype.initialize = function(options) {
|
||||
this.options = options != null ? options : {};
|
||||
this.history = [];
|
||||
return this.messageDefaults = $.extend({}, this.messageDefaults, this.options.messageDefaults);
|
||||
};
|
||||
|
||||
_Messenger.prototype.render = function() {
|
||||
return this.updateMessageSlotClasses();
|
||||
};
|
||||
|
||||
_Messenger.prototype.findById = function(id) {
|
||||
return _.filter(this.history, function(rec) {
|
||||
return rec.msg.options.id === id;
|
||||
});
|
||||
};
|
||||
|
||||
_Messenger.prototype._reserveMessageSlot = function(msg) {
|
||||
var $slot, dmsg,
|
||||
_this = this;
|
||||
$slot = $('<li>');
|
||||
$slot.addClass('messenger-message-slot');
|
||||
this.$el.prepend($slot);
|
||||
this.history.push({
|
||||
msg: msg,
|
||||
$slot: $slot
|
||||
});
|
||||
this._enforceIdConstraint(msg);
|
||||
msg.on('update', function() {
|
||||
return _this._enforceIdConstraint(msg);
|
||||
});
|
||||
while (this.options.maxMessages && this.history.length > this.options.maxMessages) {
|
||||
dmsg = this.history.shift();
|
||||
dmsg.msg.remove();
|
||||
dmsg.$slot.remove();
|
||||
}
|
||||
return $slot;
|
||||
};
|
||||
|
||||
_Messenger.prototype._enforceIdConstraint = function(msg) {
|
||||
var entry, _i, _len, _msg, _ref;
|
||||
if (msg.options.id == null) {
|
||||
return;
|
||||
}
|
||||
_ref = this.history;
|
||||
for (_i = 0, _len = _ref.length; _i < _len; _i++) {
|
||||
entry = _ref[_i];
|
||||
_msg = entry.msg;
|
||||
if ((_msg.options.id != null) && _msg.options.id === msg.options.id && msg !== _msg) {
|
||||
if (msg.options.singleton) {
|
||||
msg.hide();
|
||||
return;
|
||||
} else {
|
||||
_msg.hide();
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
_Messenger.prototype.newMessage = function(opts) {
|
||||
var msg, _ref, _ref1, _ref2,
|
||||
_this = this;
|
||||
if (opts == null) {
|
||||
opts = {};
|
||||
}
|
||||
opts.messenger = this;
|
||||
_Message = (_ref = (_ref1 = Messenger.themes[(_ref2 = opts.theme) != null ? _ref2 : this.options.theme]) != null ? _ref1.Message : void 0) != null ? _ref : RetryingMessage;
|
||||
msg = new _Message(opts);
|
||||
msg.on('show', function() {
|
||||
if (opts.scrollTo && _this.$el.css('position') !== 'fixed') {
|
||||
return msg.scrollTo();
|
||||
}
|
||||
});
|
||||
msg.on('hide show render', this.updateMessageSlotClasses, this);
|
||||
return msg;
|
||||
};
|
||||
|
||||
_Messenger.prototype.updateMessageSlotClasses = function() {
|
||||
var anyShown, last, rec, willBeFirst, _i, _len, _ref;
|
||||
willBeFirst = true;
|
||||
last = null;
|
||||
anyShown = false;
|
||||
_ref = this.history;
|
||||
for (_i = 0, _len = _ref.length; _i < _len; _i++) {
|
||||
rec = _ref[_i];
|
||||
rec.$slot.removeClass('first last shown');
|
||||
if (rec.msg.shown && rec.msg.rendered) {
|
||||
rec.$slot.addClass('shown');
|
||||
anyShown = true;
|
||||
last = rec;
|
||||
if (willBeFirst) {
|
||||
willBeFirst = false;
|
||||
rec.$slot.addClass('first');
|
||||
}
|
||||
}
|
||||
}
|
||||
if (last != null) {
|
||||
last.$slot.addClass('last');
|
||||
}
|
||||
return this.$el["" + (anyShown ? 'remove' : 'add') + "Class"]('messenger-empty');
|
||||
};
|
||||
|
||||
_Messenger.prototype.hideAll = function() {
|
||||
var rec, _i, _len, _ref, _results;
|
||||
_ref = this.history;
|
||||
_results = [];
|
||||
for (_i = 0, _len = _ref.length; _i < _len; _i++) {
|
||||
rec = _ref[_i];
|
||||
_results.push(rec.msg.hide());
|
||||
}
|
||||
return _results;
|
||||
};
|
||||
|
||||
_Messenger.prototype.post = function(opts) {
|
||||
var msg;
|
||||
if (_.isString(opts)) {
|
||||
opts = {
|
||||
message: opts
|
||||
};
|
||||
}
|
||||
opts = $.extend(true, {}, this.messageDefaults, opts);
|
||||
msg = this.newMessage(opts);
|
||||
msg.update(opts);
|
||||
return msg;
|
||||
};
|
||||
|
||||
return _Messenger;
|
||||
|
||||
})(Backbone.View);
|
||||
|
||||
ActionMessenger = (function(_super) {
|
||||
|
||||
__extends(ActionMessenger, _super);
|
||||
|
||||
function ActionMessenger() {
|
||||
return ActionMessenger.__super__.constructor.apply(this, arguments);
|
||||
}
|
||||
|
||||
ActionMessenger.prototype.doDefaults = {
|
||||
progressMessage: null,
|
||||
successMessage: null,
|
||||
errorMessage: "Error connecting to the server.",
|
||||
showSuccessWithoutError: true,
|
||||
retry: {
|
||||
auto: true,
|
||||
allow: true
|
||||
},
|
||||
action: $.ajax
|
||||
};
|
||||
|
||||
ActionMessenger.prototype.hookBackboneAjax = function(msgr_opts) {
|
||||
var _ajax,
|
||||
_this = this;
|
||||
if (msgr_opts == null) {
|
||||
msgr_opts = {};
|
||||
}
|
||||
msgr_opts = _.defaults(msgr_opts, {
|
||||
id: 'BACKBONE_ACTION',
|
||||
errorMessage: false,
|
||||
successMessage: "Request completed successfully.",
|
||||
showSuccessWithoutError: false
|
||||
});
|
||||
_ajax = function(options) {
|
||||
var sync_msgr_opts;
|
||||
sync_msgr_opts = _.extend({}, msgr_opts, options.messenger);
|
||||
return _this["do"](sync_msgr_opts, options);
|
||||
};
|
||||
if (Backbone.ajax != null) {
|
||||
if (Backbone.ajax._withoutMessenger) {
|
||||
Backbone.ajax = Backbone.ajax._withoutMessenger;
|
||||
}
|
||||
if (!(msgr_opts.action != null) || msgr_opts.action === this.doDefaults.action) {
|
||||
msgr_opts.action = Backbone.ajax;
|
||||
}
|
||||
_ajax._withoutMessenger = Backbone.ajax;
|
||||
return Backbone.ajax = _ajax;
|
||||
} else {
|
||||
return Backbone.sync = _.wrap(Backbone.sync, function() {
|
||||
var args, _old_ajax, _old_sync;
|
||||
_old_sync = arguments[0], args = 2 <= arguments.length ? __slice.call(arguments, 1) : [];
|
||||
_old_ajax = $.ajax;
|
||||
$.ajax = _ajax;
|
||||
_old_sync.call.apply(_old_sync, [this].concat(__slice.call(args)));
|
||||
return $.ajax = _old_ajax;
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
ActionMessenger.prototype._getMessage = function(returnVal, def) {
|
||||
if (returnVal === false) {
|
||||
return false;
|
||||
}
|
||||
if (returnVal === true || !(returnVal != null) || typeof returnVal !== 'string') {
|
||||
return def;
|
||||
}
|
||||
return returnVal;
|
||||
};
|
||||
|
||||
ActionMessenger.prototype._parseEvents = function(events) {
|
||||
var desc, firstSpace, func, label, out, type, _ref;
|
||||
if (events == null) {
|
||||
events = {};
|
||||
}
|
||||
out = {};
|
||||
for (label in events) {
|
||||
func = events[label];
|
||||
firstSpace = label.indexOf(' ');
|
||||
type = label.substring(0, firstSpace);
|
||||
desc = label.substring(firstSpace + 1);
|
||||
if ((_ref = out[type]) == null) {
|
||||
out[type] = {};
|
||||
}
|
||||
out[type][desc] = func;
|
||||
}
|
||||
return out;
|
||||
};
|
||||
|
||||
ActionMessenger.prototype._normalizeResponse = function() {
|
||||
var data, elem, resp, type, xhr, _i, _len;
|
||||
resp = 1 <= arguments.length ? __slice.call(arguments, 0) : [];
|
||||
type = null;
|
||||
xhr = null;
|
||||
data = null;
|
||||
for (_i = 0, _len = resp.length; _i < _len; _i++) {
|
||||
elem = resp[_i];
|
||||
if (elem === 'success' || elem === 'timeout' || elem === 'abort') {
|
||||
type = elem;
|
||||
} else if (((elem != null ? elem.readyState : void 0) != null) && ((elem != null ? elem.responseText : void 0) != null)) {
|
||||
xhr = elem;
|
||||
} else if (_.isObject(elem)) {
|
||||
data = elem;
|
||||
}
|
||||
}
|
||||
return [type, data, xhr];
|
||||
};
|
||||
|
||||
ActionMessenger.prototype.run = function() {
|
||||
var args, attr, events, m_opts, msg, opts, promiseAttrs, _i, _len, _ref, _ref1,
|
||||
_this = this;
|
||||
m_opts = arguments[0], opts = arguments[1], args = 3 <= arguments.length ? __slice.call(arguments, 2) : [];
|
||||
if (opts == null) {
|
||||
opts = {};
|
||||
}
|
||||
m_opts = $.extend(true, {}, this.messageDefaults, this.doDefaults, m_opts != null ? m_opts : {});
|
||||
events = this._parseEvents(m_opts.events);
|
||||
msg = (_ref = m_opts.messageInstance) != null ? _ref : this.newMessage(m_opts);
|
||||
if (m_opts.id != null) {
|
||||
msg.options.id = m_opts.id;
|
||||
}
|
||||
if (m_opts.progressMessage != null) {
|
||||
msg.update($.extend({}, m_opts, {
|
||||
message: m_opts.progressMessage,
|
||||
type: 'info'
|
||||
}));
|
||||
}
|
||||
_.each(['error', 'success'], function(type) {
|
||||
var old, _ref1, _ref2;
|
||||
if ((_ref1 = opts[type]) != null ? _ref1._originalHandler : void 0) {
|
||||
opts[type] = opts[type]._originalHandler;
|
||||
}
|
||||
old = (_ref2 = opts[type]) != null ? _ref2 : function() {};
|
||||
opts[type] = function() {
|
||||
var data, msgOpts, msgText, r, reason, resp, xhr, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9;
|
||||
resp = 1 <= arguments.length ? __slice.call(arguments, 0) : [];
|
||||
_ref3 = _this._normalizeResponse.apply(_this, resp), reason = _ref3[0], data = _ref3[1], xhr = _ref3[2];
|
||||
if (type === 'success' && !(msg.errorCount != null) && m_opts.showSuccessWithoutError === false) {
|
||||
m_opts['successMessage'] = null;
|
||||
}
|
||||
if (type === 'error') {
|
||||
if ((_ref4 = m_opts.errorCount) == null) {
|
||||
m_opts.errorCount = 0;
|
||||
}
|
||||
m_opts.errorCount += 1;
|
||||
}
|
||||
msgText = _this._getMessage(r = old.apply(null, resp), m_opts[type + 'Message']);
|
||||
if (type === 'error' && ((xhr != null ? xhr.status : void 0) === 0 || reason === 'abort')) {
|
||||
msg.hide();
|
||||
return;
|
||||
}
|
||||
if (type === 'error' && ((m_opts.ignoredErrorCodes != null) && (_ref5 = xhr != null ? xhr.status : void 0, __indexOf.call(m_opts.ignoredErrorCodes, _ref5) >= 0))) {
|
||||
msg.hide();
|
||||
return;
|
||||
}
|
||||
msgOpts = $.extend({}, m_opts, {
|
||||
message: msgText,
|
||||
type: type,
|
||||
events: (_ref6 = events[type]) != null ? _ref6 : {},
|
||||
hideOnNavigate: type === 'success'
|
||||
});
|
||||
if (typeof ((_ref7 = msgOpts.retry) != null ? _ref7.allow : void 0) === 'number') {
|
||||
msgOpts.retry.allow--;
|
||||
}
|
||||
if (type === 'error' && (xhr != null ? xhr.status : void 0) >= 500 && ((_ref8 = msgOpts.retry) != null ? _ref8.allow : void 0)) {
|
||||
if (msgOpts.retry.delay == null) {
|
||||
if (msgOpts.errorCount < 4) {
|
||||
msgOpts.retry.delay = 10;
|
||||
} else {
|
||||
msgOpts.retry.delay = 5 * 60;
|
||||
}
|
||||
}
|
||||
if (msgOpts.hideAfter) {
|
||||
if ((_ref9 = msgOpts._hideAfter) == null) {
|
||||
msgOpts._hideAfter = msgOpts.hideAfter;
|
||||
}
|
||||
msgOpts.hideAfter = msgOpts._hideAfter + msgOpts.retry.delay;
|
||||
}
|
||||
msgOpts._retryActions = true;
|
||||
msgOpts.actions = {
|
||||
retry: {
|
||||
label: 'retry now',
|
||||
phrase: 'Retrying TIME',
|
||||
auto: msgOpts.retry.auto,
|
||||
delay: msgOpts.retry.delay,
|
||||
action: function() {
|
||||
msgOpts.messageInstance = msg;
|
||||
return setTimeout(function() {
|
||||
return _this["do"].apply(_this, [msgOpts, opts].concat(__slice.call(args)));
|
||||
}, 0);
|
||||
}
|
||||
},
|
||||
cancel: {
|
||||
action: function() {
|
||||
return msg.cancel();
|
||||
}
|
||||
}
|
||||
};
|
||||
} else if (msgOpts._retryActions) {
|
||||
delete msgOpts.actions.retry;
|
||||
delete msgOpts.actions.cancel;
|
||||
delete m_opts._retryActions;
|
||||
}
|
||||
msg.update(msgOpts);
|
||||
if (msgText) {
|
||||
$.globalMessenger();
|
||||
return msg.show();
|
||||
} else {
|
||||
return msg.hide();
|
||||
}
|
||||
};
|
||||
return opts[type]._originalHandler = old;
|
||||
});
|
||||
msg._actionInstance = m_opts.action.apply(m_opts, [opts].concat(__slice.call(args)));
|
||||
promiseAttrs = ['done', 'progress', 'fail', 'state', 'then'];
|
||||
for (_i = 0, _len = promiseAttrs.length; _i < _len; _i++) {
|
||||
attr = promiseAttrs[_i];
|
||||
if (msg[attr] != null) {
|
||||
delete msg[attr];
|
||||
}
|
||||
msg[attr] = (_ref1 = msg._actionInstance) != null ? _ref1[attr] : void 0;
|
||||
}
|
||||
return msg;
|
||||
};
|
||||
|
||||
ActionMessenger.prototype["do"] = ActionMessenger.prototype.run;
|
||||
|
||||
ActionMessenger.prototype.ajax = function() {
|
||||
var args, m_opts;
|
||||
m_opts = arguments[0], args = 2 <= arguments.length ? __slice.call(arguments, 1) : [];
|
||||
m_opts.action = $.ajax;
|
||||
return this.run.apply(this, [m_opts].concat(__slice.call(args)));
|
||||
};
|
||||
|
||||
return ActionMessenger;
|
||||
|
||||
})(_Messenger);
|
||||
|
||||
$.fn.messenger = function() {
|
||||
var $el, args, func, instance, opts, _ref, _ref1, _ref2;
|
||||
func = arguments[0], args = 2 <= arguments.length ? __slice.call(arguments, 1) : [];
|
||||
if (func == null) {
|
||||
func = {};
|
||||
}
|
||||
$el = this;
|
||||
if (!(func != null) || !_.isString(func)) {
|
||||
opts = func;
|
||||
if (!($el.data('messenger') != null)) {
|
||||
_Messenger = (_ref = (_ref1 = Messenger.themes[opts.theme]) != null ? _ref1.Messenger : void 0) != null ? _ref : ActionMessenger;
|
||||
$el.data('messenger', instance = new _Messenger($.extend({
|
||||
el: $el
|
||||
}, opts)));
|
||||
instance.render();
|
||||
}
|
||||
return $el.data('messenger');
|
||||
} else {
|
||||
return (_ref2 = $el.data('messenger'))[func].apply(_ref2, args);
|
||||
}
|
||||
};
|
||||
|
||||
_prevMessenger = window.Messenger;
|
||||
|
||||
Messenger = function(opts) {
|
||||
var $el, $parent, choosen_loc, chosen_loc, classes, defaultOpts, inst, loc, locations, _i, _len;
|
||||
defaultOpts = {
|
||||
extraClasses: 'messenger-fixed messenger-on-bottom messenger-on-right',
|
||||
theme: 'future',
|
||||
maxMessages: 9,
|
||||
parentLocations: ['body']
|
||||
};
|
||||
opts = $.extend(defaultOpts, $._messengerDefaults, Messenger.options, opts);
|
||||
if (opts.theme != null) {
|
||||
opts.extraClasses += " messenger-theme-" + opts.theme;
|
||||
}
|
||||
inst = opts.instance || Messenger.instance;
|
||||
if (opts.instance == null) {
|
||||
locations = opts.parentLocations;
|
||||
$parent = null;
|
||||
choosen_loc = null;
|
||||
for (_i = 0, _len = locations.length; _i < _len; _i++) {
|
||||
loc = locations[_i];
|
||||
$parent = $(loc);
|
||||
if ($parent.length) {
|
||||
chosen_loc = loc;
|
||||
break;
|
||||
}
|
||||
}
|
||||
if (!inst) {
|
||||
$el = $('<ul>');
|
||||
$parent.prepend($el);
|
||||
inst = $el.messenger(opts);
|
||||
inst._location = chosen_loc;
|
||||
Messenger.instance = inst;
|
||||
} else if ($(inst._location) !== $(chosen_loc)) {
|
||||
inst.$el.detach();
|
||||
$parent.prepend(inst.$el);
|
||||
}
|
||||
}
|
||||
if (inst._addedClasses != null) {
|
||||
inst.$el.removeClass(inst._addedClasses);
|
||||
}
|
||||
inst.$el.addClass(classes = "" + inst.className + " " + opts.extraClasses);
|
||||
inst._addedClasses = classes;
|
||||
return inst;
|
||||
};
|
||||
|
||||
$.extend(Messenger, {
|
||||
Message: RetryingMessage,
|
||||
Messenger: ActionMessenger,
|
||||
themes: {},
|
||||
noConflict: function() {
|
||||
return window.Messenger = _prevMessenger;
|
||||
}
|
||||
});
|
||||
|
||||
$.globalMessenger = window.Messenger = Messenger;
|
||||
|
||||
}).call(this);
|
||||
+2
File diff suppressed because one or more lines are too long
@@ -0,0 +1,27 @@
|
||||
{
|
||||
"name": "messenger",
|
||||
"description": "Client-side growl-like notifications with actions and auto-retry.",
|
||||
"filename": "js/messenger.min.js",
|
||||
"version": "1.2.3",
|
||||
"homepage": "http://github.hubspot.com/messenger",
|
||||
"keywords": [
|
||||
"client-side",
|
||||
"notification",
|
||||
"toast",
|
||||
"ajax"
|
||||
],
|
||||
"devDependencies": {
|
||||
"grunt": "~0.4.0",
|
||||
"grunt-contrib-coffee": "~0.4.0",
|
||||
"grunt-contrib-compass": "~0.1.2",
|
||||
"grunt-contrib-uglify": "~0.1.2",
|
||||
"grunt-contrib-clean": "~0.4.0",
|
||||
"grunt-contrib-concat": "~0.1.3"
|
||||
},
|
||||
"repositories": [
|
||||
{
|
||||
"type": "git",
|
||||
"url": "http://github.com/HubSpot/messenger"
|
||||
}
|
||||
]
|
||||
}
|
||||
Reference in New Issue
Block a user