first commit
This commit is contained in:
241
public/style/vendor/jquery-smartwizard/dist/css/smart_wizard.css
vendored
Normal file
241
public/style/vendor/jquery-smartwizard/dist/css/smart_wizard.css
vendored
Normal file
@ -0,0 +1,241 @@
|
||||
/*!
|
||||
* jQuery SmartWizard v5
|
||||
* jQuery Wizard Plugin
|
||||
* http://www.techlaboratory.net/smartwizard
|
||||
*
|
||||
* Created by Dipu Raj
|
||||
* http://dipu.me
|
||||
*
|
||||
* Licensed under the terms of MIT License
|
||||
* https://github.com/techlab/jquery-smartwizard/blob/master/LICENSE
|
||||
*/
|
||||
/* SmartWizard Base Styles */
|
||||
.sw {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.sw *,
|
||||
.sw *::before,
|
||||
.sw *::after {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.sw > .tab-content {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.sw .toolbar {
|
||||
padding: .8rem;
|
||||
}
|
||||
|
||||
.sw .toolbar > .btn {
|
||||
display: inline-block;
|
||||
text-decoration: none;
|
||||
text-align: center;
|
||||
text-transform: none;
|
||||
vertical-align: middle;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
margin-left: .2rem;
|
||||
margin-right: .2rem;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.sw .toolbar > .btn.disabled, .sw .toolbar > .btn:disabled {
|
||||
opacity: .65;
|
||||
}
|
||||
|
||||
.sw > .nav {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
list-style: none;
|
||||
padding-left: 0;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 640px) {
|
||||
.sw > .nav {
|
||||
flex-direction: column !important;
|
||||
flex: 1 auto;
|
||||
}
|
||||
}
|
||||
|
||||
.sw > .nav .nav-link {
|
||||
display: block;
|
||||
padding: .5rem 1rem;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.sw > .nav .nav-link:hover, .sw > .nav .nav-link:active, .sw > .nav .nav-link:focus {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.sw > .nav .nav-link::-moz-focus-inner {
|
||||
border: 0 !important;
|
||||
}
|
||||
|
||||
.sw > .nav .nav-link.disabled {
|
||||
color: #ccc !important;
|
||||
pointer-events: none;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.sw > .nav .nav-link.hidden {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.sw.sw-justified > .nav > li, .sw.sw-justified > .nav .nav-link {
|
||||
flex-basis: 0;
|
||||
flex-grow: 1;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.sw.sw-dark {
|
||||
color: rgba(255, 255, 255, 0.95);
|
||||
background: #000;
|
||||
}
|
||||
|
||||
.sw.sw-loading {
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.sw.sw-loading::after {
|
||||
content: "";
|
||||
display: block;
|
||||
position: absolute;
|
||||
opacity: 1;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
background: rgba(255, 255, 255, 0.7);
|
||||
z-index: 2;
|
||||
transition: all .2s ease;
|
||||
}
|
||||
|
||||
.sw.sw-loading::before {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
top: 45%;
|
||||
left: 45%;
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
border: 10px solid #f3f3f3;
|
||||
border-top: 10px solid #3498db;
|
||||
border-radius: 50%;
|
||||
z-index: 10;
|
||||
-webkit-animation: spin 1s linear infinite;
|
||||
animation: spin 1s linear infinite;
|
||||
}
|
||||
|
||||
@-webkit-keyframes spin {
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes spin {
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
/* SmartWizard Theme: Default */
|
||||
.sw-theme-default {
|
||||
border: 1px solid #eeeeee;
|
||||
}
|
||||
|
||||
.sw-theme-default > .tab-content > .tab-pane {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.sw-theme-default .toolbar > .btn {
|
||||
color: #fff;
|
||||
background-color: #17a2b8;
|
||||
border: 1px solid #17a2b8;
|
||||
padding: .375rem .75rem;
|
||||
border-radius: .25rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.sw-theme-default > .nav {
|
||||
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.1) !important;
|
||||
}
|
||||
|
||||
.sw-theme-default > .nav .nav-link {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
min-height: 100%;
|
||||
}
|
||||
|
||||
.sw-theme-default > .nav .nav-link::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
height: 2px;
|
||||
width: 0;
|
||||
left: 0px;
|
||||
bottom: -1px;
|
||||
background: #999999;
|
||||
transition: all .35s ease .15s;
|
||||
}
|
||||
|
||||
.sw-theme-default > .nav .nav-link.inactive {
|
||||
color: #999999;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
.sw-theme-default > .nav .nav-link.active {
|
||||
color: #17a2b8 !important;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.sw-theme-default > .nav .nav-link.active::after {
|
||||
background: #17a2b8 !important;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.sw-theme-default > .nav .nav-link.done {
|
||||
color: #5cb85c !important;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.sw-theme-default > .nav .nav-link.done::after {
|
||||
background: #5cb85c;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.sw-theme-default > .nav .nav-link.disabled {
|
||||
color: #dddddd !important;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
.sw-theme-default > .nav .nav-link.disabled::after {
|
||||
background: #dddddd;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.sw-theme-default > .nav .nav-link.danger {
|
||||
color: #d9534f !important;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.sw-theme-default > .nav .nav-link.danger::after {
|
||||
background: #d9534f;
|
||||
width: 100%;
|
||||
}
|
||||
11
public/style/vendor/jquery-smartwizard/dist/css/smart_wizard.min.css
vendored
Normal file
11
public/style/vendor/jquery-smartwizard/dist/css/smart_wizard.min.css
vendored
Normal file
@ -0,0 +1,11 @@
|
||||
/*!
|
||||
* jQuery SmartWizard v5
|
||||
* jQuery Wizard Plugin
|
||||
* http://www.techlaboratory.net/smartwizard
|
||||
*
|
||||
* Created by Dipu Raj
|
||||
* http://dipu.me
|
||||
*
|
||||
* Licensed under the terms of MIT License
|
||||
* https://github.com/techlab/jquery-smartwizard/blob/master/LICENSE
|
||||
*/.sw{position:relative}.sw *,.sw ::after,.sw ::before{box-sizing:border-box}.sw>.tab-content{position:relative;overflow:hidden}.sw .toolbar{padding:.8rem}.sw .toolbar>.btn{display:inline-block;text-decoration:none;text-align:center;text-transform:none;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-left:.2rem;margin-right:.2rem;cursor:pointer}.sw .toolbar>.btn.disabled,.sw .toolbar>.btn:disabled{opacity:.65}.sw>.nav{display:flex;flex-wrap:wrap;list-style:none;padding-left:0;margin-top:0;margin-bottom:0}@media screen and (max-width:640px){.sw>.nav{flex-direction:column!important;flex:1 auto}}.sw>.nav .nav-link{display:block;padding:.5rem 1rem;text-decoration:none}.sw>.nav .nav-link:active,.sw>.nav .nav-link:focus,.sw>.nav .nav-link:hover{text-decoration:none}.sw>.nav .nav-link::-moz-focus-inner{border:0!important}.sw>.nav .nav-link.disabled{color:#ccc!important;pointer-events:none;cursor:default}.sw>.nav .nav-link.hidden{display:none!important}.sw.sw-justified>.nav .nav-link,.sw.sw-justified>.nav>li{flex-basis:0;flex-grow:1;text-align:center}.sw.sw-dark{color:rgba(255,255,255,.95);background:#000}.sw.sw-loading{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sw.sw-loading::after{content:"";display:block;position:absolute;opacity:1;top:0;left:0;height:100%;width:100%;background:rgba(255,255,255,.7);z-index:2;transition:all .2s ease}.sw.sw-loading::before{content:'';display:inline-block;position:absolute;top:45%;left:45%;width:2rem;height:2rem;border:10px solid #f3f3f3;border-top:10px solid #3498db;border-radius:50%;z-index:10;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.sw-theme-default{border:1px solid #eee}.sw-theme-default>.tab-content>.tab-pane{padding:10px}.sw-theme-default .toolbar>.btn{color:#fff;background-color:#17a2b8;border:1px solid #17a2b8;padding:.375rem .75rem;border-radius:.25rem;font-weight:400}.sw-theme-default>.nav{box-shadow:0 .125rem .25rem rgba(0,0,0,.1)!important}.sw-theme-default>.nav .nav-link{position:relative;height:100%;min-height:100%}.sw-theme-default>.nav .nav-link::after{content:"";position:absolute;height:2px;width:0;left:0;bottom:-1px;background:#999;transition:all .35s ease .15s}.sw-theme-default>.nav .nav-link.inactive{color:#999;cursor:not-allowed}.sw-theme-default>.nav .nav-link.active{color:#17a2b8!important;cursor:pointer}.sw-theme-default>.nav .nav-link.active::after{background:#17a2b8!important;width:100%}.sw-theme-default>.nav .nav-link.done{color:#5cb85c!important;cursor:pointer}.sw-theme-default>.nav .nav-link.done::after{background:#5cb85c;width:100%}.sw-theme-default>.nav .nav-link.disabled{color:#ddd!important;cursor:not-allowed}.sw-theme-default>.nav .nav-link.disabled::after{background:#ddd;width:100%}.sw-theme-default>.nav .nav-link.danger{color:#d9534f!important;cursor:pointer}.sw-theme-default>.nav .nav-link.danger::after{background:#d9534f;width:100%}
|
||||
683
public/style/vendor/jquery-smartwizard/dist/css/smart_wizard_all.css
vendored
Normal file
683
public/style/vendor/jquery-smartwizard/dist/css/smart_wizard_all.css
vendored
Normal file
@ -0,0 +1,683 @@
|
||||
/*!
|
||||
* jQuery SmartWizard v5
|
||||
* jQuery Wizard Plugin
|
||||
* http://www.techlaboratory.net/smartwizard
|
||||
*
|
||||
* Created by Dipu Raj
|
||||
* http://dipu.me
|
||||
*
|
||||
* Licensed under the terms of MIT License
|
||||
* https://github.com/techlab/jquery-smartwizard/blob/master/LICENSE
|
||||
*/
|
||||
/* SmartWizard Base Styles */
|
||||
.sw {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.sw *,
|
||||
.sw *::before,
|
||||
.sw *::after {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.sw > .tab-content {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.sw .toolbar {
|
||||
padding: .8rem;
|
||||
}
|
||||
|
||||
.sw .toolbar > .btn {
|
||||
display: inline-block;
|
||||
text-decoration: none;
|
||||
text-align: center;
|
||||
text-transform: none;
|
||||
vertical-align: middle;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
margin-left: .2rem;
|
||||
margin-right: .2rem;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.sw .toolbar > .btn.disabled, .sw .toolbar > .btn:disabled {
|
||||
opacity: .65;
|
||||
}
|
||||
|
||||
.sw > .nav {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
list-style: none;
|
||||
padding-left: 0;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 640px) {
|
||||
.sw > .nav {
|
||||
flex-direction: column !important;
|
||||
flex: 1 auto;
|
||||
}
|
||||
}
|
||||
|
||||
.sw > .nav .nav-link {
|
||||
display: block;
|
||||
padding: .5rem 1rem;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.sw > .nav .nav-link:hover, .sw > .nav .nav-link:active, .sw > .nav .nav-link:focus {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.sw > .nav .nav-link::-moz-focus-inner {
|
||||
border: 0 !important;
|
||||
}
|
||||
|
||||
.sw > .nav .nav-link.disabled {
|
||||
color: #ccc !important;
|
||||
pointer-events: none;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.sw > .nav .nav-link.hidden {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.sw.sw-justified > .nav > li, .sw.sw-justified > .nav .nav-link {
|
||||
flex-basis: 0;
|
||||
flex-grow: 1;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.sw.sw-dark {
|
||||
color: rgba(255, 255, 255, 0.95);
|
||||
background: #000;
|
||||
}
|
||||
|
||||
.sw.sw-loading {
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.sw.sw-loading::after {
|
||||
content: "";
|
||||
display: block;
|
||||
position: absolute;
|
||||
opacity: 1;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
background: rgba(255, 255, 255, 0.7);
|
||||
z-index: 2;
|
||||
transition: all .2s ease;
|
||||
}
|
||||
|
||||
.sw.sw-loading::before {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
top: 45%;
|
||||
left: 45%;
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
border: 10px solid #f3f3f3;
|
||||
border-top: 10px solid #3498db;
|
||||
border-radius: 50%;
|
||||
z-index: 10;
|
||||
-webkit-animation: spin 1s linear infinite;
|
||||
animation: spin 1s linear infinite;
|
||||
}
|
||||
|
||||
@-webkit-keyframes spin {
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes spin {
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
/* SmartWizard Theme: Default */
|
||||
.sw-theme-default {
|
||||
border: 1px solid #eeeeee;
|
||||
}
|
||||
|
||||
.sw-theme-default > .tab-content > .tab-pane {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.sw-theme-default .toolbar > .btn {
|
||||
color: #fff;
|
||||
background-color: #17a2b8;
|
||||
border: 1px solid #17a2b8;
|
||||
padding: .375rem .75rem;
|
||||
border-radius: .25rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.sw-theme-default > .nav {
|
||||
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.1) !important;
|
||||
}
|
||||
|
||||
.sw-theme-default > .nav .nav-link {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
min-height: 100%;
|
||||
}
|
||||
|
||||
.sw-theme-default > .nav .nav-link::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
height: 2px;
|
||||
width: 0;
|
||||
left: 0px;
|
||||
bottom: -1px;
|
||||
background: #999999;
|
||||
transition: all .35s ease .15s;
|
||||
}
|
||||
|
||||
.sw-theme-default > .nav .nav-link.inactive {
|
||||
color: #999999;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
.sw-theme-default > .nav .nav-link.active {
|
||||
color: #17a2b8 !important;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.sw-theme-default > .nav .nav-link.active::after {
|
||||
background: #17a2b8 !important;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.sw-theme-default > .nav .nav-link.done {
|
||||
color: #5cb85c !important;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.sw-theme-default > .nav .nav-link.done::after {
|
||||
background: #5cb85c;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.sw-theme-default > .nav .nav-link.disabled {
|
||||
color: #dddddd !important;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
.sw-theme-default > .nav .nav-link.disabled::after {
|
||||
background: #dddddd;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.sw-theme-default > .nav .nav-link.danger {
|
||||
color: #d9534f !important;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.sw-theme-default > .nav .nav-link.danger::after {
|
||||
background: #d9534f;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* SmartWizard Theme: Arrows */
|
||||
.sw-theme-arrows {
|
||||
border: 1px solid #eeeeee;
|
||||
}
|
||||
|
||||
.sw-theme-arrows > .tab-content > .tab-pane {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.sw-theme-arrows .toolbar > .btn {
|
||||
color: #ffffff;
|
||||
background-color: #17a2b8;
|
||||
border: 1px solid #17a2b8;
|
||||
padding: .375rem .75rem;
|
||||
border-radius: .25rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.sw-theme-arrows > .nav {
|
||||
overflow: hidden;
|
||||
border-bottom: 1px solid #eeeeee;
|
||||
}
|
||||
|
||||
.sw-theme-arrows > .nav .nav-link {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
min-height: 100%;
|
||||
margin-right: 30px;
|
||||
margin-left: -30px;
|
||||
padding-left: 40px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 640px) {
|
||||
.sw-theme-arrows > .nav .nav-link {
|
||||
overflow: hidden;
|
||||
margin-bottom: 1px;
|
||||
margin-right: unset;
|
||||
}
|
||||
}
|
||||
|
||||
.sw-theme-arrows > .nav .nav-link::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
display: block;
|
||||
width: 0;
|
||||
height: 0;
|
||||
top: 50%;
|
||||
left: 100%;
|
||||
margin-top: -50px;
|
||||
border-top: 50px solid transparent;
|
||||
border-bottom: 50px solid transparent;
|
||||
border-left: 30px solid #f8f8f8;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.sw-theme-arrows > .nav .nav-link::before {
|
||||
content: " ";
|
||||
position: absolute;
|
||||
display: block;
|
||||
width: 0;
|
||||
height: 0;
|
||||
top: 50%;
|
||||
left: 100%;
|
||||
margin-top: -50px;
|
||||
margin-left: 1px;
|
||||
border-top: 50px solid transparent;
|
||||
border-bottom: 50px solid transparent;
|
||||
border-left: 30px solid #eeeeee;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.sw-theme-arrows > .nav .nav-link.inactive {
|
||||
color: #999999;
|
||||
border-color: #f8f8f8;
|
||||
background: #f8f8f8;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
.sw-theme-arrows > .nav .nav-link.active {
|
||||
color: #ffffff;
|
||||
border-color: #5bc0de;
|
||||
background: #5bc0de;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.sw-theme-arrows > .nav .nav-link.active::after {
|
||||
border-left-color: #5bc0de;
|
||||
}
|
||||
|
||||
.sw-theme-arrows > .nav .nav-link.done {
|
||||
color: #ffffff;
|
||||
border-color: #5cb85c;
|
||||
background: #5cb85c;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.sw-theme-arrows > .nav .nav-link.done::after {
|
||||
border-left-color: #5cb85c;
|
||||
}
|
||||
|
||||
.sw-theme-arrows > .nav .nav-link.disabled {
|
||||
color: #eeeeee;
|
||||
border-color: #f9f9f9;
|
||||
background: #f9f9f9;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
.sw-theme-arrows > .nav .nav-link.disabled::after {
|
||||
border-left-color: #f9f9f9;
|
||||
}
|
||||
|
||||
.sw-theme-arrows > .nav .nav-link.danger {
|
||||
color: #ffffff;
|
||||
border-color: #d9534f;
|
||||
background: #d9534f;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.sw-theme-arrows > .nav .nav-link.danger::after {
|
||||
border-left-color: #d9534f;
|
||||
}
|
||||
|
||||
.sw-theme-arrows.sw-dark {
|
||||
color: rgba(255, 255, 255, 0.95);
|
||||
background: #000;
|
||||
}
|
||||
|
||||
.sw-theme-arrows.sw-dark > .nav {
|
||||
border-bottom: 1px solid #555555;
|
||||
}
|
||||
|
||||
.sw-theme-arrows.sw-dark > .nav .nav-link::after {
|
||||
border-left: 30px solid #5f5f5f;
|
||||
}
|
||||
|
||||
.sw-theme-arrows.sw-dark > .nav .nav-link::before {
|
||||
border-left: 30px solid #555555;
|
||||
}
|
||||
|
||||
.sw-theme-arrows.sw-dark > .nav .nav-link.inactive {
|
||||
color: white;
|
||||
border-color: #5f5f5f;
|
||||
background: #5f5f5f;
|
||||
}
|
||||
|
||||
.sw-theme-arrows.sw-dark > .nav .nav-link.inactive::after {
|
||||
border-left-color: #5f5f5f;
|
||||
}
|
||||
|
||||
.sw-theme-arrows.sw-dark > .nav .nav-link.active {
|
||||
color: white;
|
||||
border-color: #010506;
|
||||
background: #0a2730;
|
||||
}
|
||||
|
||||
.sw-theme-arrows.sw-dark > .nav .nav-link.active::after {
|
||||
border-left-color: #0a2730;
|
||||
}
|
||||
|
||||
.sw-theme-arrows.sw-dark > .nav .nav-link.done {
|
||||
color: white;
|
||||
border-color: black;
|
||||
background: black;
|
||||
}
|
||||
|
||||
.sw-theme-arrows.sw-dark > .nav .nav-link.done::after {
|
||||
border-left-color: black;
|
||||
}
|
||||
|
||||
.sw-theme-arrows.sw-dark > .nav .nav-link.disabled {
|
||||
color: #555555 !important;
|
||||
border-color: #f9f9f9;
|
||||
background: #474747;
|
||||
}
|
||||
|
||||
.sw-theme-arrows.sw-dark > .nav .nav-link.disabled::after {
|
||||
border-left-color: #474747;
|
||||
}
|
||||
|
||||
.sw-theme-arrows.sw-dark > .nav .nav-link.danger {
|
||||
color: #ffffff;
|
||||
border-color: #d9534f;
|
||||
background: #d9534f;
|
||||
}
|
||||
|
||||
.sw-theme-arrows.sw-dark > .nav .nav-link.danger::after {
|
||||
border-left-color: #d9534f;
|
||||
}
|
||||
|
||||
/* SmartWizard Theme: Dots */
|
||||
.sw-theme-dots > .tab-content > .tab-pane {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.sw-theme-dots .toolbar > .btn {
|
||||
color: #ffffff;
|
||||
background-color: #17a2b8;
|
||||
border: 1px solid #17a2b8;
|
||||
padding: .375rem .75rem;
|
||||
border-radius: .25rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.sw-theme-dots > .nav {
|
||||
position: relative;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.sw-theme-dots > .nav::before {
|
||||
content: " ";
|
||||
position: absolute;
|
||||
top: 18px;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 5px;
|
||||
background-color: #eeeeee;
|
||||
border-radius: 3px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.sw-theme-dots > .nav .nav-link {
|
||||
position: relative;
|
||||
margin-top: 40px;
|
||||
}
|
||||
|
||||
.sw-theme-dots > .nav .nav-link::before {
|
||||
content: " ";
|
||||
position: absolute;
|
||||
display: block;
|
||||
top: -36px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
border-radius: 50%;
|
||||
border: none;
|
||||
background: #f5f5f5;
|
||||
color: #428bca;
|
||||
text-decoration: none;
|
||||
z-index: 98;
|
||||
}
|
||||
|
||||
.sw-theme-dots > .nav .nav-link::after {
|
||||
content: " ";
|
||||
position: absolute;
|
||||
display: block;
|
||||
top: -28px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
border-radius: 50%;
|
||||
z-index: 99;
|
||||
}
|
||||
|
||||
.sw-theme-dots > .nav .nav-link.inactive {
|
||||
color: #999999;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
.sw-theme-dots > .nav .nav-link.inactive::after {
|
||||
background-color: #999999;
|
||||
}
|
||||
|
||||
.sw-theme-dots > .nav .nav-link.active {
|
||||
color: #5bc0de !important;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.sw-theme-dots > .nav .nav-link.active::after {
|
||||
background-color: #5bc0de !important;
|
||||
}
|
||||
|
||||
.sw-theme-dots > .nav .nav-link.done {
|
||||
color: #5cb85c;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.sw-theme-dots > .nav .nav-link.done::after {
|
||||
background-color: #5cb85c;
|
||||
}
|
||||
|
||||
.sw-theme-dots > .nav .nav-link.disabled {
|
||||
color: #f9f9f9;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
.sw-theme-dots > .nav .nav-link.disabled::after {
|
||||
background-color: #f9f9f9;
|
||||
}
|
||||
|
||||
.sw-theme-dots > .nav .nav-link.danger {
|
||||
color: #d9534f;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.sw-theme-dots > .nav .nav-link.danger::after {
|
||||
background-color: #d9534f;
|
||||
}
|
||||
|
||||
.sw-theme-dots.sw-dark {
|
||||
color: rgba(255, 255, 255, 0.95);
|
||||
background: #000;
|
||||
}
|
||||
|
||||
.sw-theme-dots.sw-dark > .nav::before {
|
||||
background-color: #3c3c3c;
|
||||
}
|
||||
|
||||
.sw-theme-dots.sw-dark > .nav .nav-link::before {
|
||||
background: #434343;
|
||||
color: black;
|
||||
}
|
||||
|
||||
/* SmartWizard Theme: Progress */
|
||||
.sw-theme-progress {
|
||||
border: 1px solid #eeeeee;
|
||||
}
|
||||
|
||||
.sw-theme-progress > .tab-content > .tab-pane {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.sw-theme-progress .toolbar > .btn {
|
||||
color: #ffffff;
|
||||
background-color: #17a2b8;
|
||||
border: 1px solid #17a2b8;
|
||||
padding: .375rem .75rem;
|
||||
border-radius: .25rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.sw-theme-progress > .nav {
|
||||
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.1) !important;
|
||||
}
|
||||
|
||||
.sw-theme-progress > .nav .nav-link {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
min-height: 100%;
|
||||
background: transparent;
|
||||
overflow: hidden;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.sw-theme-progress > .nav .nav-link::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
height: 150%;
|
||||
width: 0;
|
||||
left: 0;
|
||||
top: 0;
|
||||
background: #ffffff;
|
||||
z-index: -1;
|
||||
transition: all .35s ease .10s;
|
||||
}
|
||||
|
||||
.sw-theme-progress > .nav .nav-link.inactive {
|
||||
color: #999999;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
.sw-theme-progress > .nav .nav-link.active {
|
||||
color: #ffffff !important;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.sw-theme-progress > .nav .nav-link.active::after {
|
||||
background-color: #5cb85c;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.sw-theme-progress > .nav .nav-link.done {
|
||||
color: #ffffff !important;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.sw-theme-progress > .nav .nav-link.done::after {
|
||||
background: #5cb85c;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.sw-theme-progress > .nav .nav-link.disabled {
|
||||
color: #dddddd !important;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
.sw-theme-progress > .nav .nav-link.disabled::after {
|
||||
background: #f9f9f9;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.sw-theme-progress > .nav .nav-link.danger {
|
||||
color: #ffffff !important;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.sw-theme-progress > .nav .nav-link.danger::after {
|
||||
background: #d9534f;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.sw-theme-progress.sw-dark {
|
||||
color: rgba(255, 255, 255, 0.95);
|
||||
}
|
||||
|
||||
.sw-theme-progress.sw-dark > .nav .nav-link.active {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.sw-theme-progress.sw-dark > .nav .nav-link.active::after {
|
||||
background-color: #333;
|
||||
}
|
||||
|
||||
.sw-theme-progress.sw-dark > .nav .nav-link.done {
|
||||
color: #ffffff !important;
|
||||
}
|
||||
|
||||
.sw-theme-progress.sw-dark > .nav .nav-link.done::after {
|
||||
background: #333;
|
||||
}
|
||||
|
||||
.sw-theme-progress.sw-dark > .nav .nav-link.disabled {
|
||||
color: #2b2b2b !important;
|
||||
}
|
||||
|
||||
.sw-theme-progress.sw-dark > .nav .nav-link.disabled::after {
|
||||
background: #474747;
|
||||
}
|
||||
|
||||
.sw-theme-progress.sw-dark > .nav .nav-link.danger {
|
||||
color: #ffffff !important;
|
||||
}
|
||||
|
||||
.sw-theme-progress.sw-dark > .nav .nav-link.danger::after {
|
||||
background: #d9534f;
|
||||
}
|
||||
11
public/style/vendor/jquery-smartwizard/dist/css/smart_wizard_all.min.css
vendored
Normal file
11
public/style/vendor/jquery-smartwizard/dist/css/smart_wizard_all.min.css
vendored
Normal file
@ -0,0 +1,11 @@
|
||||
/*!
|
||||
* jQuery SmartWizard v5
|
||||
* jQuery Wizard Plugin
|
||||
* http://www.techlaboratory.net/smartwizard
|
||||
*
|
||||
* Created by Dipu Raj
|
||||
* http://dipu.me
|
||||
*
|
||||
* Licensed under the terms of MIT License
|
||||
* https://github.com/techlab/jquery-smartwizard/blob/master/LICENSE
|
||||
*/.sw{position:relative}.sw *,.sw ::after,.sw ::before{box-sizing:border-box}.sw>.tab-content{position:relative;overflow:hidden}.sw .toolbar{padding:.8rem}.sw .toolbar>.btn{display:inline-block;text-decoration:none;text-align:center;text-transform:none;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-left:.2rem;margin-right:.2rem;cursor:pointer}.sw .toolbar>.btn.disabled,.sw .toolbar>.btn:disabled{opacity:.65}.sw>.nav{display:flex;flex-wrap:wrap;list-style:none;padding-left:0;margin-top:0;margin-bottom:0}@media screen and (max-width:640px){.sw>.nav{flex-direction:column!important;flex:1 auto}}.sw>.nav .nav-link{display:block;padding:.5rem 1rem;text-decoration:none}.sw>.nav .nav-link:active,.sw>.nav .nav-link:focus,.sw>.nav .nav-link:hover{text-decoration:none}.sw>.nav .nav-link::-moz-focus-inner{border:0!important}.sw>.nav .nav-link.disabled{color:#ccc!important;pointer-events:none;cursor:default}.sw>.nav .nav-link.hidden{display:none!important}.sw.sw-justified>.nav .nav-link,.sw.sw-justified>.nav>li{flex-basis:0;flex-grow:1;text-align:center}.sw.sw-dark{color:rgba(255,255,255,.95);background:#000}.sw.sw-loading{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sw.sw-loading::after{content:"";display:block;position:absolute;opacity:1;top:0;left:0;height:100%;width:100%;background:rgba(255,255,255,.7);z-index:2;transition:all .2s ease}.sw.sw-loading::before{content:'';display:inline-block;position:absolute;top:45%;left:45%;width:2rem;height:2rem;border:10px solid #f3f3f3;border-top:10px solid #3498db;border-radius:50%;z-index:10;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.sw-theme-default{border:1px solid #eee}.sw-theme-default>.tab-content>.tab-pane{padding:10px}.sw-theme-default .toolbar>.btn{color:#fff;background-color:#17a2b8;border:1px solid #17a2b8;padding:.375rem .75rem;border-radius:.25rem;font-weight:400}.sw-theme-default>.nav{box-shadow:0 .125rem .25rem rgba(0,0,0,.1)!important}.sw-theme-default>.nav .nav-link{position:relative;height:100%;min-height:100%}.sw-theme-default>.nav .nav-link::after{content:"";position:absolute;height:2px;width:0;left:0;bottom:-1px;background:#999;transition:all .35s ease .15s}.sw-theme-default>.nav .nav-link.inactive{color:#999;cursor:not-allowed}.sw-theme-default>.nav .nav-link.active{color:#17a2b8!important;cursor:pointer}.sw-theme-default>.nav .nav-link.active::after{background:#17a2b8!important;width:100%}.sw-theme-default>.nav .nav-link.done{color:#5cb85c!important;cursor:pointer}.sw-theme-default>.nav .nav-link.done::after{background:#5cb85c;width:100%}.sw-theme-default>.nav .nav-link.disabled{color:#ddd!important;cursor:not-allowed}.sw-theme-default>.nav .nav-link.disabled::after{background:#ddd;width:100%}.sw-theme-default>.nav .nav-link.danger{color:#d9534f!important;cursor:pointer}.sw-theme-default>.nav .nav-link.danger::after{background:#d9534f;width:100%}.sw-theme-arrows{border:1px solid #eee}.sw-theme-arrows>.tab-content>.tab-pane{padding:10px}.sw-theme-arrows .toolbar>.btn{color:#fff;background-color:#17a2b8;border:1px solid #17a2b8;padding:.375rem .75rem;border-radius:.25rem;font-weight:400}.sw-theme-arrows>.nav{overflow:hidden;border-bottom:1px solid #eee}.sw-theme-arrows>.nav .nav-link{position:relative;height:100%;min-height:100%;margin-right:30px;margin-left:-30px;padding-left:40px}@media screen and (max-width:640px){.sw-theme-arrows>.nav .nav-link{overflow:hidden;margin-bottom:1px;margin-right:unset}}.sw-theme-arrows>.nav .nav-link::after{content:"";position:absolute;display:block;width:0;height:0;top:50%;left:100%;margin-top:-50px;border-top:50px solid transparent;border-bottom:50px solid transparent;border-left:30px solid #f8f8f8;z-index:2}.sw-theme-arrows>.nav .nav-link::before{content:" ";position:absolute;display:block;width:0;height:0;top:50%;left:100%;margin-top:-50px;margin-left:1px;border-top:50px solid transparent;border-bottom:50px solid transparent;border-left:30px solid #eee;z-index:1}.sw-theme-arrows>.nav .nav-link.inactive{color:#999;border-color:#f8f8f8;background:#f8f8f8;cursor:not-allowed}.sw-theme-arrows>.nav .nav-link.active{color:#fff;border-color:#5bc0de;background:#5bc0de;cursor:pointer}.sw-theme-arrows>.nav .nav-link.active::after{border-left-color:#5bc0de}.sw-theme-arrows>.nav .nav-link.done{color:#fff;border-color:#5cb85c;background:#5cb85c;cursor:pointer}.sw-theme-arrows>.nav .nav-link.done::after{border-left-color:#5cb85c}.sw-theme-arrows>.nav .nav-link.disabled{color:#eee;border-color:#f9f9f9;background:#f9f9f9;cursor:not-allowed}.sw-theme-arrows>.nav .nav-link.disabled::after{border-left-color:#f9f9f9}.sw-theme-arrows>.nav .nav-link.danger{color:#fff;border-color:#d9534f;background:#d9534f;cursor:pointer}.sw-theme-arrows>.nav .nav-link.danger::after{border-left-color:#d9534f}.sw-theme-arrows.sw-dark{color:rgba(255,255,255,.95);background:#000}.sw-theme-arrows.sw-dark>.nav{border-bottom:1px solid #555}.sw-theme-arrows.sw-dark>.nav .nav-link::after{border-left:30px solid #5f5f5f}.sw-theme-arrows.sw-dark>.nav .nav-link::before{border-left:30px solid #555}.sw-theme-arrows.sw-dark>.nav .nav-link.inactive{color:#fff;border-color:#5f5f5f;background:#5f5f5f}.sw-theme-arrows.sw-dark>.nav .nav-link.inactive::after{border-left-color:#5f5f5f}.sw-theme-arrows.sw-dark>.nav .nav-link.active{color:#fff;border-color:#010506;background:#0a2730}.sw-theme-arrows.sw-dark>.nav .nav-link.active::after{border-left-color:#0a2730}.sw-theme-arrows.sw-dark>.nav .nav-link.done{color:#fff;border-color:#000;background:#000}.sw-theme-arrows.sw-dark>.nav .nav-link.done::after{border-left-color:#000}.sw-theme-arrows.sw-dark>.nav .nav-link.disabled{color:#555!important;border-color:#f9f9f9;background:#474747}.sw-theme-arrows.sw-dark>.nav .nav-link.disabled::after{border-left-color:#474747}.sw-theme-arrows.sw-dark>.nav .nav-link.danger{color:#fff;border-color:#d9534f;background:#d9534f}.sw-theme-arrows.sw-dark>.nav .nav-link.danger::after{border-left-color:#d9534f}.sw-theme-dots>.tab-content>.tab-pane{padding:10px}.sw-theme-dots .toolbar>.btn{color:#fff;background-color:#17a2b8;border:1px solid #17a2b8;padding:.375rem .75rem;border-radius:.25rem;font-weight:400}.sw-theme-dots>.nav{position:relative;margin-bottom:10px}.sw-theme-dots>.nav::before{content:" ";position:absolute;top:18px;left:0;width:100%;height:5px;background-color:#eee;border-radius:3px;z-index:1}.sw-theme-dots>.nav .nav-link{position:relative;margin-top:40px}.sw-theme-dots>.nav .nav-link::before{content:" ";position:absolute;display:block;top:-36px;left:0;right:0;margin-left:auto;margin-right:auto;width:32px;height:32px;border-radius:50%;border:none;background:#f5f5f5;color:#428bca;text-decoration:none;z-index:98}.sw-theme-dots>.nav .nav-link::after{content:" ";position:absolute;display:block;top:-28px;left:0;right:0;margin-left:auto;margin-right:auto;width:16px;height:16px;border-radius:50%;z-index:99}.sw-theme-dots>.nav .nav-link.inactive{color:#999;cursor:not-allowed}.sw-theme-dots>.nav .nav-link.inactive::after{background-color:#999}.sw-theme-dots>.nav .nav-link.active{color:#5bc0de!important;cursor:pointer}.sw-theme-dots>.nav .nav-link.active::after{background-color:#5bc0de!important}.sw-theme-dots>.nav .nav-link.done{color:#5cb85c;cursor:pointer}.sw-theme-dots>.nav .nav-link.done::after{background-color:#5cb85c}.sw-theme-dots>.nav .nav-link.disabled{color:#f9f9f9;cursor:not-allowed}.sw-theme-dots>.nav .nav-link.disabled::after{background-color:#f9f9f9}.sw-theme-dots>.nav .nav-link.danger{color:#d9534f;cursor:pointer}.sw-theme-dots>.nav .nav-link.danger::after{background-color:#d9534f}.sw-theme-dots.sw-dark{color:rgba(255,255,255,.95);background:#000}.sw-theme-dots.sw-dark>.nav::before{background-color:#3c3c3c}.sw-theme-dots.sw-dark>.nav .nav-link::before{background:#434343;color:#000}.sw-theme-progress{border:1px solid #eee}.sw-theme-progress>.tab-content>.tab-pane{padding:10px}.sw-theme-progress .toolbar>.btn{color:#fff;background-color:#17a2b8;border:1px solid #17a2b8;padding:.375rem .75rem;border-radius:.25rem;font-weight:400}.sw-theme-progress>.nav{box-shadow:0 .125rem .25rem rgba(0,0,0,.1)!important}.sw-theme-progress>.nav .nav-link{position:relative;height:100%;min-height:100%;background:0 0;overflow:hidden;z-index:2}.sw-theme-progress>.nav .nav-link::after{content:"";position:absolute;height:150%;width:0;left:0;top:0;background:#fff;z-index:-1;transition:all .35s ease .1s}.sw-theme-progress>.nav .nav-link.inactive{color:#999;cursor:not-allowed}.sw-theme-progress>.nav .nav-link.active{color:#fff!important;cursor:pointer}.sw-theme-progress>.nav .nav-link.active::after{background-color:#5cb85c;width:100%}.sw-theme-progress>.nav .nav-link.done{color:#fff!important;cursor:pointer}.sw-theme-progress>.nav .nav-link.done::after{background:#5cb85c;width:100%}.sw-theme-progress>.nav .nav-link.disabled{color:#ddd!important;cursor:not-allowed}.sw-theme-progress>.nav .nav-link.disabled::after{background:#f9f9f9;width:100%}.sw-theme-progress>.nav .nav-link.danger{color:#fff!important;cursor:pointer}.sw-theme-progress>.nav .nav-link.danger::after{background:#d9534f;width:100%}.sw-theme-progress.sw-dark{color:rgba(255,255,255,.95)}.sw-theme-progress.sw-dark>.nav .nav-link.active{color:#fff}.sw-theme-progress.sw-dark>.nav .nav-link.active::after{background-color:#333}.sw-theme-progress.sw-dark>.nav .nav-link.done{color:#fff!important}.sw-theme-progress.sw-dark>.nav .nav-link.done::after{background:#333}.sw-theme-progress.sw-dark>.nav .nav-link.disabled{color:#2b2b2b!important}.sw-theme-progress.sw-dark>.nav .nav-link.disabled::after{background:#474747}.sw-theme-progress.sw-dark>.nav .nav-link.danger{color:#fff!important}.sw-theme-progress.sw-dark>.nav .nav-link.danger::after{background:#d9534f}
|
||||
346
public/style/vendor/jquery-smartwizard/dist/css/smart_wizard_arrows.css
vendored
Normal file
346
public/style/vendor/jquery-smartwizard/dist/css/smart_wizard_arrows.css
vendored
Normal file
@ -0,0 +1,346 @@
|
||||
/*!
|
||||
* jQuery SmartWizard v5
|
||||
* jQuery Wizard Plugin
|
||||
* http://www.techlaboratory.net/smartwizard
|
||||
*
|
||||
* Created by Dipu Raj
|
||||
* http://dipu.me
|
||||
*
|
||||
* Licensed under the terms of MIT License
|
||||
* https://github.com/techlab/jquery-smartwizard/blob/master/LICENSE
|
||||
*/
|
||||
/* SmartWizard Base Styles */
|
||||
.sw {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.sw *,
|
||||
.sw *::before,
|
||||
.sw *::after {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.sw > .tab-content {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.sw .toolbar {
|
||||
padding: .8rem;
|
||||
}
|
||||
|
||||
.sw .toolbar > .btn {
|
||||
display: inline-block;
|
||||
text-decoration: none;
|
||||
text-align: center;
|
||||
text-transform: none;
|
||||
vertical-align: middle;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
margin-left: .2rem;
|
||||
margin-right: .2rem;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.sw .toolbar > .btn.disabled, .sw .toolbar > .btn:disabled {
|
||||
opacity: .65;
|
||||
}
|
||||
|
||||
.sw > .nav {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
list-style: none;
|
||||
padding-left: 0;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 640px) {
|
||||
.sw > .nav {
|
||||
flex-direction: column !important;
|
||||
flex: 1 auto;
|
||||
}
|
||||
}
|
||||
|
||||
.sw > .nav .nav-link {
|
||||
display: block;
|
||||
padding: .5rem 1rem;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.sw > .nav .nav-link:hover, .sw > .nav .nav-link:active, .sw > .nav .nav-link:focus {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.sw > .nav .nav-link::-moz-focus-inner {
|
||||
border: 0 !important;
|
||||
}
|
||||
|
||||
.sw > .nav .nav-link.disabled {
|
||||
color: #ccc !important;
|
||||
pointer-events: none;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.sw > .nav .nav-link.hidden {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.sw.sw-justified > .nav > li, .sw.sw-justified > .nav .nav-link {
|
||||
flex-basis: 0;
|
||||
flex-grow: 1;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.sw.sw-dark {
|
||||
color: rgba(255, 255, 255, 0.95);
|
||||
background: #000;
|
||||
}
|
||||
|
||||
.sw.sw-loading {
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.sw.sw-loading::after {
|
||||
content: "";
|
||||
display: block;
|
||||
position: absolute;
|
||||
opacity: 1;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
background: rgba(255, 255, 255, 0.7);
|
||||
z-index: 2;
|
||||
transition: all .2s ease;
|
||||
}
|
||||
|
||||
.sw.sw-loading::before {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
top: 45%;
|
||||
left: 45%;
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
border: 10px solid #f3f3f3;
|
||||
border-top: 10px solid #3498db;
|
||||
border-radius: 50%;
|
||||
z-index: 10;
|
||||
-webkit-animation: spin 1s linear infinite;
|
||||
animation: spin 1s linear infinite;
|
||||
}
|
||||
|
||||
@-webkit-keyframes spin {
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes spin {
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
/* SmartWizard Theme: Arrows */
|
||||
.sw-theme-arrows {
|
||||
border: 1px solid #eeeeee;
|
||||
}
|
||||
|
||||
.sw-theme-arrows > .tab-content > .tab-pane {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.sw-theme-arrows .toolbar > .btn {
|
||||
color: #ffffff;
|
||||
background-color: #17a2b8;
|
||||
border: 1px solid #17a2b8;
|
||||
padding: .375rem .75rem;
|
||||
border-radius: .25rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.sw-theme-arrows > .nav {
|
||||
overflow: hidden;
|
||||
border-bottom: 1px solid #eeeeee;
|
||||
}
|
||||
|
||||
.sw-theme-arrows > .nav .nav-link {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
min-height: 100%;
|
||||
margin-right: 30px;
|
||||
margin-left: -30px;
|
||||
padding-left: 40px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 640px) {
|
||||
.sw-theme-arrows > .nav .nav-link {
|
||||
overflow: hidden;
|
||||
margin-bottom: 1px;
|
||||
margin-right: unset;
|
||||
}
|
||||
}
|
||||
|
||||
.sw-theme-arrows > .nav .nav-link::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
display: block;
|
||||
width: 0;
|
||||
height: 0;
|
||||
top: 50%;
|
||||
left: 100%;
|
||||
margin-top: -50px;
|
||||
border-top: 50px solid transparent;
|
||||
border-bottom: 50px solid transparent;
|
||||
border-left: 30px solid #f8f8f8;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.sw-theme-arrows > .nav .nav-link::before {
|
||||
content: " ";
|
||||
position: absolute;
|
||||
display: block;
|
||||
width: 0;
|
||||
height: 0;
|
||||
top: 50%;
|
||||
left: 100%;
|
||||
margin-top: -50px;
|
||||
margin-left: 1px;
|
||||
border-top: 50px solid transparent;
|
||||
border-bottom: 50px solid transparent;
|
||||
border-left: 30px solid #eeeeee;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.sw-theme-arrows > .nav .nav-link.inactive {
|
||||
color: #999999;
|
||||
border-color: #f8f8f8;
|
||||
background: #f8f8f8;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
.sw-theme-arrows > .nav .nav-link.active {
|
||||
color: #ffffff;
|
||||
border-color: #5bc0de;
|
||||
background: #5bc0de;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.sw-theme-arrows > .nav .nav-link.active::after {
|
||||
border-left-color: #5bc0de;
|
||||
}
|
||||
|
||||
.sw-theme-arrows > .nav .nav-link.done {
|
||||
color: #ffffff;
|
||||
border-color: #5cb85c;
|
||||
background: #5cb85c;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.sw-theme-arrows > .nav .nav-link.done::after {
|
||||
border-left-color: #5cb85c;
|
||||
}
|
||||
|
||||
.sw-theme-arrows > .nav .nav-link.disabled {
|
||||
color: #eeeeee;
|
||||
border-color: #f9f9f9;
|
||||
background: #f9f9f9;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
.sw-theme-arrows > .nav .nav-link.disabled::after {
|
||||
border-left-color: #f9f9f9;
|
||||
}
|
||||
|
||||
.sw-theme-arrows > .nav .nav-link.danger {
|
||||
color: #ffffff;
|
||||
border-color: #d9534f;
|
||||
background: #d9534f;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.sw-theme-arrows > .nav .nav-link.danger::after {
|
||||
border-left-color: #d9534f;
|
||||
}
|
||||
|
||||
.sw-theme-arrows.sw-dark {
|
||||
color: rgba(255, 255, 255, 0.95);
|
||||
background: #000;
|
||||
}
|
||||
|
||||
.sw-theme-arrows.sw-dark > .nav {
|
||||
border-bottom: 1px solid #555555;
|
||||
}
|
||||
|
||||
.sw-theme-arrows.sw-dark > .nav .nav-link::after {
|
||||
border-left: 30px solid #5f5f5f;
|
||||
}
|
||||
|
||||
.sw-theme-arrows.sw-dark > .nav .nav-link::before {
|
||||
border-left: 30px solid #555555;
|
||||
}
|
||||
|
||||
.sw-theme-arrows.sw-dark > .nav .nav-link.inactive {
|
||||
color: white;
|
||||
border-color: #5f5f5f;
|
||||
background: #5f5f5f;
|
||||
}
|
||||
|
||||
.sw-theme-arrows.sw-dark > .nav .nav-link.inactive::after {
|
||||
border-left-color: #5f5f5f;
|
||||
}
|
||||
|
||||
.sw-theme-arrows.sw-dark > .nav .nav-link.active {
|
||||
color: white;
|
||||
border-color: #010506;
|
||||
background: #0a2730;
|
||||
}
|
||||
|
||||
.sw-theme-arrows.sw-dark > .nav .nav-link.active::after {
|
||||
border-left-color: #0a2730;
|
||||
}
|
||||
|
||||
.sw-theme-arrows.sw-dark > .nav .nav-link.done {
|
||||
color: white;
|
||||
border-color: black;
|
||||
background: black;
|
||||
}
|
||||
|
||||
.sw-theme-arrows.sw-dark > .nav .nav-link.done::after {
|
||||
border-left-color: black;
|
||||
}
|
||||
|
||||
.sw-theme-arrows.sw-dark > .nav .nav-link.disabled {
|
||||
color: #555555 !important;
|
||||
border-color: #f9f9f9;
|
||||
background: #474747;
|
||||
}
|
||||
|
||||
.sw-theme-arrows.sw-dark > .nav .nav-link.disabled::after {
|
||||
border-left-color: #474747;
|
||||
}
|
||||
|
||||
.sw-theme-arrows.sw-dark > .nav .nav-link.danger {
|
||||
color: #ffffff;
|
||||
border-color: #d9534f;
|
||||
background: #d9534f;
|
||||
}
|
||||
|
||||
.sw-theme-arrows.sw-dark > .nav .nav-link.danger::after {
|
||||
border-left-color: #d9534f;
|
||||
}
|
||||
11
public/style/vendor/jquery-smartwizard/dist/css/smart_wizard_arrows.min.css
vendored
Normal file
11
public/style/vendor/jquery-smartwizard/dist/css/smart_wizard_arrows.min.css
vendored
Normal file
@ -0,0 +1,11 @@
|
||||
/*!
|
||||
* jQuery SmartWizard v5
|
||||
* jQuery Wizard Plugin
|
||||
* http://www.techlaboratory.net/smartwizard
|
||||
*
|
||||
* Created by Dipu Raj
|
||||
* http://dipu.me
|
||||
*
|
||||
* Licensed under the terms of MIT License
|
||||
* https://github.com/techlab/jquery-smartwizard/blob/master/LICENSE
|
||||
*/.sw{position:relative}.sw *,.sw ::after,.sw ::before{box-sizing:border-box}.sw>.tab-content{position:relative;overflow:hidden}.sw .toolbar{padding:.8rem}.sw .toolbar>.btn{display:inline-block;text-decoration:none;text-align:center;text-transform:none;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-left:.2rem;margin-right:.2rem;cursor:pointer}.sw .toolbar>.btn.disabled,.sw .toolbar>.btn:disabled{opacity:.65}.sw>.nav{display:flex;flex-wrap:wrap;list-style:none;padding-left:0;margin-top:0;margin-bottom:0}@media screen and (max-width:640px){.sw>.nav{flex-direction:column!important;flex:1 auto}}.sw>.nav .nav-link{display:block;padding:.5rem 1rem;text-decoration:none}.sw>.nav .nav-link:active,.sw>.nav .nav-link:focus,.sw>.nav .nav-link:hover{text-decoration:none}.sw>.nav .nav-link::-moz-focus-inner{border:0!important}.sw>.nav .nav-link.disabled{color:#ccc!important;pointer-events:none;cursor:default}.sw>.nav .nav-link.hidden{display:none!important}.sw.sw-justified>.nav .nav-link,.sw.sw-justified>.nav>li{flex-basis:0;flex-grow:1;text-align:center}.sw.sw-dark{color:rgba(255,255,255,.95);background:#000}.sw.sw-loading{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sw.sw-loading::after{content:"";display:block;position:absolute;opacity:1;top:0;left:0;height:100%;width:100%;background:rgba(255,255,255,.7);z-index:2;transition:all .2s ease}.sw.sw-loading::before{content:'';display:inline-block;position:absolute;top:45%;left:45%;width:2rem;height:2rem;border:10px solid #f3f3f3;border-top:10px solid #3498db;border-radius:50%;z-index:10;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.sw-theme-arrows{border:1px solid #eee}.sw-theme-arrows>.tab-content>.tab-pane{padding:10px}.sw-theme-arrows .toolbar>.btn{color:#fff;background-color:#17a2b8;border:1px solid #17a2b8;padding:.375rem .75rem;border-radius:.25rem;font-weight:400}.sw-theme-arrows>.nav{overflow:hidden;border-bottom:1px solid #eee}.sw-theme-arrows>.nav .nav-link{position:relative;height:100%;min-height:100%;margin-right:30px;margin-left:-30px;padding-left:40px}@media screen and (max-width:640px){.sw-theme-arrows>.nav .nav-link{overflow:hidden;margin-bottom:1px;margin-right:unset}}.sw-theme-arrows>.nav .nav-link::after{content:"";position:absolute;display:block;width:0;height:0;top:50%;left:100%;margin-top:-50px;border-top:50px solid transparent;border-bottom:50px solid transparent;border-left:30px solid #f8f8f8;z-index:2}.sw-theme-arrows>.nav .nav-link::before{content:" ";position:absolute;display:block;width:0;height:0;top:50%;left:100%;margin-top:-50px;margin-left:1px;border-top:50px solid transparent;border-bottom:50px solid transparent;border-left:30px solid #eee;z-index:1}.sw-theme-arrows>.nav .nav-link.inactive{color:#999;border-color:#f8f8f8;background:#f8f8f8;cursor:not-allowed}.sw-theme-arrows>.nav .nav-link.active{color:#fff;border-color:#5bc0de;background:#5bc0de;cursor:pointer}.sw-theme-arrows>.nav .nav-link.active::after{border-left-color:#5bc0de}.sw-theme-arrows>.nav .nav-link.done{color:#fff;border-color:#5cb85c;background:#5cb85c;cursor:pointer}.sw-theme-arrows>.nav .nav-link.done::after{border-left-color:#5cb85c}.sw-theme-arrows>.nav .nav-link.disabled{color:#eee;border-color:#f9f9f9;background:#f9f9f9;cursor:not-allowed}.sw-theme-arrows>.nav .nav-link.disabled::after{border-left-color:#f9f9f9}.sw-theme-arrows>.nav .nav-link.danger{color:#fff;border-color:#d9534f;background:#d9534f;cursor:pointer}.sw-theme-arrows>.nav .nav-link.danger::after{border-left-color:#d9534f}.sw-theme-arrows.sw-dark{color:rgba(255,255,255,.95);background:#000}.sw-theme-arrows.sw-dark>.nav{border-bottom:1px solid #555}.sw-theme-arrows.sw-dark>.nav .nav-link::after{border-left:30px solid #5f5f5f}.sw-theme-arrows.sw-dark>.nav .nav-link::before{border-left:30px solid #555}.sw-theme-arrows.sw-dark>.nav .nav-link.inactive{color:#fff;border-color:#5f5f5f;background:#5f5f5f}.sw-theme-arrows.sw-dark>.nav .nav-link.inactive::after{border-left-color:#5f5f5f}.sw-theme-arrows.sw-dark>.nav .nav-link.active{color:#fff;border-color:#010506;background:#0a2730}.sw-theme-arrows.sw-dark>.nav .nav-link.active::after{border-left-color:#0a2730}.sw-theme-arrows.sw-dark>.nav .nav-link.done{color:#fff;border-color:#000;background:#000}.sw-theme-arrows.sw-dark>.nav .nav-link.done::after{border-left-color:#000}.sw-theme-arrows.sw-dark>.nav .nav-link.disabled{color:#555!important;border-color:#f9f9f9;background:#474747}.sw-theme-arrows.sw-dark>.nav .nav-link.disabled::after{border-left-color:#474747}.sw-theme-arrows.sw-dark>.nav .nav-link.danger{color:#fff;border-color:#d9534f;background:#d9534f}.sw-theme-arrows.sw-dark>.nav .nav-link.danger::after{border-left-color:#d9534f}
|
||||
243
public/style/vendor/jquery-smartwizard/dist/css/smart_wizard_dark.css
vendored
Normal file
243
public/style/vendor/jquery-smartwizard/dist/css/smart_wizard_dark.css
vendored
Normal file
@ -0,0 +1,243 @@
|
||||
/*!
|
||||
* jQuery SmartWizard v5
|
||||
* jQuery Wizard Plugin
|
||||
* http://www.techlaboratory.net/smartwizard
|
||||
*
|
||||
* Created by Dipu Raj
|
||||
* http://dipu.me
|
||||
*
|
||||
* Licensed under the terms of MIT License
|
||||
* https://github.com/techlab/jquery-smartwizard/blob/master/LICENSE
|
||||
*/
|
||||
/* SmartWizard Base Styles */
|
||||
.sw {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.sw *,
|
||||
.sw *::before,
|
||||
.sw *::after {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.sw > .tab-content {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.sw .toolbar {
|
||||
padding: .8rem;
|
||||
}
|
||||
|
||||
.sw .toolbar > .btn {
|
||||
display: inline-block;
|
||||
text-decoration: none;
|
||||
text-align: center;
|
||||
text-transform: none;
|
||||
vertical-align: middle;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
margin-left: .2rem;
|
||||
margin-right: .2rem;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.sw .toolbar > .btn.disabled, .sw .toolbar > .btn:disabled {
|
||||
opacity: .65;
|
||||
}
|
||||
|
||||
.sw > .nav {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
list-style: none;
|
||||
padding-left: 0;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 640px) {
|
||||
.sw > .nav {
|
||||
flex-direction: column !important;
|
||||
flex: 1 auto;
|
||||
}
|
||||
}
|
||||
|
||||
.sw > .nav .nav-link {
|
||||
display: block;
|
||||
padding: .5rem 1rem;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.sw > .nav .nav-link:hover, .sw > .nav .nav-link:active, .sw > .nav .nav-link:focus {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.sw > .nav .nav-link::-moz-focus-inner {
|
||||
border: 0 !important;
|
||||
}
|
||||
|
||||
.sw > .nav .nav-link.disabled {
|
||||
color: #ccc !important;
|
||||
pointer-events: none;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.sw > .nav .nav-link.hidden {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.sw.sw-justified > .nav > li, .sw.sw-justified > .nav .nav-link {
|
||||
flex-basis: 0;
|
||||
flex-grow: 1;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.sw.sw-dark {
|
||||
color: rgba(255, 255, 255, 0.95);
|
||||
background: #000;
|
||||
}
|
||||
|
||||
.sw.sw-loading {
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.sw.sw-loading::after {
|
||||
content: "";
|
||||
display: block;
|
||||
position: absolute;
|
||||
opacity: 1;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
background: rgba(255, 255, 255, 0.7);
|
||||
z-index: 2;
|
||||
transition: all .2s ease;
|
||||
}
|
||||
|
||||
.sw.sw-loading::before {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
top: 45%;
|
||||
left: 45%;
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
border: 10px solid #f3f3f3;
|
||||
border-top: 10px solid #3498db;
|
||||
border-radius: 50%;
|
||||
z-index: 10;
|
||||
-webkit-animation: spin 1s linear infinite;
|
||||
animation: spin 1s linear infinite;
|
||||
}
|
||||
|
||||
@-webkit-keyframes spin {
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes spin {
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
/* SmartWizard Theme: Dark */
|
||||
.sw-theme-dark {
|
||||
border: 1px solid #eeeeee;
|
||||
box-shadow: 0 1px 10px rgba(130, 130, 134, 0.1);
|
||||
color: rgba(255, 255, 255, 0.95);
|
||||
background: #181c20;
|
||||
}
|
||||
|
||||
.sw-theme-dark > .tab-content > .tab-pane {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.sw-theme-dark .toolbar > .btn {
|
||||
color: #fff;
|
||||
background-color: #17a2b8;
|
||||
border: 1px solid #17a2b8;
|
||||
padding: .375rem .75rem;
|
||||
border-radius: .25rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.sw-theme-dark > .nav {
|
||||
background: #0D0F12;
|
||||
}
|
||||
|
||||
.sw-theme-dark > .nav .nav-link {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
min-height: 100%;
|
||||
}
|
||||
|
||||
.sw-theme-dark > .nav .nav-link::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
height: 2px;
|
||||
width: 100%;
|
||||
left: 0px;
|
||||
bottom: -1px;
|
||||
background: #999999;
|
||||
transition: all 250ms ease 0s;
|
||||
transform: scale(0);
|
||||
}
|
||||
|
||||
.sw-theme-dark > .nav .nav-link.inactive {
|
||||
color: #999999;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
.sw-theme-dark > .nav .nav-link.active {
|
||||
color: #17a2b8 !important;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.sw-theme-dark > .nav .nav-link.active::after {
|
||||
background: #17a2b8 !important;
|
||||
transform: scale(1);
|
||||
}
|
||||
|
||||
.sw-theme-dark > .nav .nav-link.done {
|
||||
color: #5cb85c !important;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.sw-theme-dark > .nav .nav-link.done::after {
|
||||
background: #5cb85c;
|
||||
transform: scale(1);
|
||||
}
|
||||
|
||||
.sw-theme-dark > .nav .nav-link.disabled {
|
||||
color: #f9f9f9 !important;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
.sw-theme-dark > .nav .nav-link.disabled::after {
|
||||
background: #f9f9f9;
|
||||
}
|
||||
|
||||
.sw-theme-dark > .nav .nav-link.danger {
|
||||
color: #d9534f !important;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.sw-theme-dark > .nav .nav-link.danger::after {
|
||||
background: #d9534f;
|
||||
}
|
||||
11
public/style/vendor/jquery-smartwizard/dist/css/smart_wizard_dark.min.css
vendored
Normal file
11
public/style/vendor/jquery-smartwizard/dist/css/smart_wizard_dark.min.css
vendored
Normal file
@ -0,0 +1,11 @@
|
||||
/*!
|
||||
* jQuery SmartWizard v5
|
||||
* jQuery Wizard Plugin
|
||||
* http://www.techlaboratory.net/smartwizard
|
||||
*
|
||||
* Created by Dipu Raj
|
||||
* http://dipu.me
|
||||
*
|
||||
* Licensed under the terms of MIT License
|
||||
* https://github.com/techlab/jquery-smartwizard/blob/master/LICENSE
|
||||
*/.sw{position:relative}.sw *,.sw ::after,.sw ::before{box-sizing:border-box}.sw>.tab-content{position:relative;overflow:hidden}.sw .toolbar{padding:.8rem}.sw .toolbar>.btn{display:inline-block;text-decoration:none;text-align:center;text-transform:none;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-left:.2rem;margin-right:.2rem;cursor:pointer}.sw .toolbar>.btn.disabled,.sw .toolbar>.btn:disabled{opacity:.65}.sw>.nav{display:flex;flex-wrap:wrap;list-style:none;padding-left:0;margin-top:0;margin-bottom:0}@media screen and (max-width:640px){.sw>.nav{flex-direction:column!important;flex:1 auto}}.sw>.nav .nav-link{display:block;padding:.5rem 1rem;text-decoration:none}.sw>.nav .nav-link:active,.sw>.nav .nav-link:focus,.sw>.nav .nav-link:hover{text-decoration:none}.sw>.nav .nav-link::-moz-focus-inner{border:0!important}.sw>.nav .nav-link.disabled{color:#ccc!important;pointer-events:none;cursor:default}.sw>.nav .nav-link.hidden{display:none!important}.sw.sw-justified>.nav .nav-link,.sw.sw-justified>.nav>li{flex-basis:0;flex-grow:1;text-align:center}.sw.sw-dark{color:rgba(255,255,255,.95);background:#000}.sw.sw-loading{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sw.sw-loading::after{content:"";display:block;position:absolute;opacity:1;top:0;left:0;height:100%;width:100%;background:rgba(255,255,255,.7);z-index:2;transition:all .2s ease}.sw.sw-loading::before{content:'';display:inline-block;position:absolute;top:45%;left:45%;width:2rem;height:2rem;border:10px solid #f3f3f3;border-top:10px solid #3498db;border-radius:50%;z-index:10;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.sw-theme-dark{border:1px solid #eee;box-shadow:0 1px 10px rgba(130,130,134,.1);color:rgba(255,255,255,.95);background:#181c20}.sw-theme-dark>.tab-content>.tab-pane{padding:10px}.sw-theme-dark .toolbar>.btn{color:#fff;background-color:#17a2b8;border:1px solid #17a2b8;padding:.375rem .75rem;border-radius:.25rem;font-weight:400}.sw-theme-dark>.nav{background:#0d0f12}.sw-theme-dark>.nav .nav-link{position:relative;height:100%;min-height:100%}.sw-theme-dark>.nav .nav-link::after{content:"";position:absolute;height:2px;width:100%;left:0;bottom:-1px;background:#999;transition:all 250ms ease 0s;transform:scale(0)}.sw-theme-dark>.nav .nav-link.inactive{color:#999;cursor:not-allowed}.sw-theme-dark>.nav .nav-link.active{color:#17a2b8!important;cursor:pointer}.sw-theme-dark>.nav .nav-link.active::after{background:#17a2b8!important;transform:scale(1)}.sw-theme-dark>.nav .nav-link.done{color:#5cb85c!important;cursor:pointer}.sw-theme-dark>.nav .nav-link.done::after{background:#5cb85c;transform:scale(1)}.sw-theme-dark>.nav .nav-link.disabled{color:#f9f9f9!important;cursor:not-allowed}.sw-theme-dark>.nav .nav-link.disabled::after{background:#f9f9f9}.sw-theme-dark>.nav .nav-link.danger{color:#d9534f!important;cursor:pointer}.sw-theme-dark>.nav .nav-link.danger::after{background:#d9534f}
|
||||
0
public/style/vendor/jquery-smartwizard/dist/css/smart_wizard_dots.css
vendored
Normal file
0
public/style/vendor/jquery-smartwizard/dist/css/smart_wizard_dots.css
vendored
Normal file
0
public/style/vendor/jquery-smartwizard/dist/css/smart_wizard_dots.min.css
vendored
Normal file
0
public/style/vendor/jquery-smartwizard/dist/css/smart_wizard_dots.min.css
vendored
Normal file
0
public/style/vendor/jquery-smartwizard/dist/css/smart_wizard_progress.css
vendored
Normal file
0
public/style/vendor/jquery-smartwizard/dist/css/smart_wizard_progress.css
vendored
Normal file
0
public/style/vendor/jquery-smartwizard/dist/css/smart_wizard_progress.min.css
vendored
Normal file
0
public/style/vendor/jquery-smartwizard/dist/css/smart_wizard_progress.min.css
vendored
Normal file
1053
public/style/vendor/jquery-smartwizard/dist/js/jquery.smartWizard.js
vendored
Normal file
1053
public/style/vendor/jquery-smartwizard/dist/js/jquery.smartWizard.js
vendored
Normal file
@ -0,0 +1,1053 @@
|
||||
"use strict";
|
||||
|
||||
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
||||
|
||||
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
||||
|
||||
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
||||
|
||||
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
||||
|
||||
/*!
|
||||
* jQuery SmartWizard v5.1.1
|
||||
* The awesome jQuery step wizard plugin
|
||||
* http://www.techlaboratory.net/jquery-smartwizard
|
||||
*
|
||||
* Created by Dipu Raj
|
||||
* http://dipu.me
|
||||
*
|
||||
* @license Licensed under the terms of the MIT License
|
||||
* https://github.com/techlab/jquery-smartwizard/blob/master/LICENSE
|
||||
*/
|
||||
(function (factory) {
|
||||
if (typeof define === 'function' && define.amd) {
|
||||
// AMD. Register as an anonymous module.
|
||||
define(['jquery'], factory);
|
||||
} else if ((typeof module === "undefined" ? "undefined" : _typeof(module)) === 'object' && module.exports) {
|
||||
// Node/CommonJS
|
||||
module.exports = function (root, jQuery) {
|
||||
if (jQuery === undefined) {
|
||||
// require('jQuery') returns a factory that requires window to
|
||||
// build a jQuery instance, we normalize how we use modules
|
||||
// that require this pattern but the window provided is a noop
|
||||
// if it's defined (how jquery works)
|
||||
if (typeof window !== 'undefined') {
|
||||
jQuery = require('jquery');
|
||||
} else {
|
||||
jQuery = require('jquery')(root);
|
||||
}
|
||||
}
|
||||
|
||||
factory(jQuery);
|
||||
return jQuery;
|
||||
};
|
||||
} else {
|
||||
// Browser globals
|
||||
factory(jQuery);
|
||||
}
|
||||
})(function ($) {
|
||||
"use strict"; // Default options
|
||||
|
||||
var defaults = {
|
||||
selected: 0,
|
||||
// Initial selected step, 0 = first step
|
||||
theme: 'default',
|
||||
// theme for the wizard, related css need to include for other than default theme
|
||||
justified: true,
|
||||
// Nav menu justification. true/false
|
||||
darkMode: false,
|
||||
// Enable/disable Dark Mode if the theme supports. true/false
|
||||
autoAdjustHeight: true,
|
||||
// Automatically adjust content height
|
||||
cycleSteps: false,
|
||||
// Allows to cycle the navigation of steps
|
||||
backButtonSupport: true,
|
||||
// Enable the back button support
|
||||
enableURLhash: true,
|
||||
// Enable selection of the step based on url hash
|
||||
transition: {
|
||||
animation: 'none',
|
||||
// Effect on navigation, none/fade/slide-horizontal/slide-vertical/slide-swing
|
||||
speed: '400',
|
||||
// Transion animation speed
|
||||
easing: '' // Transition animation easing. Not supported without a jQuery easing plugin
|
||||
|
||||
},
|
||||
toolbarSettings: {
|
||||
toolbarPosition: 'bottom',
|
||||
// none, top, bottom, both
|
||||
toolbarButtonPosition: 'right',
|
||||
// left, right, center
|
||||
showNextButton: true,
|
||||
// show/hide a Next button
|
||||
showPreviousButton: true,
|
||||
// show/hide a Previous button
|
||||
toolbarExtraButtons: [] // Extra buttons to show on toolbar, array of jQuery input/buttons elements
|
||||
|
||||
},
|
||||
anchorSettings: {
|
||||
anchorClickable: true,
|
||||
// Enable/Disable anchor navigation
|
||||
enableAllAnchors: false,
|
||||
// Activates all anchors clickable all times
|
||||
markDoneStep: true,
|
||||
// Add done state on navigation
|
||||
markAllPreviousStepsAsDone: true,
|
||||
// When a step selected by url hash, all previous steps are marked done
|
||||
removeDoneStepOnNavigateBack: false,
|
||||
// While navigate back done step after active step will be cleared
|
||||
enableAnchorOnDoneStep: true // Enable/Disable the done steps navigation
|
||||
|
||||
},
|
||||
keyboardSettings: {
|
||||
keyNavigation: true,
|
||||
// Enable/Disable keyboard navigation(left and right keys are used if enabled)
|
||||
keyLeft: [37],
|
||||
// Left key code
|
||||
keyRight: [39] // Right key code
|
||||
|
||||
},
|
||||
lang: {
|
||||
// Language variables for button
|
||||
next: 'Next',
|
||||
previous: 'Previous'
|
||||
},
|
||||
disabledSteps: [],
|
||||
// Array Steps disabled
|
||||
errorSteps: [],
|
||||
// Highlight step with errors
|
||||
hiddenSteps: [] // Hidden steps
|
||||
|
||||
};
|
||||
|
||||
var SmartWizard = /*#__PURE__*/function () {
|
||||
function SmartWizard(element, options) {
|
||||
_classCallCheck(this, SmartWizard);
|
||||
|
||||
// Merge user settings with default
|
||||
this.options = $.extend(true, {}, defaults, options); // Main container element
|
||||
|
||||
this.main = $(element); // Navigation bar element
|
||||
|
||||
this.nav = this._getFirstDescendant('.nav'); // Step anchor elements
|
||||
|
||||
this.steps = this.nav.find('.nav-link'); // Content container
|
||||
|
||||
this.container = this._getFirstDescendant('.tab-content'); // Content pages
|
||||
|
||||
this.pages = this.container.children('.tab-pane'); // Assign options
|
||||
|
||||
this._initOptions(); // Initial load
|
||||
|
||||
|
||||
this._initLoad();
|
||||
} // Initial Load Method
|
||||
|
||||
|
||||
_createClass(SmartWizard, [{
|
||||
key: "_initLoad",
|
||||
value: function _initLoad() {
|
||||
// Clean the elements
|
||||
this.pages.hide();
|
||||
this.steps.removeClass('done active'); // Active step index
|
||||
|
||||
this.current_index = null; // Get the initial step index
|
||||
|
||||
var idx = this._getStepIndex(); // Mark any previous steps done
|
||||
|
||||
|
||||
this._setPreviousStepsDone(idx); // Show the initial step
|
||||
|
||||
|
||||
this._showStep(idx);
|
||||
} // Initialize options
|
||||
|
||||
}, {
|
||||
key: "_initOptions",
|
||||
value: function _initOptions() {
|
||||
// Set the elements
|
||||
this._setElements(); // Add toolbar
|
||||
|
||||
|
||||
this._setToolbar(); // Assign plugin events
|
||||
|
||||
|
||||
this._setEvents();
|
||||
}
|
||||
}, {
|
||||
key: "_getFirstDescendant",
|
||||
value: function _getFirstDescendant(selector) {
|
||||
// Check for first level element
|
||||
var elm = this.main.children(selector);
|
||||
|
||||
if (elm.length > 0) {
|
||||
return elm;
|
||||
} // Check for second level element
|
||||
|
||||
|
||||
this.main.children().each(function (i, n) {
|
||||
var tmp = $(n).children(selector);
|
||||
|
||||
if (tmp.length > 0) {
|
||||
elm = tmp;
|
||||
return false;
|
||||
}
|
||||
});
|
||||
|
||||
if (elm.length > 0) {
|
||||
return elm;
|
||||
} // Element not found
|
||||
|
||||
|
||||
this._showError("Element not found " + selector);
|
||||
|
||||
return false;
|
||||
}
|
||||
}, {
|
||||
key: "_setElements",
|
||||
value: function _setElements() {
|
||||
// Set the main element
|
||||
this.main.addClass('sw');
|
||||
|
||||
this._setTheme(this.options.theme);
|
||||
|
||||
this._setJustify(this.options.justified);
|
||||
|
||||
this._setDarkMode(this.options.darkMode); // Set the anchor default style
|
||||
|
||||
|
||||
if (this.options.anchorSettings.enableAllAnchors !== true || this.options.anchorSettings.anchorClickable !== true) {
|
||||
this.steps.addClass('inactive');
|
||||
} // Disabled steps
|
||||
|
||||
|
||||
this._setCSSClass(this.options.disabledSteps, "disabled"); // Error steps
|
||||
|
||||
|
||||
this._setCSSClass(this.options.errorSteps, "danger"); // Hidden steps
|
||||
|
||||
|
||||
this._setCSSClass(this.options.hiddenSteps, "hidden");
|
||||
}
|
||||
}, {
|
||||
key: "_setEvents",
|
||||
value: function _setEvents() {
|
||||
var _this = this;
|
||||
|
||||
// Check if event handler already exists
|
||||
if (this.main.data('click-init')) {
|
||||
return true;
|
||||
} // Flag item to prevent attaching handler again
|
||||
|
||||
|
||||
this.main.data('click-init', true); // Anchor click event
|
||||
|
||||
$(this.steps).on("click", function (e) {
|
||||
e.preventDefault();
|
||||
|
||||
if (_this.options.anchorSettings.anchorClickable === false) {
|
||||
return true;
|
||||
} // Get the step index
|
||||
|
||||
|
||||
var idx = _this.steps.index(e.currentTarget);
|
||||
|
||||
if (idx === _this.current_index) {
|
||||
return true;
|
||||
}
|
||||
|
||||
if (_this.options.anchorSettings.enableAnchorOnDoneStep === false && _this._isDone(idx)) {
|
||||
return true;
|
||||
}
|
||||
|
||||
if (_this.options.anchorSettings.enableAllAnchors !== false || _this._isDone(idx)) {
|
||||
_this._showStep(idx);
|
||||
}
|
||||
}); // Next button event
|
||||
|
||||
this.main.find('.sw-btn-next').on("click", function (e) {
|
||||
e.preventDefault();
|
||||
|
||||
_this._showNext();
|
||||
}); // Previous button event
|
||||
|
||||
this.main.find('.sw-btn-prev').on("click", function (e) {
|
||||
e.preventDefault();
|
||||
|
||||
_this._showPrevious();
|
||||
}); // Keyboard navigation event
|
||||
|
||||
if (this.options.keyboardSettings.keyNavigation) {
|
||||
$(document).keyup(function (e) {
|
||||
_this._keyNav(e);
|
||||
});
|
||||
} // Back/forward browser button event
|
||||
|
||||
|
||||
if (this.options.backButtonSupport) {
|
||||
$(window).on('hashchange', function (e) {
|
||||
var idx = _this._getURLHashIndex();
|
||||
|
||||
if (idx !== false) {
|
||||
e.preventDefault();
|
||||
|
||||
_this._showStep(idx);
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: "_setToolbar",
|
||||
value: function _setToolbar() {
|
||||
// Skip right away if the toolbar is not enabled
|
||||
if (this.options.toolbarSettings.toolbarPosition === 'none') {
|
||||
return true;
|
||||
} // Append toolbar based on the position
|
||||
|
||||
|
||||
switch (this.options.toolbarSettings.toolbarPosition) {
|
||||
case 'top':
|
||||
this.container.before(this._createToolbar('top'));
|
||||
break;
|
||||
|
||||
case 'bottom':
|
||||
this.container.after(this._createToolbar('bottom'));
|
||||
break;
|
||||
|
||||
case 'both':
|
||||
this.container.before(this._createToolbar('top'));
|
||||
this.container.after(this._createToolbar('bottom'));
|
||||
break;
|
||||
|
||||
default:
|
||||
this.container.after(this._createToolbar('bottom'));
|
||||
break;
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: "_createToolbar",
|
||||
value: function _createToolbar(position) {
|
||||
// Skip if the toolbar is already created
|
||||
if (this.main.find('.toolbar-' + position).length > 0) {
|
||||
return null;
|
||||
}
|
||||
|
||||
var toolbar = $('<div></div>').addClass('toolbar toolbar-' + position).attr('role', 'toolbar'); // Create the toolbar buttons
|
||||
|
||||
var btnNext = this.options.toolbarSettings.showNextButton !== false ? $('<button></button>').text(this.options.lang.next).addClass('btn btn-primary sw-btn-next').attr('type', 'button') : null;
|
||||
var btnPrevious = this.options.toolbarSettings.showPreviousButton !== false ? $('<button></button>').text(this.options.lang.previous).addClass('btn btn-primary sw-btn-prev').attr('type', 'button') : null;
|
||||
toolbar.append(btnPrevious, btnNext); // Add extra toolbar buttons
|
||||
|
||||
if (this.options.toolbarSettings.toolbarExtraButtons && this.options.toolbarSettings.toolbarExtraButtons.length > 0) {
|
||||
$.each(this.options.toolbarSettings.toolbarExtraButtons, function (_i, n) {
|
||||
toolbar.append(n.clone(true));
|
||||
});
|
||||
}
|
||||
|
||||
toolbar.css('text-align', this.options.toolbarSettings.toolbarButtonPosition);
|
||||
return toolbar;
|
||||
}
|
||||
}, {
|
||||
key: "_showNext",
|
||||
value: function _showNext() {
|
||||
var si = this._getNextShowable(this.current_index);
|
||||
|
||||
if (si === false) {
|
||||
return false;
|
||||
}
|
||||
|
||||
this._showStep(si);
|
||||
}
|
||||
}, {
|
||||
key: "_showPrevious",
|
||||
value: function _showPrevious() {
|
||||
var si = this._getPreviousShowable(this.current_index);
|
||||
|
||||
if (si === false) {
|
||||
return false;
|
||||
}
|
||||
|
||||
this._showStep(si);
|
||||
}
|
||||
}, {
|
||||
key: "_showStep",
|
||||
value: function _showStep(idx) {
|
||||
// If current step is requested again, skip
|
||||
if (idx == this.current_index) {
|
||||
return false;
|
||||
} // If step not found, skip
|
||||
|
||||
|
||||
if (!this.steps.eq(idx)) {
|
||||
return false;
|
||||
} // If it is a disabled step, skip
|
||||
|
||||
|
||||
if (!this._isShowable(idx)) {
|
||||
return false;
|
||||
} // Load step content
|
||||
|
||||
|
||||
this._loadStep(idx);
|
||||
}
|
||||
}, {
|
||||
key: "_getNextShowable",
|
||||
value: function _getNextShowable(idx) {
|
||||
var si = false; // Find the next showable step
|
||||
|
||||
for (var i = idx + 1; i < this.steps.length; i++) {
|
||||
if (this._isShowable(i)) {
|
||||
si = i;
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
if (si !== false && this.steps.length <= si) {
|
||||
if (!this.options.cycleSteps) {
|
||||
return false;
|
||||
}
|
||||
|
||||
si = 0;
|
||||
}
|
||||
|
||||
return si;
|
||||
}
|
||||
}, {
|
||||
key: "_getPreviousShowable",
|
||||
value: function _getPreviousShowable(idx) {
|
||||
var si = false; // Find the previous showable step
|
||||
|
||||
for (var i = idx - 1; i >= 0; i--) {
|
||||
if (this._isShowable(i)) {
|
||||
si = i;
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
if (si !== false && 0 > si) {
|
||||
if (!this.options.cycleSteps) {
|
||||
return false;
|
||||
}
|
||||
|
||||
si = this.steps.length - 1;
|
||||
}
|
||||
|
||||
return si;
|
||||
}
|
||||
}, {
|
||||
key: "_isShowable",
|
||||
value: function _isShowable(idx) {
|
||||
var elm = this.steps.eq(idx);
|
||||
|
||||
if (elm.hasClass('disabled') || elm.hasClass('hidden')) {
|
||||
return false;
|
||||
}
|
||||
|
||||
return true;
|
||||
}
|
||||
}, {
|
||||
key: "_isDone",
|
||||
value: function _isDone(idx) {
|
||||
var elm = this.steps.eq(idx);
|
||||
|
||||
if (elm.hasClass('done')) {
|
||||
return true;
|
||||
}
|
||||
|
||||
return false;
|
||||
}
|
||||
}, {
|
||||
key: "_setPreviousStepsDone",
|
||||
value: function _setPreviousStepsDone(idx) {
|
||||
if (idx > 0 && this.options.anchorSettings.markDoneStep && this.options.anchorSettings.markAllPreviousStepsAsDone) {
|
||||
// Mark previous steps of the active step as done
|
||||
for (var i = idx; i >= 0; i--) {
|
||||
this._setCSSClass(i, "done");
|
||||
}
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: "_setCSSClass",
|
||||
value: function _setCSSClass(idx, cls) {
|
||||
var _this2 = this;
|
||||
|
||||
if (idx === null) {
|
||||
return false;
|
||||
}
|
||||
|
||||
var idxs = $.isArray(idx) ? idx : [idx];
|
||||
idxs.map(function (i) {
|
||||
_this2.steps.eq(i).addClass(cls);
|
||||
});
|
||||
}
|
||||
}, {
|
||||
key: "_resetCSSClass",
|
||||
value: function _resetCSSClass(idx, cls) {
|
||||
var _this3 = this;
|
||||
|
||||
var idxs = $.isArray(idx) ? idx : [idx];
|
||||
idxs.map(function (i) {
|
||||
_this3.steps.eq(i).removeClass(cls);
|
||||
});
|
||||
}
|
||||
}, {
|
||||
key: "_getStepDirection",
|
||||
value: function _getStepDirection(idx) {
|
||||
if (this.current_index == null) {
|
||||
return '';
|
||||
}
|
||||
|
||||
return this.current_index < idx ? "forward" : "backward";
|
||||
}
|
||||
}, {
|
||||
key: "_getStepPosition",
|
||||
value: function _getStepPosition(idx) {
|
||||
var stepPosition = 'middle';
|
||||
|
||||
if (idx === 0) {
|
||||
stepPosition = 'first';
|
||||
} else if (idx === this.steps.length - 1) {
|
||||
stepPosition = 'last';
|
||||
}
|
||||
|
||||
return stepPosition;
|
||||
}
|
||||
}, {
|
||||
key: "_getStepAnchor",
|
||||
value: function _getStepAnchor(idx) {
|
||||
if (idx == null) {
|
||||
return null;
|
||||
}
|
||||
|
||||
return this.steps.eq(idx);
|
||||
}
|
||||
}, {
|
||||
key: "_getStepPage",
|
||||
value: function _getStepPage(idx) {
|
||||
if (idx == null) {
|
||||
return null;
|
||||
}
|
||||
|
||||
var anchor = this._getStepAnchor(idx);
|
||||
|
||||
return anchor.length > 0 ? this.main.find(anchor.attr("href")) : null;
|
||||
}
|
||||
}, {
|
||||
key: "_setStepContent",
|
||||
value: function _setStepContent(idx, html) {
|
||||
var page = this._getStepPage(idx);
|
||||
|
||||
if (page) {
|
||||
page.html(html);
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: "_loadStep",
|
||||
value: function _loadStep(idx) {
|
||||
var _this4 = this;
|
||||
|
||||
// Get current step element
|
||||
var curStep = this._getStepAnchor(this.current_index); // Get step direction
|
||||
|
||||
|
||||
var stepDirection = this._getStepDirection(idx); // Get the direction of step navigation
|
||||
|
||||
|
||||
if (this.current_index !== null) {
|
||||
// Trigger "leaveStep" event
|
||||
if (this._triggerEvent("leaveStep", [curStep, this.current_index, idx, stepDirection]) === false) {
|
||||
return false;
|
||||
}
|
||||
} // Get next step element
|
||||
|
||||
|
||||
var selStep = this._getStepAnchor(idx); // Get the content if used
|
||||
|
||||
|
||||
var getStepContent = this._triggerEvent("stepContent", [selStep, idx, stepDirection]);
|
||||
|
||||
if (getStepContent) {
|
||||
if (_typeof(getStepContent) == "object") {
|
||||
getStepContent.then(function (res) {
|
||||
_this4._setStepContent(idx, res);
|
||||
|
||||
_this4._transitStep(idx);
|
||||
})["catch"](function (err) {
|
||||
console.error(err);
|
||||
|
||||
_this4._setStepContent(idx, err);
|
||||
|
||||
_this4._transitStep(idx);
|
||||
});
|
||||
} else if (typeof getStepContent == "string") {
|
||||
this._setStepContent(idx, getStepContent);
|
||||
|
||||
this._transitStep(idx);
|
||||
} else {
|
||||
this._transitStep(idx);
|
||||
}
|
||||
} else {
|
||||
this._transitStep(idx);
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: "_transitStep",
|
||||
value: function _transitStep(idx) {
|
||||
var _this5 = this;
|
||||
|
||||
// Get step to show element
|
||||
var selStep = this._getStepAnchor(idx); // Change the url hash to new step
|
||||
|
||||
|
||||
this._setURLHash(selStep.attr("href")); // Update controls
|
||||
|
||||
|
||||
this._setAnchor(idx); // Get the direction of step navigation
|
||||
|
||||
|
||||
var stepDirection = this._getStepDirection(idx); // Get the position of step
|
||||
|
||||
|
||||
var stepPosition = this._getStepPosition(idx); // Animate the step
|
||||
|
||||
|
||||
this._doStepAnimation(idx, function () {
|
||||
// Fix height with content
|
||||
_this5._fixHeight(idx); // Trigger "showStep" event
|
||||
|
||||
|
||||
_this5._triggerEvent("showStep", [selStep, _this5.current_index, stepDirection, stepPosition]);
|
||||
}); // Update the current index
|
||||
|
||||
|
||||
this.current_index = idx; // Set the buttons based on the step
|
||||
|
||||
this._setButtons(idx);
|
||||
}
|
||||
}, {
|
||||
key: "_doStepAnimation",
|
||||
value: function _doStepAnimation(idx, callback) {
|
||||
var _this6 = this;
|
||||
|
||||
// Get current step element
|
||||
var curPage = this._getStepPage(this.current_index); // Get next step element
|
||||
|
||||
|
||||
var selPage = this._getStepPage(idx); // Get the animation
|
||||
|
||||
|
||||
var animation = this.options.transition.animation.toLowerCase(); // Complete any ongoing animations
|
||||
|
||||
this._stopAnimations();
|
||||
|
||||
switch (animation) {
|
||||
case 'slide-horizontal':
|
||||
case 'slide-h':
|
||||
// horizontal slide
|
||||
var containerWidth = this.container.width();
|
||||
var curLastLeft = containerWidth;
|
||||
var nextFirstLeft = containerWidth * -2; // Forward direction
|
||||
|
||||
if (idx > this.current_index) {
|
||||
curLastLeft = containerWidth * -1;
|
||||
nextFirstLeft = containerWidth;
|
||||
} // First load set the container width
|
||||
|
||||
|
||||
if (this.current_index == null) {
|
||||
this.container.height(selPage.outerHeight());
|
||||
}
|
||||
|
||||
var css_pos, css_left;
|
||||
|
||||
if (curPage) {
|
||||
css_pos = curPage.css("position");
|
||||
css_left = curPage.css("left");
|
||||
curPage.css("position", 'absolute').css("left", 0).animate({
|
||||
left: curLastLeft
|
||||
}, this.options.transition.speed, this.options.transition.easing, function () {
|
||||
$(this).hide();
|
||||
curPage.css("position", css_pos).css("left", css_left);
|
||||
});
|
||||
}
|
||||
|
||||
css_pos = selPage.css("position");
|
||||
css_left = selPage.css("left");
|
||||
selPage.css("position", 'absolute').css("left", nextFirstLeft).outerWidth(containerWidth).show().animate({
|
||||
left: 0
|
||||
}, this.options.transition.speed, this.options.transition.easing, function () {
|
||||
selPage.css("position", css_pos).css("left", css_left);
|
||||
callback();
|
||||
});
|
||||
break;
|
||||
|
||||
case 'slide-vertical':
|
||||
case 'slide-v':
|
||||
// vertical slide
|
||||
var containerHeight = this.container.height();
|
||||
var curLastTop = containerHeight;
|
||||
var nextFirstTop = containerHeight * -2; // Forward direction
|
||||
|
||||
if (idx > this.current_index) {
|
||||
curLastTop = containerHeight * -1;
|
||||
nextFirstTop = containerHeight;
|
||||
}
|
||||
|
||||
var css_vpos, css_vtop;
|
||||
|
||||
if (curPage) {
|
||||
css_vpos = curPage.css("position");
|
||||
css_vtop = curPage.css("top");
|
||||
curPage.css("position", 'absolute').css("top", 0).animate({
|
||||
top: curLastTop
|
||||
}, this.options.transition.speed, this.options.transition.easing, function () {
|
||||
$(this).hide();
|
||||
curPage.css("position", css_vpos).css("top", css_vtop);
|
||||
});
|
||||
}
|
||||
|
||||
css_vpos = selPage.css("position");
|
||||
css_vtop = selPage.css("top");
|
||||
selPage.css("position", 'absolute').css("top", nextFirstTop).show().animate({
|
||||
top: 0
|
||||
}, this.options.transition.speed, this.options.transition.easing, function () {
|
||||
selPage.css("position", css_vpos).css("top", css_vtop);
|
||||
callback();
|
||||
});
|
||||
break;
|
||||
|
||||
case 'slide-swing':
|
||||
case 'slide-s':
|
||||
// normal slide
|
||||
if (curPage) {
|
||||
curPage.slideUp('fast', this.options.transition.easing, function () {
|
||||
selPage.slideDown(_this6.options.transition.speed, _this6.options.transition.easing, function () {
|
||||
callback();
|
||||
});
|
||||
});
|
||||
} else {
|
||||
selPage.slideDown(this.options.transition.speed, this.options.transition.easing, function () {
|
||||
callback();
|
||||
});
|
||||
}
|
||||
|
||||
break;
|
||||
|
||||
case 'fade':
|
||||
// normal fade
|
||||
if (curPage) {
|
||||
curPage.fadeOut('fast', this.options.transition.easing, function () {
|
||||
selPage.fadeIn('fast', _this6.options.transition.easing, function () {
|
||||
callback();
|
||||
});
|
||||
});
|
||||
} else {
|
||||
selPage.fadeIn(this.options.transition.speed, this.options.transition.easing, function () {
|
||||
callback();
|
||||
});
|
||||
}
|
||||
|
||||
break;
|
||||
|
||||
default:
|
||||
if (curPage) {
|
||||
curPage.hide();
|
||||
}
|
||||
|
||||
selPage.show();
|
||||
callback();
|
||||
break;
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: "_stopAnimations",
|
||||
value: function _stopAnimations() {
|
||||
this.pages.finish();
|
||||
this.container.finish();
|
||||
}
|
||||
}, {
|
||||
key: "_setAnchor",
|
||||
value: function _setAnchor(idx) {
|
||||
// Current step anchor > Remove other classes and add done class
|
||||
this._resetCSSClass(this.current_index, "active");
|
||||
|
||||
if (this.options.anchorSettings.markDoneStep !== false && this.current_index !== null) {
|
||||
this._setCSSClass(this.current_index, "done");
|
||||
|
||||
if (this.options.anchorSettings.removeDoneStepOnNavigateBack !== false && this._getStepDirection(idx) === 'backward') {
|
||||
this._resetCSSClass(this.current_index, "done");
|
||||
}
|
||||
} // Next step anchor > Remove other classes and add active class
|
||||
|
||||
|
||||
this._resetCSSClass(idx, "done");
|
||||
|
||||
this._setCSSClass(idx, "active");
|
||||
}
|
||||
}, {
|
||||
key: "_setButtons",
|
||||
value: function _setButtons(idx) {
|
||||
// Previous/Next Button enable/disable based on step
|
||||
if (!this.options.cycleSteps) {
|
||||
this.main.find('.sw-btn-prev').removeClass("disabled");
|
||||
this.main.find('.sw-btn-next').removeClass("disabled");
|
||||
|
||||
switch (this._getStepPosition(idx)) {
|
||||
case 'first':
|
||||
this.main.find('.sw-btn-prev').addClass("disabled");
|
||||
break;
|
||||
|
||||
case 'last':
|
||||
this.main.find('.sw-btn-next').addClass("disabled");
|
||||
break;
|
||||
|
||||
default:
|
||||
if (this._getNextShowable(idx) === false) {
|
||||
this.main.find('.sw-btn-next').addClass("disabled");
|
||||
}
|
||||
|
||||
if (this._getPreviousShowable(idx) === false) {
|
||||
this.main.find('.sw-btn-prev').addClass("disabled");
|
||||
}
|
||||
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: "_getStepIndex",
|
||||
value: function _getStepIndex() {
|
||||
// Get selected step from the url
|
||||
var idx = this._getURLHashIndex();
|
||||
|
||||
return idx === false ? this.options.selected : idx;
|
||||
}
|
||||
}, {
|
||||
key: "_setTheme",
|
||||
value: function _setTheme(theme) {
|
||||
this.main.removeClass(function (index, className) {
|
||||
return (className.match(/(^|\s)sw-theme-\S+/g) || []).join(' ');
|
||||
}).addClass('sw-theme-' + theme);
|
||||
}
|
||||
}, {
|
||||
key: "_setJustify",
|
||||
value: function _setJustify(justified) {
|
||||
if (justified === true) {
|
||||
this.main.addClass('sw-justified');
|
||||
} else {
|
||||
this.main.removeClass('sw-justified');
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: "_setDarkMode",
|
||||
value: function _setDarkMode(darkMode) {
|
||||
if (darkMode === true) {
|
||||
this.main.addClass('sw-dark');
|
||||
} else {
|
||||
this.main.removeClass('sw-dark');
|
||||
}
|
||||
} // HELPER FUNCTIONS
|
||||
|
||||
}, {
|
||||
key: "_keyNav",
|
||||
value: function _keyNav(e) {
|
||||
// Keyboard navigation
|
||||
if ($.inArray(e.which, this.options.keyboardSettings.keyLeft) > -1) {
|
||||
// left
|
||||
this._showPrevious();
|
||||
|
||||
e.preventDefault();
|
||||
} else if ($.inArray(e.which, this.options.keyboardSettings.keyRight) > -1) {
|
||||
// right
|
||||
this._showNext();
|
||||
|
||||
e.preventDefault();
|
||||
} else {
|
||||
return; // exit this handler for other keys
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: "_fixHeight",
|
||||
value: function _fixHeight(idx) {
|
||||
// Auto adjust height of the container
|
||||
if (this.options.autoAdjustHeight) {
|
||||
var selPage = this._getStepPage(idx);
|
||||
|
||||
this.container.finish().animate({
|
||||
height: selPage.outerHeight()
|
||||
}, this.options.transition.speed);
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: "_triggerEvent",
|
||||
value: function _triggerEvent(name, params) {
|
||||
// Trigger an event
|
||||
var e = $.Event(name);
|
||||
this.main.trigger(e, params);
|
||||
|
||||
if (e.isDefaultPrevented()) {
|
||||
return false;
|
||||
}
|
||||
|
||||
return e.result;
|
||||
}
|
||||
}, {
|
||||
key: "_setURLHash",
|
||||
value: function _setURLHash(hash) {
|
||||
if (this.options.enableURLhash && window.location.hash !== hash) {
|
||||
history.pushState(null, null, hash);
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: "_getURLHashIndex",
|
||||
value: function _getURLHashIndex() {
|
||||
if (this.options.enableURLhash) {
|
||||
// Get step number from url hash if available
|
||||
var hash = window.location.hash;
|
||||
|
||||
if (hash.length > 0) {
|
||||
var elm = this.nav.find("a[href*='" + hash + "']");
|
||||
|
||||
if (elm.length > 0) {
|
||||
return this.steps.index(elm);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return false;
|
||||
}
|
||||
}, {
|
||||
key: "_loader",
|
||||
value: function _loader(action) {
|
||||
switch (action) {
|
||||
case 'show':
|
||||
this.main.addClass('sw-loading');
|
||||
break;
|
||||
|
||||
case 'hide':
|
||||
this.main.removeClass('sw-loading');
|
||||
break;
|
||||
|
||||
default:
|
||||
this.main.toggleClass('sw-loading');
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: "_showError",
|
||||
value: function _showError(msg) {
|
||||
console.error(msg);
|
||||
} // PUBLIC FUNCTIONS
|
||||
|
||||
}, {
|
||||
key: "goToStep",
|
||||
value: function goToStep(stepIndex) {
|
||||
this._showStep(stepIndex);
|
||||
}
|
||||
}, {
|
||||
key: "next",
|
||||
value: function next() {
|
||||
this._showNext();
|
||||
}
|
||||
}, {
|
||||
key: "prev",
|
||||
value: function prev() {
|
||||
this._showPrevious();
|
||||
}
|
||||
}, {
|
||||
key: "reset",
|
||||
value: function reset() {
|
||||
// Reset all
|
||||
this._setURLHash('#');
|
||||
|
||||
this._initOptions();
|
||||
|
||||
this._initLoad();
|
||||
}
|
||||
}, {
|
||||
key: "stepState",
|
||||
value: function stepState(stepArray, state) {
|
||||
if (!stepArray) {
|
||||
return false;
|
||||
}
|
||||
|
||||
switch (state) {
|
||||
case 'disable':
|
||||
this._setCSSClass(stepArray, 'disabled');
|
||||
|
||||
break;
|
||||
|
||||
case 'enable':
|
||||
this._resetCSSClass(stepArray, 'disabled');
|
||||
|
||||
break;
|
||||
|
||||
case 'hide':
|
||||
this._setCSSClass(stepArray, 'hidden');
|
||||
|
||||
break;
|
||||
|
||||
case 'show':
|
||||
this._resetCSSClass(stepArray, 'hidden');
|
||||
|
||||
break;
|
||||
|
||||
case 'error-on':
|
||||
this._setCSSClass(stepArray, 'danger');
|
||||
|
||||
break;
|
||||
|
||||
case 'error-off':
|
||||
this._resetCSSClass(stepArray, 'danger');
|
||||
|
||||
break;
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: "setOptions",
|
||||
value: function setOptions(options) {
|
||||
this.options = $.extend(true, {}, this.options, options);
|
||||
|
||||
this._initOptions();
|
||||
}
|
||||
}, {
|
||||
key: "getStepIndex",
|
||||
value: function getStepIndex() {
|
||||
return this.current_index;
|
||||
}
|
||||
}, {
|
||||
key: "loader",
|
||||
value: function loader(state) {
|
||||
if (state === "show") {
|
||||
this.main.addClass('sw-loading');
|
||||
} else {
|
||||
this.main.removeClass('sw-loading');
|
||||
}
|
||||
}
|
||||
}]);
|
||||
|
||||
return SmartWizard;
|
||||
}(); // Wrapper for the plugin
|
||||
|
||||
|
||||
$.fn.smartWizard = function (options) {
|
||||
if (options === undefined || _typeof(options) === 'object') {
|
||||
return this.each(function () {
|
||||
if (!$.data(this, "smartWizard")) {
|
||||
$.data(this, "smartWizard", new SmartWizard(this, options));
|
||||
}
|
||||
});
|
||||
} else if (typeof options === 'string' && options[0] !== '_' && options !== 'init') {
|
||||
var instance = $.data(this[0], 'smartWizard');
|
||||
|
||||
if (options === 'destroy') {
|
||||
$.data(this, 'smartWizard', null);
|
||||
}
|
||||
|
||||
if (instance instanceof SmartWizard && typeof instance[options] === 'function') {
|
||||
return instance[options].apply(instance, Array.prototype.slice.call(arguments, 1));
|
||||
} else {
|
||||
return this;
|
||||
}
|
||||
}
|
||||
};
|
||||
});
|
||||
13
public/style/vendor/jquery-smartwizard/dist/js/jquery.smartWizard.min.js
vendored
Normal file
13
public/style/vendor/jquery-smartwizard/dist/js/jquery.smartWizard.min.js
vendored
Normal file
@ -0,0 +1,13 @@
|
||||
"use strict";function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _defineProperties(t,e){for(var s=0;s<e.length;s++){var i=e[s];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}function _createClass(t,e,s){return e&&_defineProperties(t.prototype,e),s&&_defineProperties(t,s),t}function _typeof(t){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}
|
||||
/*!
|
||||
* jQuery SmartWizard v5.1.1
|
||||
* The awesome jQuery step wizard plugin
|
||||
* http://www.techlaboratory.net/jquery-smartwizard
|
||||
*
|
||||
* Created by Dipu Raj
|
||||
* http://dipu.me
|
||||
*
|
||||
* @license Licensed under the terms of the MIT License
|
||||
* https://github.com/techlab/jquery-smartwizard/blob/master/LICENSE
|
||||
*/
|
||||
!function(s){"function"==typeof define&&define.amd?define(["jquery"],s):"object"===("undefined"==typeof module?"undefined":_typeof(module))&&module.exports?module.exports=function(t,e){return void 0===e&&(e="undefined"!=typeof window?require("jquery"):require("jquery")(t)),s(e),e}:s(jQuery)}(function(v){var i={selected:0,theme:"default",justified:!0,darkMode:!1,autoAdjustHeight:!0,cycleSteps:!1,backButtonSupport:!0,enableURLhash:!0,transition:{animation:"none",speed:"400",easing:""},toolbarSettings:{toolbarPosition:"bottom",toolbarButtonPosition:"right",showNextButton:!0,showPreviousButton:!0,toolbarExtraButtons:[]},anchorSettings:{anchorClickable:!0,enableAllAnchors:!1,markDoneStep:!0,markAllPreviousStepsAsDone:!0,removeDoneStepOnNavigateBack:!1,enableAnchorOnDoneStep:!0},keyboardSettings:{keyNavigation:!0,keyLeft:[37],keyRight:[39]},lang:{next:"Next",previous:"Previous"},disabledSteps:[],errorSteps:[],hiddenSteps:[]},s=function(){function s(t,e){_classCallCheck(this,s),this.options=v.extend(!0,{},i,e),this.main=v(t),this.nav=this._getFirstDescendant(".nav"),this.steps=this.nav.find(".nav-link"),this.container=this._getFirstDescendant(".tab-content"),this.pages=this.container.children(".tab-pane"),this._initOptions(),this._initLoad()}return _createClass(s,[{key:"_initLoad",value:function(){this.pages.hide(),this.steps.removeClass("done active"),this.current_index=null;var t=this._getStepIndex();this._setPreviousStepsDone(t),this._showStep(t)}},{key:"_initOptions",value:function(){this._setElements(),this._setToolbar(),this._setEvents()}},{key:"_getFirstDescendant",value:function(i){var n=this.main.children(i);return 0<n.length?n:(this.main.children().each(function(t,e){var s=v(e).children(i);if(0<s.length)return n=s,!1}),0<n.length?n:(this._showError("Element not found "+i),!1))}},{key:"_setElements",value:function(){this.main.addClass("sw"),this._setTheme(this.options.theme),this._setJustify(this.options.justified),this._setDarkMode(this.options.darkMode),!0===this.options.anchorSettings.enableAllAnchors&&!0===this.options.anchorSettings.anchorClickable||this.steps.addClass("inactive"),this._setCSSClass(this.options.disabledSteps,"disabled"),this._setCSSClass(this.options.errorSteps,"danger"),this._setCSSClass(this.options.hiddenSteps,"hidden")}},{key:"_setEvents",value:function(){var s=this;if(this.main.data("click-init"))return!0;this.main.data("click-init",!0),v(this.steps).on("click",function(t){if(t.preventDefault(),!1===s.options.anchorSettings.anchorClickable)return!0;var e=s.steps.index(t.currentTarget);return e===s.current_index||(!(!1!==s.options.anchorSettings.enableAnchorOnDoneStep||!s._isDone(e))||void(!1===s.options.anchorSettings.enableAllAnchors&&!s._isDone(e)||s._showStep(e)))}),this.main.find(".sw-btn-next").on("click",function(t){t.preventDefault(),s._showNext()}),this.main.find(".sw-btn-prev").on("click",function(t){t.preventDefault(),s._showPrevious()}),this.options.keyboardSettings.keyNavigation&&v(document).keyup(function(t){s._keyNav(t)}),this.options.backButtonSupport&&v(window).on("hashchange",function(t){var e=s._getURLHashIndex();!1!==e&&(t.preventDefault(),s._showStep(e))})}},{key:"_setToolbar",value:function(){if("none"===this.options.toolbarSettings.toolbarPosition)return!0;switch(this.options.toolbarSettings.toolbarPosition){case"top":this.container.before(this._createToolbar("top"));break;case"bottom":this.container.after(this._createToolbar("bottom"));break;case"both":this.container.before(this._createToolbar("top")),this.container.after(this._createToolbar("bottom"));break;default:this.container.after(this._createToolbar("bottom"))}}},{key:"_createToolbar",value:function(t){if(0<this.main.find(".toolbar-"+t).length)return null;var s=v("<div></div>").addClass("toolbar toolbar-"+t).attr("role","toolbar"),e=!1!==this.options.toolbarSettings.showNextButton?v("<button></button>").text(this.options.lang.next).addClass("btn sw-btn-next").attr("type","button"):null,i=!1!==this.options.toolbarSettings.showPreviousButton?v("<button></button>").text(this.options.lang.previous).addClass("btn sw-btn-prev").attr("type","button"):null;return s.append(i,e),this.options.toolbarSettings.toolbarExtraButtons&&0<this.options.toolbarSettings.toolbarExtraButtons.length&&v.each(this.options.toolbarSettings.toolbarExtraButtons,function(t,e){s.append(e.clone(!0))}),s.css("text-align",this.options.toolbarSettings.toolbarButtonPosition),s}},{key:"_showNext",value:function(){var t=this._getNextShowable(this.current_index);if(!1===t)return!1;this._showStep(t)}},{key:"_showPrevious",value:function(){var t=this._getPreviousShowable(this.current_index);if(!1===t)return!1;this._showStep(t)}},{key:"_showStep",value:function(t){return t!=this.current_index&&(!!this.steps.eq(t)&&(!!this._isShowable(t)&&void this._loadStep(t)))}},{key:"_getNextShowable",value:function(t){for(var e=!1,s=t+1;s<this.steps.length;s++)if(this._isShowable(s)){e=s;break}if(!1!==e&&this.steps.length<=e){if(!this.options.cycleSteps)return!1;e=0}return e}},{key:"_getPreviousShowable",value:function(t){for(var e=!1,s=t-1;0<=s;s--)if(this._isShowable(s)){e=s;break}if(!1!==e&&e<0){if(!this.options.cycleSteps)return!1;e=this.steps.length-1}return e}},{key:"_isShowable",value:function(t){var e=this.steps.eq(t);return!e.hasClass("disabled")&&!e.hasClass("hidden")}},{key:"_isDone",value:function(t){return!!this.steps.eq(t).hasClass("done")}},{key:"_setPreviousStepsDone",value:function(t){if(0<t&&this.options.anchorSettings.markDoneStep&&this.options.anchorSettings.markAllPreviousStepsAsDone)for(var e=t;0<=e;e--)this._setCSSClass(e,"done")}},{key:"_setCSSClass",value:function(t,e){var s=this;if(null===t)return!1;(v.isArray(t)?t:[t]).map(function(t){s.steps.eq(t).addClass(e)})}},{key:"_resetCSSClass",value:function(t,e){var s=this;(v.isArray(t)?t:[t]).map(function(t){s.steps.eq(t).removeClass(e)})}},{key:"_getStepDirection",value:function(t){return null==this.current_index?"":this.current_index<t?"forward":"backward"}},{key:"_getStepPosition",value:function(t){var e="middle";return 0===t?e="first":t===this.steps.length-1&&(e="last"),e}},{key:"_getStepAnchor",value:function(t){return null==t?null:this.steps.eq(t)}},{key:"_getStepPage",value:function(t){if(null==t)return null;var e=this._getStepAnchor(t);return 0<e.length?this.main.find(e.attr("href")):null}},{key:"_setStepContent",value:function(t,e){var s=this._getStepPage(t);s&&s.html(e)}},{key:"_loadStep",value:function(e){var s=this,t=this._getStepAnchor(this.current_index),i=this._getStepDirection(e);if(null!==this.current_index&&!1===this._triggerEvent("leaveStep",[t,this.current_index,e,i]))return!1;var n=this._getStepAnchor(e),o=this._triggerEvent("stepContent",[n,e,i]);o?"object"==_typeof(o)?o.then(function(t){s._setStepContent(e,t),s._transitStep(e)}).catch(function(t){console.error(t),s._setStepContent(e,t),s._transitStep(e)}):("string"==typeof o&&this._setStepContent(e,o),this._transitStep(e)):this._transitStep(e)}},{key:"_transitStep",value:function(t){var e=this,s=this._getStepAnchor(t);this._setURLHash(s.attr("href")),this._setAnchor(t);var i=this._getStepDirection(t),n=this._getStepPosition(t);this._doStepAnimation(t,function(){e._fixHeight(t),e._triggerEvent("showStep",[s,e.current_index,i,n])}),this.current_index=t,this._setButtons(t)}},{key:"_doStepAnimation",value:function(t,e){var s=this,i=this._getStepPage(this.current_index),n=this._getStepPage(t),o=this.options.transition.animation.toLowerCase();switch(this._stopAnimations(),o){case"slide-horizontal":case"slide-h":var a,r,h=this.container.width(),l=h,u=-2*h;t>this.current_index&&(l=-1*h,u=h),null==this.current_index&&this.container.height(n.outerHeight()),i&&(a=i.css("position"),r=i.css("left"),i.css("position","absolute").css("left",0).animate({left:l},this.options.transition.speed,this.options.transition.easing,function(){v(this).hide(),i.css("position",a).css("left",r)})),a=n.css("position"),r=n.css("left"),n.css("position","absolute").css("left",u).outerWidth(h).show().animate({left:0},this.options.transition.speed,this.options.transition.easing,function(){n.css("position",a).css("left",r),e()});break;case"slide-vertical":case"slide-v":var c,d,p=this.container.height(),f=p,_=-2*p;t>this.current_index&&(f=-1*p,_=p),i&&(c=i.css("position"),d=i.css("top"),i.css("position","absolute").css("top",0).animate({top:f},this.options.transition.speed,this.options.transition.easing,function(){v(this).hide(),i.css("position",c).css("top",d)})),c=n.css("position"),d=n.css("top"),n.css("position","absolute").css("top",_).show().animate({top:0},this.options.transition.speed,this.options.transition.easing,function(){n.css("position",c).css("top",d),e()});break;case"slide-swing":case"slide-s":i?i.slideUp("fast",this.options.transition.easing,function(){n.slideDown(s.options.transition.speed,s.options.transition.easing,function(){e()})}):n.slideDown(this.options.transition.speed,this.options.transition.easing,function(){e()});break;case"fade":i?i.fadeOut("fast",this.options.transition.easing,function(){n.fadeIn("fast",s.options.transition.easing,function(){e()})}):n.fadeIn(this.options.transition.speed,this.options.transition.easing,function(){e()});break;default:i&&i.hide(),n.show(),e()}}},{key:"_stopAnimations",value:function(){this.pages.finish(),this.container.finish()}},{key:"_setAnchor",value:function(t){this._resetCSSClass(this.current_index,"active"),!1!==this.options.anchorSettings.markDoneStep&&null!==this.current_index&&(this._setCSSClass(this.current_index,"done"),!1!==this.options.anchorSettings.removeDoneStepOnNavigateBack&&"backward"===this._getStepDirection(t)&&this._resetCSSClass(this.current_index,"done")),this._resetCSSClass(t,"done"),this._setCSSClass(t,"active")}},{key:"_setButtons",value:function(t){if(!this.options.cycleSteps)switch(this.main.find(".sw-btn-prev").removeClass("disabled"),this.main.find(".sw-btn-next").removeClass("disabled"),this._getStepPosition(t)){case"first":this.main.find(".sw-btn-prev").addClass("disabled");break;case"last":this.main.find(".sw-btn-next").addClass("disabled");break;default:!1===this._getNextShowable(t)&&this.main.find(".sw-btn-next").addClass("disabled"),!1===this._getPreviousShowable(t)&&this.main.find(".sw-btn-prev").addClass("disabled")}}},{key:"_getStepIndex",value:function(){var t=this._getURLHashIndex();return!1===t?this.options.selected:t}},{key:"_setTheme",value:function(t){this.main.removeClass(function(t,e){return(e.match(/(^|\s)sw-theme-\S+/g)||[]).join(" ")}).addClass("sw-theme-"+t)}},{key:"_setJustify",value:function(t){!0===t?this.main.addClass("sw-justified"):this.main.removeClass("sw-justified")}},{key:"_setDarkMode",value:function(t){!0===t?this.main.addClass("sw-dark"):this.main.removeClass("sw-dark")}},{key:"_keyNav",value:function(t){if(-1<v.inArray(t.which,this.options.keyboardSettings.keyLeft))this._showPrevious(),t.preventDefault();else{if(!(-1<v.inArray(t.which,this.options.keyboardSettings.keyRight)))return;this._showNext(),t.preventDefault()}}},{key:"_fixHeight",value:function(t){var e;this.options.autoAdjustHeight&&(e=this._getStepPage(t),this.container.finish().animate({height:e.outerHeight()},this.options.transition.speed))}},{key:"_triggerEvent",value:function(t,e){var s=v.Event(t);return this.main.trigger(s,e),!s.isDefaultPrevented()&&s.result}},{key:"_setURLHash",value:function(t){this.options.enableURLhash&&window.location.hash!==t&&history.pushState(null,null,t)}},{key:"_getURLHashIndex",value:function(){if(this.options.enableURLhash){var t=window.location.hash;if(0<t.length){var e=this.nav.find("a[href*='"+t+"']");if(0<e.length)return this.steps.index(e)}}return!1}},{key:"_loader",value:function(t){switch(t){case"show":this.main.addClass("sw-loading");break;case"hide":this.main.removeClass("sw-loading");break;default:this.main.toggleClass("sw-loading")}}},{key:"_showError",value:function(t){console.error(t)}},{key:"goToStep",value:function(t){this._showStep(t)}},{key:"next",value:function(){this._showNext()}},{key:"prev",value:function(){this._showPrevious()}},{key:"reset",value:function(){this._setURLHash("#"),this._initOptions(),this._initLoad()}},{key:"stepState",value:function(t,e){if(!t)return!1;switch(e){case"disable":this._setCSSClass(t,"disabled");break;case"enable":this._resetCSSClass(t,"disabled");break;case"hide":this._setCSSClass(t,"hidden");break;case"show":this._resetCSSClass(t,"hidden");break;case"error-on":this._setCSSClass(t,"danger");break;case"error-off":this._resetCSSClass(t,"danger")}}},{key:"setOptions",value:function(t){this.options=v.extend(!0,{},this.options,t),this._initOptions()}},{key:"getStepIndex",value:function(){return this.current_index}},{key:"loader",value:function(t){"show"===t?this.main.addClass("sw-loading"):this.main.removeClass("sw-loading")}}]),s}();v.fn.smartWizard=function(t){if(void 0===t||"object"===_typeof(t))return this.each(function(){v.data(this,"smartWizard")||v.data(this,"smartWizard",new s(this,t))});if("string"==typeof t&&"_"!==t[0]&&"init"!==t){var e=v.data(this[0],"smartWizard");return"destroy"===t&&v.data(this,"smartWizard",null),e instanceof s&&"function"==typeof e[t]?e[t].apply(e,Array.prototype.slice.call(arguments,1)):this}}});
|
||||
Reference in New Issue
Block a user