<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Manager MTP</title>
<!-- Bootstrap Core CSS -->
<link href="<?php print $this->Url; ?>docmtp_new/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="<?php print $this->Url; ?>docmtp_new/css/style.css" rel="stylesheet">
<!-- Custom Fonts -->
<link href="<?php print $this->Url; ?>docmtp_new/font-awesome-4.4.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<style>
.checkbox{margin:0}
.list-group-item{padding:5px;}
.delete {
background: #b73d30 none repeat scroll 0 0;
color: #fff;
float: right;
font-size: 15px;
font-weight: bold;
height: 50px;
line-height: 50px;
margin-right: 5px;
text-align: center;
}
</style>
</head>
<body>
<header style="height:150px">
<div style="width:100%">
<div style="float:left;width:30%;height:75px;background:#c2c2c2">
<div class="stp">STP</div>
</div>
<div style="float:left;width:30%;height:112px;background:#c2c2c2">
<div class="schedule">
<div class="cal"></div>
<div class="cal_text">SCHEDULED</div>
</div>
</div>
<div style="float:left;width:29.8%;height:75px;background:#c2c2c2;margin-right:2px;">
<div class="mtp">MTP</div>
</div>
<div style="float:left;width:10%;height:75px;background:#575757">
<div class="year_text"></div>
</div>
</div>
<div style="width:100%">
<div style="float:right;width:10%;height:73px;background:#929292;margin-top:2px">
<a href="#"><div class="left_arr"></div></a>
<div class="month_text"></div>
<a href="#"><div class="right_arr"></div></a>
</div>
<div class="mr_details" style="background-color:#fbd500">
<div style="width:50%;float:left;padding-left:20px;">DESIGNATION:<?php echo strtoupper($this->emp_detail[0]['hierarchy_name']); ?></div>
<div style="width:48%;text-align:right;float:left;" data-toggle="modal" data-target="#activity_type">HQ:<?php echo strtoupper($this->emp_detail[0]['name']); ?></div>
</div>
<div class="mr_name" style="background-color:#fbd500">
<?php echo strtoupper($this->emp_detail[0]['first_name']); ?>
</div>
<div class="analytics">
<!-- Tab Navigation Part
<marquee behavior="scroll" scrolldelay="100" width="100%"> -->
<div class="boxtab_manager">
<div style="width:auto;float:left">
<div class="dcr_dtls dcr_blue" style="border:0">Target</div>
<div class="dcr_dtls" style="padding:0 1px;">:</div>
<div class="dcr_dtls dcr_black" >80 Lakhs</div>
</div>
<div style="width:auto;float:left">
<div class="dcr_dtls dcr_blue" >Target Achieved</div>
<div class="dcr_dtls" style="padding:0 1px;">:</div>
<div class="dcr_dtls dcr_black" >45 Lakhs</div>
</div>
<div style="width:auto;float:left">
<div class="dcr_dtls dcr_blue" >Percentage Achieved</div>
<div class="dcr_dtls" style="padding:0 1px;">:</div>
<div class="dcr_dtls dcr_black" >80%</div>
</div>
<div style="width:auto;float:left">
<div class="dcr_dtls dcr_blue" >Total No. of Calls</div>
<div class="dcr_dtls" style="padding:0 1px;">:</div>
<div class="dcr_dtls dcr_black" >80</div>
</div>
<div style="width:auto;float:left">
<div class="dcr_dtls dcr_blue" >Total No. of Doctors</div>
<div class="dcr_dtls" style="padding:0 1px;">:</div>
<div class="dcr_dtls dcr_black" >80</div>
</div>
<div style="width:20%;float:left">
<div class="dcr_dtls dcr_blue" >Total No. of Missed Calls</div>
<div class="dcr_dtls" style="padding:0 1px;">:</div>
<div class="dcr_dtls dcr_black brdnr" >80</div>
</div>
</div>
<!-- </marquee> -->
<!-- Tabs part Ends -->
<!--<a href="#"><div class="submit" data-toggle="modal" data-target="#act_alert">SUBMIT</div></a>-->
<!-- Approve And Reject Buttons-->
<a href="#"><div class="approve" data-toggle="modal" data-target="#act_alert">Approve</div></a>
<a href="#"><div class="reject" data-toggle="modal" data-target="#reason">Reject</div></a>
</div>
</div>
</header>
<div id="wrapper">
<!-- Sidebar -->
<div id="sidebar-wrapper">
<div class="row head">
<a href="#"><div class="col-lg-3" id="hosp"></div></a>
<a href="#"><div class="col-lg-3 search_hosp" id="search_hosp"></div></a>
<a href="#"><div class="col-lg-3 missed_hosp" id="missed_hosp"></div></a>
<a href="#"><div class="col-lg-3 search_mr " id="search_mr"></div></a>
<a href="#"><div class="col-lg-3 activitiescal" id="activities"></div></a>
</div>
<div class="big_box"></div>
<div class="row bottom">
<!--<div class="col-lg-2 pencil">
<span class="glyphicon glyphicon-pencil" style="color:#fff;padding:15px 0"></span>
</div>-->
<a href="#"><div class="col-lg-5 delete" data-toggle="modal" data-target="#confirm">VIEW DCR</div></a>
</div>
</div>
<!-- /#sidebar-wrapper -->
<!-- Page Content -->
<div id="page-content-wrapper">
<div class="container-fluid">
<div class="row" id="head">
<div class="row">
<div class="col-md-2">SUN</div>
<div class="col-md-2">MON</div>
<div class="col-md-2">TUE</div>
<div class="col-md-2">WED</div>
<div class="col-md-2">THU</div>
<div class="col-md-2">FRI</div>
<div class="col-md-2">SAT</div>
</div>
</div>
<div class="row" id="rest">
<div class="row">
<div class="col-md-2 " id="col1" ></div>
<div class="col-md-2" id="col2" ></div>
<div class="col-md-2" id="col3"></div>
<div class="col-md-2" id="col4" ></div>
<div class="col-md-2" id="col5" ></div>
<div class="col-md-2" id="col6"></div>
<div class="col-md-2" id="col7" ></div>
</div>
<div class="row">
<div class="col-md-2" id="col8"></div>
<div class="col-md-2" id="col9"></div>
<div class="col-md-2" id="col10"></div>
<div class="col-md-2" id="col11"></div>
<div class="col-md-2" id="col12"></div>
<div class="col-md-2" id="col13"></div>
<div class="col-md-2" id="col14"></div>
</div>
<div class="row">
<div class="col-md-2" id="col15"></div>
<div class="col-md-2" id="col16"></div>
<div class="col-md-2" id="col17"></div>
<div class="col-md-2" id="col18"></div>
<div class="col-md-2" id="col19"></div>
<div class="col-md-2" id="col20"></div>
<div class="col-md-2" id="col21"></div>
</div>
<div class="row">
<div class="col-md-2" id="col22"></div>
<div class="col-md-2" id="col23"></div>
<div class="col-md-2" id="col24"></div>
<div class="col-md-2" id="col25"></div>
<div class="col-md-2" id="col26"></div>
<div class="col-md-2" id="col27"></div>
<div class="col-md-2" id="col28"></div>
</div>
<div class="row">
<div class="col-md-2" id="col29"></div>
<div class="col-md-2" id="col30"></div>
<div class="col-md-2" id="col31"></div>
<div class="col-md-2" id="col32"></div>
<div class="col-md-2 " id="col33"></div>
<div class="col-md-2 " id="col34"></div>
<div class="col-md-2 " id="col35"></div>
</div>
<div class="row">
<div class="col-md-2" id="col36"></div>
<div class="col-md-2" id="col37"></div>
<div class="col-md-2" id="col38"></div>
<div class="col-md-2" id="col39"></div>
<div class="col-md-2" id="col40"></div>
<div class="col-md-2" id="col41"></div>
<div class="col-md-2" id="col42"></div>
</div>
</div>
</div>
</div>
<!-- /#page-content-wrapper -->
<!-- Modal Popup -->
<div class="modal fade" id="myModal" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header" >
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">MOVE HOSPITALS</h4>
</div>
<div class="modal-header" style="background:#d4d4d4;color:#000;">
<div class="row">
<div class="col-lg-5" style="float:left">
From Date:<span style="font-weight:bolder">16/10/1991</span>
</div>
<div class="col-lg-5" style="float:right;text-align:right">
Andheri
</div>
</div>
<div class="row">
<div class="col-lg-5">
To Date:<span style="font-weight:bolder">16/10/1991</span>
</div>
<div class="col-lg-5" style="float:right;text-align:right">
Dadar
</div>
</div>
</div>
<div class="modal-body">
<div class="row">
<div class="col-lg-12">
<b><font size="+1">There is already a hospital with the same name in this Location!</b></font>
</div>
</div>
<div class="row">
<div class="col-lg-12" style="background:#f1f1f1;cursor:pointer" id="move_replace">
<span class="glyphicon glyphicon-arrow-right" style="color:#439e03"></span><font color="#e84c3d"><b> MOVE & REPLACE</b></font>
</div>
<div class="col-lg-12" style="background:#f1f1f1">
Replace the Hospital from this destination cluster with the hospital name you are moving!
</div>
</div>
<div class="row" style="margin-top:10px;">
<div class="col-lg-12" style="background:#f1f1f1;cursor:pointer" id="dont_move">
<span class="glyphicon glyphicon-arrow-right" style="color:#439e03"></span><font color="#e84c3d"><b> DON'T MOVE</b></font>
</div>
<div class="col-lg-12" style="background:#f1f1f1">
Replace the Hospital from this destination cluster with the hospital name you are moving!
</div>
</div>
<div class="row" style="margin-top:10px;">
<div class="col-lg-12" style="background:#f1f1f1;cursor:pointer" id="keep_both">
<span class="glyphicon glyphicon-arrow-right" style="color:#439e03"></span><font color="#e84c3d"><b> MOVE & KEEP BOTH HOSPITALS</b></font>
</div>
<div class="col-lg-12" style="background:#f1f1f1">
Replace the Hospital from this destination cluster with the hospital name you are moving!
</div>
</div>
</div>
<div class="modal-footer">
<!--<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>-->
<div class="checkbox">
<label><input type="checkbox" value="">Do This For Next* Conflicts</label>
</div>
</div>
</div>
</div>
</div>
<!-- Modal Popup -->
<!-- Delete Confirmation -->
<div id="confirm" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header" >
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Are You Sure?</h4>
</div>
<div class="modal-body">
<p style="font-size:14px;font-weight:bold;">Are You Sure you want to Delete the selected Hospital permanently?</p>
<ul>
<li>Hospital Names</li>
<li>Hospital Names</li>
<li>Hospital Names</li>
</ul>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-danger" data-dismiss="modal" >Yes</button>
<button type="button" class="btn btn-default" data-dismiss="modal">No</button>
</div>
</div>
</div>
</div>
<!-- Delete Confirmation -->
<!-- Activities Alert -->
<div id="act_alert" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header" >
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Activities Alert</h4>
</div>
<div class="modal-header" style="background:#d4d4d4;color:#000;">
<div class="row">
<div class="col-lg-5" style="float:left">
Date:<span style="font-weight:bolder">16/10/1991</span>
</div>
<div class="col-lg-5" style="float:right;text-align:right">
Andheri
</div>
</div>
</div>
<div class="modal-body">
<p style="font-size:14px;font-weight:bold;">Select your Activity plan from below:</p>
<div class="radio">
<label style="color:#2f549b"><input type="radio" name="optradio">Full Day Activity</label>
</div>
<div class="radio">
<label style="color:#2f549b"><input type="radio" name="optradio">Activity with Scheduled Day Plan</label>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-danger" data-dismiss="modal" >Yes</button>
<button type="button" class="btn btn-default" data-dismiss="modal">No</button>
</div>
</div>
</div>
</div>
<!-- Activities Alert -->
<div id="reason" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header" >
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Enter Reason for Rejection</h4>
</div>
<div class="modal-body">
<div class="form-group">
<label for="comment">Remark:</label>
<textarea class="form-control" rows="5" id="comment"></textarea>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-danger" data-dismiss="modal" >Submit</button>
<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="empdata" role="dialog">
</div>
<div class="modal fade" id="activity_type" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header" >
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">TYPE OF ACTIVITY</h4>
</div>
<div class="modal-header" style="background:#d4d4d4;color:#000;height:auto;">
<div class="row" style="">
<div class="col-md-4" style="float:left;">
From Date:<span style="font-weight:bolder">16/10/1991</span>
</div>
<div class="col-md-4" style="float:left;">
Andheri
</div>
<div class="col-md-4" style="float:left;">
<select>
<option>Select Your Activity Type</option>
<option>Field Work</option>
<option>Training</option>
<option>Symposia/Conference</option>
<option>Transit</option>
<option>HQ Meeting</option>
</select>
</div>
</div>
</div>
<div class="modal-body">
<div class="row">
</div>
<div class="row" style="margin-top:10px;">
<div class="col-lg-12" style="cursor:pointer" id="keep_both">
<button type="button" class="btn btn-default" data-dismiss="modal" style="background-color:#333;color:#fff;margin-top:5px;">Reporting</button>
</div>
</div>
</div>
<div class="modal-footer">
<textarea class="form-control" rows="3" id="comment" plca
style="margin-top:5px;"></textarea>
<button type="button" class="btn btn-danger" data-dismiss="modal" style="margin-top:5px" >Submit</button>
<button type="button" class="btn btn-default" data-dismiss="modal" style="background-color:#333;color:#fff;margin-top:5px;">Reset</button>
</div>
</div>
</div>
</div>
<!-- Modal Popup -->
<!-- jQuery -->
<script src="<?php print $this->Url; ?>docmtp_new/js/jquery.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="<?php print $this->Url; ?>docmtp_new/js/bootstrap.min.js"></script>
<script type="text/javascript" src="<?php print $this->Url; ?>docmtp_new/js/jquery.slimscroll.js"></script>
<script type="text/javascript" src="<?php print $this->Url; ?>docmtp_new/js/calendar.js"></script>
<script type="text/javascript" src="<?php print $this->Url; ?>docmtp_new/js/sidebar_manager.js"></script>
<!-- Menu Toggle Script -->
<script>
$(function () {
$('#testDiv1').slimScroll({
height: '850px',
width: '100%',
// border: '1px solid #005e98'
});
$('#testDiv2').slimScroll({
height: '450px',
width: '100%',
border: '1px solid #005e98'
});
$('#testDiv3').slimScroll({
height: '450px',
width: '100%',
border: '1px solid #005e98'
});
$('#testDiv4').slimScroll({
height: '450px',
width: '100%',
border: '1px solid #005e98'
});
var monthtxt = $('.month_text').html();
var month = "JanFebMarAprMayJunJulAugSepOctNovDec".indexOf(monthtxt) / 3 + 1;
var year = $('.year_text').html();
if (month < 10) {
month = '0' + month;
}
datetime = year + '-' + month;
var daysinmonth = daysInMonth(month, year);
function daysInMonth(month, year) {
return new Date(year, month, 0).getDate();
}
function convertDate(inputFormat) {
function pad(s) {
return (s < 10) ? '0' + s : s;
}
var d = new Date(inputFormat);
return [pad(d.getDate()), pad(d.getMonth() + 1), d.getFullYear()].join('/');
}
function getKey(obj, prop, val) {
var keys = [];
for (var key in obj) {
if (obj[key].hasOwnProperty(prop) && obj[key][prop] === val && (obj[key]['holiday_name'] == 'SUNDAY' || obj[key]['holiday_name'] == 'FIRST SATURDAY' || obj[key]['holiday_name'] == 'THIRD SATURDAY')) {
keys.push(key);
}
}
return keys;
}
function getKeymtp(obj, prop, val) {
var keys = [];
for (var key in obj) {
if (obj[key].hasOwnProperty(prop) && obj[key][prop] === val) {
keys.push(key);
}
}
return keys;
}
<?php
if ($this->check_for_existing_count[0]['count'] == 0) {
?>
$.ajax({
type: "POST",
url: "<?php print $this->Url ?>index.php/schedule/managermtp/stptomtp",
data: {'datetime': datetime},
success: function (response) {
$('.submit_click').show();
$('.resubmit').hide();
var data_fetch = jQuery.parseJSON(response);
var data = data_fetch[0];
var joint_work = data_fetch[1];
console.log(joint_work);
var flag_id = 0;
var ids = $(".white").map(function ()
{
if (this.id != '' && flag_id == 0)
{
$(this).find('.loc').html('');
if ($(this).find('.number').html() == daysinmonth)
{
flag_id = 1;
}
return this.id;
}
});
console.log(ids);
var j = 1;
$('.white').each(function () {
if (getKey(data['current_month_holiday'], 'Date', $(this).find('.number').html()) == '') {
$(this).addClass(j + '_working');
j = j + 1;
}
});
jQuery.each(ids, function (i, val) {
$('#' + val).find('.loc').html(" ");
var newdate = datetime + '-' + $('#' + val).find('.number').html();
//alert(newdate);
// alert(newdate+','+getKey(data_joint, 'joint_date', newdate));
if (getKeymtp(joint_work, 'submit_time', newdate) == '') {
$('#' + val).find('.bottommenu').html('<a href="#"><div class="no"></div></a><a href="#"><div class="add"><span data-target="#empdata" data-toggle="modal" class="fa fa-user-plus"></span></div></a>');
} else {
// alert(val);
$('#' + val).addClass('blue');
$('#' + val).find('.bottommenu').html('<a href="#"><div class="no"></div></a><a href="#"><div id="acomp" class="glyphicon glyphicon-user" style="color:rgb(239, 56, 49)"></div></a>');
$('#' + val).addClass(joint_work[getKeymtp(joint_work, 'submit_time', newdate)]['working_id'] + '_working');
$('#' + val).find('.loc').html(joint_work[getKeymtp(joint_work, 'submit_time', newdate)]['cluster_name'].toUpperCase());
$('#' + val).find('.loc').attr('id', joint_work[getKeymtp(joint_work, 'submit_time', newdate)]['cluster_id'] + '~' + joint_work[getKeymtp(joint_work, 'submit_time', newdate)]['employee_id']);
$('#' + val).find('.no').html(joint_work[getKeymtp(joint_work, 'submit_time', newdate)]['total_no_of_hospital']);
}
var flag = 0;
//console.log($('#'+val).hasClass('white'));
jQuery.each(data['current_month_holiday'], function (k, day) {
if ($('#' + val).find('.number').html() == day['Date'])
{
flag = 1;
var holiday_name_value = $('#' + val).find('.loc').html();
$('#' + val).find('.loc').html(holiday_name_value + ' ' + day['holiday_name'].toUpperCase());
$('#' + val).find('.loc').css("color", "red");
$('#' + val).find('.edit').attr("id", "");
$('#' + val).find('.number').css("opacity", "0.2");
$('#' + val).find('.edit').html("");
$('#' + val).find('.edit').attr("class", "edit_disabled");
$('#' + val).find('.bottommenu').html('');
if (day['holiday_name'] != 'SUNDAY') {
j = j + 1;
}
}
});
});
$('#acomp').on('click', function (event) {
var code = "BootstrapDialog.show({" +
" title: 'accompanied with'," +
" message: 'Raju Ganga Prasad Sharma'," +
"size: BootstrapDialog.SIZE_SMALL," +
"})";
eval(code);
});
$('.add').click(function () {
var day = $(this).parent().parent().parent().find('.number').html();
if (day < 10) {
day = 0 + day;
}
var date = datetime + '-' + day;
var date_format_change = convertDate(date);
$.ajax({
async: false,
type: "POST",
url: "<?php print $this->Url ?>index.php/schedule/managermtp/fetchempwork",
data: {'date': date},
success: function (response) {
var data = jQuery.parseJSON(response);
$('#empdata').html('<div class="modal-dialog"> ' +
'<div class="modal-content">' +
'<div class="modal-header" >' +
' <button type="button" class="close" data-dismiss="modal">×</button>' +
' <h4 class="modal-title">Joint Work</h4>' +
'</div>' +
'<div class="modal-header" style="background:#d4d4d4;color:#000;"> ' +
' <div class="row">' +
'Are you going to work with ?' +
'<div style="float:right">Date:' + date_format_change + '</div>' +
' </div>' +
' </div>' +
' <div class="modal-body">' +
' <table class="table table-striped">' +
'<thead>' +
'<tr>' +
'<th></th>' +
'<th>Name</th>' +
'<th>Cluster Name</th>' +
'</tr>' +
'</thead>' +
' <tbody class="empfetchdata">' +
' </tbody>' +
'</table>' +
' </div>' +
'<div class="modal-footer">' +
'<button type="button" class="btn btn-default submitjointwork" data-dismiss="modal" >OK</button>' +
'</div>' +
'</div> ' +
'</div>');
for (var i = 0; i < data.length; i++) {
$('.empfetchdata').append(' <tr>' +
' <td><input type="checkbox" name="empfetchno[1][]" id="' + data[i]['employee_id'] + '^' + date + '"></td>' +
' <td>' + data[i]['first_name'].toUpperCase() + '</td>' +
' <td>' + data[i]['cluster_name'].toUpperCase() + '</td>' +
' </tr>');
}
$("input:checkbox").on('click', function () {
// in the handler, 'this' refers to the box clicked on
var $box = $(this);
if ($box.is(":checked")) {
// the name of the box is retrieved using the .attr() method
// as it is assumed and expected to be immutable
var group = "input:checkbox[name='" + $box.attr("name") + "']";
// the checked state of the group/box on the other hand will change
// and the current value is retrieved using .prop() method
$(group).prop("checked", false);
$box.prop("checked", true);
} else {
$box.prop("checked", false);
}
});
$('.submitjointwork').click(function () {
var empid_date = $('input[name="empfetchno[1][]"]:checked').attr('id').split('^');
$.ajax({
async: false,
type: "POST",
url: "<?php print $this->Url ?>index.php/schedule/managermtp/submitjointwork",
data: {'emp_id': empid_date[0], 'date': empid_date[1]},
success: function (response) {
// var data = jQuery.parseJSON(response);
alert(response);
location.reload();
}
});
})
}
});
});
}
});
<?php
} else {
?>
// alert(datetime);
$.ajax({
type: "POST",
url: "<?php print $this->Url ?>index.php/schedule/managermtp/mtptocal",
data: {'datetime': datetime},
success: function (response) {
$('.submit_click').hide();
$('.resubmit').show();
var data_fetch = jQuery.parseJSON(response);
var data = data_fetch[0];
var ids = $(".white").map(function ()
{
$(this).find('.bottommenu').html('<a href="#"><div class="no"></div></a><a href="#"><div class="add"><span data-target="#empdata" data-toggle="modal" class="fa fa-user-plus"></span></div></a>');
$(this).find('.loc').html(" ");
if (getKey(data, 'submit_time', $(this).find('.number').html()) != '') {
return this.id;
}
});
console.log(ids);
jQuery.each(ids, function (i, id) {
jQuery.each(data, function (k, mtp) {
var working_name = ids[k];
var cluster_name = mtp['cluster_name'];
var total_no_of_hospital = mtp['total_no_of_hospital'];
var cluster_id = mtp['cluster_id'];
var working_id = mtp['working_id'];
if ($('#' + working_name).find('.number').html() == mtp['submit_time']) {
if (total_no_of_hospital == 0)
{
$('#' + working_name).find('.loc').html(cluster_name.toUpperCase());
$('#' + working_name).find('.loc').css("color", "red");
$('#' + working_name).find('.edit').attr("id", "");
$('#' + working_name).find('.number').css("opacity", "0.2");
$('#' + working_name).find('.edit').html("");
$('#' + working_name).find('.edit').attr("class", "edit_disabled");
$('#' + working_name).find('.bottommenu').html("");
} else {
$('#' + working_name).addClass(working_id + '_working');
$('#' + working_name).find('.loc').html(cluster_name.toUpperCase());
$('#' + working_name).find('.loc').attr('id', cluster_id);
$('#' + working_name).find('.bottommenu').html('<a href="#"><div class="no"></div></a><a href="#"><div class="glyphicon glyphicon-user" style="color:rgb(239, 56, 49)"></div></a>');
$('#' + working_name).find('.no').html(total_no_of_hospital);
}
}
});
});
// alert(submitflag);
// alert(pendingflag);
var data = data_fetch[1];
var ids = $(".white").map(function ()
{
// $(this).find('.bottommenu').html('<a href="#"><div class="no"></div></a><a href="#"><div class="add"><span data-target="#empdata" data-toggle="modal" class="fa fa-user-plus"></span></div></a>');
// $(this).find('.loc').html(" ");
if (getKey(data, 'submit_time', $(this).find('.number').html()) != '') {
return this.id;
}
});
console.log(ids);
jQuery.each(ids, function (i, id) {
jQuery.each(data, function (k, mtp) {
var working_name = ids[k];
var cluster_name = mtp['cluster_name'];
var total_no_of_hospital = mtp['total_no_of_hospital'];
var cluster_id = mtp['cluster_id'];
var working_id = mtp['working_id'];
var employee_id = mtp['employee_id'];
if ($('#' + working_name).find('.number').html() == mtp['submit_time']) {
$('#' + working_name).addClass(working_id + '_working');
$('#' + working_name).addClass('blue');
$('#' + working_name).find('.loc').html(cluster_name.toUpperCase());
$('#' + working_name).find('.loc').attr('id', cluster_id + '~' + employee_id);
$('#' + working_name).find('.bottommenu').html('<a href="#"><div class="no"></div></a><a href="#"><div class="glyphicon glyphicon-user" style="color:rgb(239, 56, 49)"></div></a>');
$('#' + working_name).find('.no').html(total_no_of_hospital);
}
});
});
$('.add').click(function () {
var day = $(this).parent().parent().parent().find('.number').html();
if (day < 10) {
day = 0 + day;
}
var date = datetime + '-' + day;
var date_format_change = convertDate(date);
$.ajax({
async: false,
type: "POST",
url: "<?php print $this->Url ?>index.php/schedule/managermtp/fetchempwork",
data: {'date': date},
success: function (response) {
var data = jQuery.parseJSON(response);
$('#empdata').html('<div class="modal-dialog"> ' +
'<div class="modal-content">' +
'<div class="modal-header" >' +
' <button type="button" class="close" data-dismiss="modal">×</button>' +
' <h4 class="modal-title">Joint Work</h4>' +
'</div>' +
'<div class="modal-header" style="background:#d4d4d4;color:#000;"> ' +
' <div class="row">' +
'Are you going to work with ?' +
'<div style="float:right">Date:' + date_format_change + '</div>' +
' </div>' +
' </div>' +
' <div class="modal-body">' +
' <table class="table table-striped">' +
'<thead>' +
'<tr>' +
'<th></th>' +
'<th>Name</th>' +
'<th>Cluster Name</th>' +
'</tr>' +
'</thead>' +
' <tbody class="empfetchdata">' +
' </tbody>' +
'</table>' +
' </div>' +
'<div class="modal-footer">' +
'<button type="button" class="btn btn-default submitjointwork" data-dismiss="modal" >OK</button>' +
'</div>' +
'</div> ' +
'</div>');
for (var i = 0; i < data.length; i++) {
$('.empfetchdata').append(' <tr>' +
' <td><input type="checkbox" name="empfetchno[1][]" id="' + data[i]['employee_id'] + '^' + date + '"></td>' +
' <td>' + data[i]['first_name'].toUpperCase() + '</td>' +
' <td>' + data[i]['cluster_name'].toUpperCase() + '</td>' +
' </tr>');
}
$("input:checkbox").on('click', function () {
// in the handler, 'this' refers to the box clicked on
var $box = $(this);
if ($box.is(":checked")) {
// the name of the box is retrieved using the .attr() method
// as it is assumed and expected to be immutable
var group = "input:checkbox[name='" + $box.attr("name") + "']";
// the checked state of the group/box on the other hand will change
// and the current value is retrieved using .prop() method
$(group).prop("checked", false);
$box.prop("checked", true);
} else {
$box.prop("checked", false);
}
});
$('.submitjointwork').click(function () {
var empid_date = $('input[name="empfetchno[1][]"]:checked').attr('id').split('^');
$.ajax({
async: false,
type: "POST",
url: "<?php print $this->Url ?>index.php/schedule/managermtp/submitjointwork",
data: {'emp_id': empid_date[0], 'date': empid_date[1]},
success: function (response) {
// var data = jQuery.parseJSON(response);
alert(response);
location.reload();
}
});
})
}
});
});
}
})
<?php
}
?>
$(".edit span").click(function (e) {
$("#sidebar-wrapper").show();
e.preventDef