Skip to content

Commit 864507a

Browse files
xidedixxidedix
committed
feat(switches): add disabled switch
1 parent 5e9af89 commit 864507a

File tree

2 files changed

+52
-38
lines changed

2 files changed

+52
-38
lines changed

‎pug/views/base/switches.pug‎

Lines changed: 8 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -26,6 +26,12 @@ block view
2626
label.switch.switch-3d.switch-danger
2727
input.switch-input(type='checkbox', checked='')
2828
span.switch-slider
29+
label.switch.switch-3d.switch-danger
30+
input.switch-input(type='checkbox', checked='', disabled='')
31+
span.switch-slider
32+
label.switch.switch-3d.switch-danger
33+
input.switch-input(type='checkbox', disabled)
34+
span.switch-slider
2935
// /.col
3036
.col-md-6
3137
.card
@@ -478,7 +484,7 @@ block view
478484
input.switch-input(type='checkbox', checked='')
479485
span.switch-slider
480486
td
481-
| Add following class
487+
| Add following class
482488
code .switch-lg
483489
tr
484490
td
@@ -497,7 +503,7 @@ block view
497503
input.switch-input(type='checkbox', checked='')
498504
span.switch-slider
499505
td
500-
| Add following class
506+
| Add following class
501507
code .switch-sm
502508
// /.col
503509
// /.row

‎src/base/switches.html‎

