File: /var/www/html/taxicamera/old/application/views/admin/roster/day_roster.php
<style>
.single_car label.forheading {
margin: 0 17px;
}
.single_car label {
float: none;
width: 22%;
margin: 0;
position: relative;
}
.page-title-wrap form label {
float: none;
}
</style>
<div class="main-content">
<div class="content-wrapper">
<div class="container-fluid"><!-- Basic form layout section start -->
<section id="basic-form-layouts">
<div class="row">
<div class="col-md-12">
<div class="card">
<div class="card-header">
<div class="page-title-wrap">
<h4 class="card-title">Import Roster By Day</h4>
<?php echo $this->session->flashdata('msg') ?>
<div class="search_by_date">
<form class="roster_form_s" method="post" action="<?= base_url(); ?>admin/roster/search_date">
<div class="row">
<div class="col-md-4">
<div class="form-group">
<label>Select Import From Date</label>
<div class="input-group">
<input type="text" class="form-control" id="day_date_from" name="day_date_from" placeholder="" value="<?=$day_date_from?>"/>
<div class="input-group-append">
<span class="input-group-text">
<span class="fa fa-calendar-o"></span>
</span>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Select Import To Date</label>
<div class="input-group">
<input type="text" class="form-control" id="day_date_to" name="day_date_to" placeholder="" value="<?=$day_date_to?>"/>
<div class="input-group-append">
<span class="input-group-text">
<span class="fa fa-calendar-o"></span>
</span>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="form-group">
<button type="button" onclick="window.location.href='<?=base_url('admin/roster')?>'" class="btn btn-success" style="margin-top:30px;">Back To Roster</button>
</div>
</div>
</div>
</form>
</div>
<form class="edt_import_form" method="post" action="<?= base_url();?>admin/roster/update_day_roster">
<input type="hidden" name="day_date" id="day_date" value="<?=$day_date_to?>">
<?php
$shift_array = array('H','D','N');
if(!empty($day_details)){
$i = 0;
foreach ($day_details as $day) {
?>
<input type="hidden" name="roster_id[]" value="<?= $day['roster_id'];?>">
<div class="single_car">
<label class="forheading"><?= $day['registration_no'];?></label>
<input type="hidden" name="car_id[<?= $i;?>]" value="<?= $day['car_id'];?>">
<?php $disabled_day_night=$checked=$set_dv=''; $sts = 0;
foreach ($shift_array as $single_shift) : ?>
<label>
<span class="shw_drvr_details"></span>
<?php
foreach ($day['shift'] as $shift) {$checked=$set_dv='';
if($shift['shift_name'] == $single_shift){
if($single_shift == 'H'){
$disabled_day_night='disabled';
}
$checked = "checked";
$set_dv = " set-dv=".$shift['driver_id'];
}
}
?>
<div class="chk_custom_box">
<input type="checkbox" name="shift_name[<?= $i;?>][<?= $sts;?>]" value="<?= $single_shift;?>" <?= $checked ?> <?= $set_dv ?> <?=($single_shift =='D' || $single_shift =='N')?$disabled_day_night:''?> ><span class="checkmark"></span>
</div>
<?= $single_shift;?>
<select class="custom_select" name="driver_id[<?= $i;?>][<?= $sts;?>]" <?=!empty($set_dv)?'':'disabled'?>>
<option value="">Select Driver</option>
<?php foreach ($driver_list as $driver) : ?> <option value="<?= $driver['user_id'];?>"><?= $driver['dc_no'];?></option>
<?php endforeach; ?>
</select>
</label>
<?php $sts++; endforeach; ?>
</div>
<?php
$i++;
} ?>
<div class="col md-12" style="text-align:center;">
<button type="submit" id="roster_import_submit" name="roster_import_submit" class="btn btn-info">Submit</button>
</div>
<?php } else { if(!$this->session->flashdata('msg')){ ?>
<div class="alert alert-success alert-dismissible"><a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>No Roster Data Available for the selected from date</div>
<?php } } ?>
</form>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
<script type="text/javascript">
$(document).ready(function(){
populate_datepicker();
})
$('#day_date_from').change(function(){
$(this).closest('form').submit();
});
$("#roster_import_submit").submit(function(e){
e.preventDefault();
var day_date_from =$("#day_date_from").val();
var day_date_to =$("#day_date_to").val();
//alert(day_date_to);
if(!day_date_from || !day_date_to){
$.alert({
type: 'red',
title: 'Import Date From & To Mandatory',
content: 'Please select import from date and import to date',
});
$("#day_date").val('');
}
else{
$(".edt_import_form").submit();
}
})
// function populate_datepicker(){
// $('#day_date_from').pickadate({
// format: 'dd/mm/yyyy',
// autoclose: true,
// }),
// $('#day_date_to').pickadate({
// format: 'dd/mm/yyyy',
// autoclose: true,
// min:'0'
// })
// }
function populate_datepicker(){
var from_$input = $('#day_date_from').pickadate({
format: 'dd/mm/yyyy',
autoclose: true
}),
from_picker = from_$input.pickadate('picker')
var to_$input = $('#day_date_to').pickadate({
format: 'dd/mm/yyyy',
autoclose: true
}),
to_picker = to_$input.pickadate('picker')
// Check if there’s a “from” or “to” date to start with.
if (from_picker.get('value')) {
to_picker.set('min', from_picker.get('select'))
}
if (to_picker.get('value')) {
from_picker.set('max', to_picker.get('select'))
}
// When something is selected, update the “from” and “to” limits.
from_picker.on('set', function(event) {
if (event.select) {
to_picker.set('min', from_picker.get('select'));
} else if ('clear' in event) {
to_picker.set('min', false);
}
})
to_picker.on('set', function(event) {
if (event.select) {
from_picker.set('max', to_picker.get('select'));
} else if ('clear' in event) {
from_picker.set('max', false);
}
})
}
$("#day_date_to").change(function(){
$("#day_date").val($(this).val());
})
$('.chk_custom_box').each(function(){
var did = $(this).children('input[type="checkbox"]').attr('set-dv');
//alert(did);
$(this).next('select').find('option[value="'+did+'"]').css('color','green');
$(this).next('select').find('option[value="'+did+'"]').attr('selected','selected');
});
// $(".edt_import_form").submit(function(e){
// e.preventDefault();
// var set_week_no_roster =$("#set_week_no_roster").val();
// var get_week_no_roster =$("#get_week_no_roster").val();
// if(!get_week_no_roster || !set_week_no_roster){
// $.alert({
// type: 'red',
// title: 'Import From week & To Week Mandatory',
// content: 'Please select import from week and import to week',
// });
// $("#set_week_no_roster").val('');
// $("#week_no").val('');
// }
// else{
// $("#week_no").val(set_week_no_roster);
// $("#roster_import_form").submit();
// }
// })
$(document).on('change','.custom_select',function(){
var selected_flag =true;
var selected_driver_for_day = $(this).val();
$('.custom_select').not($(this)).each(function(){
if(($(this).val() !='') && ($(this).val() === selected_driver_for_day)){
$.alert({
type: 'red',
title: 'Driver Already Assigned For Another Car',
content: 'Please Select Another Driver',
});
selected_flag=false;
}
})
if(!selected_flag){
$(this).val('');
}
})
$('.chk_custom_box input[type="checkbox"]').click(function() {
if ($(this).is(':checked')) {
//-------------------------------Set all select & checkbox disabled false---------------------------------//
//$(this).parents('.single_car').find('input[type="checkbox"]').attr('disabled', false);
//$(this).parents('.single_car').find('.custom_select').attr('disabled', false);
if ($(this).data('checkbox_type') == 'B') {
//------------------------------For showing breakdown dropdown and set required field-----------------------------------------//
$(this).parents('td').children('.breakdown_select_div').show();
$(this).parents('td').find('.breakdown_select_div select').slideDown();
$(this).parents('td').find('.breakdown_select_div select').attr('required',true);
//------------------------------For blocking all checkbox & dropdown-----------------------------------------//
$(this).parents('td').find('input:checkbox').not(this).attr('disabled', true);
$(this).parents('td').find('.driver_select_div select').attr('disabled', true);
$(this).parents('td').find('.chk_custom_box').not($(this).parent('label')).removeClass('hara_bhara');
$(this).parents('td').find('.driver_select_div').hide();
} else {
$(this).parents('label').find('.custom_select').attr('disabled', false);
$(this).parents('label').find('.custom_select').attr('required', true);
var val = $(this).val();
if (val == 'H') {
//alert(1);
$(this).parents('.single_car').find('input:checkbox').not(this).attr('disabled', true);
$(this).parents('.single_car').find('input:checkbox').not(this).prop('checked', false);
$(this).parents('.single_car').find('.custom_select').not($(this).parents('label').find('.custom_select')).attr('disabled', true);
$(this).parents('.single_car').find('.custom_select').not($(this).parents('label').find('.custom_select')).val('');
$(this).parents('.single_car').find('.custom_select').not($(this).parents('label').find('.custom_select')).removeAttr('selected');
}
}
} else {
$(this).parents('label').find('.custom_select').val('');
$(this).parents('label').find('.custom_select').removeAttr('selected');
if($(this).data('checkbox_type') == 'B'){
$(this).parents('td').find('.breakdown_select_div select').attr('required',false);
} else{
$(this).parents('.single_car').find('.custom_select').attr('required', false);
$(this).parents('.single_car').find('.custom_select').attr('disabled', true);
}
$(this).parents('.single_car').find('input[type="checkbox"]').removeAttr('disabled');
}
});
</script>