×

Welcome to TagMyCode

Please login or create account to add a snippet.
0
0
 
0
Language: Apache
Posted by: satish soni
Added: Jul 9, 2016 8:37 AM
Views: 7
Tags: no tags
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3.     <head>
  4.         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5.         <title>Manager MTP</title>
  6.  
  7.         <!-- Bootstrap Core CSS -->
  8.         <link href="<?php print $this->Url; ?>docmtp_new/css/bootstrap.min.css" rel="stylesheet">
  9.  
  10.             <!-- Custom CSS -->
  11.             <link href="<?php print $this->Url; ?>docmtp_new/css/style.css" rel="stylesheet">
  12.  
  13.                 <!-- Custom Fonts -->
  14.                 <link href="<?php print $this->Url; ?>docmtp_new/font-awesome-4.4.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
  15.                     <style>
  16.                         .checkbox{margin:0}
  17.                         .list-group-item{padding:5px;}
  18.                         .delete {
  19.                             background: #b73d30 none repeat scroll 0 0;
  20.                             color: #fff;
  21.                             float: right;
  22.                             font-size: 15px;
  23.                             font-weight: bold;
  24.                             height: 50px;
  25.                             line-height: 50px;
  26.                             margin-right: 5px;
  27.                             text-align: center;
  28.                         }
  29.                     </style>
  30.                     </head>
  31.  
  32.                     <body>
  33.                         <header style="height:150px">
  34.                             <div style="width:100%">            
  35.                                 <div style="float:left;width:30%;height:75px;background:#c2c2c2">            
  36.                                     <div class="stp">STP</div>
  37.                                 </div>
  38.                                 <div style="float:left;width:30%;height:112px;background:#c2c2c2">
  39.                                     <div class="schedule">            
  40.                                         <div class="cal"></div>
  41.                                         <div class="cal_text">SCHEDULED</div>
  42.                                     </div>
  43.                                 </div>
  44.                                 <div style="float:left;width:29.8%;height:75px;background:#c2c2c2;margin-right:2px;">            
  45.                                     <div class="mtp">MTP</div>
  46.                                 </div>
  47.                                 <div style="float:left;width:10%;height:75px;background:#575757">            
  48.                                     <div class="year_text"></div>
  49.                                 </div>
  50.                             </div>
  51.  
  52.                             <div style="width:100%">            
  53.                                 <div style="float:right;width:10%;height:73px;background:#929292;margin-top:2px">            
  54.                                     <a href="#"><div class="left_arr"></div></a>
  55.                                     <div class="month_text"></div>
  56.                                     <a href="#"><div class="right_arr"></div></a>
  57.                                 </div>
  58.                                 <div class="mr_details" style="background-color:#fbd500">            
  59.                                     <div style="width:50%;float:left;padding-left:20px;">DESIGNATION:<?php echo strtoupper($this->emp_detail[0]['hierarchy_name']); ?></div>
  60.                                     <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>
  61.                                 </div>          
  62.                                 <div class="mr_name" style="background-color:#fbd500">
  63.                                     <?php echo strtoupper($this->emp_detail[0]['first_name']); ?>
  64.                                 </div>    
  65.                                 <div class="analytics">            
  66.                                     <!-- Tab Navigation Part
  67.                                                     <marquee behavior="scroll" scrolldelay="100" width="100%">            -->            
  68.                                     <div class="boxtab_manager">                       
  69.                                         <div style="width:auto;float:left">
  70.                                             <div class="dcr_dtls dcr_blue" style="border:0">Target</div>              
  71.                                             <div class="dcr_dtls" style="padding:0 1px;">:</div>                        
  72.                                             <div class="dcr_dtls dcr_black" >80 Lakhs</div>                    
  73.                                         </div>
  74.  
  75.                                         <div style="width:auto;float:left">
  76.                                             <div class="dcr_dtls dcr_blue" >Target Achieved</div>                      
  77.                                             <div class="dcr_dtls" style="padding:0 1px;">:</div>                        
  78.                                             <div class="dcr_dtls dcr_black" >45 Lakhs</div>
  79.                                         </div>                 
  80.  
  81.                                         <div style="width:auto;float:left">
  82.                                             <div class="dcr_dtls dcr_blue" >Percentage Achieved</div>                  
  83.                                             <div class="dcr_dtls" style="padding:0 1px;">:</div>                        
  84.                                             <div class="dcr_dtls dcr_black" >80%</div>                  
  85.                                         </div>
  86.                                         <div style="width:auto;float:left">                    
  87.                                             <div class="dcr_dtls dcr_blue" >Total No. of Calls</div>                    
  88.                                             <div class="dcr_dtls" style="padding:0 1px;">:</div>                        
  89.                                             <div class="dcr_dtls dcr_black" >80</div>                  
  90.                                         </div>
  91.                                         <div style="width:auto;float:left">
  92.                                             <div class="dcr_dtls dcr_blue" >Total No. of Doctors</div>                  
  93.                                             <div class="dcr_dtls" style="padding:0 1px;">:</div>                        
  94.                                             <div class="dcr_dtls dcr_black" >80</div>                  
  95.                                         </div>
  96.                                         <div style="width:20%;float:left">
  97.                                             <div class="dcr_dtls dcr_blue" >Total No. of Missed Calls</div>                    
  98.                                             <div class="dcr_dtls" style="padding:0 1px;">:</div>                        
  99.                                             <div class="dcr_dtls dcr_black brdnr" >80</div>              
  100.                                         </div>
  101.                                     </div>
  102.                                     <!-- </marquee>              -->
  103.                                     <!-- Tabs part Ends -->    
  104.                                     <!--<a href="#"><div class="submit" data-toggle="modal" data-target="#act_alert">SUBMIT</div></a>-->
  105.  
  106.                                     <!--  Approve And Reject Buttons-->
  107.                                     <a href="#"><div class="approve" data-toggle="modal" data-target="#act_alert">Approve</div></a>
  108.                                     <a href="#"><div class="reject" data-toggle="modal" data-target="#reason">Reject</div></a>
  109.  
  110.                                 </div>
  111.  
  112.  
  113.                             </div>
  114.                         </header>
  115.  
  116.                         <div id="wrapper">
  117.  
  118.                             <!-- Sidebar -->
  119.                             <div id="sidebar-wrapper">
  120.                                 <div class="row head">
  121.                                     <a href="#"><div class="col-lg-3" id="hosp"></div></a>
  122.                                     <a href="#"><div class="col-lg-3 search_hosp" id="search_hosp"></div></a>
  123.                                     <a href="#"><div class="col-lg-3 missed_hosp" id="missed_hosp"></div></a>
  124.                                     <a href="#"><div class="col-lg-3 search_mr  " id="search_mr"></div></a>
  125.                                     <a href="#"><div class="col-lg-3 activitiescal" id="activities"></div></a>
  126.                                 </div>
  127.  
  128.                                 <div class="big_box"></div>
  129.  
  130.                                 <div class="row bottom">               
  131.                                     <!--<div class="col-lg-2 pencil">
  132.                                             <span class="glyphicon glyphicon-pencil" style="color:#fff;padding:15px 0"></span>
  133.                                     </div>-->
  134.                                     <a href="#"><div class="col-lg-5 delete" data-toggle="modal" data-target="#confirm">VIEW DCR</div></a>
  135.                                 </div>        
  136.                             </div>
  137.                             <!-- /#sidebar-wrapper -->
  138.  
  139.                             <!-- Page Content -->
  140.                             <div id="page-content-wrapper">
  141.                                 <div class="container-fluid">
  142.                                     <div class="row" id="head">
  143.                                         <div class="row">
  144.                                             <div class="col-md-2">SUN</div>
  145.                                             <div class="col-md-2">MON</div>
  146.                                             <div class="col-md-2">TUE</div>
  147.                                             <div class="col-md-2">WED</div>
  148.                                             <div class="col-md-2">THU</div>
  149.                                             <div class="col-md-2">FRI</div>
  150.                                             <div class="col-md-2">SAT</div>
  151.                                         </div>
  152.                                     </div>                
  153.  
  154.                                     <div class="row" id="rest">
  155.                                         <div class="row">                    
  156.                                             <div class="col-md-2 " id="col1" ></div>                  
  157.                                             <div class="col-md-2" id="col2" ></div>                    
  158.                                             <div class="col-md-2"  id="col3"></div>                  
  159.                                             <div class="col-md-2" id="col4" ></div>
  160.                                             <div class="col-md-2" id="col5" ></div>                    
  161.                                             <div class="col-md-2" id="col6"></div>                    
  162.                                             <div class="col-md-2" id="col7" ></div>
  163.                                         </div>
  164.  
  165.                                         <div class="row">
  166.                                             <div class="col-md-2" id="col8"></div>
  167.                                             <div class="col-md-2" id="col9"></div>
  168.                                             <div class="col-md-2" id="col10"></div>
  169.                                             <div class="col-md-2" id="col11"></div>
  170.                                             <div class="col-md-2" id="col12"></div>
  171.                                             <div class="col-md-2" id="col13"></div>
  172.                                             <div class="col-md-2" id="col14"></div>
  173.                                         </div>
  174.  
  175.                                         <div class="row">
  176.                                             <div class="col-md-2" id="col15"></div>
  177.                                             <div class="col-md-2" id="col16"></div>
  178.                                             <div class="col-md-2" id="col17"></div>
  179.                                             <div class="col-md-2" id="col18"></div>
  180.                                             <div class="col-md-2" id="col19"></div>
  181.                                             <div class="col-md-2" id="col20"></div>
  182.                                             <div class="col-md-2" id="col21"></div>
  183.                                         </div>
  184.  
  185.                                         <div class="row">
  186.                                             <div class="col-md-2" id="col22"></div>
  187.                                             <div class="col-md-2" id="col23"></div>
  188.                                             <div class="col-md-2" id="col24"></div>
  189.                                             <div class="col-md-2" id="col25"></div>
  190.                                             <div class="col-md-2" id="col26"></div>
  191.                                             <div class="col-md-2" id="col27"></div>
  192.                                             <div class="col-md-2" id="col28"></div>
  193.                                         </div>
  194.  
  195.                                         <div class="row">
  196.                                             <div class="col-md-2" id="col29"></div>
  197.                                             <div class="col-md-2" id="col30"></div>
  198.                                             <div class="col-md-2" id="col31"></div>
  199.                                             <div class="col-md-2" id="col32"></div>
  200.                                             <div class="col-md-2 " id="col33"></div>
  201.                                             <div class="col-md-2 " id="col34"></div>
  202.                                             <div class="col-md-2 " id="col35"></div>
  203.                                         </div>
  204.  
  205.                                         <div class="row">
  206.                                             <div class="col-md-2" id="col36"></div>
  207.                                             <div class="col-md-2" id="col37"></div>
  208.                                             <div class="col-md-2" id="col38"></div>
  209.                                             <div class="col-md-2" id="col39"></div>
  210.                                             <div class="col-md-2" id="col40"></div>
  211.                                             <div class="col-md-2" id="col41"></div>
  212.                                             <div class="col-md-2" id="col42"></div>
  213.                                         </div>
  214.                                     </div>
  215.                                 </div>
  216.                             </div>
  217.                             <!-- /#page-content-wrapper -->
  218.  
  219.                             <!-- Modal Popup -->
  220.                             <div class="modal fade" id="myModal" role="dialog">
  221.                                 <div class="modal-dialog">    
  222.                                     <!-- Modal content-->
  223.                                     <div class="modal-content">
  224.                                         <div class="modal-header" >
  225.                                             <button type="button" class="close" data-dismiss="modal">&times;</button>
  226.                                             <h4 class="modal-title">MOVE HOSPITALS</h4>
  227.                                         </div>
  228.                                         <div class="modal-header" style="background:#d4d4d4;color:#000;">                              
  229.                                             <div class="row">
  230.                                                 <div class="col-lg-5" style="float:left">
  231.                                                     From Date:<span style="font-weight:bolder">16/10/1991</span>
  232.                                                 </div>
  233.                                                 <div class="col-lg-5" style="float:right;text-align:right">
  234.                                                     Andheri
  235.                                                 </div>
  236.                                             </div>
  237.                                             <div class="row">
  238.                                                 <div class="col-lg-5">
  239.                                                     To Date:<span style="font-weight:bolder">16/10/1991</span>
  240.                                                 </div>
  241.                                                 <div class="col-lg-5" style="float:right;text-align:right">
  242.                                                     Dadar
  243.                                                 </div>
  244.                                             </div>
  245.                                         </div>
  246.                                         <div class="modal-body">
  247.                                             <div class="row">
  248.                                                 <div class="col-lg-12">
  249.                                                     <b><font size="+1">There is already a hospital with the same name in this Location!</b></font>
  250.                                                 </div>
  251.                                             </div>
  252.                                             <div class="row">
  253.                                                 <div class="col-lg-12" style="background:#f1f1f1;cursor:pointer" id="move_replace">
  254.                                                     <span class="glyphicon glyphicon-arrow-right" style="color:#439e03"></span><font color="#e84c3d"><b>&nbsp;&nbsp;MOVE & REPLACE</b></font>
  255.                                                 </div>
  256.                                                 <div class="col-lg-12" style="background:#f1f1f1">
  257.                                                     Replace the Hospital from this destination cluster with the hospital name you are moving!
  258.                                                 </div>
  259.                                             </div>
  260.                                             <div class="row" style="margin-top:10px;">
  261.                                                 <div class="col-lg-12" style="background:#f1f1f1;cursor:pointer" id="dont_move">
  262.                                                     <span class="glyphicon glyphicon-arrow-right" style="color:#439e03"></span><font color="#e84c3d"><b>&nbsp;&nbsp;DON'T MOVE</b></font>
  263.                                                </div>
  264.                                                <div class="col-lg-12" style="background:#f1f1f1">
  265.                                                    Replace the Hospital from this destination cluster with the hospital name you are moving!
  266.                                                </div>
  267.                                            </div>
  268.                                            <div class="row" style="margin-top:10px;">
  269.                                                <div class="col-lg-12" style="background:#f1f1f1;cursor:pointer" id="keep_both">
  270.                                                    <span class="glyphicon glyphicon-arrow-right" style="color:#439e03"></span><font color="#e84c3d"><b>&nbsp;&nbsp;MOVE & KEEP BOTH HOSPITALS</b></font>
  271.                                                </div>
  272.                                                <div class="col-lg-12" style="background:#f1f1f1">
  273.                                                    Replace the Hospital from this destination cluster with the hospital name you are moving!
  274.                                                </div>
  275.                                            </div>
  276.                                        </div>
  277.                                        <div class="modal-footer">
  278.                                            <!--<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>-->
  279.                                            <div class="checkbox">
  280.                                                <label><input type="checkbox" value="">Do This For Next* Conflicts</label>
  281.                                            </div>
  282.                                        </div>
  283.                                    </div>            
  284.                                </div>
  285.                            </div>
  286.                            <!-- Modal Popup -->
  287.  
  288.                            <!-- Delete Confirmation -->  
  289.                            <div id="confirm" class="modal fade" role="dialog">
  290.                                <div class="modal-dialog">
  291.  
  292.                                    <!-- Modal content-->
  293.                                    <div class="modal-content">
  294.                                        <div class="modal-header" >
  295.                                            <button type="button" class="close" data-dismiss="modal">&times;</button>
  296.                                            <h4 class="modal-title">Are You Sure?</h4>
  297.                                        </div>
  298.                                        <div class="modal-body">
  299.                                            <p style="font-size:14px;font-weight:bold;">Are You Sure you want to Delete the selected  Hospital permanently?</p>
  300.                                            <ul>
  301.                                                <li>Hospital Names</li>
  302.                                                <li>Hospital Names</li>
  303.                                                <li>Hospital Names</li>
  304.                                            </ul>                                              
  305.                                        </div>
  306.                                        <div class="modal-footer">
  307.                                            <button type="button" class="btn btn-danger" data-dismiss="modal" >Yes</button>
  308.                                            <button type="button" class="btn btn-default" data-dismiss="modal">No</button>
  309.                                        </div>
  310.                                    </div>      
  311.                                </div>
  312.                             </div>             
  313.                            <!-- Delete Confirmation -->  
  314.  
  315.                            <!-- Activities Alert -->  
  316.                            <div id="act_alert" class="modal fade" role="dialog">
  317.                                <div class="modal-dialog">
  318.  
  319.                                    <!-- Modal content-->
  320.                                    <div class="modal-content">
  321.                                        <div class="modal-header" >
  322.                                            <button type="button" class="close" data-dismiss="modal">&times;</button>
  323.                                            <h4 class="modal-title">Activities Alert</h4>
  324.                                        </div>
  325.                                         <div class="modal-header" style="background:#d4d4d4;color:#000;">                              
  326.                                            <div class="row">
  327.                                                <div class="col-lg-5" style="float:left">
  328.                                                    Date:<span style="font-weight:bolder">16/10/1991</span>
  329.                                                </div>
  330.                                                <div class="col-lg-5" style="float:right;text-align:right">
  331.                                                    Andheri
  332.                                                </div>
  333.                                            </div>                        
  334.                                        </div>
  335.                                        <div class="modal-body">
  336.                                            <p style="font-size:14px;font-weight:bold;">Select your Activity plan from below:</p>
  337.                                            <div class="radio">
  338.                                                <label style="color:#2f549b"><input type="radio" name="optradio">Full Day Activity</label>
  339.                                            </div>
  340.                                            <div class="radio">
  341.                                                <label style="color:#2f549b"><input type="radio" name="optradio">Activity with Scheduled Day Plan</label>
  342.                                            </div>
  343.                                        </div>
  344.                                        <div class="modal-footer">
  345.                                            <button type="button" class="btn btn-danger" data-dismiss="modal" >Yes</button>
  346.                                            <button type="button" class="btn btn-default" data-dismiss="modal">No</button>
  347.                                        </div>
  348.                                    </div>      
  349.                                </div>
  350.                             </div>             
  351.                            <!-- Activities Alert -->  
  352.  
  353.                            <div id="reason" class="modal fade" role="dialog">
  354.                                <div class="modal-dialog">
  355.  
  356.                                    <!-- Modal content-->
  357.                                    <div class="modal-content">
  358.                                        <div class="modal-header" >
  359.                                            <button type="button" class="close" data-dismiss="modal">&times;</button>
  360.                                            <h4 class="modal-title">Enter Reason for Rejection</h4>
  361.                                        </div>
  362.                                        <div class="modal-body">
  363.                                            <div class="form-group">
  364.                                                <label for="comment">Remark:</label>
  365.                                                <textarea class="form-control" rows="5" id="comment"></textarea>
  366.                                            </div>                                            
  367.                                        </div>
  368.                                        <div class="modal-footer">
  369.                                            <button type="button" class="btn btn-danger" data-dismiss="modal" >Submit</button>
  370.                                            <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
  371.                                        </div>
  372.                                    </div>      
  373.                                </div>
  374.                            </div>        
  375.                            <div class="modal fade" id="empdata" role="dialog">
  376.                            </div>
  377.  
  378.                            <div class="modal fade" id="activity_type" role="dialog">
  379.                                <div class="modal-dialog">    
  380.                                    <!-- Modal content-->
  381.                                    <div class="modal-content">
  382.                                        <div class="modal-header" >
  383.                                            <button type="button" class="close" data-dismiss="modal">&times;</button>
  384.                                            <h4 class="modal-title">TYPE OF ACTIVITY</h4>
  385.                                        </div>
  386.                                         <div class="modal-header" style="background:#d4d4d4;color:#000;height:auto;">                          
  387.                                            <div class="row" style="">
  388.                                                <div class="col-md-4" style="float:left;">
  389.                                                    From Date:<span style="font-weight:bolder">16/10/1991</span>
  390.                                                </div>
  391.                                                <div class="col-md-4" style="float:left;">
  392.                                                    Andheri
  393.                                                </div>
  394.                                                <div class="col-md-4" style="float:left;">
  395.                                                    <select>
  396.                                                        <option>Select Your Activity Type</option>
  397.                                                        <option>Field Work</option>
  398.                                                        <option>Training</option>
  399.                                                        <option>Symposia/Conference</option>
  400.                                                        <option>Transit</option>
  401.                                                        <option>HQ Meeting</option>
  402.                                                    </select>
  403.                                                </div>
  404.                                            </div>                        
  405.                                        </div>
  406.                                         <div class="modal-body">                               
  407.                                            <div class="row">
  408.  
  409.                                            </div>                        
  410.                                            <div class="row" style="margin-top:10px;">
  411.                                                <div class="col-lg-12" style="cursor:pointer" id="keep_both">
  412.                                                    <button type="button" class="btn btn-default" data-dismiss="modal" style="background-color:#333;color:#fff;margin-top:5px;">Reporting</button>
  413.                                                </div>                            
  414.                                            </div>
  415.  
  416.                                        </div>
  417.                                        <div class="modal-footer">
  418.                                            <textarea class="form-control" rows="3" id="comment" plca
  419.                                                      style="margin-top:5px;"></textarea>
  420.                                            <button type="button" class="btn btn-danger" data-dismiss="modal" style="margin-top:5px" >Submit</button>
  421.                                            <button type="button" class="btn btn-default" data-dismiss="modal" style="background-color:#333;color:#fff;margin-top:5px;">Reset</button>
  422.                                         </div>                         
  423.                                    </div>            
  424.                                </div>
  425.                            </div>
  426.                            <!-- Modal Popup -->      
  427.  
  428.                            <!-- jQuery -->
  429.                            <script src="<?php print $this->Url; ?>docmtp_new/js/jquery.js"></script>
  430.  
  431.                            <!-- Bootstrap Core JavaScript -->
  432.                            <script src="<?php print $this->Url; ?>docmtp_new/js/bootstrap.min.js"></script>
  433.                            <script type="text/javascript" src="<?php print $this->Url; ?>docmtp_new/js/jquery.slimscroll.js"></script>    
  434.                            <script type="text/javascript" src="<?php print $this->Url; ?>docmtp_new/js/calendar.js"></script>    
  435.                            <script type="text/javascript" src="<?php print $this->Url; ?>docmtp_new/js/sidebar_manager.js"></script>    
  436.                            <!-- Menu Toggle Script -->
  437.                            <script>
  438.  
  439.                                $(function () {
  440.                                    $('#testDiv1').slimScroll({
  441.                                         height: '850px',
  442.                                         width: '100%',
  443.                                         //                        border: '1px solid #005e98'
  444.                                     });
  445.  
  446.                                     $('#testDiv2').slimScroll({
  447.                                         height: '450px',
  448.                                         width: '100%',
  449.                                         border: '1px solid #005e98'
  450.                                     });
  451.  
  452.                                     $('#testDiv3').slimScroll({
  453.                                         height: '450px',
  454.                                         width: '100%',
  455.                                         border: '1px solid #005e98'
  456.                                     });
  457.  
  458.                                     $('#testDiv4').slimScroll({
  459.                                         height: '450px',
  460.                                         width: '100%',
  461.                                         border: '1px solid #005e98'
  462.                                     });
  463.                                     var monthtxt = $('.month_text').html();
  464.                                     var month = "JanFebMarAprMayJunJulAugSepOctNovDec".indexOf(monthtxt) / 3 + 1;
  465.                                     var year = $('.year_text').html();
  466.                                     if (month < 10) {
  467.                                         month = '0' + month;
  468.                                     }
  469.                                     datetime = year + '-' + month;
  470.                                     var daysinmonth = daysInMonth(month, year);
  471.                                     function daysInMonth(month, year) {
  472.                                         return new Date(year, month, 0).getDate();
  473.                                     }
  474.                                     function convertDate(inputFormat) {
  475.                                         function pad(s) {
  476.                                             return (s < 10) ? '0' + s : s;
  477.                                         }
  478.                                         var d = new Date(inputFormat);
  479.                                         return [pad(d.getDate()), pad(d.getMonth() + 1), d.getFullYear()].join('/');
  480.                                     }
  481.                                     function getKey(obj, prop, val) {
  482.                                         var keys = [];
  483.                                         for (var key in obj) {
  484.  
  485.                                             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')) {
  486.                                                 keys.push(key);
  487.                                             }
  488.                                         }
  489.  
  490.                                         return keys;
  491.                                     }
  492.                                     function getKeymtp(obj, prop, val) {
  493.                                         var keys = [];
  494.                                         for (var key in obj) {
  495.  
  496.                                             if (obj[key].hasOwnProperty(prop) && obj[key][prop] === val) {
  497.                                                 keys.push(key);
  498.                                             }
  499.                                         }
  500.  
  501.                                         return keys;
  502.                                     }
  503. <?php
  504. if ($this->check_for_existing_count[0]['count'] == 0) {
  505.     ?>
  506.  
  507.                                         $.ajax({
  508.                                             type: "POST",
  509.                                             url: "<?php print $this->Url ?>index.php/schedule/managermtp/stptomtp",
  510.                                             data: {'datetime': datetime},
  511.                                             success: function (response) {
  512.                                                 $('.submit_click').show();
  513.                                                 $('.resubmit').hide();
  514.                                                 var data_fetch = jQuery.parseJSON(response);
  515.                                                 var data = data_fetch[0];
  516.                                                 var joint_work = data_fetch[1];
  517.                                                 console.log(joint_work);
  518.                                                 var flag_id = 0;
  519.  
  520.                                                 var ids = $(".white").map(function ()
  521.                                                 {
  522.                                                     if (this.id != '' && flag_id == 0)
  523.                                                     {
  524.                                                         $(this).find('.loc').html('');
  525.                                                         if ($(this).find('.number').html() == daysinmonth)
  526.                                                         {
  527.                                                             flag_id = 1;
  528.                                                         }
  529.                                                         return this.id;
  530.                                                     }
  531.                                                 });
  532.                                                 console.log(ids);
  533.  
  534.                                                 var j = 1;
  535.                                                 $('.white').each(function () {
  536.                                                     if (getKey(data['current_month_holiday'], 'Date', $(this).find('.number').html()) == '') {
  537.                                                         $(this).addClass(j + '_working');
  538.                                                         j = j + 1;
  539.                                                     }
  540.                                                 });
  541.                                                 jQuery.each(ids, function (i, val) {
  542.  
  543.                                                     $('#' + val).find('.loc').html(" ");
  544.                                                     var newdate = datetime + '-' + $('#' + val).find('.number').html();
  545.                                                     //alert(newdate);
  546.                                                     // alert(newdate+','+getKey(data_joint, 'joint_date', newdate));
  547.  
  548.                                                     if (getKeymtp(joint_work, 'submit_time', newdate) == '') {
  549.  
  550.                                                         $('#' + 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>');
  551.                                                     } else {
  552.                                                         // alert(val);
  553.                                                         $('#' + val).addClass('blue');
  554.                                                         $('#' + 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>');
  555.                                                         $('#' + val).addClass(joint_work[getKeymtp(joint_work, 'submit_time', newdate)]['working_id'] + '_working');
  556.                                                         $('#' + val).find('.loc').html(joint_work[getKeymtp(joint_work, 'submit_time', newdate)]['cluster_name'].toUpperCase());
  557.                                                         $('#' + 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']);
  558.                                                         $('#' + val).find('.no').html(joint_work[getKeymtp(joint_work, 'submit_time', newdate)]['total_no_of_hospital']);
  559.                                                     }
  560.  
  561.                                                     var flag = 0;
  562.                                                     //console.log($('#'+val).hasClass('white'));
  563.                                                     jQuery.each(data['current_month_holiday'], function (k, day) {
  564.                                                         if ($('#' + val).find('.number').html() == day['Date'])
  565.                                                         {
  566.                                                             flag = 1;
  567.                                                             var holiday_name_value = $('#' + val).find('.loc').html();
  568.  
  569.                                                             $('#' + val).find('.loc').html(holiday_name_value + ' ' + day['holiday_name'].toUpperCase());
  570.  
  571.                                                             $('#' + val).find('.loc').css("color", "red");
  572.                                                             $('#' + val).find('.edit').attr("id", "");
  573.                                                             $('#' + val).find('.number').css("opacity", "0.2");
  574.                                                             $('#' + val).find('.edit').html("");
  575.  
  576.                                                             $('#' + val).find('.edit').attr("class", "edit_disabled");
  577.                                                             $('#' + val).find('.bottommenu').html('');
  578.                                                             if (day['holiday_name'] != 'SUNDAY') {
  579.                                                                 j = j + 1;
  580.                                                             }
  581.                                                         }
  582.                                                     });
  583.  
  584.                                                 });
  585.                                                 $('#acomp').on('click', function (event) {
  586.                                                     var code = "BootstrapDialog.show({" +
  587.                                                             "   title: 'accompanied with'," +
  588.                                                             "   message: 'Raju Ganga Prasad Sharma'," +
  589.                                                             "size: BootstrapDialog.SIZE_SMALL," +
  590.                                                             "})";
  591.                                                     eval(code);
  592.                                                 });
  593.  
  594.                                                 $('.add').click(function () {
  595.                                                     var day = $(this).parent().parent().parent().find('.number').html();
  596.                                                     if (day < 10) {
  597.                                                         day = 0 + day;
  598.                                                     }
  599.  
  600.                                                     var date = datetime + '-' + day;
  601.                                                     var date_format_change = convertDate(date);
  602.                                                     $.ajax({
  603.                                                         async: false,
  604.                                                         type: "POST",
  605.                                                         url: "<?php print $this->Url ?>index.php/schedule/managermtp/fetchempwork",
  606.                                                         data: {'date': date},
  607.                                                         success: function (response) {
  608.  
  609.                                                             var data = jQuery.parseJSON(response);
  610.                                                             $('#empdata').html('<div class="modal-dialog">    ' +
  611.                                                                     '<div class="modal-content">' +
  612.                                                                     '<div class="modal-header" >' +
  613.                                                                     '   <button type="button" class="close" data-dismiss="modal">&times;</button>' +
  614.                                                                     '   <h4 class="modal-title">Joint Work</h4>' +
  615.                                                                     '</div>' +
  616.                                                                     '<div class="modal-header" style="background:#d4d4d4;color:#000;">                          ' +
  617.                                                                     '   <div class="row">' +
  618.                                                                     'Are you going to work with ?' +
  619.                                                                     '<div style="float:right">Date:' + date_format_change + '</div>' +
  620.                                                                     '   </div>' +
  621.                                                                     '   </div>' +
  622.                                                                     '       <div class="modal-body">' +
  623.                                                                     '  <table class="table table-striped">' +
  624.                                                                     '<thead>' +
  625.                                                                     '<tr>' +
  626.                                                                     '<th></th>' +
  627.                                                                     '<th>Name</th>' +
  628.                                                                     '<th>Cluster Name</th>' +
  629.                                                                     '</tr>' +
  630.                                                                     '</thead>' +
  631.                                                                     ' <tbody class="empfetchdata">' +
  632.                                                                     ' </tbody>' +
  633.                                                                     '</table>' +
  634.                                                                     '    </div>' +
  635.                                                                     '<div class="modal-footer">' +
  636.                                                                     '<button type="button" class="btn btn-default submitjointwork" data-dismiss="modal" >OK</button>' +
  637.                                                                     '</div>' +
  638.                                                                     '</div>            ' +
  639.                                                                     '</div>');
  640.  
  641.                                                             for (var i = 0; i < data.length; i++) {
  642.                                                                 $('.empfetchdata').append('   <tr>' +
  643.                                                                         '     <td><input type="checkbox" name="empfetchno[1][]" id="' + data[i]['employee_id'] + '^' + date + '"></td>' +
  644.                                                                         '     <td>' + data[i]['first_name'].toUpperCase() + '</td>' +
  645.                                                                         '     <td>' + data[i]['cluster_name'].toUpperCase() + '</td>' +
  646.                                                                         '   </tr>');
  647.                                                             }
  648.                                                             $("input:checkbox").on('click', function () {
  649.                                                                 // in the handler, 'this' refers to the box clicked on
  650.                                                                 var $box = $(this);
  651.                                                                 if ($box.is(":checked")) {
  652.                                                                     // the name of the box is retrieved using the .attr() method
  653.                                                                     // as it is assumed and expected to be immutable
  654.                                                                     var group = "input:checkbox[name='" + $box.attr("name") + "']";
  655.                                                                     // the checked state of the group/box on the other hand will change
  656.                                                                     // and the current value is retrieved using .prop() method
  657.                                                                     $(group).prop("checked", false);
  658.                                                                     $box.prop("checked", true);
  659.                                                                 } else {
  660.                                                                     $box.prop("checked", false);
  661.                                                                 }
  662.                                                             });
  663.                                                             $('.submitjointwork').click(function () {
  664.                                                                 var empid_date = $('input[name="empfetchno[1][]"]:checked').attr('id').split('^');
  665.  
  666.                                                                 $.ajax({
  667.                                                                     async: false,
  668.                                                                     type: "POST",
  669.                                                                     url: "<?php print $this->Url ?>index.php/schedule/managermtp/submitjointwork",
  670.                                                                     data: {'emp_id': empid_date[0], 'date': empid_date[1]},
  671.                                                                     success: function (response) {
  672.  
  673.                                                                         // var data = jQuery.parseJSON(response);
  674.                                                                         alert(response);
  675.                                                                         location.reload();
  676.                                                                     }
  677.                                                                 });
  678.                                                             })
  679.                                                         }
  680.                                                     });
  681.                                                 });
  682.                                             }
  683.                                         });
  684.     <?php
  685. } else {
  686.     ?>
  687.                                         //   alert(datetime);
  688.                                         $.ajax({
  689.                                             type: "POST",
  690.                                             url: "<?php print $this->Url ?>index.php/schedule/managermtp/mtptocal",
  691.                                             data: {'datetime': datetime},
  692.                                             success: function (response) {
  693.                                                 $('.submit_click').hide();
  694.                                                 $('.resubmit').show();
  695.  
  696.  
  697.                                                 var data_fetch = jQuery.parseJSON(response);
  698.                                                 var data = data_fetch[0];
  699.                                                 var ids = $(".white").map(function ()
  700.                                                 {
  701.                                                     $(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>');
  702.                                                     $(this).find('.loc').html("&nbsp;");
  703.                                                     if (getKey(data, 'submit_time', $(this).find('.number').html()) != '') {
  704.                                                         return this.id;
  705.                                                     }
  706.  
  707.                                                 });
  708.                                                 console.log(ids);
  709.  
  710.                                                 jQuery.each(ids, function (i, id) {
  711.                                                     jQuery.each(data, function (k, mtp) {
  712.  
  713.                                                         var working_name = ids[k];
  714.                                                         var cluster_name = mtp['cluster_name'];
  715.                                                         var total_no_of_hospital = mtp['total_no_of_hospital'];
  716.                                                         var cluster_id = mtp['cluster_id'];
  717.                                                         var working_id = mtp['working_id'];
  718.  
  719.                                                         if ($('#' + working_name).find('.number').html() == mtp['submit_time']) {
  720.                                                             if (total_no_of_hospital == 0)
  721.                                                             {
  722.  
  723.                                                                 $('#' + working_name).find('.loc').html(cluster_name.toUpperCase());
  724.                                                                 $('#' + working_name).find('.loc').css("color", "red");
  725.                                                                 $('#' + working_name).find('.edit').attr("id", "");
  726.                                                                 $('#' + working_name).find('.number').css("opacity", "0.2");
  727.                                                                 $('#' + working_name).find('.edit').html("");
  728.                                                                 $('#' + working_name).find('.edit').attr("class", "edit_disabled");
  729.                                                                 $('#' + working_name).find('.bottommenu').html("");
  730.  
  731.                                                             } else {
  732.                                                                 $('#' + working_name).addClass(working_id + '_working');
  733.  
  734.                                                                 $('#' + working_name).find('.loc').html(cluster_name.toUpperCase());
  735.                                                                 $('#' + working_name).find('.loc').attr('id', cluster_id);
  736.                                                                 $('#' + 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>');
  737.                                                                 $('#' + working_name).find('.no').html(total_no_of_hospital);
  738.  
  739.                                                             }
  740.                                                         }
  741.                                                     });
  742.                                                 });
  743.                                                 // alert(submitflag);
  744.                                                 // alert(pendingflag);
  745.                                                 var data = data_fetch[1];
  746.                                                 var ids = $(".white").map(function ()
  747.                                                 {
  748.                                                     // $(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>');
  749.                                                     // $(this).find('.loc').html("&nbsp;");
  750.                                                     if (getKey(data, 'submit_time', $(this).find('.number').html()) != '') {
  751.                                                         return this.id;
  752.                                                     }
  753.  
  754.                                                 });
  755.                                                 console.log(ids);
  756.  
  757.                                                 jQuery.each(ids, function (i, id) {
  758.                                                     jQuery.each(data, function (k, mtp) {
  759.  
  760.                                                         var working_name = ids[k];
  761.                                                         var cluster_name = mtp['cluster_name'];
  762.                                                         var total_no_of_hospital = mtp['total_no_of_hospital'];
  763.                                                         var cluster_id = mtp['cluster_id'];
  764.                                                         var working_id = mtp['working_id'];
  765.                                                         var employee_id = mtp['employee_id'];
  766.  
  767.                                                         if ($('#' + working_name).find('.number').html() == mtp['submit_time']) {
  768.  
  769.                                                             $('#' + working_name).addClass(working_id + '_working');
  770.                                                             $('#' + working_name).addClass('blue');
  771.                                                             $('#' + working_name).find('.loc').html(cluster_name.toUpperCase());
  772.                                                             $('#' + working_name).find('.loc').attr('id', cluster_id + '~' + employee_id);
  773.                                                             $('#' + 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>');
  774.                                                             $('#' + working_name).find('.no').html(total_no_of_hospital);
  775.  
  776.  
  777.                                                         }
  778.                                                     });
  779.                                                 });
  780.  
  781.  
  782.                                                 $('.add').click(function () {
  783.                                                     var day = $(this).parent().parent().parent().find('.number').html();
  784.                                                     if (day < 10) {
  785.                                                         day = 0 + day;
  786.                                                     }
  787.  
  788.                                                     var date = datetime + '-' + day;
  789.                                                     var date_format_change = convertDate(date);
  790.                                                     $.ajax({
  791.                                                         async: false,
  792.                                                         type: "POST",
  793.                                                         url: "<?php print $this->Url ?>index.php/schedule/managermtp/fetchempwork",
  794.                                                         data: {'date': date},
  795.                                                         success: function (response) {
  796.  
  797.                                                             var data = jQuery.parseJSON(response);
  798.                                                             $('#empdata').html('<div class="modal-dialog">    ' +
  799.                                                                     '<div class="modal-content">' +
  800.                                                                     '<div class="modal-header" >' +
  801.                                                                     '   <button type="button" class="close" data-dismiss="modal">&times;</button>' +
  802.                                                                     '   <h4 class="modal-title">Joint Work</h4>' +
  803.                                                                     '</div>' +
  804.                                                                     '<div class="modal-header" style="background:#d4d4d4;color:#000;">                          ' +
  805.                                                                     '   <div class="row">' +
  806.                                                                     'Are you going to work with ?' +
  807.                                                                     '<div style="float:right">Date:' + date_format_change + '</div>' +
  808.                                                                     '   </div>' +
  809.                                                                     '   </div>' +
  810.                                                                     '       <div class="modal-body">' +
  811.                                                                     '  <table class="table table-striped">' +
  812.                                                                     '<thead>' +
  813.                                                                     '<tr>' +
  814.                                                                     '<th></th>' +
  815.                                                                     '<th>Name</th>' +
  816.                                                                     '<th>Cluster Name</th>' +
  817.                                                                     '</tr>' +
  818.                                                                     '</thead>' +
  819.                                                                     ' <tbody class="empfetchdata">' +
  820.                                                                     ' </tbody>' +
  821.                                                                     '</table>' +
  822.                                                                     '    </div>' +
  823.                                                                     '<div class="modal-footer">' +
  824.                                                                     '<button type="button" class="btn btn-default submitjointwork" data-dismiss="modal" >OK</button>' +
  825.                                                                     '</div>' +
  826.                                                                     '</div>            ' +
  827.                                                                     '</div>');
  828.  
  829.                                                             for (var i = 0; i < data.length; i++) {
  830.                                                                 $('.empfetchdata').append('   <tr>' +
  831.                                                                         '     <td><input type="checkbox" name="empfetchno[1][]" id="' + data[i]['employee_id'] + '^' + date + '"></td>' +
  832.                                                                         '     <td>' + data[i]['first_name'].toUpperCase() + '</td>' +
  833.                                                                         '     <td>' + data[i]['cluster_name'].toUpperCase() + '</td>' +
  834.                                                                         '   </tr>');
  835.                                                             }
  836.                                                             $("input:checkbox").on('click', function () {
  837.                                                                 // in the handler, 'this' refers to the box clicked on
  838.                                                                 var $box = $(this);
  839.                                                                 if ($box.is(":checked")) {
  840.                                                                     // the name of the box is retrieved using the .attr() method
  841.                                                                     // as it is assumed and expected to be immutable
  842.                                                                     var group = "input:checkbox[name='" + $box.attr("name") + "']";
  843.                                                                     // the checked state of the group/box on the other hand will change
  844.                                                                     // and the current value is retrieved using .prop() method
  845.                                                                     $(group).prop("checked", false);
  846.                                                                     $box.prop("checked", true);
  847.                                                                 } else {
  848.                                                                     $box.prop("checked", false);
  849.                                                                 }
  850.                                                             });
  851.                                                             $('.submitjointwork').click(function () {
  852.                                                                 var empid_date = $('input[name="empfetchno[1][]"]:checked').attr('id').split('^');
  853.  
  854.                                                                 $.ajax({
  855.                                                                     async: false,
  856.                                                                     type: "POST",
  857.                                                                     url: "<?php print $this->Url ?>index.php/schedule/managermtp/submitjointwork",
  858.                                                                     data: {'emp_id': empid_date[0], 'date': empid_date[1]},
  859.                                                                     success: function (response) {
  860.  
  861.                                                                         // var data = jQuery.parseJSON(response);
  862.                                                                         alert(response);
  863.                                                                         location.reload();
  864.                                                                     }
  865.                                                                 });
  866.                                                             })
  867.                                                         }
  868.                                                     });
  869.                                                 });
  870.                                             }
  871.                                         })
  872.  
  873.     <?php
  874. }
  875. ?>
  876.  
  877.                                     $(".edit span").click(function (e) {
  878.  
  879.                                         $("#sidebar-wrapper").show();
  880.                                         e.preventDef