Lines changed: 44 additions & 36 deletions
Original file line numberDiff line numberDiff line change
@@ -390,6 +390,14 @@
390390
<input class="switch-input" type="checkbox" checked="">
391391
<span class="switch-slider"></span>
392392
</label>
393+
<label class="switch switch-3d switch-primary">
394+
<input class="switch-input" type="checkbox" checked="" disabled="">
395+
<span class="switch-slider"></span>
396+
</label>
397+
<label class="switch switch-3d switch-primary">
398+
<input class="switch-input" type="checkbox" disabled>
399+
<span class="switch-slider"></span>
400+
</label>
393401
</div>
394402
</div>
395403
</div>
@@ -784,27 +792,27 @@
784792
<div class="card-body">
785793
<label class="switch switch-label switch-primary">
786794
<input class="switch-input" type="checkbox" checked="">
787-
<span class="switch-slider" data-checked="&amp;#x2713" data-unchecked="&amp;#x2715"></span>
795+
<span class="switch-slider" data-checked="&#x2713" data-unchecked="&#x2715"></span>
788796
</label>
789797
<label class="switch switch-label switch-secondary">
790798
<input class="switch-input" type="checkbox" checked="">
791-
<span class="switch-slider" data-checked="&amp;#x2713" data-unchecked="&amp;#x2715"></span>
799+
<span class="switch-slider" data-checked="&#x2713" data-unchecked="&#x2715"></span>
792800
</label>
793801
<label class="switch switch-label switch-success">
794802
<input class="switch-input" type="checkbox" checked="">
795-
<span class="switch-slider" data-checked="&amp;#x2713" data-unchecked="&amp;#x2715"></span>
803+
<span class="switch-slider" data-checked="&#x2713" data-unchecked="&#x2715"></span>
796804
</label>
797805
<label class="switch switch-label switch-warning">
798806
<input class="switch-input" type="checkbox" checked="">
799-
<span class="switch-slider" data-checked="&amp;#x2713" data-unchecked="&amp;#x2715"></span>
807+
<span class="switch-slider" data-checked="&#x2713" data-unchecked="&#x2715"></span>
800808
</label>
801809
<label class="switch switch-label switch-info">
802810
<input class="switch-input" type="checkbox" checked="">
803-
<span class="switch-slider" data-checked="&amp;#x2713" data-unchecked="&amp;#x2715"></span>
811+
<span class="switch-slider" data-checked="&#x2713" data-unchecked="&#x2715"></span>
804812
</label>
805813
<label class="switch switch-label switch-danger">
806814
<input class="switch-input" type="checkbox" checked="">
807-
<span class="switch-slider" data-checked="&amp;#x2713" data-unchecked="&amp;#x2715"></span>
815+
<span class="switch-slider" data-checked="&#x2713" data-unchecked="&#x2715"></span>
808816
</label>
809817
</div>
810818
</div>
@@ -816,27 +824,27 @@
816824
<div class="card-body">
817825
<label class="switch switch-label switch-pill switch-primary">
818826
<input class="switch-input" type="checkbox" checked="">
819-
<span class="switch-slider" data-checked="&amp;#x2713" data-unchecked="&amp;#x2715"></span>
827+
<span class="switch-slider" data-checked="&#x2713" data-unchecked="&#x2715"></span>
820828
</label>
821829
<label class="switch switch-label switch-pill switch-secondary">
822830
<input class="switch-input" type="checkbox" checked="">
823-
<span class="switch-slider" data-checked="&amp;#x2713" data-unchecked="&amp;#x2715"></span>
831+
<span class="switch-slider" data-checked="&#x2713" data-unchecked="&#x2715"></span>
824832
</label>
825833
<label class="switch switch-label switch-pill switch-success">
826834
<input class="switch-input" type="checkbox" checked="">
827-
<span class="switch-slider" data-checked="&amp;#x2713" data-unchecked="&amp;#x2715"></span>
835+
<span class="switch-slider" data-checked="&#x2713" data-unchecked="&#x2715"></span>
828836
</label>
829837
<label class="switch switch-label switch-pill switch-warning">
830838
<input class="switch-input" type="checkbox" checked="">
831-
<span class="switch-slider" data-checked="&amp;#x2713" data-unchecked="&amp;#x2715"></span>
839+
<span class="switch-slider" data-checked="&#x2713" data-unchecked="&#x2715"></span>
832840
</label>
833841
<label class="switch switch-label switch-pill switch-info">
834842
<input class="switch-input" type="checkbox" checked="">
835-
<span class="switch-slider" data-checked="&amp;#x2713" data-unchecked="&amp;#x2715"></span>
843+
<span class="switch-slider" data-checked="&#x2713" data-unchecked="&#x2715"></span>
836844
</label>
837845
<label class="switch switch-label switch-pill switch-danger">
838846
<input class="switch-input" type="checkbox" checked="">
839-
<span class="switch-slider" data-checked="&amp;#x2713" data-unchecked="&amp;#x2715"></span>
847+
<span class="switch-slider" data-checked="&#x2713" data-unchecked="&#x2715"></span>
840848
</label>
841849
</div>
842850
</div>
@@ -848,27 +856,27 @@
848856
<div class="card-body">
849857
<label class="switch switch-label switch-outline-primary">
850858
<input class="switch-input" type="checkbox" checked="">
851-
<span class="switch-slider" data-checked="&amp;#x2713" data-unchecked="&amp;#x2715"></span>
859+
<span class="switch-slider" data-checked="&#x2713" data-unchecked="&#x2715"></span>
852860
</label>
853861
<label class="switch switch-label switch-outline-secondary">
854862
<input class="switch-input" type="checkbox" checked="">
855-
<span class="switch-slider" data-checked="&amp;#x2713" data-unchecked="&amp;#x2715"></span>
863+
<span class="switch-slider" data-checked="&#x2713" data-unchecked="&#x2715"></span>
856864
</label>
857865
<label class="switch switch-label switch-outline-success">
858866
<input class="switch-input" type="checkbox" checked="">
859-
<span class="switch-slider" data-checked="&amp;#x2713" data-unchecked="&amp;#x2715"></span>
867+
<span class="switch-slider" data-checked="&#x2713" data-unchecked="&#x2715"></span>
860868
</label>
861869
<label class="switch switch-label switch-outline-warning">
862870
<input class="switch-input" type="checkbox" checked="">
863-
<span class="switch-slider" data-checked="&amp;#x2713" data-unchecked="&amp;#x2715"></span>
871+
<span class="switch-slider" data-checked="&#x2713" data-unchecked="&#x2715"></span>
864872
</label>
865873
<label class="switch switch-label switch-outline-info">
866874
<input class="switch-input" type="checkbox" checked="">
867-
<span class="switch-slider" data-checked="&amp;#x2713" data-unchecked="&amp;#x2715"></span>
875+
<span class="switch-slider" data-checked="&#x2713" data-unchecked="&#x2715"></span>
868876
</label>
869877
<label class="switch switch-label switch-outline-danger">
870878
<input class="switch-input" type="checkbox" checked="">
871-
<span class="switch-slider" data-checked="&amp;#x2713" data-unchecked="&amp;#x2715"></span>
879+
<span class="switch-slider" data-checked="&#x2713" data-unchecked="&#x2715"></span>
872880
</label>
873881
</div>
874882
</div>
@@ -880,27 +888,27 @@
880888
<div class="card-body">
881889
<label class="switch switch-label switch-pill switch-outline-primary">
882890
<input class="switch-input" type="checkbox" checked="">
883-
<span class="switch-slider" data-checked="&amp;#x2713" data-unchecked="&amp;#x2715"></span>
891+
<span class="switch-slider" data-checked="&#x2713" data-unchecked="&#x2715"></span>
884892
</label>
885893
<label class="switch switch-label switch-pill switch-outline-secondary">
886894
<input class="switch-input" type="checkbox" checked="">
887-
<span class="switch-slider" data-checked="&amp;#x2713" data-unchecked="&amp;#x2715"></span>
895+
<span class="switch-slider" data-checked="&#x2713" data-unchecked="&#x2715"></span>
888896
</label>
889897
<label class="switch switch-label switch-pill switch-outline-success">
890898
<input class="switch-input" type="checkbox" checked="">
891-
<span class="switch-slider" data-checked="&amp;#x2713" data-unchecked="&amp;#x2715"></span>
899+
<span class="switch-slider" data-checked="&#x2713" data-unchecked="&#x2715"></span>
892900
</label>
893901
<label class="switch switch-label switch-pill switch-outline-warning">
894902
<input class="switch-input" type="checkbox" checked="">
895-
<span class="switch-slider" data-checked="&amp;#x2713" data-unchecked="&amp;#x2715"></span>
903+
<span class="switch-slider" data-checked="&#x2713" data-unchecked="&#x2715"></span>
896904
</label>
897905
<label class="switch switch-label switch-pill switch-outline-info">
898906
<input class="switch-input" type="checkbox" checked="">
899-
<span class="switch-slider" data-checked="&amp;#x2713" data-unchecked="&amp;#x2715"></span>
907+
<span class="switch-slider" data-checked="&#x2713" data-unchecked="&#x2715"></span>
900908
</label>
901909
<label class="switch switch-label switch-pill switch-outline-danger">
902910
<input class="switch-input" type="checkbox" checked="">
903-
<span class="switch-slider" data-checked="&amp;#x2713" data-unchecked="&amp;#x2715"></span>
911+
<span class="switch-slider" data-checked="&#x2713" data-unchecked="&#x2715"></span>
904912
</label>
905913
</div>
906914
</div>
@@ -912,27 +920,27 @@
912920
<div class="card-body">
913921
<label class="switch switch-label switch-outline-primary-alt">
914922
<input class="switch-input" type="checkbox" checked="">
915-
<span class="switch-slider" data-checked="&amp;#x2713" data-unchecked="&amp;#x2715"></span>
923+
<span class="switch-slider" data-checked="&#x2713" data-unchecked="&#x2715"></span>
916924
</label>
917925
<label class="switch switch-label switch-outline-secondary-alt">
918926
<input class="switch-input" type="checkbox" checked="">
919-
<span class="switch-slider" data-checked="&amp;#x2713" data-unchecked="&amp;#x2715"></span>
927+
<span class="switch-slider" data-checked="&#x2713" data-unchecked="&#x2715"></span>
920928
</label>
921929
<label class="switch switch-label switch-outline-success-alt">
922930
<input class="switch-input" type="checkbox" checked="">
923-
<span class="switch-slider" data-checked="&amp;#x2713" data-unchecked="&amp;#x2715"></span>
931+
<span class="switch-slider" data-checked="&#x2713" data-unchecked="&#x2715"></span>
924932
</label>
925933
<label class="switch switch-label switch-outline-warning-alt">
926934
<input class="switch-input" type="checkbox" checked="">
927-
<span class="switch-slider" data-checked="&amp;#x2713" data-unchecked="&amp;#x2715"></span>
935+
<span class="switch-slider" data-checked="&#x2713" data-unchecked="&#x2715"></span>
928936
</label>
929937
<label class="switch switch-label switch-outline-info-alt">
930938
<input class="switch-input" type="checkbox" checked="">
931-
<span class="switch-slider" data-checked="&amp;#x2713" data-unchecked="&amp;#x2715"></span>
939+
<span class="switch-slider" data-checked="&#x2713" data-unchecked="&#x2715"></span>
932940
</label>
933941
<label class="switch switch-label switch-outline-danger-alt">
934942
<input class="switch-input" type="checkbox" checked="">
935-
<span class="switch-slider" data-checked="&amp;#x2713" data-unchecked="&amp;#x2715"></span>
943+
<span class="switch-slider" data-checked="&#x2713" data-unchecked="&#x2715"></span>
936944
</label>
937945
</div>
938946
</div>
@@ -944,27 +952,27 @@
944952
<div class="card-body">
945953
<label class="switch switch-label switch-pill switch-outline-primary-alt">
946954
<input class="switch-input" type="checkbox" checked="">
947-
<span class="switch-slider" data-checked="&amp;#x2713" data-unchecked="&amp;#x2715"></span>
955+
<span class="switch-slider" data-checked="&#x2713" data-unchecked="&#x2715"></span>
948956
</label>
949957
<label class="switch switch-label switch-pill switch-outline-secondary-alt">
950958
<input class="switch-input" type="checkbox" checked="">
951-
<span class="switch-slider" data-checked="&amp;#x2713" data-unchecked="&amp;#x2715"></span>
959+
<span class="switch-slider" data-checked="&#x2713" data-unchecked="&#x2715"></span>
952960
</label>
953961
<label class="switch switch-label switch-pill switch-outline-success-alt">
954962
<input class="switch-input" type="checkbox" checked="">
955-
<span class="switch-slider" data-checked="&amp;#x2713" data-unchecked="&amp;#x2715"></span>
963+
<span class="switch-slider" data-checked="&#x2713" data-unchecked="&#x2715"></span>
956964
</label>
957965
<label class="switch switch-label switch-pill switch-outline-warning-alt">
958966
<input class="switch-input" type="checkbox" checked="">
959-
<span class="switch-slider" data-checked="&amp;#x2713" data-unchecked="&amp;#x2715"></span>
967+
<span class="switch-slider" data-checked="&#x2713" data-unchecked="&#x2715"></span>
960968
</label>
961969
<label class="switch switch-label switch-pill switch-outline-info-alt">
962970
<input class="switch-input" type="checkbox" checked="">
963-
<span class="switch-slider" data-checked="&amp;#x2713" data-unchecked="&amp;#x2715"></span>
971+
<span class="switch-slider" data-checked="&#x2713" data-unchecked="&#x2715"></span>
964972
</label>
965973
<label class="switch switch-label switch-pill switch-outline-danger-alt">
966974
<input class="switch-input" type="checkbox" checked="">
967-
<span class="switch-slider" data-checked="&amp;#x2713" data-unchecked="&amp;#x2715"></span>
975+
<span class="switch-slider" data-checked="&#x2713" data-unchecked="&#x2715"></span>
968976
</label>
969977
</div>
970978
</div>

0 commit comments

Comments
 (0)