ok
Mini Shell
<style type="text/css">
.material-switch > input[type="checkbox"] {
display: none;
}
.material-switch > label {
cursor: pointer;
height: 0px;
position: relative;
width: 40px;
}
.material-switch > label::before {
background: rgb(0, 0, 0);
box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
border-radius: 8px;
content: '';
height: 16px;
margin-top: -8px;
position:absolute;
opacity: 0.3;
transition: all 0.4s ease-in-out;
width: 40px;
}
.material-switch > label::after {
background: rgb(255, 255, 255);
border-radius: 16px;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
content: '';
height: 24px;
left: -4px;
margin-top: -8px;
position: absolute;
top: -4px;
transition: all 0.3s ease-in-out;
width: 24px;
}
.material-switch > input[type="checkbox"]:checked + label::before {
background: inherit;
opacity: 0.5;
}
.material-switch > input[type="checkbox"]:checked + label::after {
background: inherit;
left: 20px;
}
.table .pull-right {text-align: initial; width: auto}
</style>
<div class="content-wrapper" style="min-height: 946px;">
<section class="content-header">
<h1>
<i class="fa fa-gears"></i> <?php echo $this->lang->line('system_settings'); ?>
</h1>
</section>
<!-- Main content -->
<section class="content">
<div class="row">
<div class="col-md-12">
<div class="nav-tabs-custom theme-shadow">
<ul class="nav nav-tabs pull-right">
<li><a href="#tab_staff" data-toggle="tab"><?php echo $this->lang->line('staff') ?></a></li>
<li><a href="#tab_parent" data-toggle="tab"><?php echo $this->lang->line('parent') ?></a></li>
<li class="active"><a href="#tab_students" data-toggle="tab"><?php echo $this->lang->line('student') ?></a></li>
<li class="pull-left header"><?php echo $this->lang->line('users'); ?></li>
</ul>
<div class="tab-content">
<div class="tab-pane active table-responsive" id="tab_students">
<div class="download_label"><?php echo $this->lang->line('users'); ?></div>
<table class="table table-striped table-bordered table-hover example" cellspacing="0" width="100%">
<thead>
<tr>
<th><?php echo $this->lang->line('admission_no'); ?></th>
<th><?php echo $this->lang->line('student_name'); ?></th>
<th><?php echo $this->lang->line('username'); ?></th>
<th><?php echo $this->lang->line('class'); ?></th>
<th><?php echo $this->lang->line('father_name'); ?></th>
<th><?php echo $this->lang->line('mobile_no'); ?></th>
<th class="text-right"><?php echo $this->lang->line('action'); ?></th>
</tr>
</thead>
<tbody>
<?php
if (!empty($studentList)) {
$count = 1;
foreach ($studentList as $student) {
?>
<tr>
<td><?php echo $student['admission_no']; ?></td>
<td>
<a href="<?php echo base_url(); ?>student/view/<?php echo $student['id']; ?>"><?php echo $student['firstname'] . " " . $student['lastname']; ?>
</a>
</td>
<td><?php echo $student['username']; ?></td>
<td><?php echo $student['class'] . "(" . $student['section'] . ")" ?></td>
<td><?php echo $student['father_name']; ?></td>
<td><?php echo $student['mobileno']; ?></td>
<td class="pull-right">
<div class="material-switch pull-right">
<input id="student<?php echo $student['user_tbl_id'] ?>" name="someSwitchOption001" type="checkbox" data-role="student" class="chk" data-rowid="<?php echo $student['user_tbl_id'] ?>" value="checked" <?php if ($student['user_tbl_active'] == "yes") echo "checked='checked'"; ?> />
<label for="student<?php echo $student['user_tbl_id'] ?>" class="label-success"></label>
</div>
</td>
</tr>
<?php
$count++;
}
}
?>
</tbody>
</table>
</div>
<!-- /.tab-pane -->
<div class="tab-pane table-responsive" id="tab_parent">
<div class="download_label"><?php echo $this->lang->line('users'); ?></div>
<table class="table table-striped table-bordered table-hover example" cellspacing="0" width="100%">
<thead>
<tr>
<th><?php echo $this->lang->line('guardian_name'); ?></th>
<th><?php echo $this->lang->line('guardian_phone'); ?></th>
<th><?php echo $this->lang->line('username'); ?></th>
<th class="text-right"><?php echo $this->lang->line('action'); ?></th>
</tr>
</thead>
<tbody>
<?php
if (!empty($parentList)) {
$count = 1;
foreach ($parentList as $parent) {
?>
<tr>
<td><?php echo $parent->guardian_name; ?></td>
<td><?php echo $parent->guardian_phone; ?></td>
<td><?php echo $parent->username; ?></td>
<td class="pull-right">
<div class="material-switch">
<input id="parent<?php echo $parent->id ?>" name="someSwitchOption001" type="checkbox" class="chk" data-rowid="<?php echo $parent->parent_id ?>" data-role="parent" value="checked" <?php if ($parent->is_active == "yes") echo "checked='checked'"; ?> />
<label for="parent<?php echo $parent->id ?>" class="label-success"></label>
</div>
</td>
</tr>
<?php
}
}
?>
</tbody>
</table>
</div>
<div class="tab-pane table-responsive" id="tab_staff">
<div class="download_label"><?php echo $this->lang->line('users'); ?></div>
<table class="table table-striped table-bordered table-hover example" cellspacing="0" width="100%">
<thead>
<tr>
<th><?php echo $this->lang->line('staff_id'); ?></th>
<th><?php echo $this->lang->line('name'); ?></th>
<th><?php echo $this->lang->line('email'); ?></th>
<th><?php echo $this->lang->line('role'); ?></th>
<th><?php echo $this->lang->line('designation'); ?></th>
<th><?php echo $this->lang->line('department'); ?></th>
<th><?php echo $this->lang->line('phone'); ?></th>
<th class="text-right"><?php echo $this->lang->line('action'); ?>
</th>
</tr>
</thead>
<tbody>
<?php
if (!empty($staffList)) {
$count = 1;
foreach ($staffList as $staff) {
?>
<tr>
<td class="mailbox-name"> <?php echo $staff['employee_id'] ?></td>
<td class="mailbox-name"> <a href="<?php echo base_url(); ?>admin/staff/profile/<?php echo $staff['id']; ?>"><?php echo $staff['name'] ?></a></td>
<td class="mailbox-name"> <?php echo $staff['email'] ?></td>
<td class="mailbox-name"> <?php echo $staff['role'] ?></td>
<td class="mailbox-name"> <?php echo $staff['designation'] ?></td>
<td class="mailbox-name"> <?php echo $staff['department'] ?></td>
<td class="mailbox-name"> <?php echo $staff['contact_no'] ?></td>
<td class="pull-right">
<div class="material-switch pull-right">
<input id="staff<?php echo $staff['id'] ?>" name="someSwitchOption001" type="checkbox" class="chk" data-rowid="<?php echo $staff['id'] ?>" data-role="staff" value="checked" <?php if ($staff['is_active'] == 1) echo "checked='checked'"; ?> />
<label for="staff<?php echo $staff['id'] ?>" class="label-success"></label>
</div>
</td>
</tr>
<?php
}
$count++;
}
?>
</tbody>
</table>
</div>
<!-- /.tab-pane -->
</div>
<!-- /.tab-content -->
</div>
</div>
</div>
</section>
</div>
<script type="text/javascript">
$(document).ready(function () {
$(document).on('click', '.chk', function () {
var checked = $(this).is(':checked');
var rowid = $(this).data('rowid');
var role = $(this).data('role');
if (checked) {
if (!confirm('Are you sure you active account?')) {
$(this).removeAttr('checked');
} else {
var status = "yes";
changeStatus(rowid, status, role);
}
} else if (!confirm('Are you sure you deactive account?')) {
$(this).prop("checked", true);
} else {
var status = "no";
changeStatus(rowid, status, role);
}
});
});
function changeStatus(rowid, status, role) {
var base_url = '<?php echo base_url() ?>';
$.ajax({
type: "POST",
url: base_url + "admin/users/changeStatus",
data: {'id': rowid, 'status': status, 'role': role},
dataType: "json",
success: function (data) {
successMsg(data.msg);
}
});
}
</script>
Zerion Mini Shell 1.0