Current state
This commit is contained in:
@@ -0,0 +1,81 @@
|
||||
/** Contains the default Ladda button theme styles */
|
||||
@import 'ladda.scss';
|
||||
|
||||
|
||||
/*************************************
|
||||
* CONFIG
|
||||
*/
|
||||
|
||||
$green: #2aca76;
|
||||
$blue: #53b5e6;
|
||||
$red: #ea8557;
|
||||
$purple: #9973C2;
|
||||
$mint: #16a085;
|
||||
|
||||
|
||||
/*************************************
|
||||
* BUTTON THEME
|
||||
*/
|
||||
|
||||
.ladda-button {
|
||||
background: #666;
|
||||
border: 0;
|
||||
padding: 14px 18px;
|
||||
font-size: 18px;
|
||||
cursor: pointer;
|
||||
|
||||
color: #fff;
|
||||
border-radius: 2px;
|
||||
border: 1px solid transparent;
|
||||
|
||||
-webkit-appearance: none;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||
|
||||
&:hover {
|
||||
border-color: rgba( 0, 0, 0, 0.07 );
|
||||
background-color: #888;
|
||||
}
|
||||
|
||||
@include buttonColor( 'green', $green );
|
||||
@include buttonColor( 'blue', $blue );
|
||||
@include buttonColor( 'red', $red );
|
||||
@include buttonColor( 'purple', $purple );
|
||||
@include buttonColor( 'mint', $mint );
|
||||
|
||||
&[disabled],
|
||||
&[data-loading] {
|
||||
border-color: rgba( 0, 0, 0, 0.07 );
|
||||
cursor: default;
|
||||
background-color: #999;
|
||||
|
||||
&:hover {
|
||||
cursor: default;
|
||||
background-color: #999;
|
||||
}
|
||||
}
|
||||
|
||||
&[data-size=xs] {
|
||||
padding: 4px 8px;
|
||||
|
||||
.ladda-label {
|
||||
font-size: 0.7em;
|
||||
}
|
||||
}
|
||||
|
||||
&[data-size=s] {
|
||||
padding: 6px 10px;
|
||||
|
||||
.ladda-label {
|
||||
font-size: 0.9em;
|
||||
}
|
||||
}
|
||||
|
||||
&[data-size=l] .ladda-label {
|
||||
font-size: 1.2em;
|
||||
}
|
||||
|
||||
&[data-size=xl] .ladda-label {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
}
|
||||
483
public/legacy/assets/plugins/bootstrap-loading/css/ladda.scss
Normal file
483
public/legacy/assets/plugins/bootstrap-loading/css/ladda.scss
Normal file
@@ -0,0 +1,483 @@
|
||||
/*!
|
||||
* Ladda
|
||||
* http://lab.hakim.se/ladda
|
||||
* MIT licensed
|
||||
*
|
||||
* Copyright (C) 2013 Hakim El Hattab, http://hakim.se
|
||||
*/
|
||||
|
||||
|
||||
/*************************************
|
||||
* CONFIG
|
||||
*/
|
||||
|
||||
$spinnerSize: 32px;
|
||||
|
||||
|
||||
/*************************************
|
||||
* MIXINS
|
||||
*/
|
||||
|
||||
@mixin prefix ( $property, $value ) {
|
||||
-webkit-#{$property}: $value;
|
||||
-moz-#{$property}: $value;
|
||||
-ms-#{$property}: $value;
|
||||
-o-#{$property}: $value;
|
||||
#{$property}: $value;
|
||||
}
|
||||
|
||||
@mixin transition( $value ) {
|
||||
-webkit-transition: $value !important; // important to override bootstrap
|
||||
-moz-transition: $value !important;
|
||||
-ms-transition: $value !important;
|
||||
-o-transition: $value !important;
|
||||
transition: $value !important;
|
||||
}
|
||||
|
||||
@mixin transform( $value ) {
|
||||
@include prefix( transform, $value );
|
||||
}
|
||||
|
||||
@mixin transform-origin( $value ) {
|
||||
@include prefix( transform-origin, $value );
|
||||
}
|
||||
|
||||
@mixin buttonColor( $name, $color ) {
|
||||
&[data-color=#{$name}] {
|
||||
background: $color;
|
||||
|
||||
&:hover {
|
||||
background-color: lighten( $color, 5% );
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*************************************
|
||||
* BUTTON BASE
|
||||
*/
|
||||
|
||||
.ladda-button {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
|
||||
/* Spinner animation */
|
||||
.ladda-button .ladda-spinner {
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
display: inline-block;
|
||||
width: $spinnerSize;
|
||||
height: $spinnerSize;
|
||||
top: 50%;
|
||||
margin-top: -$spinnerSize/2;
|
||||
opacity: 0;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
/* Button label */
|
||||
.ladda-button .ladda-label {
|
||||
position: relative;
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
/* Progress bar */
|
||||
.ladda-button .ladda-progress {
|
||||
position: absolute;
|
||||
width: 0;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
background: rgba( 0, 0, 0, 0.2 );
|
||||
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
|
||||
@include transition( 0.1s linear all );
|
||||
}
|
||||
.ladda-button[data-loading] .ladda-progress {
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
|
||||
/*************************************
|
||||
* EASING
|
||||
*/
|
||||
|
||||
.ladda-button,
|
||||
.ladda-button .ladda-spinner,
|
||||
.ladda-button .ladda-label {
|
||||
@include transition( 0.3s cubic-bezier(0.175, 0.885, 0.320, 1.275) all );
|
||||
}
|
||||
|
||||
.ladda-button[data-style=zoom-in],
|
||||
.ladda-button[data-style=zoom-in] .ladda-spinner,
|
||||
.ladda-button[data-style=zoom-in] .ladda-label,
|
||||
.ladda-button[data-style=zoom-out],
|
||||
.ladda-button[data-style=zoom-out] .ladda-spinner,
|
||||
.ladda-button[data-style=zoom-out] .ladda-label {
|
||||
@include transition( 0.3s ease all );
|
||||
}
|
||||
|
||||
|
||||
/*************************************
|
||||
* EXPAND LEFT
|
||||
*/
|
||||
|
||||
.ladda-button[data-style=expand-right] {
|
||||
.ladda-spinner {
|
||||
right: 14px;
|
||||
}
|
||||
|
||||
&[data-size="s"] .ladda-spinner,
|
||||
&[data-size="xs"] .ladda-spinner {
|
||||
right: 4px;
|
||||
}
|
||||
|
||||
&[data-loading] {
|
||||
padding-right: 56px;
|
||||
|
||||
.ladda-spinner {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
&[data-size="s"],
|
||||
&[data-size="xs"] {
|
||||
padding-right: 40px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*************************************
|
||||
* EXPAND RIGHT
|
||||
*/
|
||||
|
||||
.ladda-button[data-style=expand-left] {
|
||||
.ladda-spinner {
|
||||
left: 14px;
|
||||
}
|
||||
|
||||
&[data-size="s"] .ladda-spinner,
|
||||
&[data-size="xs"] .ladda-spinner {
|
||||
left: 4px;
|
||||
}
|
||||
|
||||
&[data-loading] {
|
||||
padding-left: 56px;
|
||||
|
||||
.ladda-spinner {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
&[data-size="s"],
|
||||
&[data-size="xs"] {
|
||||
padding-left: 40px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*************************************
|
||||
* EXPAND UP
|
||||
*/
|
||||
|
||||
.ladda-button[data-style=expand-up] {
|
||||
overflow: hidden;
|
||||
|
||||
.ladda-spinner {
|
||||
top: -$spinnerSize;
|
||||
left: 50%;
|
||||
margin-left: -$spinnerSize/2;
|
||||
}
|
||||
|
||||
&[data-loading] {
|
||||
padding-top: 54px;
|
||||
|
||||
.ladda-spinner {
|
||||
opacity: 1;
|
||||
top: 14px;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
&[data-size="s"],
|
||||
&[data-size="xs"] {
|
||||
padding-top: 32px;
|
||||
|
||||
.ladda-spinner {
|
||||
top: 4px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*************************************
|
||||
* EXPAND DOWN
|
||||
*/
|
||||
|
||||
.ladda-button[data-style=expand-down] {
|
||||
overflow: hidden;
|
||||
|
||||
.ladda-spinner {
|
||||
top: 62px;
|
||||
left: 50%;
|
||||
margin-left: -$spinnerSize/2;
|
||||
}
|
||||
|
||||
&[data-size="s"] .ladda-spinner,
|
||||
&[data-size="xs"] .ladda-spinner {
|
||||
top: 40px;
|
||||
}
|
||||
|
||||
&[data-loading] {
|
||||
padding-bottom: 54px;
|
||||
|
||||
.ladda-spinner {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
&[data-size="s"],
|
||||
&[data-size="xs"] {
|
||||
padding-bottom: 32px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*************************************
|
||||
* SLIDE LEFT
|
||||
*/
|
||||
.ladda-button[data-style=slide-left] {
|
||||
overflow: hidden;
|
||||
|
||||
.ladda-label {
|
||||
position: relative;
|
||||
}
|
||||
.ladda-spinner {
|
||||
left: 100%;
|
||||
margin-left: -$spinnerSize/2;
|
||||
}
|
||||
|
||||
&[data-loading] {
|
||||
.ladda-label {
|
||||
opacity: 0;
|
||||
left: -100%;
|
||||
}
|
||||
.ladda-spinner {
|
||||
opacity: 1;
|
||||
left: 50%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*************************************
|
||||
* SLIDE RIGHT
|
||||
*/
|
||||
.ladda-button[data-style=slide-right] {
|
||||
overflow: hidden;
|
||||
|
||||
.ladda-label {
|
||||
position: relative;
|
||||
}
|
||||
.ladda-spinner {
|
||||
right: 100%;
|
||||
margin-left: -$spinnerSize/2;
|
||||
}
|
||||
|
||||
&[data-loading] {
|
||||
.ladda-label {
|
||||
opacity: 0;
|
||||
left: 100%;
|
||||
}
|
||||
.ladda-spinner {
|
||||
opacity: 1;
|
||||
left: 50%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*************************************
|
||||
* SLIDE UP
|
||||
*/
|
||||
.ladda-button[data-style=slide-up] {
|
||||
overflow: hidden;
|
||||
|
||||
.ladda-label {
|
||||
position: relative;
|
||||
}
|
||||
.ladda-spinner {
|
||||
left: 50%;
|
||||
margin-left: -$spinnerSize/2;
|
||||
margin-top: 1em;
|
||||
}
|
||||
|
||||
&[data-loading] {
|
||||
.ladda-label {
|
||||
opacity: 0;
|
||||
top: -1em;
|
||||
}
|
||||
.ladda-spinner {
|
||||
opacity: 1;
|
||||
margin-top: -$spinnerSize/2;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*************************************
|
||||
* SLIDE DOWN
|
||||
*/
|
||||
.ladda-button[data-style=slide-down] {
|
||||
overflow: hidden;
|
||||
|
||||
.ladda-label {
|
||||
position: relative;
|
||||
}
|
||||
.ladda-spinner {
|
||||
left: 50%;
|
||||
margin-left: -$spinnerSize/2;
|
||||
margin-top: -2em;
|
||||
}
|
||||
|
||||
&[data-loading] {
|
||||
.ladda-label {
|
||||
opacity: 0;
|
||||
top: 1em;
|
||||
}
|
||||
.ladda-spinner {
|
||||
opacity: 1;
|
||||
margin-top: -$spinnerSize/2;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*************************************
|
||||
* ZOOM-OUT
|
||||
*/
|
||||
|
||||
.ladda-button[data-style=zoom-out] {
|
||||
overflow: hidden;
|
||||
}
|
||||
.ladda-button[data-style=zoom-out] .ladda-spinner {
|
||||
left: 50%;
|
||||
margin-left: -$spinnerSize/2;
|
||||
|
||||
@include transform( scale( 2.5 ) );
|
||||
}
|
||||
.ladda-button[data-style=zoom-out] .ladda-label {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.ladda-button[data-style=zoom-out][data-loading] .ladda-label {
|
||||
opacity: 0;
|
||||
|
||||
@include transform( scale( 0.5 ) );
|
||||
}
|
||||
.ladda-button[data-style=zoom-out][data-loading] .ladda-spinner {
|
||||
opacity: 1;
|
||||
|
||||
@include transform( none );
|
||||
}
|
||||
|
||||
|
||||
/*************************************
|
||||
* ZOOM-IN
|
||||
*/
|
||||
|
||||
.ladda-button[data-style=zoom-in] {
|
||||
overflow: hidden;
|
||||
}
|
||||
.ladda-button[data-style=zoom-in] .ladda-spinner {
|
||||
left: 50%;
|
||||
margin-left: -$spinnerSize/2;
|
||||
|
||||
@include transform( scale( 0.2 ) );
|
||||
}
|
||||
.ladda-button[data-style=zoom-in] .ladda-label {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.ladda-button[data-style=zoom-in][data-loading] .ladda-label {
|
||||
opacity: 0;
|
||||
|
||||
@include transform( scale( 2.2 ) );
|
||||
}
|
||||
.ladda-button[data-style=zoom-in][data-loading] .ladda-spinner {
|
||||
opacity: 1;
|
||||
|
||||
@include transform( none );
|
||||
}
|
||||
|
||||
|
||||
/*************************************
|
||||
* CONTRACT
|
||||
*/
|
||||
|
||||
.ladda-button[data-style=contract] {
|
||||
overflow: hidden;
|
||||
width: 100px;
|
||||
}
|
||||
.ladda-button[data-style=contract] .ladda-spinner {
|
||||
left: 50%;
|
||||
margin-left: -16px;
|
||||
}
|
||||
|
||||
.ladda-button[data-style=contract][data-loading] {
|
||||
border-radius: 50%;
|
||||
width: 52px;
|
||||
}
|
||||
.ladda-button[data-style=contract][data-loading] .ladda-label {
|
||||
opacity: 0;
|
||||
}
|
||||
.ladda-button[data-style=contract][data-loading] .ladda-spinner {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*************************************
|
||||
* OVERLAY
|
||||
*/
|
||||
|
||||
.ladda-button[data-style=contract-overlay] {
|
||||
overflow: hidden;
|
||||
width: 100px;
|
||||
|
||||
box-shadow: 0px 0px 0px 3000px rgba(0,0,0,0);
|
||||
}
|
||||
.ladda-button[data-style=contract-overlay] .ladda-spinner {
|
||||
left: 50%;
|
||||
margin-left: -16px;
|
||||
}
|
||||
|
||||
.ladda-button[data-style=contract-overlay][data-loading] {
|
||||
border-radius: 50%;
|
||||
width: 52px;
|
||||
|
||||
/*outline: 10000px solid rgba( 0, 0, 0, 0.5 );*/
|
||||
box-shadow: 0px 0px 0px 3000px rgba(0,0,0,0.8);
|
||||
}
|
||||
.ladda-button[data-style=contract-overlay][data-loading] .ladda-label {
|
||||
opacity: 0;
|
||||
}
|
||||
.ladda-button[data-style=contract-overlay][data-loading] .ladda-spinner {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
119
public/legacy/assets/plugins/bootstrap-loading/css/prism.css
Normal file
119
public/legacy/assets/plugins/bootstrap-loading/css/prism.css
Normal file
@@ -0,0 +1,119 @@
|
||||
/**
|
||||
* prism.js default theme for JavaScript, CSS and HTML
|
||||
* Based on dabblet (http://dabblet.com)
|
||||
* @author Lea Verou
|
||||
*/
|
||||
|
||||
code[class*="language-"],
|
||||
pre[class*="language-"] {
|
||||
color: black;
|
||||
text-shadow: 0 1px white;
|
||||
font-family: Consolas, Monaco, 'Andale Mono', monospace;
|
||||
direction: ltr;
|
||||
text-align: left;
|
||||
white-space: pre;
|
||||
word-spacing: normal;
|
||||
|
||||
-moz-tab-size: 4;
|
||||
-o-tab-size: 4;
|
||||
tab-size: 4;
|
||||
|
||||
-webkit-hyphens: none;
|
||||
-moz-hyphens: none;
|
||||
-ms-hyphens: none;
|
||||
hyphens: none;
|
||||
}
|
||||
|
||||
pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
|
||||
code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
|
||||
text-shadow: none;
|
||||
background: #b3d4fc;
|
||||
}
|
||||
|
||||
pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
|
||||
code[class*="language-"]::selection, code[class*="language-"] ::selection {
|
||||
text-shadow: none;
|
||||
background: #b3d4fc;
|
||||
}
|
||||
|
||||
@media print {
|
||||
code[class*="language-"],
|
||||
pre[class*="language-"] {
|
||||
text-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
/* Code blocks */
|
||||
pre[class*="language-"] {
|
||||
padding: 1em;
|
||||
margin: .5em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
:not(pre) > code[class*="language-"],
|
||||
pre[class*="language-"] {
|
||||
background: #f5f2f0;
|
||||
}
|
||||
|
||||
/* Inline code */
|
||||
:not(pre) > code[class*="language-"] {
|
||||
padding: .1em;
|
||||
border-radius: .3em;
|
||||
}
|
||||
|
||||
.token.comment,
|
||||
.token.prolog,
|
||||
.token.doctype,
|
||||
.token.cdata {
|
||||
color: slategray;
|
||||
}
|
||||
|
||||
.token.punctuation {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.namespace {
|
||||
opacity: .7;
|
||||
}
|
||||
|
||||
.token.property,
|
||||
.token.tag,
|
||||
.token.boolean,
|
||||
.token.number {
|
||||
color: #905;
|
||||
}
|
||||
|
||||
.token.selector,
|
||||
.token.attr-name,
|
||||
.token.string {
|
||||
color: #690;
|
||||
}
|
||||
|
||||
.token.operator,
|
||||
.token.entity,
|
||||
.token.url,
|
||||
.language-css .token.string,
|
||||
.style .token.string {
|
||||
color: #a67f59;
|
||||
background: hsla(0,0%,100%,.5);
|
||||
}
|
||||
|
||||
.token.atrule,
|
||||
.token.attr-value,
|
||||
.token.keyword {
|
||||
color: #07a;
|
||||
}
|
||||
|
||||
|
||||
.token.regex,
|
||||
.token.important {
|
||||
color: #e90;
|
||||
}
|
||||
|
||||
.token.important {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.token.entity {
|
||||
cursor: help;
|
||||
}
|
||||
330
public/legacy/assets/plugins/bootstrap-loading/dist/ladda-themeless.css
vendored
Normal file
330
public/legacy/assets/plugins/bootstrap-loading/dist/ladda-themeless.css
vendored
Normal file
@@ -0,0 +1,330 @@
|
||||
/*!
|
||||
* Ladda
|
||||
* http://lab.hakim.se/ladda
|
||||
* MIT licensed
|
||||
*
|
||||
* Copyright (C) 2013 Hakim El Hattab, http://hakim.se
|
||||
*/
|
||||
/*************************************
|
||||
* CONFIG
|
||||
*/
|
||||
/*************************************
|
||||
* MIXINS
|
||||
*/
|
||||
/*************************************
|
||||
* BUTTON BASE
|
||||
*/
|
||||
.ladda-button {
|
||||
position: relative; }
|
||||
|
||||
/* Spinner animation */
|
||||
.ladda-button .ladda-spinner {
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
display: inline-block;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
top: 50%;
|
||||
margin-top: -16px;
|
||||
opacity: 0;
|
||||
pointer-events: none; }
|
||||
|
||||
/* Button label */
|
||||
.ladda-button .ladda-label {
|
||||
position: relative;
|
||||
z-index: 3; }
|
||||
|
||||
/* Progress bar */
|
||||
.ladda-button .ladda-progress {
|
||||
position: absolute;
|
||||
width: 0;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
background: rgba(0, 0, 0, 0.2);
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
-webkit-transition: 0.1s linear all !important;
|
||||
-moz-transition: 0.1s linear all !important;
|
||||
-ms-transition: 0.1s linear all !important;
|
||||
-o-transition: 0.1s linear all !important;
|
||||
transition: 0.1s linear all !important; }
|
||||
|
||||
.ladda-button[data-loading] .ladda-progress {
|
||||
opacity: 1;
|
||||
visibility: visible; }
|
||||
|
||||
/*************************************
|
||||
* EASING
|
||||
*/
|
||||
.ladda-button,
|
||||
.ladda-button .ladda-spinner,
|
||||
.ladda-button .ladda-label {
|
||||
-webkit-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
|
||||
-moz-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
|
||||
-ms-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
|
||||
-o-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
|
||||
transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important; }
|
||||
|
||||
.ladda-button[data-style=zoom-in],
|
||||
.ladda-button[data-style=zoom-in] .ladda-spinner,
|
||||
.ladda-button[data-style=zoom-in] .ladda-label,
|
||||
.ladda-button[data-style=zoom-out],
|
||||
.ladda-button[data-style=zoom-out] .ladda-spinner,
|
||||
.ladda-button[data-style=zoom-out] .ladda-label {
|
||||
-webkit-transition: 0.3s ease all !important;
|
||||
-moz-transition: 0.3s ease all !important;
|
||||
-ms-transition: 0.3s ease all !important;
|
||||
-o-transition: 0.3s ease all !important;
|
||||
transition: 0.3s ease all !important; }
|
||||
|
||||
/*************************************
|
||||
* EXPAND LEFT
|
||||
*/
|
||||
.ladda-button[data-style=expand-right] .ladda-spinner {
|
||||
right: 14px; }
|
||||
.ladda-button[data-style=expand-right][data-size="s"] .ladda-spinner, .ladda-button[data-style=expand-right][data-size="xs"] .ladda-spinner {
|
||||
right: 4px; }
|
||||
.ladda-button[data-style=expand-right][data-loading] {
|
||||
padding-right: 56px; }
|
||||
.ladda-button[data-style=expand-right][data-loading] .ladda-spinner {
|
||||
opacity: 1; }
|
||||
.ladda-button[data-style=expand-right][data-loading][data-size="s"], .ladda-button[data-style=expand-right][data-loading][data-size="xs"] {
|
||||
padding-right: 40px; }
|
||||
|
||||
/*************************************
|
||||
* EXPAND RIGHT
|
||||
*/
|
||||
.ladda-button[data-style=expand-left] .ladda-spinner {
|
||||
left: 14px; }
|
||||
.ladda-button[data-style=expand-left][data-size="s"] .ladda-spinner, .ladda-button[data-style=expand-left][data-size="xs"] .ladda-spinner {
|
||||
left: 4px; }
|
||||
.ladda-button[data-style=expand-left][data-loading] {
|
||||
padding-left: 56px; }
|
||||
.ladda-button[data-style=expand-left][data-loading] .ladda-spinner {
|
||||
opacity: 1; }
|
||||
.ladda-button[data-style=expand-left][data-loading][data-size="s"], .ladda-button[data-style=expand-left][data-loading][data-size="xs"] {
|
||||
padding-left: 40px; }
|
||||
|
||||
/*************************************
|
||||
* EXPAND UP
|
||||
*/
|
||||
.ladda-button[data-style=expand-up] {
|
||||
overflow: hidden; }
|
||||
.ladda-button[data-style=expand-up] .ladda-spinner {
|
||||
top: -32px;
|
||||
left: 50%;
|
||||
margin-left: -16px; }
|
||||
.ladda-button[data-style=expand-up][data-loading] {
|
||||
padding-top: 54px; }
|
||||
.ladda-button[data-style=expand-up][data-loading] .ladda-spinner {
|
||||
opacity: 1;
|
||||
top: 14px;
|
||||
margin-top: 0; }
|
||||
.ladda-button[data-style=expand-up][data-loading][data-size="s"], .ladda-button[data-style=expand-up][data-loading][data-size="xs"] {
|
||||
padding-top: 32px; }
|
||||
.ladda-button[data-style=expand-up][data-loading][data-size="s"] .ladda-spinner, .ladda-button[data-style=expand-up][data-loading][data-size="xs"] .ladda-spinner {
|
||||
top: 4px; }
|
||||
|
||||
/*************************************
|
||||
* EXPAND DOWN
|
||||
*/
|
||||
.ladda-button[data-style=expand-down] {
|
||||
overflow: hidden; }
|
||||
.ladda-button[data-style=expand-down] .ladda-spinner {
|
||||
top: 62px;
|
||||
left: 50%;
|
||||
margin-left: -16px; }
|
||||
.ladda-button[data-style=expand-down][data-size="s"] .ladda-spinner, .ladda-button[data-style=expand-down][data-size="xs"] .ladda-spinner {
|
||||
top: 40px; }
|
||||
.ladda-button[data-style=expand-down][data-loading] {
|
||||
padding-bottom: 54px; }
|
||||
.ladda-button[data-style=expand-down][data-loading] .ladda-spinner {
|
||||
opacity: 1; }
|
||||
.ladda-button[data-style=expand-down][data-loading][data-size="s"], .ladda-button[data-style=expand-down][data-loading][data-size="xs"] {
|
||||
padding-bottom: 32px; }
|
||||
|
||||
/*************************************
|
||||
* SLIDE LEFT
|
||||
*/
|
||||
.ladda-button[data-style=slide-left] {
|
||||
overflow: hidden; }
|
||||
.ladda-button[data-style=slide-left] .ladda-label {
|
||||
position: relative; }
|
||||
.ladda-button[data-style=slide-left] .ladda-spinner {
|
||||
left: 100%;
|
||||
margin-left: -16px; }
|
||||
.ladda-button[data-style=slide-left][data-loading] .ladda-label {
|
||||
opacity: 0;
|
||||
left: -100%; }
|
||||
.ladda-button[data-style=slide-left][data-loading] .ladda-spinner {
|
||||
opacity: 1;
|
||||
left: 50%; }
|
||||
|
||||
/*************************************
|
||||
* SLIDE RIGHT
|
||||
*/
|
||||
.ladda-button[data-style=slide-right] {
|
||||
overflow: hidden; }
|
||||
.ladda-button[data-style=slide-right] .ladda-label {
|
||||
position: relative; }
|
||||
.ladda-button[data-style=slide-right] .ladda-spinner {
|
||||
right: 100%;
|
||||
margin-left: -16px; }
|
||||
.ladda-button[data-style=slide-right][data-loading] .ladda-label {
|
||||
opacity: 0;
|
||||
left: 100%; }
|
||||
.ladda-button[data-style=slide-right][data-loading] .ladda-spinner {
|
||||
opacity: 1;
|
||||
left: 50%; }
|
||||
|
||||
/*************************************
|
||||
* SLIDE UP
|
||||
*/
|
||||
.ladda-button[data-style=slide-up] {
|
||||
overflow: hidden; }
|
||||
.ladda-button[data-style=slide-up] .ladda-label {
|
||||
position: relative; }
|
||||
.ladda-button[data-style=slide-up] .ladda-spinner {
|
||||
left: 50%;
|
||||
margin-left: -16px;
|
||||
margin-top: 1em; }
|
||||
.ladda-button[data-style=slide-up][data-loading] .ladda-label {
|
||||
opacity: 0;
|
||||
top: -1em; }
|
||||
.ladda-button[data-style=slide-up][data-loading] .ladda-spinner {
|
||||
opacity: 1;
|
||||
margin-top: -16px; }
|
||||
|
||||
/*************************************
|
||||
* SLIDE DOWN
|
||||
*/
|
||||
.ladda-button[data-style=slide-down] {
|
||||
overflow: hidden; }
|
||||
.ladda-button[data-style=slide-down] .ladda-label {
|
||||
position: relative; }
|
||||
.ladda-button[data-style=slide-down] .ladda-spinner {
|
||||
left: 50%;
|
||||
margin-left: -16px;
|
||||
margin-top: -2em; }
|
||||
.ladda-button[data-style=slide-down][data-loading] .ladda-label {
|
||||
opacity: 0;
|
||||
top: 1em; }
|
||||
.ladda-button[data-style=slide-down][data-loading] .ladda-spinner {
|
||||
opacity: 1;
|
||||
margin-top: -16px; }
|
||||
|
||||
/*************************************
|
||||
* ZOOM-OUT
|
||||
*/
|
||||
.ladda-button[data-style=zoom-out] {
|
||||
overflow: hidden; }
|
||||
|
||||
.ladda-button[data-style=zoom-out] .ladda-spinner {
|
||||
left: 50%;
|
||||
margin-left: -16px;
|
||||
-webkit-transform: scale(2.5);
|
||||
-moz-transform: scale(2.5);
|
||||
-ms-transform: scale(2.5);
|
||||
-o-transform: scale(2.5);
|
||||
transform: scale(2.5); }
|
||||
|
||||
.ladda-button[data-style=zoom-out] .ladda-label {
|
||||
position: relative;
|
||||
display: inline-block; }
|
||||
|
||||
.ladda-button[data-style=zoom-out][data-loading] .ladda-label {
|
||||
opacity: 0;
|
||||
-webkit-transform: scale(0.5);
|
||||
-moz-transform: scale(0.5);
|
||||
-ms-transform: scale(0.5);
|
||||
-o-transform: scale(0.5);
|
||||
transform: scale(0.5); }
|
||||
|
||||
.ladda-button[data-style=zoom-out][data-loading] .ladda-spinner {
|
||||
opacity: 1;
|
||||
-webkit-transform: none;
|
||||
-moz-transform: none;
|
||||
-ms-transform: none;
|
||||
-o-transform: none;
|
||||
transform: none; }
|
||||
|
||||
/*************************************
|
||||
* ZOOM-IN
|
||||
*/
|
||||
.ladda-button[data-style=zoom-in] {
|
||||
overflow: hidden; }
|
||||
|
||||
.ladda-button[data-style=zoom-in] .ladda-spinner {
|
||||
left: 50%;
|
||||
margin-left: -16px;
|
||||
-webkit-transform: scale(0.2);
|
||||
-moz-transform: scale(0.2);
|
||||
-ms-transform: scale(0.2);
|
||||
-o-transform: scale(0.2);
|
||||
transform: scale(0.2); }
|
||||
|
||||
.ladda-button[data-style=zoom-in] .ladda-label {
|
||||
position: relative;
|
||||
display: inline-block; }
|
||||
|
||||
.ladda-button[data-style=zoom-in][data-loading] .ladda-label {
|
||||
opacity: 0;
|
||||
-webkit-transform: scale(2.2);
|
||||
-moz-transform: scale(2.2);
|
||||
-ms-transform: scale(2.2);
|
||||
-o-transform: scale(2.2);
|
||||
transform: scale(2.2); }
|
||||
|
||||
.ladda-button[data-style=zoom-in][data-loading] .ladda-spinner {
|
||||
opacity: 1;
|
||||
-webkit-transform: none;
|
||||
-moz-transform: none;
|
||||
-ms-transform: none;
|
||||
-o-transform: none;
|
||||
transform: none; }
|
||||
|
||||
/*************************************
|
||||
* CONTRACT
|
||||
*/
|
||||
.ladda-button[data-style=contract] {
|
||||
overflow: hidden;
|
||||
width: 100px; }
|
||||
|
||||
.ladda-button[data-style=contract] .ladda-spinner {
|
||||
left: 50%;
|
||||
margin-left: -16px; }
|
||||
|
||||
.ladda-button[data-style=contract][data-loading] {
|
||||
border-radius: 50%;
|
||||
width: 52px; }
|
||||
|
||||
.ladda-button[data-style=contract][data-loading] .ladda-label {
|
||||
opacity: 0; }
|
||||
|
||||
.ladda-button[data-style=contract][data-loading] .ladda-spinner {
|
||||
opacity: 1; }
|
||||
|
||||
/*************************************
|
||||
* OVERLAY
|
||||
*/
|
||||
.ladda-button[data-style=contract-overlay] {
|
||||
overflow: hidden;
|
||||
width: 100px;
|
||||
box-shadow: 0px 0px 0px 3000px rgba(0, 0, 0, 0); }
|
||||
|
||||
.ladda-button[data-style=contract-overlay] .ladda-spinner {
|
||||
left: 50%;
|
||||
margin-left: -16px; }
|
||||
|
||||
.ladda-button[data-style=contract-overlay][data-loading] {
|
||||
border-radius: 50%;
|
||||
width: 52px;
|
||||
/*outline: 10000px solid rgba( 0, 0, 0, 0.5 );*/
|
||||
box-shadow: 0px 0px 0px 3000px rgba(0, 0, 0, 0.8); }
|
||||
|
||||
.ladda-button[data-style=contract-overlay][data-loading] .ladda-label {
|
||||
opacity: 0; }
|
||||
|
||||
.ladda-button[data-style=contract-overlay][data-loading] .ladda-spinner {
|
||||
opacity: 1; }
|
||||
7
public/legacy/assets/plugins/bootstrap-loading/dist/ladda-themeless.min.css
vendored
Normal file
7
public/legacy/assets/plugins/bootstrap-loading/dist/ladda-themeless.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
392
public/legacy/assets/plugins/bootstrap-loading/dist/ladda.css
vendored
Normal file
392
public/legacy/assets/plugins/bootstrap-loading/dist/ladda.css
vendored
Normal file
@@ -0,0 +1,392 @@
|
||||
/** Contains the default Ladda button theme styles */
|
||||
/*!
|
||||
* Ladda
|
||||
* http://lab.hakim.se/ladda
|
||||
* MIT licensed
|
||||
*
|
||||
* Copyright (C) 2013 Hakim El Hattab, http://hakim.se
|
||||
*/
|
||||
/*************************************
|
||||
* CONFIG
|
||||
*/
|
||||
/*************************************
|
||||
* MIXINS
|
||||
*/
|
||||
/*************************************
|
||||
* BUTTON BASE
|
||||
*/
|
||||
.ladda-button {
|
||||
position: relative; }
|
||||
|
||||
/* Spinner animation */
|
||||
.ladda-button .ladda-spinner {
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
display: inline-block;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
top: 50%;
|
||||
margin-top: -16px;
|
||||
opacity: 0;
|
||||
pointer-events: none; }
|
||||
|
||||
/* Button label */
|
||||
.ladda-button .ladda-label {
|
||||
position: relative;
|
||||
z-index: 3; }
|
||||
|
||||
/* Progress bar */
|
||||
.ladda-button .ladda-progress {
|
||||
position: absolute;
|
||||
width: 0;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
background: rgba(0, 0, 0, 0.2);
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
-webkit-transition: 0.1s linear all !important;
|
||||
-moz-transition: 0.1s linear all !important;
|
||||
-ms-transition: 0.1s linear all !important;
|
||||
-o-transition: 0.1s linear all !important;
|
||||
transition: 0.1s linear all !important; }
|
||||
|
||||
.ladda-button[data-loading] .ladda-progress {
|
||||
opacity: 1;
|
||||
visibility: visible; }
|
||||
|
||||
/*************************************
|
||||
* EASING
|
||||
*/
|
||||
.ladda-button,
|
||||
.ladda-button .ladda-spinner,
|
||||
.ladda-button .ladda-label {
|
||||
-webkit-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
|
||||
-moz-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
|
||||
-ms-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
|
||||
-o-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
|
||||
transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important; }
|
||||
|
||||
.ladda-button[data-style=zoom-in],
|
||||
.ladda-button[data-style=zoom-in] .ladda-spinner,
|
||||
.ladda-button[data-style=zoom-in] .ladda-label,
|
||||
.ladda-button[data-style=zoom-out],
|
||||
.ladda-button[data-style=zoom-out] .ladda-spinner,
|
||||
.ladda-button[data-style=zoom-out] .ladda-label {
|
||||
-webkit-transition: 0.3s ease all !important;
|
||||
-moz-transition: 0.3s ease all !important;
|
||||
-ms-transition: 0.3s ease all !important;
|
||||
-o-transition: 0.3s ease all !important;
|
||||
transition: 0.3s ease all !important; }
|
||||
|
||||
/*************************************
|
||||
* EXPAND LEFT
|
||||
*/
|
||||
.ladda-button[data-style=expand-right] .ladda-spinner {
|
||||
right: 14px; }
|
||||
.ladda-button[data-style=expand-right][data-size="s"] .ladda-spinner, .ladda-button[data-style=expand-right][data-size="xs"] .ladda-spinner {
|
||||
right: 4px; }
|
||||
.ladda-button[data-style=expand-right][data-loading] {
|
||||
padding-right: 56px; }
|
||||
.ladda-button[data-style=expand-right][data-loading] .ladda-spinner {
|
||||
opacity: 1; }
|
||||
.ladda-button[data-style=expand-right][data-loading][data-size="s"], .ladda-button[data-style=expand-right][data-loading][data-size="xs"] {
|
||||
padding-right: 40px; }
|
||||
|
||||
/*************************************
|
||||
* EXPAND RIGHT
|
||||
*/
|
||||
.ladda-button[data-style=expand-left] .ladda-spinner {
|
||||
left: 14px; }
|
||||
.ladda-button[data-style=expand-left][data-size="s"] .ladda-spinner, .ladda-button[data-style=expand-left][data-size="xs"] .ladda-spinner {
|
||||
left: 4px; }
|
||||
.ladda-button[data-style=expand-left][data-loading] {
|
||||
padding-left: 56px; }
|
||||
.ladda-button[data-style=expand-left][data-loading] .ladda-spinner {
|
||||
opacity: 1; }
|
||||
.ladda-button[data-style=expand-left][data-loading][data-size="s"], .ladda-button[data-style=expand-left][data-loading][data-size="xs"] {
|
||||
padding-left: 40px; }
|
||||
|
||||
/*************************************
|
||||
* EXPAND UP
|
||||
*/
|
||||
.ladda-button[data-style=expand-up] {
|
||||
overflow: hidden; }
|
||||
.ladda-button[data-style=expand-up] .ladda-spinner {
|
||||
top: -32px;
|
||||
left: 50%;
|
||||
margin-left: -16px; }
|
||||
.ladda-button[data-style=expand-up][data-loading] {
|
||||
padding-top: 54px; }
|
||||
.ladda-button[data-style=expand-up][data-loading] .ladda-spinner {
|
||||
opacity: 1;
|
||||
top: 14px;
|
||||
margin-top: 0; }
|
||||
.ladda-button[data-style=expand-up][data-loading][data-size="s"], .ladda-button[data-style=expand-up][data-loading][data-size="xs"] {
|
||||
padding-top: 32px; }
|
||||
.ladda-button[data-style=expand-up][data-loading][data-size="s"] .ladda-spinner, .ladda-button[data-style=expand-up][data-loading][data-size="xs"] .ladda-spinner {
|
||||
top: 4px; }
|
||||
|
||||
/*************************************
|
||||
* EXPAND DOWN
|
||||
*/
|
||||
.ladda-button[data-style=expand-down] {
|
||||
overflow: hidden; }
|
||||
.ladda-button[data-style=expand-down] .ladda-spinner {
|
||||
top: 62px;
|
||||
left: 50%;
|
||||
margin-left: -16px; }
|
||||
.ladda-button[data-style=expand-down][data-size="s"] .ladda-spinner, .ladda-button[data-style=expand-down][data-size="xs"] .ladda-spinner {
|
||||
top: 40px; }
|
||||
.ladda-button[data-style=expand-down][data-loading] {
|
||||
padding-bottom: 54px; }
|
||||
.ladda-button[data-style=expand-down][data-loading] .ladda-spinner {
|
||||
opacity: 1; }
|
||||
.ladda-button[data-style=expand-down][data-loading][data-size="s"], .ladda-button[data-style=expand-down][data-loading][data-size="xs"] {
|
||||
padding-bottom: 32px; }
|
||||
|
||||
/*************************************
|
||||
* SLIDE LEFT
|
||||
*/
|
||||
.ladda-button[data-style=slide-left] {
|
||||
overflow: hidden; }
|
||||
.ladda-button[data-style=slide-left] .ladda-label {
|
||||
position: relative; }
|
||||
.ladda-button[data-style=slide-left] .ladda-spinner {
|
||||
left: 100%;
|
||||
margin-left: -16px; }
|
||||
.ladda-button[data-style=slide-left][data-loading] .ladda-label {
|
||||
opacity: 0;
|
||||
left: -100%; }
|
||||
.ladda-button[data-style=slide-left][data-loading] .ladda-spinner {
|
||||
opacity: 1;
|
||||
left: 50%; }
|
||||
|
||||
/*************************************
|
||||
* SLIDE RIGHT
|
||||
*/
|
||||
.ladda-button[data-style=slide-right] {
|
||||
overflow: hidden; }
|
||||
.ladda-button[data-style=slide-right] .ladda-label {
|
||||
position: relative; }
|
||||
.ladda-button[data-style=slide-right] .ladda-spinner {
|
||||
right: 100%;
|
||||
margin-left: -16px; }
|
||||
.ladda-button[data-style=slide-right][data-loading] .ladda-label {
|
||||
opacity: 0;
|
||||
left: 100%; }
|
||||
.ladda-button[data-style=slide-right][data-loading] .ladda-spinner {
|
||||
opacity: 1;
|
||||
left: 50%; }
|
||||
|
||||
/*************************************
|
||||
* SLIDE UP
|
||||
*/
|
||||
.ladda-button[data-style=slide-up] {
|
||||
overflow: hidden; }
|
||||
.ladda-button[data-style=slide-up] .ladda-label {
|
||||
position: relative; }
|
||||
.ladda-button[data-style=slide-up] .ladda-spinner {
|
||||
left: 50%;
|
||||
margin-left: -16px;
|
||||
margin-top: 1em; }
|
||||
.ladda-button[data-style=slide-up][data-loading] .ladda-label {
|
||||
opacity: 0;
|
||||
top: -1em; }
|
||||
.ladda-button[data-style=slide-up][data-loading] .ladda-spinner {
|
||||
opacity: 1;
|
||||
margin-top: -16px; }
|
||||
|
||||
/*************************************
|
||||
* SLIDE DOWN
|
||||
*/
|
||||
.ladda-button[data-style=slide-down] {
|
||||
overflow: hidden; }
|
||||
.ladda-button[data-style=slide-down] .ladda-label {
|
||||
position: relative; }
|
||||
.ladda-button[data-style=slide-down] .ladda-spinner {
|
||||
left: 50%;
|
||||
margin-left: -16px;
|
||||
margin-top: -2em; }
|
||||
.ladda-button[data-style=slide-down][data-loading] .ladda-label {
|
||||
opacity: 0;
|
||||
top: 1em; }
|
||||
.ladda-button[data-style=slide-down][data-loading] .ladda-spinner {
|
||||
opacity: 1;
|
||||
margin-top: -16px; }
|
||||
|
||||
/*************************************
|
||||
* ZOOM-OUT
|
||||
*/
|
||||
.ladda-button[data-style=zoom-out] {
|
||||
overflow: hidden; }
|
||||
|
||||
.ladda-button[data-style=zoom-out] .ladda-spinner {
|
||||
left: 50%;
|
||||
margin-left: -16px;
|
||||
-webkit-transform: scale(2.5);
|
||||
-moz-transform: scale(2.5);
|
||||
-ms-transform: scale(2.5);
|
||||
-o-transform: scale(2.5);
|
||||
transform: scale(2.5); }
|
||||
|
||||
.ladda-button[data-style=zoom-out] .ladda-label {
|
||||
position: relative;
|
||||
display: inline-block; }
|
||||
|
||||
.ladda-button[data-style=zoom-out][data-loading] .ladda-label {
|
||||
opacity: 0;
|
||||
-webkit-transform: scale(0.5);
|
||||
-moz-transform: scale(0.5);
|
||||
-ms-transform: scale(0.5);
|
||||
-o-transform: scale(0.5);
|
||||
transform: scale(0.5); }
|
||||
|
||||
.ladda-button[data-style=zoom-out][data-loading] .ladda-spinner {
|
||||
opacity: 1;
|
||||
-webkit-transform: none;
|
||||
-moz-transform: none;
|
||||
-ms-transform: none;
|
||||
-o-transform: none;
|
||||
transform: none; }
|
||||
|
||||
/*************************************
|
||||
* ZOOM-IN
|
||||
*/
|
||||
.ladda-button[data-style=zoom-in] {
|
||||
overflow: hidden; }
|
||||
|
||||
.ladda-button[data-style=zoom-in] .ladda-spinner {
|
||||
left: 50%;
|
||||
margin-left: -16px;
|
||||
-webkit-transform: scale(0.2);
|
||||
-moz-transform: scale(0.2);
|
||||
-ms-transform: scale(0.2);
|
||||
-o-transform: scale(0.2);
|
||||
transform: scale(0.2); }
|
||||
|
||||
.ladda-button[data-style=zoom-in] .ladda-label {
|
||||
position: relative;
|
||||
display: inline-block; }
|
||||
|
||||
.ladda-button[data-style=zoom-in][data-loading] .ladda-label {
|
||||
opacity: 0;
|
||||
-webkit-transform: scale(2.2);
|
||||
-moz-transform: scale(2.2);
|
||||
-ms-transform: scale(2.2);
|
||||
-o-transform: scale(2.2);
|
||||
transform: scale(2.2); }
|
||||
|
||||
.ladda-button[data-style=zoom-in][data-loading] .ladda-spinner {
|
||||
opacity: 1;
|
||||
-webkit-transform: none;
|
||||
-moz-transform: none;
|
||||
-ms-transform: none;
|
||||
-o-transform: none;
|
||||
transform: none; }
|
||||
|
||||
/*************************************
|
||||
* CONTRACT
|
||||
*/
|
||||
.ladda-button[data-style=contract] {
|
||||
overflow: hidden;
|
||||
width: 100px; }
|
||||
|
||||
.ladda-button[data-style=contract] .ladda-spinner {
|
||||
left: 50%;
|
||||
margin-left: -16px; }
|
||||
|
||||
.ladda-button[data-style=contract][data-loading] {
|
||||
border-radius: 50%;
|
||||
width: 52px; }
|
||||
|
||||
.ladda-button[data-style=contract][data-loading] .ladda-label {
|
||||
opacity: 0; }
|
||||
|
||||
.ladda-button[data-style=contract][data-loading] .ladda-spinner {
|
||||
opacity: 1; }
|
||||
|
||||
/*************************************
|
||||
* OVERLAY
|
||||
*/
|
||||
.ladda-button[data-style=contract-overlay] {
|
||||
overflow: hidden;
|
||||
width: 100px;
|
||||
box-shadow: 0px 0px 0px 3000px rgba(0, 0, 0, 0); }
|
||||
|
||||
.ladda-button[data-style=contract-overlay] .ladda-spinner {
|
||||
left: 50%;
|
||||
margin-left: -16px; }
|
||||
|
||||
.ladda-button[data-style=contract-overlay][data-loading] {
|
||||
border-radius: 50%;
|
||||
width: 52px;
|
||||
/*outline: 10000px solid rgba( 0, 0, 0, 0.5 );*/
|
||||
box-shadow: 0px 0px 0px 3000px rgba(0, 0, 0, 0.8); }
|
||||
|
||||
.ladda-button[data-style=contract-overlay][data-loading] .ladda-label {
|
||||
opacity: 0; }
|
||||
|
||||
.ladda-button[data-style=contract-overlay][data-loading] .ladda-spinner {
|
||||
opacity: 1; }
|
||||
|
||||
/*************************************
|
||||
* CONFIG
|
||||
*/
|
||||
/*************************************
|
||||
* BUTTON THEME
|
||||
*/
|
||||
.ladda-button {
|
||||
background: #666;
|
||||
border: 0;
|
||||
padding: 14px 18px;
|
||||
font-size: 18px;
|
||||
cursor: pointer;
|
||||
color: #fff;
|
||||
border-radius: 2px;
|
||||
border: 1px solid transparent;
|
||||
-webkit-appearance: none;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
|
||||
.ladda-button:hover {
|
||||
border-color: rgba(0, 0, 0, 0.07);
|
||||
background-color: #888; }
|
||||
.ladda-button[data-color=green] {
|
||||
background: #2aca76; }
|
||||
.ladda-button[data-color=green]:hover {
|
||||
background-color: #38d683; }
|
||||
.ladda-button[data-color=blue] {
|
||||
background: #53b5e6; }
|
||||
.ladda-button[data-color=blue]:hover {
|
||||
background-color: #69bfe9; }
|
||||
.ladda-button[data-color=red] {
|
||||
background: #ea8557; }
|
||||
.ladda-button[data-color=red]:hover {
|
||||
background-color: #ed956e; }
|
||||
.ladda-button[data-color=purple] {
|
||||
background: #9973c2; }
|
||||
.ladda-button[data-color=purple]:hover {
|
||||
background-color: #a685ca; }
|
||||
.ladda-button[data-color=mint] {
|
||||
background: #16a085; }
|
||||
.ladda-button[data-color=mint]:hover {
|
||||
background-color: #19b698; }
|
||||
.ladda-button[disabled], .ladda-button[data-loading] {
|
||||
border-color: rgba(0, 0, 0, 0.07);
|
||||
cursor: default;
|
||||
background-color: #999; }
|
||||
.ladda-button[disabled]:hover, .ladda-button[data-loading]:hover {
|
||||
cursor: default;
|
||||
background-color: #999; }
|
||||
.ladda-button[data-size=xs] {
|
||||
padding: 4px 8px; }
|
||||
.ladda-button[data-size=xs] .ladda-label {
|
||||
font-size: 0.7em; }
|
||||
.ladda-button[data-size=s] {
|
||||
padding: 6px 10px; }
|
||||
.ladda-button[data-size=s] .ladda-label {
|
||||
font-size: 0.9em; }
|
||||
.ladda-button[data-size=l] .ladda-label {
|
||||
font-size: 1.2em; }
|
||||
.ladda-button[data-size=xl] .ladda-label {
|
||||
font-size: 1.5em; }
|
||||
157
public/legacy/assets/plugins/bootstrap-loading/dist/ladda.js
vendored
Normal file
157
public/legacy/assets/plugins/bootstrap-loading/dist/ladda.js
vendored
Normal file
@@ -0,0 +1,157 @@
|
||||
(function(root, factory) {
|
||||
if (typeof exports === "object") {
|
||||
module.exports = factory();
|
||||
} else if (typeof define === "function" && define.amd) {
|
||||
define([ "spin" ], factory);
|
||||
} else {
|
||||
root.Ladda = factory(root.Spinner);
|
||||
}
|
||||
})(this, function(Spinner) {
|
||||
"use strict";
|
||||
var ALL_INSTANCES = [];
|
||||
function create(button) {
|
||||
if (typeof button === "undefined") {
|
||||
console.warn("Ladda button target must be defined.");
|
||||
return;
|
||||
}
|
||||
if (!button.querySelector(".ladda-label")) {
|
||||
button.innerHTML = '<span class="ladda-label">' + button.innerHTML + "</span>";
|
||||
}
|
||||
var spinner = createSpinner(button);
|
||||
var spinnerWrapper = document.createElement("span");
|
||||
spinnerWrapper.className = "ladda-spinner";
|
||||
button.appendChild(spinnerWrapper);
|
||||
var timer;
|
||||
var instance = {
|
||||
start: function() {
|
||||
button.setAttribute("disabled", "");
|
||||
button.setAttribute("data-loading", "");
|
||||
clearTimeout(timer);
|
||||
spinner.spin(spinnerWrapper);
|
||||
this.setProgress(0);
|
||||
return this;
|
||||
},
|
||||
startAfter: function(delay) {
|
||||
clearTimeout(timer);
|
||||
timer = setTimeout(function() {
|
||||
instance.start();
|
||||
}, delay);
|
||||
return this;
|
||||
},
|
||||
stop: function() {
|
||||
button.removeAttribute("disabled");
|
||||
button.removeAttribute("data-loading");
|
||||
clearTimeout(timer);
|
||||
timer = setTimeout(function() {
|
||||
spinner.stop();
|
||||
}, 1e3);
|
||||
return this;
|
||||
},
|
||||
toggle: function() {
|
||||
if (this.isLoading()) {
|
||||
this.stop();
|
||||
} else {
|
||||
this.start();
|
||||
}
|
||||
return this;
|
||||
},
|
||||
setProgress: function(progress) {
|
||||
progress = Math.max(Math.min(progress, 1), 0);
|
||||
var progressElement = button.querySelector(".ladda-progress");
|
||||
if (progress === 0 && progressElement && progressElement.parentNode) {
|
||||
progressElement.parentNode.removeChild(progressElement);
|
||||
} else {
|
||||
if (!progressElement) {
|
||||
progressElement = document.createElement("div");
|
||||
progressElement.className = "ladda-progress";
|
||||
button.appendChild(progressElement);
|
||||
}
|
||||
progressElement.style.width = (progress || 0) * button.offsetWidth + "px";
|
||||
}
|
||||
},
|
||||
enable: function() {
|
||||
this.stop();
|
||||
return this;
|
||||
},
|
||||
disable: function() {
|
||||
this.stop();
|
||||
button.setAttribute("disabled", "");
|
||||
return this;
|
||||
},
|
||||
isLoading: function() {
|
||||
return button.hasAttribute("data-loading");
|
||||
}
|
||||
};
|
||||
ALL_INSTANCES.push(instance);
|
||||
return instance;
|
||||
}
|
||||
function bind(target, options) {
|
||||
options = options || {};
|
||||
var targets = [];
|
||||
if (typeof target === "string") {
|
||||
targets = toArray(document.querySelectorAll(target));
|
||||
} else if (typeof target === "object" && typeof target.nodeName === "string") {
|
||||
targets = [ target ];
|
||||
}
|
||||
for (var i = 0, len = targets.length; i < len; i++) {
|
||||
(function() {
|
||||
var element = targets[i];
|
||||
if (typeof element.addEventListener === "function") {
|
||||
var instance = create(element);
|
||||
var timeout = -1;
|
||||
element.addEventListener("click", function() {
|
||||
instance.startAfter(1);
|
||||
if (typeof options.timeout === "number") {
|
||||
clearTimeout(timeout);
|
||||
timeout = setTimeout(instance.stop, options.timeout);
|
||||
}
|
||||
if (typeof options.callback === "function") {
|
||||
options.callback.apply(null, [ instance ]);
|
||||
}
|
||||
}, false);
|
||||
}
|
||||
})();
|
||||
}
|
||||
}
|
||||
function stopAll() {
|
||||
for (var i = 0, len = ALL_INSTANCES.length; i < len; i++) {
|
||||
ALL_INSTANCES[i].stop();
|
||||
}
|
||||
}
|
||||
function createSpinner(button) {
|
||||
var height = button.offsetHeight, spinnerColor;
|
||||
if (height > 32) {
|
||||
height *= .8;
|
||||
}
|
||||
if (button.hasAttribute("data-spinner-size")) {
|
||||
height = parseInt(button.getAttribute("data-spinner-size"), 10);
|
||||
}
|
||||
if (button.hasAttribute("data-spinner-color")) {
|
||||
spinnerColor = button.getAttribute("data-spinner-color");
|
||||
}
|
||||
var lines = 12, radius = height * .2, length = radius * .6, width = radius < 7 ? 2 : 3;
|
||||
return new Spinner({
|
||||
color: spinnerColor || "#fff",
|
||||
lines: lines,
|
||||
radius: radius,
|
||||
length: length,
|
||||
width: width,
|
||||
zIndex: "auto",
|
||||
top: "auto",
|
||||
left: "auto",
|
||||
className: ""
|
||||
});
|
||||
}
|
||||
function toArray(nodes) {
|
||||
var a = [];
|
||||
for (var i = 0; i < nodes.length; i++) {
|
||||
a.push(nodes[i]);
|
||||
}
|
||||
return a;
|
||||
}
|
||||
return {
|
||||
bind: bind,
|
||||
create: create,
|
||||
stopAll: stopAll
|
||||
};
|
||||
});
|
||||
7
public/legacy/assets/plugins/bootstrap-loading/dist/ladda.min.css
vendored
Normal file
7
public/legacy/assets/plugins/bootstrap-loading/dist/ladda.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
1
public/legacy/assets/plugins/bootstrap-loading/dist/ladda.min.js
vendored
Normal file
1
public/legacy/assets/plugins/bootstrap-loading/dist/ladda.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
!function(a,b){"object"==typeof exports?module.exports=b():"function"==typeof define&&define.amd?define(["spin"],b):a.Ladda=b(a.Spinner)}(this,function(a){"use strict";function b(a){if("undefined"==typeof a)return console.warn("Ladda button target must be defined."),void 0;a.querySelector(".ladda-label")||(a.innerHTML='<span class="ladda-label">'+a.innerHTML+"</span>");var b=e(a),c=document.createElement("span");c.className="ladda-spinner",a.appendChild(c);var d,f={start:function(){return a.setAttribute("disabled",""),a.setAttribute("data-loading",""),clearTimeout(d),b.spin(c),this.setProgress(0),this},startAfter:function(a){return clearTimeout(d),d=setTimeout(function(){f.start()},a),this},stop:function(){return a.removeAttribute("disabled"),a.removeAttribute("data-loading"),clearTimeout(d),d=setTimeout(function(){b.stop()},1e3),this},toggle:function(){return this.isLoading()?this.stop():this.start(),this},setProgress:function(b){b=Math.max(Math.min(b,1),0);var c=a.querySelector(".ladda-progress");0===b&&c&&c.parentNode?c.parentNode.removeChild(c):(c||(c=document.createElement("div"),c.className="ladda-progress",a.appendChild(c)),c.style.width=(b||0)*a.offsetWidth+"px")},enable:function(){return this.stop(),this},disable:function(){return this.stop(),a.setAttribute("disabled",""),this},isLoading:function(){return a.hasAttribute("data-loading")}};return g.push(f),f}function c(a,c){c=c||{};var d=[];"string"==typeof a?d=f(document.querySelectorAll(a)):"object"==typeof a&&"string"==typeof a.nodeName&&(d=[a]);for(var e=0,g=d.length;g>e;e++)!function(){var a=d[e];if("function"==typeof a.addEventListener){var f=b(a),g=-1;a.addEventListener("click",function(){f.startAfter(1),"number"==typeof c.timeout&&(clearTimeout(g),g=setTimeout(f.stop,c.timeout)),"function"==typeof c.callback&&c.callback.apply(null,[f])},!1)}}()}function d(){for(var a=0,b=g.length;b>a;a++)g[a].stop()}function e(b){var c,d=b.offsetHeight;d>32&&(d*=.8),b.hasAttribute("data-spinner-size")&&(d=parseInt(b.getAttribute("data-spinner-size"),10)),b.hasAttribute("data-spinner-color")&&(c=b.getAttribute("data-spinner-color"));var e=12,f=.2*d,g=.6*f,h=7>f?2:3;return new a({color:c||"#fff",lines:e,radius:f,length:g,width:h,zIndex:"auto",top:"auto",left:"auto",className:""})}function f(a){for(var b=[],c=0;c<a.length;c++)b.push(a[c]);return b}var g=[];return{bind:c,create:b,stopAll:d}});
|
||||
218
public/legacy/assets/plugins/bootstrap-loading/dist/spin.js
vendored
Normal file
218
public/legacy/assets/plugins/bootstrap-loading/dist/spin.js
vendored
Normal file
@@ -0,0 +1,218 @@
|
||||
(function(root, factory) {
|
||||
if (typeof exports == "object") module.exports = factory(); else if (typeof define == "function" && define.amd) define(factory); else root.Spinner = factory();
|
||||
})(this, function() {
|
||||
"use strict";
|
||||
var prefixes = [ "webkit", "Moz", "ms", "O" ], animations = {}, useCssAnimations;
|
||||
function createEl(tag, prop) {
|
||||
var el = document.createElement(tag || "div"), n;
|
||||
for (n in prop) el[n] = prop[n];
|
||||
return el;
|
||||
}
|
||||
function ins(parent) {
|
||||
for (var i = 1, n = arguments.length; i < n; i++) parent.appendChild(arguments[i]);
|
||||
return parent;
|
||||
}
|
||||
var sheet = function() {
|
||||
var el = createEl("style", {
|
||||
type: "text/css"
|
||||
});
|
||||
ins(document.getElementsByTagName("head")[0], el);
|
||||
return el.sheet || el.styleSheet;
|
||||
}();
|
||||
function addAnimation(alpha, trail, i, lines) {
|
||||
var name = [ "opacity", trail, ~~(alpha * 100), i, lines ].join("-"), start = .01 + i / lines * 100, z = Math.max(1 - (1 - alpha) / trail * (100 - start), alpha), prefix = useCssAnimations.substring(0, useCssAnimations.indexOf("Animation")).toLowerCase(), pre = prefix && "-" + prefix + "-" || "";
|
||||
if (!animations[name]) {
|
||||
sheet.insertRule("@" + pre + "keyframes " + name + "{" + "0%{opacity:" + z + "}" + start + "%{opacity:" + alpha + "}" + (start + .01) + "%{opacity:1}" + (start + trail) % 100 + "%{opacity:" + alpha + "}" + "100%{opacity:" + z + "}" + "}", sheet.cssRules.length);
|
||||
animations[name] = 1;
|
||||
}
|
||||
return name;
|
||||
}
|
||||
function vendor(el, prop) {
|
||||
var s = el.style, pp, i;
|
||||
if (s[prop] !== undefined) return prop;
|
||||
prop = prop.charAt(0).toUpperCase() + prop.slice(1);
|
||||
for (i = 0; i < prefixes.length; i++) {
|
||||
pp = prefixes[i] + prop;
|
||||
if (s[pp] !== undefined) return pp;
|
||||
}
|
||||
}
|
||||
function css(el, prop) {
|
||||
for (var n in prop) el.style[vendor(el, n) || n] = prop[n];
|
||||
return el;
|
||||
}
|
||||
function merge(obj) {
|
||||
for (var i = 1; i < arguments.length; i++) {
|
||||
var def = arguments[i];
|
||||
for (var n in def) if (obj[n] === undefined) obj[n] = def[n];
|
||||
}
|
||||
return obj;
|
||||
}
|
||||
function pos(el) {
|
||||
var o = {
|
||||
x: el.offsetLeft,
|
||||
y: el.offsetTop
|
||||
};
|
||||
while (el = el.offsetParent) o.x += el.offsetLeft, o.y += el.offsetTop;
|
||||
return o;
|
||||
}
|
||||
var defaults = {
|
||||
lines: 12,
|
||||
length: 7,
|
||||
width: 5,
|
||||
radius: 10,
|
||||
rotate: 0,
|
||||
corners: 1,
|
||||
color: "#000",
|
||||
direction: 1,
|
||||
speed: 1,
|
||||
trail: 100,
|
||||
opacity: 1 / 4,
|
||||
fps: 20,
|
||||
zIndex: 2e9,
|
||||
className: "spinner",
|
||||
top: "auto",
|
||||
left: "auto",
|
||||
position: "relative"
|
||||
};
|
||||
function Spinner(o) {
|
||||
if (typeof this == "undefined") return new Spinner(o);
|
||||
this.opts = merge(o || {}, Spinner.defaults, defaults);
|
||||
}
|
||||
Spinner.defaults = {};
|
||||
merge(Spinner.prototype, {
|
||||
spin: function(target) {
|
||||
this.stop();
|
||||
var self = this, o = self.opts, el = self.el = css(createEl(0, {
|
||||
className: o.className
|
||||
}), {
|
||||
position: o.position,
|
||||
width: 0,
|
||||
zIndex: o.zIndex
|
||||
}), mid = o.radius + o.length + o.width, ep, tp;
|
||||
if (target) {
|
||||
target.insertBefore(el, target.firstChild || null);
|
||||
tp = pos(target);
|
||||
ep = pos(el);
|
||||
css(el, {
|
||||
left: (o.left == "auto" ? tp.x - ep.x + (target.offsetWidth >> 1) : parseInt(o.left, 10) + mid) + "px",
|
||||
top: (o.top == "auto" ? tp.y - ep.y + (target.offsetHeight >> 1) : parseInt(o.top, 10) + mid) + "px"
|
||||
});
|
||||
}
|
||||
el.setAttribute("role", "progressbar");
|
||||
self.lines(el, self.opts);
|
||||
if (!useCssAnimations) {
|
||||
var i = 0, start = (o.lines - 1) * (1 - o.direction) / 2, alpha, fps = o.fps, f = fps / o.speed, ostep = (1 - o.opacity) / (f * o.trail / 100), astep = f / o.lines;
|
||||
(function anim() {
|
||||
i++;
|
||||
for (var j = 0; j < o.lines; j++) {
|
||||
alpha = Math.max(1 - (i + (o.lines - j) * astep) % f * ostep, o.opacity);
|
||||
self.opacity(el, j * o.direction + start, alpha, o);
|
||||
}
|
||||
self.timeout = self.el && setTimeout(anim, ~~(1e3 / fps));
|
||||
})();
|
||||
}
|
||||
return self;
|
||||
},
|
||||
stop: function() {
|
||||
var el = this.el;
|
||||
if (el) {
|
||||
clearTimeout(this.timeout);
|
||||
if (el.parentNode) el.parentNode.removeChild(el);
|
||||
this.el = undefined;
|
||||
}
|
||||
return this;
|
||||
},
|
||||
lines: function(el, o) {
|
||||
var i = 0, start = (o.lines - 1) * (1 - o.direction) / 2, seg;
|
||||
function fill(color, shadow) {
|
||||
return css(createEl(), {
|
||||
position: "absolute",
|
||||
width: o.length + o.width + "px",
|
||||
height: o.width + "px",
|
||||
background: color,
|
||||
boxShadow: shadow,
|
||||
transformOrigin: "left",
|
||||
transform: "rotate(" + ~~(360 / o.lines * i + o.rotate) + "deg) translate(" + o.radius + "px" + ",0)",
|
||||
borderRadius: (o.corners * o.width >> 1) + "px"
|
||||
});
|
||||
}
|
||||
for (;i < o.lines; i++) {
|
||||
seg = css(createEl(), {
|
||||
position: "absolute",
|
||||
top: 1 + ~(o.width / 2) + "px",
|
||||
transform: o.hwaccel ? "translate3d(0,0,0)" : "",
|
||||
opacity: o.opacity,
|
||||
animation: useCssAnimations && addAnimation(o.opacity, o.trail, start + i * o.direction, o.lines) + " " + 1 / o.speed + "s linear infinite"
|
||||
});
|
||||
if (o.shadow) ins(seg, css(fill("#000", "0 0 4px " + "#000"), {
|
||||
top: 2 + "px"
|
||||
}));
|
||||
ins(el, ins(seg, fill(o.color, "0 0 1px rgba(0,0,0,.1)")));
|
||||
}
|
||||
return el;
|
||||
},
|
||||
opacity: function(el, i, val) {
|
||||
if (i < el.childNodes.length) el.childNodes[i].style.opacity = val;
|
||||
}
|
||||
});
|
||||
function initVML() {
|
||||
function vml(tag, attr) {
|
||||
return createEl("<" + tag + ' xmlns="urn:schemas-microsoft.com:vml" class="spin-vml">', attr);
|
||||
}
|
||||
sheet.addRule(".spin-vml", "behavior:url(#default#VML)");
|
||||
Spinner.prototype.lines = function(el, o) {
|
||||
var r = o.length + o.width, s = 2 * r;
|
||||
function grp() {
|
||||
return css(vml("group", {
|
||||
coordsize: s + " " + s,
|
||||
coordorigin: -r + " " + -r
|
||||
}), {
|
||||
width: s,
|
||||
height: s
|
||||
});
|
||||
}
|
||||
var margin = -(o.width + o.length) * 2 + "px", g = css(grp(), {
|
||||
position: "absolute",
|
||||
top: margin,
|
||||
left: margin
|
||||
}), i;
|
||||
function seg(i, dx, filter) {
|
||||
ins(g, ins(css(grp(), {
|
||||
rotation: 360 / o.lines * i + "deg",
|
||||
left: ~~dx
|
||||
}), ins(css(vml("roundrect", {
|
||||
arcsize: o.corners
|
||||
}), {
|
||||
width: r,
|
||||
height: o.width,
|
||||
left: o.radius,
|
||||
top: -o.width >> 1,
|
||||
filter: filter
|
||||
}), vml("fill", {
|
||||
color: o.color,
|
||||
opacity: o.opacity
|
||||
}), vml("stroke", {
|
||||
opacity: 0
|
||||
}))));
|
||||
}
|
||||
if (o.shadow) for (i = 1; i <= o.lines; i++) seg(i, -2, "progid:DXImageTransform.Microsoft.Blur(pixelradius=2,makeshadow=1,shadowopacity=.3)");
|
||||
for (i = 1; i <= o.lines; i++) seg(i);
|
||||
return ins(el, g);
|
||||
};
|
||||
Spinner.prototype.opacity = function(el, i, val, o) {
|
||||
var c = el.firstChild;
|
||||
o = o.shadow && o.lines || 0;
|
||||
if (c && i + o < c.childNodes.length) {
|
||||
c = c.childNodes[i + o];
|
||||
c = c && c.firstChild;
|
||||
c = c && c.firstChild;
|
||||
if (c) c.opacity = val;
|
||||
}
|
||||
};
|
||||
}
|
||||
var probe = css(createEl("group"), {
|
||||
behavior: "url(#default#VML)"
|
||||
});
|
||||
if (!vendor(probe, "transform") && probe.adj) initVML(); else useCssAnimations = vendor(probe, "animation");
|
||||
return Spinner;
|
||||
});
|
||||
5
public/legacy/assets/plugins/bootstrap-loading/dist/spin.min.js
vendored
Normal file
5
public/legacy/assets/plugins/bootstrap-loading/dist/spin.min.js
vendored
Normal file
@@ -0,0 +1,5 @@
|
||||
/* Spin */
|
||||
!function(a,b){"object"==typeof exports?module.exports=b():"function"==typeof define&&define.amd?define(b):a.Spinner=b()}(this,function(){"use strict";function a(a,b){var c,d=document.createElement(a||"div");for(c in b)d[c]=b[c];return d}function b(a){for(var b=1,c=arguments.length;c>b;b++)a.appendChild(arguments[b]);return a}function c(a,b,c,d){var e=["opacity",b,~~(100*a),c,d].join("-"),f=.01+c/d*100,g=Math.max(1-(1-a)/b*(100-f),a),h=j.substring(0,j.indexOf("Animation")).toLowerCase(),i=h&&"-"+h+"-"||"";return l[e]||(m.insertRule("@"+i+"keyframes "+e+"{0%{opacity:"+g+"}"+f+"%{opacity:"+a+"}"+(f+.01)+"%{opacity:1}"+(f+b)%100+"%{opacity:"+a+"}100%{opacity:"+g+"}}",m.cssRules.length),l[e]=1),e}function d(a,b){var c,d,e=a.style;if(void 0!==e[b])return b;for(b=b.charAt(0).toUpperCase()+b.slice(1),d=0;d<k.length;d++)if(c=k[d]+b,void 0!==e[c])return c}function e(a,b){for(var c in b)a.style[d(a,c)||c]=b[c];return a}function f(a){for(var b=1;b<arguments.length;b++){var c=arguments[b];for(var d in c)void 0===a[d]&&(a[d]=c[d])}return a}function g(a){for(var b={x:a.offsetLeft,y:a.offsetTop};a=a.offsetParent;)b.x+=a.offsetLeft,b.y+=a.offsetTop;return b}function h(a){return"undefined"==typeof this?new h(a):(this.opts=f(a||{},h.defaults,n),void 0)}function i(){function c(b,c){return a("<"+b+' xmlns="urn:schemas-microsoft.com:vml" class="spin-vml">',c)}m.addRule(".spin-vml","behavior:url(#default#VML)"),h.prototype.lines=function(a,d){function f(){return e(c("group",{coordsize:j+" "+j,coordorigin:-i+" "+-i}),{width:j,height:j})}function g(a,g,h){b(l,b(e(f(),{rotation:360/d.lines*a+"deg",left:~~g}),b(e(c("roundrect",{arcsize:d.corners}),{width:i,height:d.width,left:d.radius,top:-d.width>>1,filter:h}),c("fill",{color:d.color,opacity:d.opacity}),c("stroke",{opacity:0}))))}var h,i=d.length+d.width,j=2*i,k=2*-(d.width+d.length)+"px",l=e(f(),{position:"absolute",top:k,left:k});if(d.shadow)for(h=1;h<=d.lines;h++)g(h,-2,"progid:DXImageTransform.Microsoft.Blur(pixelradius=2,makeshadow=1,shadowopacity=.3)");for(h=1;h<=d.lines;h++)g(h);return b(a,l)},h.prototype.opacity=function(a,b,c,d){var e=a.firstChild;d=d.shadow&&d.lines||0,e&&b+d<e.childNodes.length&&(e=e.childNodes[b+d],e=e&&e.firstChild,e=e&&e.firstChild,e&&(e.opacity=c))}}var j,k=["webkit","Moz","ms","O"],l={},m=function(){var c=a("style",{type:"text/css"});return b(document.getElementsByTagName("head")[0],c),c.sheet||c.styleSheet}(),n={lines:12,length:7,width:5,radius:10,rotate:0,corners:1,color:"#000",direction:1,speed:1,trail:100,opacity:.25,fps:20,zIndex:2e9,className:"spinner",top:"auto",left:"auto",position:"relative"};h.defaults={},f(h.prototype,{spin:function(b){this.stop();var c,d,f=this,h=f.opts,i=f.el=e(a(0,{className:h.className}),{position:h.position,width:0,zIndex:h.zIndex}),k=h.radius+h.length+h.width;if(b&&(b.insertBefore(i,b.firstChild||null),d=g(b),c=g(i),e(i,{left:("auto"==h.left?d.x-c.x+(b.offsetWidth>>1):parseInt(h.left,10)+k)+"px",top:("auto"==h.top?d.y-c.y+(b.offsetHeight>>1):parseInt(h.top,10)+k)+"px"})),i.setAttribute("role","progressbar"),f.lines(i,f.opts),!j){var l,m=0,n=(h.lines-1)*(1-h.direction)/2,o=h.fps,p=o/h.speed,q=(1-h.opacity)/(p*h.trail/100),r=p/h.lines;!function s(){m++;for(var a=0;a<h.lines;a++)l=Math.max(1-(m+(h.lines-a)*r)%p*q,h.opacity),f.opacity(i,a*h.direction+n,l,h);f.timeout=f.el&&setTimeout(s,~~(1e3/o))}()}return f},stop:function(){var a=this.el;return a&&(clearTimeout(this.timeout),a.parentNode&&a.parentNode.removeChild(a),this.el=void 0),this},lines:function(d,f){function g(b,c){return e(a(),{position:"absolute",width:f.length+f.width+"px",height:f.width+"px",background:b,boxShadow:c,transformOrigin:"left",transform:"rotate("+~~(360/f.lines*i+f.rotate)+"deg) translate("+f.radius+"px,0)",borderRadius:(f.corners*f.width>>1)+"px"})}for(var h,i=0,k=(f.lines-1)*(1-f.direction)/2;i<f.lines;i++)h=e(a(),{position:"absolute",top:1+~(f.width/2)+"px",transform:f.hwaccel?"translate3d(0,0,0)":"",opacity:f.opacity,animation:j&&c(f.opacity,f.trail,k+i*f.direction,f.lines)+" "+1/f.speed+"s linear infinite"}),f.shadow&&b(h,e(g("#000","0 0 4px #000"),{top:"2px"})),b(d,b(h,g(f.color,"0 0 1px rgba(0,0,0,.1)")));return d},opacity:function(a,b,c){b<a.childNodes.length&&(a.childNodes[b].style.opacity=c)}});var o=e(a("group"),{behavior:"url(#default#VML)"});return!d(o,"transform")&&o.adj?i():j=d(o,"animation"),h});
|
||||
|
||||
/* Lada */
|
||||
!function(a,b){"object"==typeof exports?module.exports=b():"function"==typeof define&&define.amd?define(["spin"],b):a.Ladda=b(a.Spinner)}(this,function(a){"use strict";function b(a){if("undefined"==typeof a)return console.warn("Ladda button target must be defined."),void 0;a.querySelector(".ladda-label")||(a.innerHTML='<span class="ladda-label">'+a.innerHTML+"</span>");var b=e(a),c=document.createElement("span");c.className="ladda-spinner",a.appendChild(c);var d,f={start:function(){return a.setAttribute("disabled",""),a.setAttribute("data-loading",""),clearTimeout(d),b.spin(c),this.setProgress(0),this},startAfter:function(a){return clearTimeout(d),d=setTimeout(function(){f.start()},a),this},stop:function(){return a.removeAttribute("disabled"),a.removeAttribute("data-loading"),clearTimeout(d),d=setTimeout(function(){b.stop()},1e3),this},toggle:function(){return this.isLoading()?this.stop():this.start(),this},setProgress:function(b){b=Math.max(Math.min(b,1),0);var c=a.querySelector(".ladda-progress");0===b&&c&&c.parentNode?c.parentNode.removeChild(c):(c||(c=document.createElement("div"),c.className="ladda-progress",a.appendChild(c)),c.style.width=(b||0)*a.offsetWidth+"px")},enable:function(){return this.stop(),this},disable:function(){return this.stop(),a.setAttribute("disabled",""),this},isLoading:function(){return a.hasAttribute("data-loading")}};return g.push(f),f}function c(a,c){c=c||{};var d=[];"string"==typeof a?d=f(document.querySelectorAll(a)):"object"==typeof a&&"string"==typeof a.nodeName&&(d=[a]);for(var e=0,g=d.length;g>e;e++)!function(){var a=d[e];if("function"==typeof a.addEventListener){var f=b(a),g=-1;a.addEventListener("click",function(){f.startAfter(1),"number"==typeof c.timeout&&(clearTimeout(g),g=setTimeout(f.stop,c.timeout)),"function"==typeof c.callback&&c.callback.apply(null,[f])},!1)}}()}function d(){for(var a=0,b=g.length;b>a;a++)g[a].stop()}function e(b){var c,d=b.offsetHeight;d>32&&(d*=.8),b.hasAttribute("data-spinner-size")&&(d=parseInt(b.getAttribute("data-spinner-size"),10)),b.hasAttribute("data-spinner-color")&&(c=b.getAttribute("data-spinner-color"));var e=12,f=.2*d,g=.6*f,h=7>f?2:3;return new a({color:c||"#fff",lines:e,radius:f,length:g,width:h,zIndex:"auto",top:"auto",left:"auto",className:""})}function f(a){for(var b=[],c=0;c<a.length;c++)b.push(a[c]);return b}var g=[];return{bind:c,create:b,stopAll:d}});
|
||||
208
public/legacy/assets/plugins/bootstrap-loading/index.html
Normal file
208
public/legacy/assets/plugins/bootstrap-loading/index.html
Normal file
@@ -0,0 +1,208 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
|
||||
<title>Ladda for Bootstrap 3 UI</title>
|
||||
|
||||
<meta name="description" content="Bootstrap 3 loading state for buttons">
|
||||
<meta name="author" content="Maks Surguy">
|
||||
|
||||
<meta name="apple-mobile-web-app-capable" content="yes" />
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
|
||||
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
|
||||
|
||||
<link rel="stylesheet" href="dist/ladda-themeless.min.css">
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-md-offset-3">
|
||||
<h1>Ladda UI for Bootstrap 3</h1>
|
||||
<p>
|
||||
This project was made by <a href="http://twitter.com/msurguy" target="_blank">@msurguy</a> and is used on the new <a href="http://bootsnipp.com" target="_blank">Bootsnipp</a> - a playground and collection of snippets for Bootstrap.
|
||||
</p>
|
||||
</p>
|
||||
Original UI concept by <a href="http://twitter.com/hakimel" target="_blank">@hakimel</a> which merges loading indicators into the action that invoked them. Primarily intended for use with forms where it gives users immediate feedback upon submit rather than leaving them wondering while the browser does its thing.
|
||||
</p>
|
||||
<h2>Demo <small>Click the buttons to see the effect</small></h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-md-offset-3 text-center">
|
||||
<p>
|
||||
<button class="btn btn-primary ladda-button" data-style="expand-left"><span class="ladda-label">expand-left</span></button>
|
||||
|
||||
<button class="btn btn-primary ladda-button" data-style="expand-right"><span class="ladda-label">expand-right</span></button>
|
||||
|
||||
<button class="btn btn-primary ladda-button" data-style="expand-up"><span class="ladda-label">expand-up</span></button>
|
||||
|
||||
<button class="btn btn-primary ladda-button" data-style="expand-down"><span class="ladda-label">expand-down</span></button>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-md-offset-3 text-center">
|
||||
<p>
|
||||
<button class="btn btn-info ladda-button" data-style="zoom-in"><span class="ladda-label">zoom-in</span></button>
|
||||
|
||||
<button class="btn btn-info ladda-button" data-style="zoom-out"><span class="ladda-label">zoom-out</span></button>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-md-offset-3 text-center">
|
||||
<p>
|
||||
<button class="btn btn-warning ladda-button" data-style="slide-left"><span class="ladda-label">slide-left</span></button>
|
||||
|
||||
<button class="btn btn-warning ladda-button" data-style="slide-right"><span class="ladda-label">slide-right</span></button>
|
||||
|
||||
<button class="btn btn-warning ladda-button" data-style="slide-up"><span class="ladda-label">slide-up</span></button>
|
||||
|
||||
<button class="btn btn-warning ladda-button" data-style="slide-down"><span class="ladda-label">slide-down</span></button>
|
||||
</p>
|
||||
<p><button class="btn btn-warning ladda-button" data-style="contract"><span class="ladda-label">contract</span></button></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-md-offset-3 text-center progress-demo">
|
||||
<p>Built-in progress bar</p>
|
||||
<p>
|
||||
<button class="btn btn-danger ladda-button" data-style="expand-right"><span class="ladda-label">expand-right</span></button>
|
||||
|
||||
<button class="btn btn-danger ladda-button" data-style="expand-left"><span class="ladda-label">expand-left</span></button>
|
||||
|
||||
<button class="btn btn-danger ladda-button" data-style="contract"><span class="ladda-label">contract</span></button>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-md-offset-3 text-center">
|
||||
<p>Sizes</p>
|
||||
<p>
|
||||
<button class="btn btn-primary btn-xs ladda-button" data-style="expand-right" data-size="xs"><span class="ladda-label">extra small</span></button>
|
||||
|
||||
<button class="btn btn-primary btn-sm ladda-button" data-style="expand-right" data-size="s"><span class="ladda-label">small</span></button>
|
||||
|
||||
<button class="btn btn-primary btn-lg ladda-button" data-style="expand-right" data-size="l"><span class="ladda-label">large</span></button>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-md-offset-3">
|
||||
<h2>Usage:</h2>
|
||||
<hr>
|
||||
<p>Include the CSS and Javascript for Spin.js and Ladda effect:</p>
|
||||
<pre><code class="language-markup"><link rel="stylesheet" href="dist/ladda-themeless.min.css">
|
||||
<script src="dist/spin.min.js"></script>
|
||||
<script src="dist/ladda.min.js"></script></code></pre>
|
||||
<p>Then to produce a button with the Ladda effect:</p>
|
||||
<pre><code class="language-markup"><button class="btn btn-primary ladda-button" data-style="expand-left"><span class="ladda-label">expand-left</span></button></code></pre>
|
||||
<p>Or using "a" tag:</p>
|
||||
<pre><code class="language-markup"><a href="#" class="btn btn-primary ladda-button" data-style="expand-left"><span class="ladda-label">expand-left</span></a></code></pre>
|
||||
<p>You can choose the style of the effect by setting the <code>data-style</code> attribute:</p>
|
||||
<pre><code class="language-markup">data-style="expand-left"
|
||||
data-style="expand-left"
|
||||
data-style="expand-right"
|
||||
data-style="expand-up"
|
||||
data-style="zoom-in"
|
||||
data-style="zoom-out"
|
||||
data-style="slide-left"
|
||||
data-style="slide-right"
|
||||
data-style="slide-up"
|
||||
data-style="slide-down"
|
||||
data-style="contract"</code></pre>
|
||||
<p>You can choose the size of the spinner by setting the <code>data-size</code> attribute:</p>
|
||||
<pre><code class="language-markup">data-size="xs"
|
||||
data-size="s"
|
||||
data-size="l"
|
||||
</code></pre>
|
||||
<p>You can choose the color of the spinner by setting the <code>data-spinner-color</code> attribute (HEX code):</p>
|
||||
<pre><code class="language-markup">data-spinner-color="#FF0000"</code></pre>
|
||||
|
||||
<h2>Control the UI state with Javascript:</h2>
|
||||
<p>To activate the effect you can bind Ladda to all buttons that submit a form</p>
|
||||
<pre><code class="language-javascript">Ladda.bind( 'input[type=submit]' );</code></pre>
|
||||
<p>When using AJAX forms, you can use the following syntax:</p>
|
||||
<pre><code class="language-markup"><a href="#" id="form-submit" class="btn btn-primary btn-lg ladda-button" data-style="expand-right" data-size="l"><span class="ladda-label">Submit form</span></a></code></pre>
|
||||
<pre><code class="language-javascript">$(function() {
|
||||
$('#form-submit').click(function(e){
|
||||
e.preventDefault();
|
||||
var l = Ladda.create(this);
|
||||
l.start();
|
||||
$.post("your-url",
|
||||
{ data : data },
|
||||
function(response){
|
||||
console.log(response);
|
||||
}, "json")
|
||||
.always(function() { l.stop(); });
|
||||
return false;
|
||||
});
|
||||
});</code></pre>
|
||||
<p>Other methods available through Javascript</p>
|
||||
<pre><code class="language-javascript">l.stop();
|
||||
l.toggle();
|
||||
l.isLoading();
|
||||
l.setProgress( 0-1 );</code></pre>
|
||||
<p> Love this? Tweet it!
|
||||
<a href="http://twitter.com/share" class="twitter-share-button" data-text="Ladda Bootstrap - Buttons with built-in loading indicators for Bootstrap" data-url="https://github.com/msurguy/ladda-bootstrap" data-count="small" data-related="bootsnipp"></a></p>
|
||||
<p style="margin-bottom:100px;">
|
||||
Original Ladda UI concept by <a href="http://hakim.se">Hakim El Hattab</a> / <a href="http://twitter.com/hakimel">@hakimel</a>, examples adapted to work with Bootstrap 3 by <a href="http://twitter.com/msurguy" target="_blank">@msurguy</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<script src="dist/spin.min.js"></script>
|
||||
<script src="dist/ladda.min.js"></script>
|
||||
|
||||
<script>
|
||||
|
||||
// Bind normal buttons
|
||||
Ladda.bind( 'div:not(.progress-demo) button', { timeout: 2000 } );
|
||||
|
||||
// Bind progress buttons and simulate loading progress
|
||||
Ladda.bind( '.progress-demo button', {
|
||||
callback: function( instance ) {
|
||||
var progress = 0;
|
||||
var interval = setInterval( function() {
|
||||
progress = Math.min( progress + Math.random() * 0.1, 1 );
|
||||
instance.setProgress( progress );
|
||||
|
||||
if( progress === 1 ) {
|
||||
instance.stop();
|
||||
clearInterval( interval );
|
||||
}
|
||||
}, 200 );
|
||||
}
|
||||
} );
|
||||
|
||||
// You can control loading explicitly using the JavaScript API
|
||||
// as outlined below:
|
||||
|
||||
// var l = Ladda.create( document.querySelector( 'button' ) );
|
||||
// l.start();
|
||||
// l.stop();
|
||||
// l.toggle();
|
||||
// l.isLoading();
|
||||
// l.setProgress( 0-1 );
|
||||
|
||||
</script>
|
||||
|
||||
<a class="fork" href="https://github.com/msurguy/Ladda-bootstrap"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://a248.e.akamai.net/camo.github.com/e6bef7a091f5f3138b8cd40bc3e114258dd68ddf/687474703a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f7265645f6161303030302e706e67" alt="Fork me on GitHub"></a>
|
||||
|
||||
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
|
||||
<script type="text/javascript" src="js/prism.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
317
public/legacy/assets/plugins/bootstrap-loading/js/ladda.js
Normal file
317
public/legacy/assets/plugins/bootstrap-loading/js/ladda.js
Normal file
@@ -0,0 +1,317 @@
|
||||
/*!
|
||||
* Ladda 0.8.0
|
||||
* http://lab.hakim.se/ladda
|
||||
* MIT licensed
|
||||
*
|
||||
* Copyright (C) 2013 Hakim El Hattab, http://hakim.se
|
||||
*/
|
||||
(function( root, factory ) {
|
||||
|
||||
// CommonJS
|
||||
if( typeof exports === 'object' ) {
|
||||
module.exports = factory();
|
||||
}
|
||||
// AMD module
|
||||
else if( typeof define === 'function' && define.amd ) {
|
||||
define( [ './spin' ], factory );
|
||||
}
|
||||
// Browser global
|
||||
else {
|
||||
root.Ladda = factory( root.Spinner );
|
||||
}
|
||||
|
||||
}
|
||||
(this, function( Spinner ) {
|
||||
'use strict';
|
||||
|
||||
// All currently instantiated instances of Ladda
|
||||
var ALL_INSTANCES = [];
|
||||
|
||||
/**
|
||||
* Creates a new instance of Ladda which wraps the
|
||||
* target button element.
|
||||
*
|
||||
* @return An API object that can be used to control
|
||||
* the loading animation state.
|
||||
*/
|
||||
function create( button ) {
|
||||
|
||||
if( typeof button === 'undefined' ) {
|
||||
console.warn( "Ladda button target must be defined." );
|
||||
return;
|
||||
}
|
||||
|
||||
// The text contents must be wrapped in a ladda-label
|
||||
// element, create one if it doesn't already exist
|
||||
if( !button.querySelector( '.ladda-label' ) ) {
|
||||
button.innerHTML = '<span class="ladda-label">'+ button.innerHTML +'</span>';
|
||||
}
|
||||
|
||||
// Create the spinner
|
||||
var spinner = createSpinner( button );
|
||||
|
||||
// Wrapper element for the spinner
|
||||
var spinnerWrapper = document.createElement( 'span' );
|
||||
spinnerWrapper.className = 'ladda-spinner';
|
||||
button.appendChild( spinnerWrapper );
|
||||
|
||||
// Timer used to delay starting/stopping
|
||||
var timer;
|
||||
|
||||
var instance = {
|
||||
|
||||
/**
|
||||
* Enter the loading state.
|
||||
*/
|
||||
start: function() {
|
||||
|
||||
button.setAttribute( 'disabled', '' );
|
||||
button.setAttribute( 'data-loading', '' );
|
||||
|
||||
clearTimeout( timer );
|
||||
spinner.spin( spinnerWrapper );
|
||||
|
||||
this.setProgress( 0 );
|
||||
|
||||
return this; // chain
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* Enter the loading state, after a delay.
|
||||
*/
|
||||
startAfter: function( delay ) {
|
||||
|
||||
clearTimeout( timer );
|
||||
timer = setTimeout( function() { instance.start(); }, delay );
|
||||
|
||||
return this; // chain
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* Exit the loading state.
|
||||
*/
|
||||
stop: function() {
|
||||
|
||||
button.removeAttribute( 'disabled' );
|
||||
button.removeAttribute( 'data-loading' );
|
||||
|
||||
// Kill the animation after a delay to make sure it
|
||||
// runs for the duration of the button transition
|
||||
clearTimeout( timer );
|
||||
timer = setTimeout( function() { spinner.stop(); }, 1000 );
|
||||
|
||||
return this; // chain
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* Toggle the loading state on/off.
|
||||
*/
|
||||
toggle: function() {
|
||||
|
||||
if( this.isLoading() ) {
|
||||
this.stop();
|
||||
}
|
||||
else {
|
||||
this.start();
|
||||
}
|
||||
|
||||
return this; // chain
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* Sets the width of the visual progress bar inside of
|
||||
* this Ladda button
|
||||
*
|
||||
* @param {Number} progress in the range of 0-1
|
||||
*/
|
||||
setProgress: function( progress ) {
|
||||
|
||||
// Cap it
|
||||
progress = Math.max( Math.min( progress, 1 ), 0 );
|
||||
|
||||
var progressElement = button.querySelector( '.ladda-progress' );
|
||||
|
||||
// Remove the progress bar if we're at 0 progress
|
||||
if( progress === 0 && progressElement && progressElement.parentNode ) {
|
||||
progressElement.parentNode.removeChild( progressElement );
|
||||
}
|
||||
else {
|
||||
if( !progressElement ) {
|
||||
progressElement = document.createElement( 'div' );
|
||||
progressElement.className = 'ladda-progress';
|
||||
button.appendChild( progressElement );
|
||||
}
|
||||
|
||||
progressElement.style.width = ( ( progress || 0 ) * button.offsetWidth ) + 'px';
|
||||
}
|
||||
|
||||
},
|
||||
|
||||
enable: function() {
|
||||
|
||||
this.stop();
|
||||
|
||||
return this; // chain
|
||||
|
||||
},
|
||||
|
||||
disable: function () {
|
||||
|
||||
this.stop();
|
||||
button.setAttribute( 'disabled', '' );
|
||||
|
||||
return this; // chain
|
||||
|
||||
},
|
||||
|
||||
isLoading: function() {
|
||||
|
||||
return button.hasAttribute( 'data-loading' );
|
||||
|
||||
},
|
||||
getTarget : function() {
|
||||
return button;
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
ALL_INSTANCES.push( instance );
|
||||
|
||||
return instance;
|
||||
|
||||
}
|
||||
|
||||
/**
|
||||
* Binds the target buttons to automatically enter the
|
||||
* loading state when clicked.
|
||||
*
|
||||
* @param target Either an HTML element or a CSS selector.
|
||||
* @param options
|
||||
* - timeout Number of milliseconds to wait before
|
||||
* automatically cancelling the animation.
|
||||
*/
|
||||
function bind( target, options ) {
|
||||
|
||||
options = options || {};
|
||||
|
||||
var targets = [];
|
||||
|
||||
if( typeof target === 'string' ) {
|
||||
targets = toArray( document.querySelectorAll( target ) );
|
||||
}
|
||||
else if( typeof target === 'object' && typeof target.nodeName === 'string' ) {
|
||||
targets = [ target ];
|
||||
}
|
||||
|
||||
for( var i = 0, len = targets.length; i < len; i++ ) {
|
||||
|
||||
(function() {
|
||||
var element = targets[i];
|
||||
|
||||
// Make sure we're working with a DOM element
|
||||
if( typeof element.addEventListener === 'function' ) {
|
||||
var instance = create( element );
|
||||
var timeout = -1;
|
||||
|
||||
element.addEventListener( 'click', function() {
|
||||
|
||||
// This is asynchronous to avoid an issue where setting
|
||||
// the disabled attribute on the button prevents forms
|
||||
// from submitting
|
||||
instance.startAfter( 1 );
|
||||
|
||||
// Set a loading timeout if one is specified
|
||||
if( typeof options.timeout === 'number' ) {
|
||||
clearTimeout( timeout );
|
||||
timeout = setTimeout( instance.stop, options.timeout );
|
||||
}
|
||||
|
||||
// Invoke callbacks
|
||||
if( typeof options.callback === 'function' ) {
|
||||
options.callback.apply( null, [ instance ] );
|
||||
}
|
||||
|
||||
}, false );
|
||||
}
|
||||
})();
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/**
|
||||
* Stops ALL current loading animations.
|
||||
*/
|
||||
function stopAll() {
|
||||
|
||||
for( var i = 0, len = ALL_INSTANCES.length; i < len; i++ ) {
|
||||
ALL_INSTANCES[i].stop();
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
function createSpinner( button ) {
|
||||
|
||||
var height = button.offsetHeight,
|
||||
spinnerColor;
|
||||
|
||||
// If the button is tall we can afford some padding
|
||||
if( height > 32 ) {
|
||||
height *= 0.8;
|
||||
}
|
||||
|
||||
// Prefer an explicit height if one is defined
|
||||
if( button.hasAttribute( 'data-spinner-size' ) ) {
|
||||
height = parseInt( button.getAttribute( 'data-spinner-size' ), 10 );
|
||||
}
|
||||
|
||||
// Allow buttons to specify the color of the spinner element
|
||||
if (button.hasAttribute('data-spinner-color' ) ) {
|
||||
spinnerColor = button.getAttribute( 'data-spinner-color' );
|
||||
}
|
||||
|
||||
var lines = 12,
|
||||
radius = height * 0.2,
|
||||
length = radius * 0.6,
|
||||
width = radius < 7 ? 2 : 3;
|
||||
|
||||
return new Spinner( {
|
||||
color: spinnerColor || '#fff',
|
||||
lines: lines,
|
||||
radius: radius,
|
||||
length: length,
|
||||
width: width,
|
||||
zIndex: 'auto',
|
||||
top: 'auto',
|
||||
left: 'auto',
|
||||
className: ''
|
||||
} );
|
||||
|
||||
}
|
||||
|
||||
function toArray( nodes ) {
|
||||
|
||||
var a = [];
|
||||
|
||||
for ( var i = 0; i < nodes.length; i++ ) {
|
||||
a.push( nodes[ i ] );
|
||||
}
|
||||
|
||||
return a;
|
||||
|
||||
}
|
||||
|
||||
// Public API
|
||||
return {
|
||||
|
||||
bind: bind,
|
||||
create: create,
|
||||
stopAll: stopAll
|
||||
|
||||
};
|
||||
|
||||
}));
|
||||
11
public/legacy/assets/plugins/bootstrap-loading/js/prism.js
Normal file
11
public/legacy/assets/plugins/bootstrap-loading/js/prism.js
Normal file
@@ -0,0 +1,11 @@
|
||||
/**
|
||||
* Prism: Lightweight, robust, elegant syntax highlighting
|
||||
* MIT license http://www.opensource.org/licenses/mit-license.php/
|
||||
* @author Lea Verou http://lea.verou.me
|
||||
*/(function(){var e=/\blang(?:uage)?-(?!\*)(\w+)\b/i,t=self.Prism={util:{type:function(e){return Object.prototype.toString.call(e).match(/\[object (\w+)\]/)[1]},clone:function(e){var n=t.util.type(e);switch(n){case"Object":var r={};for(var i in e)e.hasOwnProperty(i)&&(r[i]=t.util.clone(e[i]));return r;case"Array":return e.slice()}return e}},languages:{extend:function(e,n){var r=t.util.clone(t.languages[e]);for(var i in n)r[i]=n[i];return r},insertBefore:function(e,n,r,i){i=i||t.languages;var s=i[e],o={};for(var u in s)if(s.hasOwnProperty(u)){if(u==n)for(var a in r)r.hasOwnProperty(a)&&(o[a]=r[a]);o[u]=s[u]}return i[e]=o},DFS:function(e,n){for(var r in e){n.call(e,r,e[r]);t.util.type(e)==="Object"&&t.languages.DFS(e[r],n)}}},highlightAll:function(e,n){var r=document.querySelectorAll('code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code');for(var i=0,s;s=r[i++];)t.highlightElement(s,e===!0,n)},highlightElement:function(r,i,s){var o,u,a=r;while(a&&!e.test(a.className))a=a.parentNode;if(a){o=(a.className.match(e)||[,""])[1];u=t.languages[o]}if(!u)return;r.className=r.className.replace(e,"").replace(/\s+/g," ")+" language-"+o;a=r.parentNode;/pre/i.test(a.nodeName)&&(a.className=a.className.replace(e,"").replace(/\s+/g," ")+" language-"+o);var f=r.textContent;if(!f)return;f=f.replace(/&/g,"&").replace(/</g,"<").replace(/\u00a0/g," ");var l={element:r,language:o,grammar:u,code:f};t.hooks.run("before-highlight",l);if(i&&self.Worker){var c=new Worker(t.filename);c.onmessage=function(e){l.highlightedCode=n.stringify(JSON.parse(e.data),o);t.hooks.run("before-insert",l);l.element.innerHTML=l.highlightedCode;s&&s.call(l.element);t.hooks.run("after-highlight",l)};c.postMessage(JSON.stringify({language:l.language,code:l.code}))}else{l.highlightedCode=t.highlight(l.code,l.grammar,l.language);t.hooks.run("before-insert",l);l.element.innerHTML=l.highlightedCode;s&&s.call(r);t.hooks.run("after-highlight",l)}},highlight:function(e,r,i){return n.stringify(t.tokenize(e,r),i)},tokenize:function(e,n,r){var i=t.Token,s=[e],o=n.rest;if(o){for(var u in o)n[u]=o[u];delete n.rest}e:for(var u in n){if(!n.hasOwnProperty(u)||!n[u])continue;var a=n[u],f=a.inside,l=!!a.lookbehind,c=0;a=a.pattern||a;for(var h=0;h<s.length;h++){var p=s[h];if(s.length>e.length)break e;if(p instanceof i)continue;a.lastIndex=0;var d=a.exec(p);if(d){l&&(c=d[1].length);var v=d.index-1+c,d=d[0].slice(c),m=d.length,g=v+m,y=p.slice(0,v+1),b=p.slice(g+1),w=[h,1];y&&w.push(y);var E=new i(u,f?t.tokenize(d,f):d);w.push(E);b&&w.push(b);Array.prototype.splice.apply(s,w)}}}return s},hooks:{all:{},add:function(e,n){var r=t.hooks.all;r[e]=r[e]||[];r[e].push(n)},run:function(e,n){var r=t.hooks.all[e];if(!r||!r.length)return;for(var i=0,s;s=r[i++];)s(n)}}},n=t.Token=function(e,t){this.type=e;this.content=t};n.stringify=function(e,r,i){if(typeof e=="string")return e;if(Object.prototype.toString.call(e)=="[object Array]")return e.map(function(t){return n.stringify(t,r,e)}).join("");var s={type:e.type,content:n.stringify(e.content,r,i),tag:"span",classes:["token",e.type],attributes:{},language:r,parent:i};s.type=="comment"&&(s.attributes.spellcheck="true");t.hooks.run("wrap",s);var o="";for(var u in s.attributes)o+=u+'="'+(s.attributes[u]||"")+'"';return"<"+s.tag+' class="'+s.classes.join(" ")+'" '+o+">"+s.content+"</"+s.tag+">"};if(!self.document){self.addEventListener("message",function(e){var n=JSON.parse(e.data),r=n.language,i=n.code;self.postMessage(JSON.stringify(t.tokenize(i,t.languages[r])));self.close()},!1);return}var r=document.getElementsByTagName("script");r=r[r.length-1];if(r){t.filename=r.src;document.addEventListener&&!r.hasAttribute("data-manual")&&document.addEventListener("DOMContentLoaded",t.highlightAll)}})();;
|
||||
Prism.languages.markup={comment:/<!--[\w\W]*?-->/g,prolog:/<\?.+?\?>/,doctype:/<!DOCTYPE.+?>/,cdata:/<!\[CDATA\[[\w\W]*?]]>/i,tag:{pattern:/<\/?[\w:-]+\s*(?:\s+[\w:-]+(?:=(?:("|')(\\?[\w\W])*?\1|\w+))?\s*)*\/?>/gi,inside:{tag:{pattern:/^<\/?[\w:-]+/i,inside:{punctuation:/^<\/?/,namespace:/^[\w-]+?:/}},"attr-value":{pattern:/=(?:('|")[\w\W]*?(\1)|[^\s>]+)/gi,inside:{punctuation:/=|>|"/g}},punctuation:/\/?>/g,"attr-name":{pattern:/[\w:-]+/g,inside:{namespace:/^[\w-]+?:/}}}},entity:/&#?[\da-z]{1,8};/gi};Prism.hooks.add("wrap",function(e){e.type==="entity"&&(e.attributes.title=e.content.replace(/&/,"&"))});;
|
||||
Prism.languages.css={comment:/\/\*[\w\W]*?\*\//g,atrule:{pattern:/@[\w-]+?.*?(;|(?=\s*{))/gi,inside:{punctuation:/[;:]/g}},url:/url\((["']?).*?\1\)/gi,selector:/[^\{\}\s][^\{\};]*(?=\s*\{)/g,property:/(\b|\B)[\w-]+(?=\s*:)/ig,string:/("|')(\\?.)*?\1/g,important:/\B!important\b/gi,ignore:/&(lt|gt|amp);/gi,punctuation:/[\{\};:]/g};Prism.languages.markup&&Prism.languages.insertBefore("markup","tag",{style:{pattern:/(<|<)style[\w\W]*?(>|>)[\w\W]*?(<|<)\/style(>|>)/ig,inside:{tag:{pattern:/(<|<)style[\w\W]*?(>|>)|(<|<)\/style(>|>)/ig,inside:Prism.languages.markup.tag.inside},rest:Prism.languages.css}}});;
|
||||
Prism.languages.clike={comment:{pattern:/(^|[^\\])(\/\*[\w\W]*?\*\/|(^|[^:])\/\/.*?(\r?\n|$))/g,lookbehind:!0},string:/("|')(\\?.)*?\1/g,"class-name":{pattern:/((?:(?:class|interface|extends|implements|trait|instanceof|new)\s+)|(?:catch\s+\())[a-z0-9_\.\\]+/ig,lookbehind:!0,inside:{punctuation:/(\.|\\)/}},keyword:/\b(if|else|while|do|for|return|in|instanceof|function|new|try|throw|catch|finally|null|break|continue)\b/g,"boolean":/\b(true|false)\b/g,"function":{pattern:/[a-z0-9_]+\(/ig,inside:{punctuation:/\(/}}, number:/\b-?(0x[\dA-Fa-f]+|\d*\.?\d+([Ee]-?\d+)?)\b/g,operator:/[-+]{1,2}|!|<=?|>=?|={1,3}|(&){1,2}|\|?\||\?|\*|\/|\~|\^|\%/g,ignore:/&(lt|gt|amp);/gi,punctuation:/[{}[\];(),.:]/g};
|
||||
;
|
||||
Prism.languages.javascript=Prism.languages.extend("clike",{keyword:/\b(var|let|if|else|while|do|for|return|in|instanceof|function|new|with|typeof|try|throw|catch|finally|null|break|continue)\b/g,number:/\b-?(0x[\dA-Fa-f]+|\d*\.?\d+([Ee]-?\d+)?|NaN|-?Infinity)\b/g});Prism.languages.insertBefore("javascript","keyword",{regex:{pattern:/(^|[^/])\/(?!\/)(\[.+?]|\\.|[^/\r\n])+\/[gim]{0,3}(?=\s*($|[\r\n,.;})]))/g,lookbehind:!0}});Prism.languages.markup&&Prism.languages.insertBefore("markup","tag",{script:{pattern:/(<|<)script[\w\W]*?(>|>)[\w\W]*?(<|<)\/script(>|>)/ig,inside:{tag:{pattern:/(<|<)script[\w\W]*?(>|>)|(<|<)\/script(>|>)/ig,inside:Prism.languages.markup.tag.inside},rest:Prism.languages.javascript}}});
|
||||
;
|
||||
349
public/legacy/assets/plugins/bootstrap-loading/js/spin.js
Normal file
349
public/legacy/assets/plugins/bootstrap-loading/js/spin.js
Normal file
@@ -0,0 +1,349 @@
|
||||
//fgnass.github.com/spin.js#v1.3
|
||||
|
||||
/*!
|
||||
* Copyright (c) 2011-2013 Felix Gnass
|
||||
* Licensed under the MIT license
|
||||
*/
|
||||
(function(root, factory) {
|
||||
|
||||
/* CommonJS */
|
||||
if (typeof exports == 'object') module.exports = factory()
|
||||
|
||||
/* AMD module */
|
||||
else if (typeof define == 'function' && define.amd) define(factory)
|
||||
|
||||
/* Browser global */
|
||||
else root.Spinner = factory()
|
||||
}
|
||||
(this, function() {
|
||||
"use strict";
|
||||
|
||||
var prefixes = ['webkit', 'Moz', 'ms', 'O'] /* Vendor prefixes */
|
||||
, animations = {} /* Animation rules keyed by their name */
|
||||
, useCssAnimations /* Whether to use CSS animations or setTimeout */
|
||||
|
||||
/**
|
||||
* Utility function to create elements. If no tag name is given,
|
||||
* a DIV is created. Optionally properties can be passed.
|
||||
*/
|
||||
function createEl(tag, prop) {
|
||||
var el = document.createElement(tag || 'div')
|
||||
, n
|
||||
|
||||
for(n in prop) el[n] = prop[n]
|
||||
return el
|
||||
}
|
||||
|
||||
/**
|
||||
* Appends children and returns the parent.
|
||||
*/
|
||||
function ins(parent /* child1, child2, ...*/) {
|
||||
for (var i=1, n=arguments.length; i<n; i++)
|
||||
parent.appendChild(arguments[i])
|
||||
|
||||
return parent
|
||||
}
|
||||
|
||||
/**
|
||||
* Insert a new stylesheet to hold the @keyframe or VML rules.
|
||||
*/
|
||||
var sheet = (function() {
|
||||
var el = createEl('style', {type : 'text/css'})
|
||||
ins(document.getElementsByTagName('head')[0], el)
|
||||
return el.sheet || el.styleSheet
|
||||
}())
|
||||
|
||||
/**
|
||||
* Creates an opacity keyframe animation rule and returns its name.
|
||||
* Since most mobile Webkits have timing issues with animation-delay,
|
||||
* we create separate rules for each line/segment.
|
||||
*/
|
||||
function addAnimation(alpha, trail, i, lines) {
|
||||
var name = ['opacity', trail, ~~(alpha*100), i, lines].join('-')
|
||||
, start = 0.01 + i/lines * 100
|
||||
, z = Math.max(1 - (1-alpha) / trail * (100-start), alpha)
|
||||
, prefix = useCssAnimations.substring(0, useCssAnimations.indexOf('Animation')).toLowerCase()
|
||||
, pre = prefix && '-' + prefix + '-' || ''
|
||||
|
||||
if (!animations[name]) {
|
||||
sheet.insertRule(
|
||||
'@' + pre + 'keyframes ' + name + '{' +
|
||||
'0%{opacity:' + z + '}' +
|
||||
start + '%{opacity:' + alpha + '}' +
|
||||
(start+0.01) + '%{opacity:1}' +
|
||||
(start+trail) % 100 + '%{opacity:' + alpha + '}' +
|
||||
'100%{opacity:' + z + '}' +
|
||||
'}', sheet.cssRules.length)
|
||||
|
||||
animations[name] = 1
|
||||
}
|
||||
|
||||
return name
|
||||
}
|
||||
|
||||
/**
|
||||
* Tries various vendor prefixes and returns the first supported property.
|
||||
*/
|
||||
function vendor(el, prop) {
|
||||
var s = el.style
|
||||
, pp
|
||||
, i
|
||||
|
||||
if(s[prop] !== undefined) return prop
|
||||
prop = prop.charAt(0).toUpperCase() + prop.slice(1)
|
||||
for(i=0; i<prefixes.length; i++) {
|
||||
pp = prefixes[i]+prop
|
||||
if(s[pp] !== undefined) return pp
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Sets multiple style properties at once.
|
||||
*/
|
||||
function css(el, prop) {
|
||||
for (var n in prop)
|
||||
el.style[vendor(el, n)||n] = prop[n]
|
||||
|
||||
return el
|
||||
}
|
||||
|
||||
/**
|
||||
* Fills in default values.
|
||||
*/
|
||||
function merge(obj) {
|
||||
for (var i=1; i < arguments.length; i++) {
|
||||
var def = arguments[i]
|
||||
for (var n in def)
|
||||
if (obj[n] === undefined) obj[n] = def[n]
|
||||
}
|
||||
return obj
|
||||
}
|
||||
|
||||
/**
|
||||
* Returns the absolute page-offset of the given element.
|
||||
*/
|
||||
function pos(el) {
|
||||
var o = { x:el.offsetLeft, y:el.offsetTop }
|
||||
while((el = el.offsetParent))
|
||||
o.x+=el.offsetLeft, o.y+=el.offsetTop
|
||||
|
||||
return o
|
||||
}
|
||||
|
||||
// Built-in defaults
|
||||
|
||||
var defaults = {
|
||||
lines: 12, // The number of lines to draw
|
||||
length: 7, // The length of each line
|
||||
width: 5, // The line thickness
|
||||
radius: 10, // The radius of the inner circle
|
||||
rotate: 0, // Rotation offset
|
||||
corners: 1, // Roundness (0..1)
|
||||
color: '#000', // #rgb or #rrggbb
|
||||
direction: 1, // 1: clockwise, -1: counterclockwise
|
||||
speed: 1, // Rounds per second
|
||||
trail: 100, // Afterglow percentage
|
||||
opacity: 1/4, // Opacity of the lines
|
||||
fps: 20, // Frames per second when using setTimeout()
|
||||
zIndex: 2e9, // Use a high z-index by default
|
||||
className: 'spinner', // CSS class to assign to the element
|
||||
top: 'auto', // center vertically
|
||||
left: 'auto', // center horizontally
|
||||
position: 'relative' // element position
|
||||
}
|
||||
|
||||
/** The constructor */
|
||||
function Spinner(o) {
|
||||
if (typeof this == 'undefined') return new Spinner(o)
|
||||
this.opts = merge(o || {}, Spinner.defaults, defaults)
|
||||
}
|
||||
|
||||
// Global defaults that override the built-ins:
|
||||
Spinner.defaults = {}
|
||||
|
||||
merge(Spinner.prototype, {
|
||||
|
||||
/**
|
||||
* Adds the spinner to the given target element. If this instance is already
|
||||
* spinning, it is automatically removed from its previous target b calling
|
||||
* stop() internally.
|
||||
*/
|
||||
spin: function(target) {
|
||||
this.stop()
|
||||
|
||||
var self = this
|
||||
, o = self.opts
|
||||
, el = self.el = css(createEl(0, {className: o.className}), {position: o.position, width: 0, zIndex: o.zIndex})
|
||||
, mid = o.radius+o.length+o.width
|
||||
, ep // element position
|
||||
, tp // target position
|
||||
|
||||
if (target) {
|
||||
target.insertBefore(el, target.firstChild||null)
|
||||
tp = pos(target)
|
||||
ep = pos(el)
|
||||
css(el, {
|
||||
left: (o.left == 'auto' ? tp.x-ep.x + (target.offsetWidth >> 1) : parseInt(o.left, 10) + mid) + 'px',
|
||||
top: (o.top == 'auto' ? tp.y-ep.y + (target.offsetHeight >> 1) : parseInt(o.top, 10) + mid) + 'px'
|
||||
})
|
||||
}
|
||||
|
||||
el.setAttribute('role', 'progressbar')
|
||||
self.lines(el, self.opts)
|
||||
|
||||
if (!useCssAnimations) {
|
||||
// No CSS animation support, use setTimeout() instead
|
||||
var i = 0
|
||||
, start = (o.lines - 1) * (1 - o.direction) / 2
|
||||
, alpha
|
||||
, fps = o.fps
|
||||
, f = fps/o.speed
|
||||
, ostep = (1-o.opacity) / (f*o.trail / 100)
|
||||
, astep = f/o.lines
|
||||
|
||||
;(function anim() {
|
||||
i++;
|
||||
for (var j = 0; j < o.lines; j++) {
|
||||
alpha = Math.max(1 - (i + (o.lines - j) * astep) % f * ostep, o.opacity)
|
||||
|
||||
self.opacity(el, j * o.direction + start, alpha, o)
|
||||
}
|
||||
self.timeout = self.el && setTimeout(anim, ~~(1000/fps))
|
||||
})()
|
||||
}
|
||||
return self
|
||||
},
|
||||
|
||||
/**
|
||||
* Stops and removes the Spinner.
|
||||
*/
|
||||
stop: function() {
|
||||
var el = this.el
|
||||
if (el) {
|
||||
clearTimeout(this.timeout)
|
||||
if (el.parentNode) el.parentNode.removeChild(el)
|
||||
this.el = undefined
|
||||
}
|
||||
return this
|
||||
},
|
||||
|
||||
/**
|
||||
* Internal method that draws the individual lines. Will be overwritten
|
||||
* in VML fallback mode below.
|
||||
*/
|
||||
lines: function(el, o) {
|
||||
var i = 0
|
||||
, start = (o.lines - 1) * (1 - o.direction) / 2
|
||||
, seg
|
||||
|
||||
function fill(color, shadow) {
|
||||
return css(createEl(), {
|
||||
position: 'absolute',
|
||||
width: (o.length+o.width) + 'px',
|
||||
height: o.width + 'px',
|
||||
background: color,
|
||||
boxShadow: shadow,
|
||||
transformOrigin: 'left',
|
||||
transform: 'rotate(' + ~~(360/o.lines*i+o.rotate) + 'deg) translate(' + o.radius+'px' +',0)',
|
||||
borderRadius: (o.corners * o.width>>1) + 'px'
|
||||
})
|
||||
}
|
||||
|
||||
for (; i < o.lines; i++) {
|
||||
seg = css(createEl(), {
|
||||
position: 'absolute',
|
||||
top: 1+~(o.width/2) + 'px',
|
||||
transform: o.hwaccel ? 'translate3d(0,0,0)' : '',
|
||||
opacity: o.opacity,
|
||||
animation: useCssAnimations && addAnimation(o.opacity, o.trail, start + i * o.direction, o.lines) + ' ' + 1/o.speed + 's linear infinite'
|
||||
})
|
||||
|
||||
if (o.shadow) ins(seg, css(fill('#000', '0 0 4px ' + '#000'), {top: 2+'px'}))
|
||||
|
||||
ins(el, ins(seg, fill(o.color, '0 0 1px rgba(0,0,0,.1)')))
|
||||
}
|
||||
return el
|
||||
},
|
||||
|
||||
/**
|
||||
* Internal method that adjusts the opacity of a single line.
|
||||
* Will be overwritten in VML fallback mode below.
|
||||
*/
|
||||
opacity: function(el, i, val) {
|
||||
if (i < el.childNodes.length) el.childNodes[i].style.opacity = val
|
||||
}
|
||||
|
||||
})
|
||||
|
||||
|
||||
function initVML() {
|
||||
|
||||
/* Utility function to create a VML tag */
|
||||
function vml(tag, attr) {
|
||||
return createEl('<' + tag + ' xmlns="urn:schemas-microsoft.com:vml" class="spin-vml">', attr)
|
||||
}
|
||||
|
||||
// No CSS transforms but VML support, add a CSS rule for VML elements:
|
||||
sheet.addRule('.spin-vml', 'behavior:url(#default#VML)')
|
||||
|
||||
Spinner.prototype.lines = function(el, o) {
|
||||
var r = o.length+o.width
|
||||
, s = 2*r
|
||||
|
||||
function grp() {
|
||||
return css(
|
||||
vml('group', {
|
||||
coordsize: s + ' ' + s,
|
||||
coordorigin: -r + ' ' + -r
|
||||
}),
|
||||
{ width: s, height: s }
|
||||
)
|
||||
}
|
||||
|
||||
var margin = -(o.width+o.length)*2 + 'px'
|
||||
, g = css(grp(), {position: 'absolute', top: margin, left: margin})
|
||||
, i
|
||||
|
||||
function seg(i, dx, filter) {
|
||||
ins(g,
|
||||
ins(css(grp(), {rotation: 360 / o.lines * i + 'deg', left: ~~dx}),
|
||||
ins(css(vml('roundrect', {arcsize: o.corners}), {
|
||||
width: r,
|
||||
height: o.width,
|
||||
left: o.radius,
|
||||
top: -o.width>>1,
|
||||
filter: filter
|
||||
}),
|
||||
vml('fill', {color: o.color, opacity: o.opacity}),
|
||||
vml('stroke', {opacity: 0}) // transparent stroke to fix color bleeding upon opacity change
|
||||
)
|
||||
)
|
||||
)
|
||||
}
|
||||
|
||||
if (o.shadow)
|
||||
for (i = 1; i <= o.lines; i++)
|
||||
seg(i, -2, 'progid:DXImageTransform.Microsoft.Blur(pixelradius=2,makeshadow=1,shadowopacity=.3)')
|
||||
|
||||
for (i = 1; i <= o.lines; i++) seg(i)
|
||||
return ins(el, g)
|
||||
}
|
||||
|
||||
Spinner.prototype.opacity = function(el, i, val, o) {
|
||||
var c = el.firstChild
|
||||
o = o.shadow && o.lines || 0
|
||||
if (c && i+o < c.childNodes.length) {
|
||||
c = c.childNodes[i+o]; c = c && c.firstChild; c = c && c.firstChild
|
||||
if (c) c.opacity = val
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var probe = css(createEl('group'), {behavior: 'url(#default#VML)'})
|
||||
|
||||
if (!vendor(probe, 'transform') && probe.adj) initVML()
|
||||
else useCssAnimations = vendor(probe, 'animation')
|
||||
|
||||
return Spinner
|
||||
|
||||
}));
|
||||
7
public/legacy/assets/plugins/bootstrap-loading/lada.min.css
vendored
Normal file
7
public/legacy/assets/plugins/bootstrap-loading/lada.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
5
public/legacy/assets/plugins/bootstrap-loading/lada.min.js
vendored
Normal file
5
public/legacy/assets/plugins/bootstrap-loading/lada.min.js
vendored
Normal file
@@ -0,0 +1,5 @@
|
||||
/* Spin */
|
||||
!function(a,b){"object"==typeof exports?module.exports=b():"function"==typeof define&&define.amd?define(b):a.Spinner=b()}(this,function(){"use strict";function a(a,b){var c,d=document.createElement(a||"div");for(c in b)d[c]=b[c];return d}function b(a){for(var b=1,c=arguments.length;c>b;b++)a.appendChild(arguments[b]);return a}function c(a,b,c,d){var e=["opacity",b,~~(100*a),c,d].join("-"),f=.01+c/d*100,g=Math.max(1-(1-a)/b*(100-f),a),h=j.substring(0,j.indexOf("Animation")).toLowerCase(),i=h&&"-"+h+"-"||"";return l[e]||(m.insertRule("@"+i+"keyframes "+e+"{0%{opacity:"+g+"}"+f+"%{opacity:"+a+"}"+(f+.01)+"%{opacity:1}"+(f+b)%100+"%{opacity:"+a+"}100%{opacity:"+g+"}}",m.cssRules.length),l[e]=1),e}function d(a,b){var c,d,e=a.style;if(void 0!==e[b])return b;for(b=b.charAt(0).toUpperCase()+b.slice(1),d=0;d<k.length;d++)if(c=k[d]+b,void 0!==e[c])return c}function e(a,b){for(var c in b)a.style[d(a,c)||c]=b[c];return a}function f(a){for(var b=1;b<arguments.length;b++){var c=arguments[b];for(var d in c)void 0===a[d]&&(a[d]=c[d])}return a}function g(a){for(var b={x:a.offsetLeft,y:a.offsetTop};a=a.offsetParent;)b.x+=a.offsetLeft,b.y+=a.offsetTop;return b}function h(a){return"undefined"==typeof this?new h(a):(this.opts=f(a||{},h.defaults,n),void 0)}function i(){function c(b,c){return a("<"+b+' xmlns="urn:schemas-microsoft.com:vml" class="spin-vml">',c)}m.addRule(".spin-vml","behavior:url(#default#VML)"),h.prototype.lines=function(a,d){function f(){return e(c("group",{coordsize:j+" "+j,coordorigin:-i+" "+-i}),{width:j,height:j})}function g(a,g,h){b(l,b(e(f(),{rotation:360/d.lines*a+"deg",left:~~g}),b(e(c("roundrect",{arcsize:d.corners}),{width:i,height:d.width,left:d.radius,top:-d.width>>1,filter:h}),c("fill",{color:d.color,opacity:d.opacity}),c("stroke",{opacity:0}))))}var h,i=d.length+d.width,j=2*i,k=2*-(d.width+d.length)+"px",l=e(f(),{position:"absolute",top:k,left:k});if(d.shadow)for(h=1;h<=d.lines;h++)g(h,-2,"progid:DXImageTransform.Microsoft.Blur(pixelradius=2,makeshadow=1,shadowopacity=.3)");for(h=1;h<=d.lines;h++)g(h);return b(a,l)},h.prototype.opacity=function(a,b,c,d){var e=a.firstChild;d=d.shadow&&d.lines||0,e&&b+d<e.childNodes.length&&(e=e.childNodes[b+d],e=e&&e.firstChild,e=e&&e.firstChild,e&&(e.opacity=c))}}var j,k=["webkit","Moz","ms","O"],l={},m=function(){var c=a("style",{type:"text/css"});return b(document.getElementsByTagName("head")[0],c),c.sheet||c.styleSheet}(),n={lines:12,length:7,width:5,radius:10,rotate:0,corners:1,color:"#000",direction:1,speed:1,trail:100,opacity:.25,fps:20,zIndex:2e9,className:"spinner",top:"auto",left:"auto",position:"relative"};h.defaults={},f(h.prototype,{spin:function(b){this.stop();var c,d,f=this,h=f.opts,i=f.el=e(a(0,{className:h.className}),{position:h.position,width:0,zIndex:h.zIndex}),k=h.radius+h.length+h.width;if(b&&(b.insertBefore(i,b.firstChild||null),d=g(b),c=g(i),e(i,{left:("auto"==h.left?d.x-c.x+(b.offsetWidth>>1):parseInt(h.left,10)+k)+"px",top:("auto"==h.top?d.y-c.y+(b.offsetHeight>>1):parseInt(h.top,10)+k)+"px"})),i.setAttribute("role","progressbar"),f.lines(i,f.opts),!j){var l,m=0,n=(h.lines-1)*(1-h.direction)/2,o=h.fps,p=o/h.speed,q=(1-h.opacity)/(p*h.trail/100),r=p/h.lines;!function s(){m++;for(var a=0;a<h.lines;a++)l=Math.max(1-(m+(h.lines-a)*r)%p*q,h.opacity),f.opacity(i,a*h.direction+n,l,h);f.timeout=f.el&&setTimeout(s,~~(1e3/o))}()}return f},stop:function(){var a=this.el;return a&&(clearTimeout(this.timeout),a.parentNode&&a.parentNode.removeChild(a),this.el=void 0),this},lines:function(d,f){function g(b,c){return e(a(),{position:"absolute",width:f.length+f.width+"px",height:f.width+"px",background:b,boxShadow:c,transformOrigin:"left",transform:"rotate("+~~(360/f.lines*i+f.rotate)+"deg) translate("+f.radius+"px,0)",borderRadius:(f.corners*f.width>>1)+"px"})}for(var h,i=0,k=(f.lines-1)*(1-f.direction)/2;i<f.lines;i++)h=e(a(),{position:"absolute",top:1+~(f.width/2)+"px",transform:f.hwaccel?"translate3d(0,0,0)":"",opacity:f.opacity,animation:j&&c(f.opacity,f.trail,k+i*f.direction,f.lines)+" "+1/f.speed+"s linear infinite"}),f.shadow&&b(h,e(g("#000","0 0 4px #000"),{top:"2px"})),b(d,b(h,g(f.color,"0 0 1px rgba(0,0,0,.1)")));return d},opacity:function(a,b,c){b<a.childNodes.length&&(a.childNodes[b].style.opacity=c)}});var o=e(a("group"),{behavior:"url(#default#VML)"});return!d(o,"transform")&&o.adj?i():j=d(o,"animation"),h});
|
||||
|
||||
/* Lada */
|
||||
!function(a,b){"object"==typeof exports?module.exports=b():"function"==typeof define&&define.amd?define(["spin"],b):a.Ladda=b(a.Spinner)}(this,function(a){"use strict";function b(a){if("undefined"==typeof a)return console.warn("Ladda button target must be defined."),void 0;a.querySelector(".ladda-label")||(a.innerHTML='<span class="ladda-label">'+a.innerHTML+"</span>");var b=e(a),c=document.createElement("span");c.className="ladda-spinner",a.appendChild(c);var d,f={start:function(){return a.setAttribute("disabled",""),a.setAttribute("data-loading",""),clearTimeout(d),b.spin(c),this.setProgress(0),this},startAfter:function(a){return clearTimeout(d),d=setTimeout(function(){f.start()},a),this},stop:function(){return a.removeAttribute("disabled"),a.removeAttribute("data-loading"),clearTimeout(d),d=setTimeout(function(){b.stop()},1e3),this},toggle:function(){return this.isLoading()?this.stop():this.start(),this},setProgress:function(b){b=Math.max(Math.min(b,1),0);var c=a.querySelector(".ladda-progress");0===b&&c&&c.parentNode?c.parentNode.removeChild(c):(c||(c=document.createElement("div"),c.className="ladda-progress",a.appendChild(c)),c.style.width=(b||0)*a.offsetWidth+"px")},enable:function(){return this.stop(),this},disable:function(){return this.stop(),a.setAttribute("disabled",""),this},isLoading:function(){return a.hasAttribute("data-loading")}};return g.push(f),f}function c(a,c){c=c||{};var d=[];"string"==typeof a?d=f(document.querySelectorAll(a)):"object"==typeof a&&"string"==typeof a.nodeName&&(d=[a]);for(var e=0,g=d.length;g>e;e++)!function(){var a=d[e];if("function"==typeof a.addEventListener){var f=b(a),g=-1;a.addEventListener("click",function(){f.startAfter(1),"number"==typeof c.timeout&&(clearTimeout(g),g=setTimeout(f.stop,c.timeout)),"function"==typeof c.callback&&c.callback.apply(null,[f])},!1)}}()}function d(){for(var a=0,b=g.length;b>a;a++)g[a].stop()}function e(b){var c,d=b.offsetHeight;d>32&&(d*=.8),b.hasAttribute("data-spinner-size")&&(d=parseInt(b.getAttribute("data-spinner-size"),10)),b.hasAttribute("data-spinner-color")&&(c=b.getAttribute("data-spinner-color"));var e=12,f=.2*d,g=.6*f,h=7>f?2:3;return new a({color:c||"#fff",lines:e,radius:f,length:g,width:h,zIndex:"auto",top:"auto",left:"auto",className:""})}function f(a){for(var b=[],c=0;c<a.length;c++)b.push(a[c]);return b}var g=[];return{bind:c,create:b,stopAll:d}});
|
||||
Reference in New Issue
Block a user