Updated to bootstrap-switch 2.0.1

This commit is contained in:
Drew Freyling
2014-01-21 08:28:54 +10:00
parent a9509789f8
commit e09c7048e2
7 changed files with 1091 additions and 1 deletions
@@ -0,0 +1,446 @@
/* ========================================================================
* bootstrap-switch - v2.0.1
* http://www.bootstrap-switch.org
* ========================================================================
* Copyright 2012-2013 Mattia Larentis
*
* ========================================================================
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
* ========================================================================
*/
.clearfix {
*zoom: 1;
}
.clearfix:before,
.clearfix:after {
display: table;
content: "";
line-height: 0;
}
.clearfix:after {
clear: both;
}
.hide-text {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.input-block-level {
display: block;
width: 100%;
min-height: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.has-switch {
display: inline-block;
cursor: pointer;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
position: relative;
text-align: left;
overflow: hidden;
line-height: 8px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
vertical-align: middle;
min-width: 100px;
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.has-switch.switch-mini {
min-width: 72px;
}
.has-switch.switch-mini span,
.has-switch.switch-mini label {
padding-bottom: 4px;
padding-top: 4px;
font-size: 10px;
line-height: 9px;
}
.has-switch.switch-mini i.switch-mini-icons {
height: 1.20em;
line-height: 9px;
vertical-align: text-top;
text-align: center;
transform: scale(0.6);
margin-top: -1px;
margin-bottom: -1px;
}
.has-switch.switch-small {
min-width: 80px;
}
.has-switch.switch-small span,
.has-switch.switch-small label {
padding-bottom: 3px;
padding-top: 3px;
font-size: 12px;
line-height: 18px;
}
.has-switch.switch-large {
min-width: 120px;
}
.has-switch.switch-large span,
.has-switch.switch-large label {
padding-bottom: 9px;
padding-top: 9px;
font-size: 16px;
line-height: normal;
}
.has-switch.switch-animate > div {
-webkit-transition: left 0.5s;
-moz-transition: left 0.5s;
-o-transition: left 0.5s;
transition: left 0.5s;
}
.has-switch.switch-off > div {
left: -50%;
}
.has-switch.switch-on > div {
left: 0%;
}
.has-switch.disabled {
opacity: 0.5;
filter: alpha(opacity=50);
cursor: default !important;
}
.has-switch.disabled span,
.has-switch.disabled label {
cursor: default !important;
}
.has-switch:focus {
border-color: #0088cc;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(red(@btnPrimaryBackground), green(@btnPrimaryBackground), blue(@btnPrimaryBackground), .6);
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(red(@btnPrimaryBackground), green(@btnPrimaryBackground), blue(@btnPrimaryBackground), .6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(red(@btnPrimaryBackground), green(@btnPrimaryBackground), blue(@btnPrimaryBackground), .6);
}
.has-switch > div {
display: inline-block;
width: 150%;
position: relative;
top: 0;
}
.has-switch input[type=radio],
.has-switch input[type=checkbox] {
display: none;
}
.has-switch span,
.has-switch label {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
position: relative;
display: inline-block !important;
height: 100%;
padding-bottom: 4px;
padding-top: 4px;
font-size: 14px;
line-height: 20px;
}
.has-switch label {
text-align: center;
margin-top: -1px;
margin-bottom: -1px;
z-index: 100;
width: 34%;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
color: #333333;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #f5f5f5;
background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color: #e6e6e6;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.has-switch label:hover,
.has-switch label:focus,
.has-switch label:active,
.has-switch label.active,
.has-switch label.disabled,
.has-switch label[disabled] {
color: #333333;
background-color: #e6e6e6;
*background-color: #d9d9d9;
}
.has-switch label:active,
.has-switch label.active {
background-color: #cccccc \9;
}
.has-switch label i {
color: #000;
text-shadow: 0 1px 0 #fff;
line-height: 18px;
pointer-events: none;
}
.has-switch span {
text-align: center;
z-index: 1;
width: 33%;
}
.has-switch span.switch-left {
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-left-radius: 4px;
}
.has-switch span.switch-right {
color: #333333;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
background-color: #f0f0f0;
background-image: -moz-linear-gradient(top, #e6e6e6, #ffffff);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e6e6e6), to(#ffffff));
background-image: -webkit-linear-gradient(top, #e6e6e6, #ffffff);
background-image: -o-linear-gradient(top, #e6e6e6, #ffffff);
background-image: linear-gradient(to bottom, #e6e6e6, #ffffff);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe6e6e6', endColorstr='#ffffffff', GradientType=0);
border-color: #ffffff #ffffff #d9d9d9;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color: #ffffff;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.has-switch span.switch-right:hover,
.has-switch span.switch-right:focus,
.has-switch span.switch-right:active,
.has-switch span.switch-right.active,
.has-switch span.switch-right.disabled,
.has-switch span.switch-right[disabled] {
color: #333333;
background-color: #ffffff;
*background-color: #f2f2f2;
}
.has-switch span.switch-right:active,
.has-switch span.switch-right.active {
background-color: #e6e6e6 \9;
}
.has-switch span.switch-primary,
.has-switch span.switch-left {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #005fcc;
background-image: -moz-linear-gradient(top, #0044cc, #0088cc);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0044cc), to(#0088cc));
background-image: -webkit-linear-gradient(top, #0044cc, #0088cc);
background-image: -o-linear-gradient(top, #0044cc, #0088cc);
background-image: linear-gradient(to bottom, #0044cc, #0088cc);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0044cc', endColorstr='#ff0088cc', GradientType=0);
border-color: #0088cc #0088cc #005580;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color: #0088cc;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.has-switch span.switch-primary:hover,
.has-switch span.switch-left:hover,
.has-switch span.switch-primary:focus,
.has-switch span.switch-left:focus,
.has-switch span.switch-primary:active,
.has-switch span.switch-left:active,
.has-switch span.switch-primary.active,
.has-switch span.switch-left.active,
.has-switch span.switch-primary.disabled,
.has-switch span.switch-left.disabled,
.has-switch span.switch-primary[disabled],
.has-switch span.switch-left[disabled] {
color: #ffffff;
background-color: #0088cc;
*background-color: #0077b3;
}
.has-switch span.switch-primary:active,
.has-switch span.switch-left:active,
.has-switch span.switch-primary.active,
.has-switch span.switch-left.active {
background-color: #006699 \9;
}
.has-switch span.switch-info {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #41a7c5;
background-image: -moz-linear-gradient(top, #2f96b4, #5bc0de);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2f96b4), to(#5bc0de));
background-image: -webkit-linear-gradient(top, #2f96b4, #5bc0de);
background-image: -o-linear-gradient(top, #2f96b4, #5bc0de);
background-image: linear-gradient(to bottom, #2f96b4, #5bc0de);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2f96b4', endColorstr='#ff5bc0de', GradientType=0);
border-color: #5bc0de #5bc0de #28a1c5;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color: #5bc0de;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.has-switch span.switch-info:hover,
.has-switch span.switch-info:focus,
.has-switch span.switch-info:active,
.has-switch span.switch-info.active,
.has-switch span.switch-info.disabled,
.has-switch span.switch-info[disabled] {
color: #ffffff;
background-color: #5bc0de;
*background-color: #46b8da;
}
.has-switch span.switch-info:active,
.has-switch span.switch-info.active {
background-color: #31b0d5 \9;
}
.has-switch span.switch-success {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #58b058;
background-image: -moz-linear-gradient(top, #51a351, #62c462);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#51a351), to(#62c462));
background-image: -webkit-linear-gradient(top, #51a351, #62c462);
background-image: -o-linear-gradient(top, #51a351, #62c462);
background-image: linear-gradient(to bottom, #51a351, #62c462);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff51a351', endColorstr='#ff62c462', GradientType=0);
border-color: #62c462 #62c462 #3b9e3b;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color: #62c462;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.has-switch span.switch-success:hover,
.has-switch span.switch-success:focus,
.has-switch span.switch-success:active,
.has-switch span.switch-success.active,
.has-switch span.switch-success.disabled,
.has-switch span.switch-success[disabled] {
color: #ffffff;
background-color: #62c462;
*background-color: #4fbd4f;
}
.has-switch span.switch-success:active,
.has-switch span.switch-success.active {
background-color: #42b142 \9;
}
.has-switch span.switch-warning {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #f9a123;
background-image: -moz-linear-gradient(top, #f89406, #fbb450);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f89406), to(#fbb450));
background-image: -webkit-linear-gradient(top, #f89406, #fbb450);
background-image: -o-linear-gradient(top, #f89406, #fbb450);
background-image: linear-gradient(to bottom, #f89406, #fbb450);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff89406', endColorstr='#fffbb450', GradientType=0);
border-color: #fbb450 #fbb450 #f89406;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color: #fbb450;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.has-switch span.switch-warning:hover,
.has-switch span.switch-warning:focus,
.has-switch span.switch-warning:active,
.has-switch span.switch-warning.active,
.has-switch span.switch-warning.disabled,
.has-switch span.switch-warning[disabled] {
color: #ffffff;
background-color: #fbb450;
*background-color: #faa937;
}
.has-switch span.switch-warning:active,
.has-switch span.switch-warning.active {
background-color: #fa9f1e \9;
}
.has-switch span.switch-danger {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #d14641;
background-image: -moz-linear-gradient(top, #bd362f, #ee5f5b);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bd362f), to(#ee5f5b));
background-image: -webkit-linear-gradient(top, #bd362f, #ee5f5b);
background-image: -o-linear-gradient(top, #bd362f, #ee5f5b);
background-image: linear-gradient(to bottom, #bd362f, #ee5f5b);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbd362f', endColorstr='#ffee5f5b', GradientType=0);
border-color: #ee5f5b #ee5f5b #e51d18;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color: #ee5f5b;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.has-switch span.switch-danger:hover,
.has-switch span.switch-danger:focus,
.has-switch span.switch-danger:active,
.has-switch span.switch-danger.active,
.has-switch span.switch-danger.disabled,
.has-switch span.switch-danger[disabled] {
color: #ffffff;
background-color: #ee5f5b;
*background-color: #ec4844;
}
.has-switch span.switch-danger:active,
.has-switch span.switch-danger.active {
background-color: #e9322d \9;
}
.has-switch span.switch-default {
color: #333333;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
background-color: #f0f0f0;
background-image: -moz-linear-gradient(top, #e6e6e6, #ffffff);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e6e6e6), to(#ffffff));
background-image: -webkit-linear-gradient(top, #e6e6e6, #ffffff);
background-image: -o-linear-gradient(top, #e6e6e6, #ffffff);
background-image: linear-gradient(to bottom, #e6e6e6, #ffffff);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe6e6e6', endColorstr='#ffffffff', GradientType=0);
border-color: #ffffff #ffffff #d9d9d9;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color: #ffffff;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.has-switch span.switch-default:hover,
.has-switch span.switch-default:focus,
.has-switch span.switch-default:active,
.has-switch span.switch-default.active,
.has-switch span.switch-default.disabled,
.has-switch span.switch-default[disabled] {
color: #333333;
background-color: #ffffff;
*background-color: #f2f2f2;
}
.has-switch span.switch-default:active,
.has-switch span.switch-default.active {
background-color: #e6e6e6 \9;
}
File diff suppressed because one or more lines are too long
@@ -0,0 +1,184 @@
/* ========================================================================
* bootstrap-switch - v2.0.1
* http://www.bootstrap-switch.org
* ========================================================================
* Copyright 2012-2013 Mattia Larentis
*
* ========================================================================
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
* ========================================================================
*/
.has-switch {
display: inline-block;
cursor: pointer;
border-radius: 4px;
border: 1px solid;
border-color: #cccccc;
position: relative;
text-align: left;
overflow: hidden;
line-height: 8px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
vertical-align: middle;
min-width: 100px;
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.has-switch:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.has-switch.switch-mini {
min-width: 72px;
}
.has-switch.switch-mini span,
.has-switch.switch-mini label {
padding-bottom: 4px;
padding-top: 4px;
font-size: 10px;
line-height: 9px;
}
.has-switch.switch-mini i.switch-mini-icons {
height: 1.20em;
line-height: 9px;
vertical-align: text-top;
text-align: center;
transform: scale(0.6);
margin-top: -1px;
margin-bottom: -1px;
}
.has-switch.switch-small {
min-width: 80px;
}
.has-switch.switch-small span,
.has-switch.switch-small label {
padding-bottom: 3px;
padding-top: 3px;
font-size: 12px;
line-height: 18px;
}
.has-switch.switch-large {
min-width: 120px;
}
.has-switch.switch-large span,
.has-switch.switch-large label {
padding-bottom: 9px;
padding-top: 9px;
font-size: 16px;
line-height: normal;
}
.has-switch.switch-animate > div {
-webkit-transition: left 0.5s;
transition: left 0.5s;
}
.has-switch.switch-off > div {
left: -50%;
}
.has-switch.switch-on > div {
left: 0%;
}
.has-switch.disabled {
opacity: 0.5;
filter: alpha(opacity=50);
cursor: default !important;
}
.has-switch.disabled span,
.has-switch.disabled label {
cursor: default !important;
}
.has-switch > div {
display: inline-block;
width: 150%;
position: relative;
top: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.has-switch input[type=radio],
.has-switch input[type=checkbox] {
display: none;
}
.has-switch span,
.has-switch label {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
position: relative;
display: inline-block !important;
height: 100%;
padding-bottom: 4px;
padding-top: 4px;
font-size: 14px;
line-height: 20px;
}
.has-switch label {
text-align: center;
margin-top: -1px;
margin-bottom: -1px;
z-index: 100;
width: 33.333333333%;
background: #ffffff;
}
.has-switch label i {
color: #000;
text-shadow: 0 1px 0 #fff;
line-height: 18px;
pointer-events: none;
}
.has-switch span {
text-align: center;
z-index: 1;
width: 33.333333333%;
}
.has-switch span.switch-left {
color: #f00;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
}
.has-switch span.switch-right {
color: #000;
background: #eeeeee;
}
.has-switch span.switch-primary,
.has-switch span.switch-left {
color: #fff;
background: #428bca;
}
.has-switch span.switch-info {
color: #fff;
background: #5bc0de;
}
.has-switch span.switch-success {
color: #fff;
background: #5cb85c;
}
.has-switch span.switch-warning {
background: #f0ad4e;
color: #fff;
}
.has-switch span.switch-danger {
color: #fff;
background: #d9534f;
}
.has-switch span.switch-default {
color: #000;
background: #eeeeee;
}
@@ -0,0 +1,22 @@
/* ========================================================================
* bootstrap-switch - v2.0.1
* http://www.bootstrap-switch.org
* ========================================================================
* Copyright 2012-2013 Mattia Larentis
*
* ========================================================================
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
* ========================================================================
*/
.has-switch{display:inline-block;cursor:pointer;border-radius:4px;border:1px solid;border-color:#ccc;position:relative;text-align:left;overflow:hidden;line-height:8px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;vertical-align:middle;min-width:100px;-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.has-switch:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.has-switch.switch-mini{min-width:72px}.has-switch.switch-mini label,.has-switch.switch-mini span{padding-bottom:4px;padding-top:4px;font-size:10px;line-height:9px}.has-switch.switch-mini i.switch-mini-icons{height:1.2em;line-height:9px;vertical-align:text-top;text-align:center;transform:scale(0.6);margin-top:-1px;margin-bottom:-1px}.has-switch.switch-small{min-width:80px}.has-switch.switch-small label,.has-switch.switch-small span{padding-bottom:3px;padding-top:3px;font-size:12px;line-height:18px}.has-switch.switch-large{min-width:120px}.has-switch.switch-large label,.has-switch.switch-large span{padding-bottom:9px;padding-top:9px;font-size:16px;line-height:normal}.has-switch.switch-animate>div{-webkit-transition:left .5s;transition:left .5s}.has-switch.switch-off>div{left:-50%}.has-switch.switch-on>div{left:0}.has-switch.disabled{opacity:.5;filter:alpha(opacity=50);cursor:default!important}.has-switch.disabled label,.has-switch.disabled span{cursor:default!important}.has-switch>div{display:inline-block;width:150%;position:relative;top:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.has-switch input[type=checkbox],.has-switch input[type=radio]{display:none}.has-switch label,.has-switch span{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;cursor:pointer;position:relative;display:inline-block!important;height:100%;padding-bottom:4px;padding-top:4px;font-size:14px;line-height:20px}.has-switch label{text-align:center;margin-top:-1px;margin-bottom:-1px;z-index:100;width:33.333333333%;background:#fff}.has-switch label i{color:#000;text-shadow:0 1px 0 #fff;line-height:18px;pointer-events:none}.has-switch span{text-align:center;z-index:1;width:33.333333333%}.has-switch span.switch-left{border-bottom-left-radius:4px;border-top-left-radius:4px}.has-switch span.switch-right{color:#000;background:#eee}.has-switch span.switch-left,.has-switch span.switch-primary{color:#fff;background:#428bca}.has-switch span.switch-info{color:#fff;background:#5bc0de}.has-switch span.switch-success{color:#fff;background:#5cb85c}.has-switch span.switch-warning{background:#f0ad4e;color:#fff}.has-switch span.switch-danger{color:#fff;background:#d9534f}.has-switch span.switch-default{color:#000;background:#eee}
+394
View File
@@ -0,0 +1,394 @@
/* ========================================================================
* bootstrap-switch - v2.0.1
* http://www.bootstrap-switch.org
* ========================================================================
* Copyright 2012-2013 Mattia Larentis
*
* ========================================================================
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
* ========================================================================
*/
(function() {
(function($) {
$.fn.bootstrapSwitch = function(method) {
var methods;
methods = {
init: function() {
return this.each(function() {
var $div, $element, $form, $label, $switchLeft, $switchRight, $wrapper, changeState;
$element = $(this);
$switchLeft = $("<span>", {
"class": "switch-left",
html: function() {
var html, label;
html = "ON";
label = $element.data("on-label");
if (label != null) {
html = label;
}
return html;
}
});
$switchRight = $("<span>", {
"class": "switch-right",
html: function() {
var html, label;
html = "OFF";
label = $element.data("off-label");
if (label != null) {
html = label;
}
return html;
}
});
$label = $("<label>", {
"for": $element.attr("id"),
html: function() {
var html, icon, label;
html = "&nbsp;";
icon = $element.data("label-icon");
label = $element.data("text-label");
if (icon != null) {
html = "<i class=\"icon " + icon + "\"></i>";
}
if (label != null) {
html = label;
}
return html;
}
});
$div = $("<div>");
$wrapper = $("<div>", {
"class": "has-switch",
tabindex: 0
});
$form = $element.closest("form");
changeState = function() {
if ($label.hasClass("label-change-switch")) {
return;
}
return $label.trigger("mousedown").trigger("mouseup").trigger("click");
};
$element.data("bootstrap-switch", true);
if ($element.data("on") != null) {
$switchLeft.addClass("switch-" + $element.data("on"));
}
if ($element.data("off") != null) {
$switchRight.addClass("switch-" + $element.data("off"));
}
$wrapper.data("animated", false);
if ($element.data("animated") !== false) {
$wrapper.addClass("switch-animate").data("animated", true);
}
$div = $element.wrap($div).parent();
$wrapper = $div.wrap($wrapper).parent();
if ($element.attr("class")) {
$.each(["switch-mini", "switch-small", "switch-large"], function(i, cls) {
if ($element.attr("class").indexOf(cls) >= 0) {
return $wrapper.addClass(cls);
}
});
}
$element.before($switchLeft).before($label).before($switchRight);
$wrapper.addClass($element.is(":checked") ? "switch-on" : "switch-off");
if ($element.is(":disabled") || $element.is("[readonly]")) {
$wrapper.addClass("disabled");
}
$element.on("keydown", function(e) {
if (e.keyCode !== 32) {
return;
}
e.stopImmediatePropagation();
e.preventDefault();
return changeState();
}).on("change", function(e, skip) {
var isChecked, state;
isChecked = $element.is(":checked");
state = $wrapper.hasClass("switch-off");
e.preventDefault();
$div.css("left", "");
if (state !== isChecked) {
return;
}
if (isChecked) {
$wrapper.removeClass("switch-off").addClass("switch-on");
} else {
$wrapper.removeClass("switch-on").addClass("switch-off");
}
if ($wrapper.data("animated") !== false) {
$wrapper.addClass("switch-animate");
}
if (typeof skip === "boolean" && skip) {
return;
}
return $element.trigger("switch-change", {
el: $element,
value: isChecked
});
});
$wrapper.on("keydown", function(e) {
if (!e.which || $element.is(":disabled") || $element.is("[readonly]")) {
return;
}
switch (e.which) {
case 32:
e.preventDefault();
return changeState();
case 37:
e.preventDefault();
if ($element.is(":checked")) {
return changeState();
}
break;
case 39:
e.preventDefault();
if (!$element.is(":checked")) {
return changeState();
}
}
});
$switchLeft.on("click", function() {
return changeState();
});
$switchRight.on("click", function() {
return changeState();
});
$label.on("mousedown touchstart", function(e) {
var moving;
moving = false;
e.preventDefault();
e.stopImmediatePropagation();
$wrapper.removeClass("switch-animate");
if ($element.is(":disabled") || $element.is("[readonly]") || $element.hasClass("radio-no-uncheck")) {
return $label.unbind("click");
}
return $label.on("mousemove touchmove", function(e) {
var left, percent, relativeX, right;
relativeX = (e.pageX || e.originalEvent.targetTouches[0].pageX) - $wrapper.offset().left;
percent = (relativeX / $wrapper.width()) * 100;
left = 25;
right = 75;
moving = true;
if (percent < left) {
percent = left;
} else if (percent > right) {
percent = right;
}
return $div.css("left", (percent - right) + "%");
}).on("click touchend", function(e) {
e.stopImmediatePropagation();
e.preventDefault();
$label.unbind("mouseleave");
if (moving) {
$element.prop("checked", parseInt($label.parent().css("left"), 10) > -25);
} else {
$element.prop("checked", !$element.is(":checked"));
}
moving = false;
return $element.trigger("change");
}).on("mouseleave", function(e) {
e.preventDefault();
e.stopImmediatePropagation();
$label.unbind("mouseleave mousemove").trigger("mouseup");
return $element.prop("checked", parseInt($label.parent().css("left"), 10) > -25).trigger("change");
}).on("mouseup", function(e) {
e.stopImmediatePropagation();
e.preventDefault();
return $label.trigger("mouseleave");
});
});
if (!$form.data("bootstrap-switch")) {
return $form.bind("reset", function() {
return window.setTimeout(function() {
return $form.find(".has-switch").each(function() {
var $input;
$input = $(this).find("input");
return $input.prop("checked", $input.is(":checked")).trigger("change");
});
}, 1);
}).data("bootstrap-switch", true);
}
});
},
setDisabled: function(disabled) {
var $element, $wrapper;
$element = $(this);
$wrapper = $element.parents(".has-switch");
if (disabled) {
$wrapper.addClass("disabled");
$element.prop("disabled", true);
} else {
$wrapper.removeClass("disabled");
$element.prop("disabled", false);
}
return $element;
},
toggleDisabled: function() {
var $element;
$element = $(this);
$element.prop("disabled", !$element.is(":disabled")).parents(".has-switch").toggleClass("disabled");
return $element;
},
isDisabled: function() {
return $(this).is(":disabled");
},
setReadOnly: function(readonly) {
var $element, $wrapper;
$element = $(this);
$wrapper = $element.parents(".has-switch");
if (readonly) {
$wrapper.addClass("disabled");
$element.prop("readonly", true);
} else {
$wrapper.removeClass("disabled");
$element.prop("readonly", false);
}
return $element;
},
toggleReadOnly: function() {
var $element;
$element = $(this);
$element.prop("readonly", !$element.is("[readonly]")).parents(".has-switch").toggleClass("disabled");
return $element;
},
isReadOnly: function() {
return $(this).is("[readonly]");
},
toggleState: function(skip) {
var $element;
$element = $(this);
$element.prop("checked", !$element.is(":checked")).trigger("change", skip);
return $element;
},
toggleRadioState: function(skip) {
var $element;
$element = $(this);
$element.not(":checked").prop("checked", !$element.is(":checked")).trigger("change", skip);
return $element;
},
toggleRadioStateAllowUncheck: function(uncheck, skip) {
var $element;
$element = $(this);
if (uncheck) {
$element.not(":checked").trigger("change", skip);
} else {
$element.not(":checked").prop("checked", !$element.is(":checked")).trigger("change", skip);
}
return $element;
},
setState: function(value, skip) {
var $element;
$element = $(this);
$element.prop("checked", value).trigger("change", skip);
return $element;
},
setOnLabel: function(value) {
var $element;
$element = $(this);
$element.siblings(".switch-left").html(value);
return $element;
},
setOffLabel: function(value) {
var $element;
$element = $(this);
$element.siblings(".switch-right").html(value);
return $element;
},
setOnClass: function(value) {
var $element, $switchLeft, cls;
$element = $(this);
$switchLeft = $element.siblings(".switch-left");
cls = $element.attr("data-on");
if (value == null) {
return;
}
if (cls != null) {
$switchLeft.removeClass("switch-" + cls);
}
$switchLeft.addClass("switch-" + value);
return $element;
},
setOffClass: function(value) {
var $element, $switchRight, cls;
$element = $(this);
$switchRight = $element.siblings(".switch-right");
cls = $element.attr("data-off");
if (value == null) {
return;
}
if (cls != null) {
$switchRight.removeClass("switch-" + cls);
}
$switchRight.addClass("switch-" + value);
return $element;
},
setAnimated: function(value) {
var $element, $wrapper;
$element = $(this);
$wrapper = $element.parents(".has-switch");
if (value == null) {
value = false;
}
$wrapper.data("animated", value).attr("data-animated", value)[$wrapper.data("animated") !== false ? "addClass" : "removeClass"]("switch-animate");
return $element;
},
setSizeClass: function(value) {
var $element, $wrapper;
$element = $(this);
$wrapper = $element.parents(".has-switch");
$.each(["switch-mini", "switch-small", "switch-large"], function(i, cls) {
return $wrapper[cls !== value ? "removeClass" : "addClass"](cls);
});
return $element;
},
setTextLabel: function(value) {
var $element;
$element = $(this);
$element.siblings("label").html(value || "&nbsp");
return $element;
},
setTextIcon: function(value) {
var $element;
$element = $(this);
$element.siblings("label").html(value ? "<i class=\"icon " + value + "\"></i>" : "&nbsp;");
return $element;
},
state: function() {
return $(this).is(":checked");
},
destroy: function() {
var $div, $element, $form;
$element = $(this);
$div = $element.parent();
$form = $div.closest("form");
$div.children().not($element).remove();
$element.unwrap().unwrap().off("change");
if ($form.length) {
$form.off("reset").removeData("bootstrap-switch");
}
return $element;
}
};
if (methods[method]) {
return methods[method].apply(this, Array.prototype.slice.call(arguments, 1));
}
if (typeof method === "object" || !method) {
return methods.init.apply(this, arguments);
}
return $.error("Method " + method + " does not exist!");
};
return this;
})(jQuery);
}).call(this);
File diff suppressed because one or more lines are too long
+1 -1
View File
@@ -2,7 +2,7 @@
"name": "bootstrap-switch",
"filename": "js/bootstrap-switch.min.js",
"description": "Turn checkboxes and radio buttons in toggle switches.",
"version": "2.0.0",
"version": "2.0.1",
"keywords": [
"bootstrap",
"switch",