added bootstrap-switch
- updated package.json - updated build/npm/Plugins.js - added build/scss/plugins/_bootstrap-switch.scss with bootstrap 4 style & color overrides - updated pages/forms/advanced.html with bootstrap switch demo & added rows in icheck demo - added plugins files
This commit is contained in:
REJack
@@ -1025,129 +1025,138 @@
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<!-- Minimal style -->
|
||||
|
||||
<!-- checkbox -->
|
||||
<div class="form-group clearfix">
|
||||
<div class="icheck-primary d-inline">
|
||||
<input type="checkbox" id="checkboxPrimary1" checked>
|
||||
<label for="checkboxPrimary1">
|
||||
</label>
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<!-- checkbox -->
|
||||
<div class="form-group clearfix">
|
||||
<div class="icheck-primary d-inline">
|
||||
<input type="checkbox" id="checkboxPrimary1" checked>
|
||||
<label for="checkboxPrimary1">
|
||||
</label>
|
||||
</div>
|
||||
<div class="icheck-primary d-inline">
|
||||
<input type="checkbox" id="checkboxPrimary2">
|
||||
<label for="checkboxPrimary2">
|
||||
</label>
|
||||
</div>
|
||||
<div class="icheck-primary d-inline">
|
||||
<input type="checkbox" id="checkboxPrimary3" disabled>
|
||||
<label for="checkboxPrimary3">
|
||||
Primary checkbox
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="icheck-primary d-inline">
|
||||
<input type="checkbox" id="checkboxPrimary2">
|
||||
<label for="checkboxPrimary2">
|
||||
</label>
|
||||
</div>
|
||||
<div class="icheck-primary d-inline">
|
||||
<input type="checkbox" id="checkboxPrimary3" disabled>
|
||||
<label for="checkboxPrimary3">
|
||||
Primary checkbox
|
||||
</label>
|
||||
<div class="col-sm-6">
|
||||
<!-- radio -->
|
||||
<div class="form-group clearfix">
|
||||
<div class="icheck-primary d-inline">
|
||||
<input type="radio" id="radioPrimary1" name="r1" checked>
|
||||
<label for="radioPrimary1">
|
||||
</label>
|
||||
</div>
|
||||
<div class="icheck-primary d-inline">
|
||||
<input type="radio" id="radioPrimary2" name="r1">
|
||||
<label for="radioPrimary2">
|
||||
</label>
|
||||
</div>
|
||||
<div class="icheck-primary d-inline">
|
||||
<input type="radio" id="radioPrimary3" name="r1" disabled>
|
||||
<label for="radioPrimary3">
|
||||
Primary radio
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- radio -->
|
||||
<div class="form-group clearfix">
|
||||
<div class="icheck-primary d-inline">
|
||||
<input type="radio" id="radioPrimary1" name="r1" checked>
|
||||
<label for="radioPrimary1">
|
||||
</label>
|
||||
</div>
|
||||
<div class="icheck-primary d-inline">
|
||||
<input type="radio" id="radioPrimary2" name="r1">
|
||||
<label for="radioPrimary2">
|
||||
</label>
|
||||
</div>
|
||||
<div class="icheck-primary d-inline">
|
||||
<input type="radio" id="radioPrimary3" name="r1" disabled>
|
||||
<label for="radioPrimary3">
|
||||
Primary radio
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Minimal red style -->
|
||||
|
||||
<!-- checkbox -->
|
||||
<div class="form-group clearfix">
|
||||
<div class="icheck-danger d-inline">
|
||||
<input type="checkbox" checked id="checkboxDanger1">
|
||||
<label for="checkboxDanger1">
|
||||
</label>
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<!-- checkbox -->
|
||||
<div class="form-group clearfix">
|
||||
<div class="icheck-danger d-inline">
|
||||
<input type="checkbox" checked id="checkboxDanger1">
|
||||
<label for="checkboxDanger1">
|
||||
</label>
|
||||
</div>
|
||||
<div class="icheck-danger d-inline">
|
||||
<input type="checkbox" id="checkboxDanger2">
|
||||
<label for="checkboxDanger2">
|
||||
</label>
|
||||
</div>
|
||||
<div class="icheck-danger d-inline">
|
||||
<input type="checkbox" disabled id="checkboxDanger3">
|
||||
<label for="checkboxDanger3">
|
||||
Danger checkbox
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="icheck-danger d-inline">
|
||||
<input type="checkbox" id="checkboxDanger2">
|
||||
<label for="checkboxDanger2">
|
||||
</label>
|
||||
</div>
|
||||
<div class="icheck-danger d-inline">
|
||||
<input type="checkbox" disabled id="checkboxDanger3">
|
||||
<label for="checkboxDanger3">
|
||||
Danger checkbox
|
||||
</label>
|
||||
<div class="col-sm-6">
|
||||
<!-- radio -->
|
||||
<div class="form-group clearfix">
|
||||
<div class="icheck-danger d-inline">
|
||||
<input type="radio" name="r2" checked id="radioDanger1">
|
||||
<label for="radioDanger1">
|
||||
</label>
|
||||
</div>
|
||||
<div class="icheck-danger d-inline">
|
||||
<input type="radio" name="r2" id="radioDanger2">
|
||||
<label for="radioDanger2">
|
||||
</label>
|
||||
</div>
|
||||
<div class="icheck-danger d-inline">
|
||||
<input type="radio" name="r2" disabled id="radioDanger3">
|
||||
<label for="radioDanger3">
|
||||
Danger radio
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- radio -->
|
||||
<div class="form-group clearfix">
|
||||
<div class="icheck-danger d-inline">
|
||||
<input type="radio" name="r2" checked id="radioDanger1">
|
||||
<label for="radioDanger1">
|
||||
</label>
|
||||
</div>
|
||||
<div class="icheck-danger d-inline">
|
||||
<input type="radio" name="r2" id="radioDanger2">
|
||||
<label for="radioDanger2">
|
||||
</label>
|
||||
</div>
|
||||
<div class="icheck-danger d-inline">
|
||||
<input type="radio" name="r2" disabled id="radioDanger3">
|
||||
<label for="radioDanger3">
|
||||
Danger radio
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Minimal red style -->
|
||||
|
||||
|
||||
<!-- checkbox -->
|
||||
<div class="form-group clearfix">
|
||||
<div class="icheck-success d-inline">
|
||||
<input type="checkbox" checked id="checkboxSuccess1">
|
||||
<label for="checkboxSuccess1">
|
||||
</label>
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<!-- checkbox -->
|
||||
<div class="form-group clearfix">
|
||||
<div class="icheck-success d-inline">
|
||||
<input type="checkbox" checked id="checkboxSuccess1">
|
||||
<label for="checkboxSuccess1">
|
||||
</label>
|
||||
</div>
|
||||
<div class="icheck-success d-inline">
|
||||
<input type="checkbox" id="checkboxSuccess2">
|
||||
<label for="checkboxSuccess2">
|
||||
</label>
|
||||
</div>
|
||||
<div class="icheck-success d-inline">
|
||||
<input type="checkbox" disabled id="checkboxSuccess3">
|
||||
<label for="checkboxSuccess3">
|
||||
Success checkbox
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="icheck-success d-inline">
|
||||
<input type="checkbox" id="checkboxSuccess2">
|
||||
<label for="checkboxSuccess2">
|
||||
</label>
|
||||
</div>
|
||||
<div class="icheck-success d-inline">
|
||||
<input type="checkbox" disabled id="checkboxSuccess3">
|
||||
<label for="checkboxSuccess3">
|
||||
Success checkbox
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- radio -->
|
||||
<div class="form-group clearfix">
|
||||
<div class="icheck-success d-inline">
|
||||
<input type="radio" name="r3" checked id="radioSuccess1">
|
||||
<label for="radioSuccess1">
|
||||
</label>
|
||||
</div>
|
||||
<div class="icheck-success d-inline">
|
||||
<input type="radio" name="r3" id="radioSuccess2">
|
||||
<label for="radioSuccess2">
|
||||
</label>
|
||||
</div>
|
||||
<div class="icheck-success d-inline">
|
||||
<input type="radio" name="r3" disabled id="radioSuccess3">
|
||||
<label for="radioSuccess3">
|
||||
Success radio
|
||||
</label>
|
||||
<div class="col-sm-6">
|
||||
<!-- radio -->
|
||||
<div class="form-group clearfix">
|
||||
<div class="icheck-success d-inline">
|
||||
<input type="radio" name="r3" checked id="radioSuccess1">
|
||||
<label for="radioSuccess1">
|
||||
</label>
|
||||
</div>
|
||||
<div class="icheck-success d-inline">
|
||||
<input type="radio" name="r3" id="radioSuccess2">
|
||||
<label for="radioSuccess2">
|
||||
</label>
|
||||
</div>
|
||||
<div class="icheck-success d-inline">
|
||||
<input type="radio" name="r3" disabled id="radioSuccess3">
|
||||
<label for="radioSuccess3">
|
||||
Success radio
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1157,6 +1166,18 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- /.card -->
|
||||
|
||||
<!-- Bootstrap Switch -->
|
||||
<div class="card card-secondary">
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">Bootstrap Switch</h3>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<input type="checkbox" name="my-checkbox" checked data-bootstrap-switch>
|
||||
<input type="checkbox" name="my-checkbox" checked data-bootstrap-switch data-off-color="danger" data-on-color="success">
|
||||
</div>
|
||||
</div>
|
||||
<!-- /.card -->
|
||||
</div>
|
||||
<!-- /.col (right) -->
|
||||
</div>
|
||||
@@ -1199,6 +1220,8 @@
|
||||
<script src="../../plugins/bootstrap-colorpicker/js/bootstrap-colorpicker.min.js"></script>
|
||||
<!-- Tempusdominus Bootstrap 4 -->
|
||||
<script src="../../plugins/tempusdominus-bootstrap-4/js/tempusdominus-bootstrap-4.min.js"></script>
|
||||
<!-- Bootstrap Switch -->
|
||||
<script src="../../plugins/bootstrap-switch/js/bootstrap-switch.min.js"></script>
|
||||
<!-- AdminLTE App -->
|
||||
<script src="../../dist/js/adminlte.min.js"></script>
|
||||
<!-- AdminLTE for demo purposes -->
|
||||
@@ -1263,6 +1286,8 @@
|
||||
$('.my-colorpicker2').on('colorpickerChange', function(event) {
|
||||
$('.my-colorpicker2 .fa-square').css('color', event.color.toString());
|
||||
});
|
||||
|
||||
$("[data-bootstrap-switch]").bootstrapSwitch();
|
||||
})
|
||||
</script>
|
||||
</body>
|
||||
|
||||
Reference in New Issue
Block a user