<?php include('includes/config/config.php'); if(isset($_REQUEST['appointmnentId'])){ $sql="select * from employee_appointment where appointment_id='".$_REQUEST['appointmnentId']."'"; //echo "query:".$sql; $result = mysqli_query($conn,$sql); $num_rows=@mysqli_num_rows($result); $row =null; if($num_rows>0) { $row=@mysqli_fetch_array($result); } $sql_for_treatment="select * from treatment where appointment_id='".$_REQUEST['appointmnentId']."'"; $result_for_treatment =@mysqli_query($conn,$sql_for_treatment); $num_rows_treatment=@mysqli_num_rows($result_for_treatment); } ?> <style>#modal-add-req{overflow-y:scroll;}</style> <div class="modal fade" id="modal-add-employee" role="dialog" aria-hidden="true"> <form role="form" id="employee_form" name="debitNoteForm" method="post"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header modal-header-success'"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h5 class='modal-title'>Debit Note Form</h5> </div> <div class="modal-body"> <div class="widget-body"> <div class="widget-main"> <div class="row"> <div class="col-xs-9"> <div class="widget-box"> <div class="widget-body"> <div class="widget-main"> <div class="row"> <div class="col-xs-12"> <div class="row"> <div class="col-sm-3"> <label class="control-label" for="reporting_time"><strong style="font-size:11px">Reporting Time</strong></label> <div class="input-group" > <input id="emp_id" name="emp_id" type="hidden" value="<?php echo $_REQUEST['flex_opd_id']?>"/> <input id="appointment_id" name="appointment_id" type="hidden"/> <input id="appointment_type" name="appointment_type" type="hidden" value="O"/> <input id="reporting_time" type="text" style="height:30px" class="form-control" name="reporting_time" /> <span class="input-group-addon" > <i class="fa fa-clock-o bigger-110" style="height:5px"></i> </span> </div> </div> <div class="col-sm-3"> <label class="control-label" for="injury_time_injury"><strong style="font-size:11px">Injury Time</strong></label> <div class="input-group"> <input id="injury_time_injury" type="text" class="form-control" style="height:30px" name="injury_time_injury" value="<?php echo $row['injury_time']?>"/> <span class="input-group-addon"> <i class="fa fa-clock-o bigger-110" style="height:5px"></i> </span> </div> </div> </div> <div class="space-6"></div> <div class="row"> <div class="col-sm-6"> <label class="control-label" for="form-field-8"><strong style="font-size:11px">Injury Description</strong></label> <textarea rows="3" cols="10" class="autosize-transition form-control" style="overflow: hidden; overflow-wrap: break-word; " name="injury_complaints" id="injury_complaints" placeholder="Injury Description" maxlength="500"></textarea> </div> <div class="col-sm-6"> <label class="control-label" for="form-field-8"><strong style="font-size:11px">On Examination Findings</strong></label> <textarea rows="3" cols="8" class="autosize-transition form-control" style="overflow: hidden; overflow-wrap: break-word; "id="examination_remarks_injury" name="examination_remarks_injury" placeholder="On Examination Symptoms" maxlength="500"><?php echo $row['examination_remarks']?></textarea> </div> </div> <div class="space-6"></div> <div class="row"> <div class="col-sm-12"> <label class="control-label" for="form-field-8"><strong style="font-size:11px">Incident Location</strong></label> <table class="table table-bordered table-hover simple-table"> <thead> <tr class="active"> <th><strong style="font-size:11px">Business Unit</strong></th> <th><strong style="font-size:11px">Sub Unit</strong></th> <th><strong style="font-size:11px">Section</strong></th> <th><strong style="font-size:11px">Sub-Section</strong></th> </tr> </thead> <tbody> <tr> <td class="col-sm-3"> <select class="chosen-select form-control" id="injury_firm" name="injury_firm" data-placeholder="Business Unit" style="display: none;"> <option value=""> </option> <?php echo generateOption('tbl_firms','firm_name','firm_id',$row['bu_id'],''); ?> </select> </td> <td class="col-sm-3"> <select class="chosen-select form-control" id="injury_sbu" name="injury_sbu" data-placeholder="Department" style="display: none;"> <option value=""> </option> <?php echo generateOption('sub_business_unit','sbu_name','sbu_id',$row['sbu_id'],''); ?> </select> </td> <td class="col-sm-3"> <select class="chosen-select form-control" id="injury_section" name="injury_section" data-placeholder="Section" style="display: none;"> <option value=""> </option> <?php echo generateOption('section','section_name','section_id',$row['section_id'],''); ?> </select> </td> <td class="col-sm-3"> <select class="chosen-select form-control" id="injury_sub_section" name="injury_sub_section" data-placeholder="Sub-Section" style="display: none;"> <option value=""> </option> <?php echo generateOption('sub_section','sub_section_name','sub_section_id',$row['sub_section_id'],''); ?> </select> </td> </tr> </tbody> </table> </div> </div> <div class="row"> <div class="col-sm-12"> <label class="control-label" for="form-field-8"><strong style="font-size:11px">Injury</strong></label> <table class="table table-bordered table-hover simple-table"> <thead> <tr class="active"> <th><strong style="font-size:11px">Type</strong></th> <th><strong style="font-size:11px">Part</strong></th> <th><strong style="font-size:11px">Classification</strong></th> </tr> </thead> <tbody> <tr> <td class="col-sm-4"> <select multiple="" class="chosen-select form-control" id="injury_type" name="injury_type[]" data-placeholder="Injury Type..."> <?php echo generateOption('injury_type','injury_type_name','injury_type_id',''); ?> </select> </td> <td class="col-sm-4"> <select multiple="" class="chosen-select form-control" id="injury_part" name="injury_part[]" data-placeholder="Injury Part.." > <?php echo generateOption('injury_part','inj_name','inj_id','',''); ?> </select> </td> <td class="col-sm-4"> <select multiple="" class="chosen-select form-control" id="injury_class" name="injury_class[]" data-placeholder="Injury Classification.."> <?php echo generateOption('injury_class','inj_class_name','inj_class_id','',''); ?> </select> </td> </tr> </tbody> </table> </div> </div> <div class="space-6"></div> <div class="row"> <div class="col-sm-6"> <label class="control-label" for="remarks"><strong style="font-size:11px">Procedure</strong></label> <textarea id="remarks" name="remarks" placeholder="Procedure.." rows="3" cols="6" class="autosize-transition form-control" style="overflow: hidden; overflow-wrap: break-word; "></textarea> </div> </div> <div class="row" style="margin-top:40px"> <div class="col-sm-12"> <table id="treatmentTable<?php echo $row_history['appointment_id']?>" class="table table-striped table-bordered"> <thead> <tr class="active" > <th style="font-size:11px; text-align: center;" >Medicine</th> <th style="font-size:11px; text-align: center;">Dosage</th> <th style="font-size:11px; text-align: center;">For Days</th> <th style="font-size:11px; text-align: center;">Qty</th> <th style="font-size:11px; text-align: center;">Price</th> <th style="font-size:11px; text-align: center;">Stock</th> <th style="font-size:11px; text-align: center;">Issued</th> <th style="font-size:11px; text-align: center;">Total</th> <th style="font-size:11px; text-align: center;"> <button type="button" onclick="addRow('<?php echo $row_history['appointment_id']?>')" class="btn btn-info btn-sm" id="addrow<?php echo $row_history['appointment_id']?>"> <span class="glyphicon glyphicon-plus"></span> </button> </th> </tr> </thead> <tbody> <tr style="width:40%"> <td class="col-sm-2" style="width:15%"> <select class="chosen-select form-control" onchange="getItemDetails(this.value,'current_stock<?php echo $row_history['appointment_id']?>_0','current_stock<?php echo $row_history['appointment_id']?>0','current_rate<?php echo $row_history['appointment_id']?>_0','current_rate<?php echo $row_history['appointment_id']?>0','<?php echo $row_history['appointment_id']?>_0', '0');" id="treatment_item<?php echo $row_history['appointment_id']?>_0" name="treatment_item0" data-placeholder="Treatment..."> <option value=""> </option> <?php echo generateOption('tbl_items','item_name','item_id',$row_history_treatment['item_id'],''); ?> </select> </td> <td class="col-sm-2" style="width:15%"> <select class="chosen-select form-control" id="treatment_item_dosage<?php echo $row_history['appointment_id']?>_0"name="treatment_item_dosage0" data-placeholder="Dosages..." onchange="getFrequenceyQty(this.value,'frequency_qty<?php echo $row_history['appointment_id']?>_0','dosage<?php echo $row_history['appointment_id']?>_0','<?php echo $row_history['appointment_id']?>','0');"> <option value=""> </option> <?php echo generateOption('medicine_frequency','medicine_frequency','frequency_id','',''); ?> </select> </td> <td class="col-sm-1" style="width:8%"> <input type="number" style="height:25px;font-size:12px" class="form-control"name="treatment_item_days0" id="treatment_item_days<?php echo $row_history['appointment_id']?>_0" value="1" onblur="updateTotalMedicineQty('frequency_qty<?php echo $row_history['appointment_id']?>_0','treatment_item_days<?php echo $row_history['appointment_id']?>_0','treatment_item_total<?php echo $row_history['appointment_id']?>_0')"/> </td> <td class="col-sm-1" style="width:5%"> <input type="hidden" name="frequency_qty0" id="frequency_qty<?php echo $row_history['appointment_id']?>_0" /> <input type="hidden" name="dosage0" id="dosage<?php echo $row_history['appointment_id']?>_0" /> <div style="text-align:center" id="treatment_item_total<?php echo $row_history['appointment_id']?>_0"> </div> <input type="hidden" style="height:25px;font-size:12px" class="form-control"name="treatment_item_total0" id="treatment_item_total<?php echo $row_history['appointment_id']?>_0" /> </td> <td class="col-sm-1" style="width:5%"> <div style="text-align:center" id="current_rate<?php echo $row_history['appointment_id']?>0" > </div> <input type="hidden" style="height:25px;font-size:12px" class="form-control" name="current_rate0" id="current_rate<?php echo $row_history['appointment_id']?>_0" /> </td> <td class="col-sm-1" style="width:5%"> <div style="text-align:center" id="current_stock<?php echo $row_history['appointment_id']?>0"> </div> <input type="hidden" name="current_stock0" id="current_stock<?php echo $row_history['appointment_id']?>_0" /> </td> <td class="col-sm-1" style="width:5%"> <input type="text" style="height:25px;font-size:12px" class="form-control"name="treatment_item_qtygvn0" id="treatment_item_qtygvn<?php echo $row_history['appointment_id']?>_0" onchange="itemLevelTotol('treatment_item_qtygvn<?php echo $row_history['appointment_id']?>_0','current_rate<?php echo $row_history['appointment_id']?>_0','treatment_item_total_amount<?php echo $row_history['appointment_id']?>_0','treatment_item_total_amount<?php echo $row_history['appointment_id']?>0') "/> </td> <td class="col-sm-1" style="width:5%"> <div style="text-align:center" id="treatment_item_total_amount<?php echo $row_history['appointment_id']?>0"></div> <input type="hidden" style="height:25px;font-size:12px" class="form-control"name="treatment_item_total_amount0" id="treatment_item_total_amount<?php echo $row_history['appointment_id']?>_0" /> <td class="col-sm-1" style="width:5%"><a class="deleteRow"></a> </td> </tr> </tbody> <tfoot> <tr> <td colspan="7" style="text-align: right;"> <strong style="font-size:11px"> Total Amount :<strong></td> <td colspan="2" > <input type="hidden" name="count_treatment_item" id="count_treatment_item<?php echo $row_history['appointment_id']?>" value="1" /> <input type="hidden" style="height:25px;font-size:12px;width:60px;align:center" class="form-control" name="order_level_total" id="order_level_total" /> <div id="order_level_total_div" style="margin-left:30px"></div> </td> </tr> <tr> </tr> </tfoot> </table> </div> </div> <div class="row"> <div class="col-sm-6"> <label class="control-label" for="referral"><strong style="font-size:11px">Referral</strong></label> <textarea name="referral" rows="4" cols="8"id="referral" placeholder="Referral" class="autosize-transition form-control" style="overflow: hidden; overflow-wrap: break-word; "></textarea> </div> <div class="col-sm-6"> <label class="control-label" for="followup"><strong style="font-size:11px">Follow-up</strong></label> <textarea id="followup" rows="4" cols="8"name="followup" placeholder="Follow Up" class="autosize-transition form-control" style="overflow: hidden; overflow-wrap: break-word; "></textarea> </div> </div> </div><!-- /.col-xs-12 --> </div><!--row end--> </div><!--end of widget-main--> </div><!--end of widget-body--> </div><!--end of widget-box--> </div> <div class="col-xs-3"> <div class="widget-box"> <div class="widget-body"> <div class="widget-main"> <div class="row"> <div class="col-sm-12"> <label class="control-label" for="form-field-select-1"><strong style="font-size:11px">Emergency?</strong></label> <select class="form-control" style="height:30px;" id="isEmergency" name="isEmergency"> <option value="0" selected>No</option> <option value="1">Yes</option> </select> </div> </div> <div class="space-6"></div> <div class="row"> <div class="col-sm-12"> <div> <input type="number" style="height:30px;" class="col-xs-4" placeholder="SBP" id="sbp" name="sbp" value="<?php echo $row['bp_sbp']?>" > <input type="number" style="height:30px;"class="col-xs-4" id="DBP" name="dbp" placeholder="DBP" value="<?php echo $row['bp_dbp']?>"> <input type="number" style="height:30px;" class="col-xs-4" id="heart_rate" name="heart_rate" placeholder="Heart Rate" value="<?php echo $row['heart_rate']?>" > </div> </div> </div> <div class="space-6"></div> <div class="row"> <div class="col-sm-12"> <div> <input type="number" style="height:30px;" class="col-xs-4" placeholder="FBS" id="fbs" name="fbs" value="<?php echo $row['blood_sugar_fbs']?>"> <input type="number" style="height:30px;" class="col-xs-4" id="rbs" name="rbs" placeholder="RBS" value="<?php echo $row['blood_sugar_rbs']?>"> <input type="number" style="height:30px;" class="col-xs-4" id="ppbs" name="ppbs" placeholder="PPBS" value="<?php echo $row['blood_sugar_ppbs']?>"> </div> </div> </div> <div class="space-6"></div> <div class="row"> <div class="col-sm-12"> <label class="control-label" for="referral"><strong style="font-size:11px">Referral</strong></label> <textarea name="referral" id="referral" placeholder="Referral" rows="3" cols="10" class="autosize-transition form-control" style="overflow: hidden; overflow-wrap: break-word; "></textarea> </div> </div> <div class="space-6"></div> <div class="row"> <div class="col-sm-12"> <label class="control-label" for="followup"><strong style="font-size:11px">Follow Up</strong></label> <textarea id="followup" name="followup" placeholder="Follow Up" rows="3" cols="10" class="autosize-transition form-control" style="overflow: hidden; overflow-wrap: break-word; "></textarea> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="modal-footer"> <div class="form-group form-group-sm"> <button type="button" class="btn btn-success" id="addReqSave" onClick="validation()"> <span class="glyphicon glyphicon-floppy-save">Save</span> </button> <button type="button" class="btn btn-danger"> <span class="glyphicon glyphicon-remove" class="close" data-dismiss="modal" aria-hidden="true">Cancel</span> </button> </div> </div> </div> </div> </form> </div> <style> .modal-dialog { padding: 15px; width: 90%; } </style> <link rel="stylesheet" href="assets/font-awesome/4.5.0/css/font-awesome.min.css" /> <!-- page specific plugin styles --> <link rel="stylesheet" href="assets/css/jquery-ui.custom.min.css" /> <link rel="stylesheet" href="assets/css/chosen.min.css" /> <link rel="stylesheet" href="assets/css/bootstrap-datepicker3.min.css" /> <link rel="stylesheet" href="assets/css/bootstrap-timepicker.min.css" /> <link rel="stylesheet" href="assets/css/daterangepicker.min.css" /> <link rel="stylesheet" href="assets/css/bootstrap-datetimepicker.min.css" /> <link rel="stylesheet" href="assets/css/bootstrap-colorpicker.min.css" /> <link rel="stylesheet" href="adminlte/bower_components/bootstrap/less/type.less" /> <script src="assets/js/jquery-ui.custom.min.js"></script> <script src="assets/js/jquery.ui.touch-punch.min.js"></script> <script src="assets/js/chosen.jquery.min.js"></script> <script src="assets/js/spinbox.min.js"></script> <script src="assets/js/bootstrap-datepicker.min.js"></script> <script src="assets/js/bootstrap-timepicker.min.js"></script> <script src="assets/js/jquery.dataTables.min.js"></script> <script src="assets/js/jquery.dataTables.bootstrap.min.js"></script> <script src="assets/js/dataTables.buttons.min.js"></script> <script src="assets/js/buttons.flash.min.js"></script> <script src="assets/js/buttons.html5.min.js"></script> <script src="assets/js/buttons.print.min.js"></script> <script src="assets/js/buttons.colVis.min.js"></script> <script src="assets/js/dataTables.select.min.js"></script> <script src="assets/js/moment.min.js"></script> <script src="assets/js/daterangepicker.min.js"></script> <script src="assets/js/bootstrap-datetimepicker.min.js"></script> <script src="assets/js/bootstrap-colorpicker.min.js"></script> <script src="assets/js/jquery.knob.min.js"></script> <script src="assets/js/autosize.min.js"></script> <script src="assets/js/jquery.inputlimiter.min.js"></script> <script src="assets/js/jquery.maskedinput.min.js"></script> <script src="assets/js/bootstrap-tag.min.js"></script> <script src="assets/js/ace-elements.min.js"></script> <script type="text/javascript"> $(document).ready(function () { $(".glyphicon").css("top",""); }); function open_treatments(appointment_id){ $('#modal-add-consultation').modal("show"); } </script> <script type="text/javascript"> // getMedicine(); function getMedicine(){ $("#appointment_id").val("<?php echo $row['appointment_date']?>"); var appointment_id='<?php echo $row['appointment_id']?>' $("#appointment_id").val(appointment_id); var content=""; content+="<thead>" content+="<tr class=\"active\" >" content+="<th style=\"font-size:11px; text-align: center;\" >Medicine</th>" content+="<th style=\"font-size:11px; text-align: center;\">Dosage</th>" content+="<th style=\"font-size:11px; text-align: center;\">For Days</th>" content+="<th style=\"font-size:11px; text-align: center;\">Qty</th>" content+="<th style=\"font-size:11px; text-align: center;\">Price</th>" content+="<th style=\"font-size:11px; text-align: center;\">Stock</th>" content+="<th style=\"font-size:11px; text-align: center;\">Issued</th>" content+="<th style=\"font-size:11px; text-align: center;\">Total</th>" content+="<th style=\"font-size:11px; text-align: center;\">" content+="<button type=\"button\" onclick=\"addRow('<?php echo $row['appointment_id']?>')\" class=\"btn btn-info btn-sm\" id=\"addrow<?php echo $row_history['appointment_id']?>\">" content+="<span class=\"glyphicon glyphicon-plus\"></span></button></th></tr></thead>" content+="<tbody>"; $("#treatmentTableForEdit").html(content); <?php $row_treatment =null;?> var count=0; <?php while($row_treatment=@mysqli_fetch_array($result_for_treatment)){ /*$query_current_stock="select current_stock_level tbl_items where item_id='".$row_treatment['item_id']."' "; $result_current_stock=@mysqli_query($conn,$query_current_stock); $row_current_stock=@mysqli_fetch_array($result_current_stock); */ ?> content=""; content+="<tr style=\"width:40%\">" content+="<td class=\"col-sm-2\" style=\"width:10%\">" content+="<select class=\"chosen-select form-control\" id=\"treatment_item"+appointment_id+'_'+count+"\" name=\"treatment_item"+appointment_id+count+"\" onchange=\"getItemDetails(this.value,'current_stock"+appointment_id+"_"+count+"','current_stock"+appointment_id+count+"','current_rate"+appointment_id+"_"+count+"','current_rate"+appointment_id+count+"','"+appointment_id+"', '"+count+"');\" data-placeholder=\"Treatment...\">" content+="<?php echo generateOption('tbl_items','item_name','item_id',$row_treatment['item_id'],'');?></select></td>" content+="<td class=\"col-sm-2\" style=\"width:10%\">" content+="<select class=\"chosen-select form-control\" id=\"treatment_item_dosage"+appointment_id+'_'+count+"\" name=\"treatment_item_dosage"+appointment_id+count+"\" data-placeholder=\"Dosages...\" onchange=\"getFrequenceyQty(this.value,'frequency_qty"+appointment_id+"_"+count+"','dosage"+appointment_id+"_"+count+"','"+appointment_id+"', '"+count+"');\">" content+="<?php echo generateOption('medicine_frequency','medicine_frequency','frequency_id',$row_treatment['frequency_id'],''); ?>" content+="</select>" content+="<input type=\"hidden\" name=\"treatment_id"+appointment_id+count+"\" id=\"treatment_id"+appointment_id+'_'+count+"\" value=\"<?php echo $row_treatment['treatment_id']?>\"></td>" content+="<td class=\"col-sm-2\" style=\"width:10%\">" content+="<input type=\"number\" style=\"height:25px;font-size:12px\" class=\"form-control\" name=\"treatment_item_days"+appointment_id+count+"\" id=\"treatment_item_days"+appointment_id+'_'+count+"\" value=\"1\" onchange=\"updateTotalMedicineQty('frequency_qty"+appointment_id+"_"+count+"','treatment_item_days"+appointment_id+'_'+count+"','treatment_item_total"+appointment_id+'_'+count+"','treatment_item_total"+appointment_id+count+"');\"/>" content+="</td>" content+="<td class=\"col-sm-1\" style=\"width:5%\">" content+="<input type=\"hidden\" name=\"frequency_qty"+appointment_id+count+"\" id=\"frequency_qty"+appointment_id+'_'+count+"\" />" content+="<input type=\"hidden\" name=\"dosage"+appointment_id+count+"\" id=\"dosage"+appointment_id+'_'+count+"\" />" content+="<div style=\"text-align:center\" id=\"treatment_item_total"+appointment_id+count+"\">" content+="</div>" content+="<input type=\"hidden\" style=\"height:25px;font-size:12px\" class=\"form-control\" name=\"treatment_item_total"+appointment_id+count+"\" id=\"treatment_item_total"+appointment_id+'_'+count+"\" />" content+="</td>" content+="<td class=\"col-sm-1\" style=\"width:5%\">" content+="<div style=\"text-align:center\" id=\"current_rate"+appointment_id+count+"\" >" content+="</div>" content+="<input type=\"hidden\" style=\"height:25px;font-size:12px\" class=\"form-control\" name=\"current_rate"+appointment_id+count+"\" id=\"current_rate"+appointment_id+'_'+count+"\" />" content+="</td>" content+="<td class=\"col-sm-1\" style=\"width:5%\">" content+="<div style=\"text-align:center\" id=\"current_stock"+appointment_id+count+"\">" content+="</div>" content+="<input type=\"hidden\" name=\"current_stock"+appointment_id+count+"\" id=\"current_stock"+appointment_id+'_'+count+"\" />" content+="</td>" content+="<td class=\"col-sm-1\" style=\"width:5%\">" content+="<input type=\"text\" style=\"height:25px;font-size:12px\" class=\"form-control\" name=\"treatment_item_qtygvn"+appointment_id+count+"\" id=\"treatment_item_qtygvn"+appointment_id+'_'+count+"\" value=\"<?php echo $row_treatment['issued_qty']?>\" onchange=\"itemLevelTotol('treatment_item_qtygvn"+appointment_id+"_"+count+"','current_rate"+appointment_id+"_"+count+"','treatment_item_total_amount"+appointment_id+"_"+count+"','treatment_item_total_amount"+appointment_id+count+"')\"/>" content+="</td>" content+="<td class=\"col-sm-1\" style=\"width:5%\">" content+="<div style=\"text-align:center\" id=\"treatment_item_total_amount"+appointment_id+count+"\"><?php echo $row_treatment['price']?></div>" content+="<input type=\"hidden\" style=\"height:25px;font-size:12px\" class=\"form-control\" name=\"treatment_item_total_amount"+appointment_id+count+"\" id=\"treatment_item_total_amount"+appointment_id+'_'+count+"\" value=\"<?php echo $row_treatment['price']?>\" />" content+="<td class=\"col-sm-1\" style=\"width:5%\"><a class=\"deleteRow\"></a>" content+="</td>" content+="</tr>" $("#treatmentTableForEdit").append(content); getItemDetails($("#treatment_item"+appointment_id+'_'+count).val(),"current_stock"+appointment_id+'_'+count,"current_stock"+appointment_id+count,"current_rate"+appointment_id+'_'+count,"current_rate"+appointment_id+count,appointment_id+"_"+count,count); getFrequenceyQty($("#treatment_item_dosage"+appointment_id+'_'+count).val(),"frequency_qty"+appointment_id+'_'+count,"dosage"+appointment_id+'_'+count,appointment_id,count); updateTotalMedicineQty("frequency_qty"+appointment_id+'_'+count,"treatment_item_days"+appointment_id+'_'+count,"treatment_item_total"+appointment_id+'_'+count,"treatment_item_total"+appointment_id+count); //itemLevelTotol("treatment_item_qtygvn"+appointment_id+"_"+count,"current_rate"+appointment_id+"_"+count,"treatment_item_total_amount"+appointment_id+"_"+count,"treatment_item_total_amount"+appointment_id+count); count=count+1; //onchange=\"getItemDetails(this.value,'current_stock"+appointment_id+'_'+count,"current_stock"+appointment_id+'_'+count,"current_rate"+appointment_id+'_'+count,"current_rate"+appointment_id+'_'+count,appointment_id+"_"+count, count);\" //'dosage<?php echo $row['appointment_id']?>_0','<?php echo $row['appointment_id']?>',"+count+");\">" //$('#treatment_item'+appointment_id+'_'+count+").val() <?php } //getItemDetails(item_id, current_stock_field,current_stock_field_div, current_rate_field,current_rate_field_div, appointment_id, counter) ?> //alert(no_rows); //var itemOptions="<?php echo generateOption('tbl_items','item_name','item_id',$row_treatment['item_id'],''); ?>" //$("#treatment_item0").html(itemOptions); var content=""; content+="</tbody>" content+="<tfoot>" content+="<tr>" content+="<td colspan=\"7\" style=\"text-align: right;\">" content+="<strong style=\"font-size:11px;\">Total Amount :</strong></td>" content+="<td colspan=\"2\" >" content+="<input type=\"hidden\" name=\"count_treatment_item\" id=\"count_treatment_item\" />" content+="<input type=\"hidden\" style=\"height:25px;font-size:12px;width:60px;align:center\" class=\"form-control\" name=\"order_level_total\" id=\"order_level_total\" value=\"<?php echo $row['total_amount']?>\" />" content+="<div id=\"order_level_total_div\" style=\"margin-left:30px\"><?php echo $row['total_amount']?></div>" content+="</td>" content+="</tr>" content+="<tr>" content+="</tr>" content+="</tfoot>" $("#treatmentTableForEdit").append(content); $("#count_treatment_item").val(count); } function addRow(appointment_id){ var counter=$("#count_treatment_item").val(); var itemOptions="<?php echo generateOption('tbl_items','item_name','item_id','',''); ?>"; var itemDosages="<?php echo generateOption('medicine_frequency','medicine_frequency','frequency_id','',''); ?>"; var newRow = $("<tr>"); var cols = ""; var select_treatment=""; select_treatment+="<select onchange=\"getItemDetails(this.value,'current_stock"+appointment_id+"_"+counter+"','current_stock"+appointment_id+counter+"','current_rate"+appointment_id+"_"+counter+"','current_rate"+appointment_id+counter+"','"+appointment_id+"', '"+counter+"');\" class='chosen-select form-control'"; select_treatment+="id=\"treatment_item"+appointment_id+"_"+counter+"\"name=\"treatment_item"+appointment_id+counter+"\"data-placeholder=\"Treatment...\""; //select_treatment+="style=\"display: none;\""; select_treatment+=">"; select_treatment+="<option value=\"\"> </option>"; select_treatment+=itemOptions select_treatment+="</select>"; cols += '<td>'+select_treatment+'</td>'; var select_dosage=""; select_dosage+="<select onchange=\"getFrequenceyQty(this.value,'frequency_qty"+appointment_id+"_"+counter+"','dosage"+appointment_id+"_"+counter+"','"+appointment_id+"', '"+counter+"');\" class='chosen-select form-control'"; select_dosage+="id=\"treatment_item_dosage"+appointment_id+"_"+counter+"\"name=\"treatment_item_dosage"+appointment_id+counter+"\"data-placeholder=\"Dosage...\""; //select_dosage+="style=\"display: none;\""; select_dosage+=">"; select_dosage+="<option value=\"\"> </option>"; select_dosage+=itemDosages select_dosage+="</select>"; cols += '<td>'+select_dosage+'</td>'; cols += '<td><input type=\"hidden\" name=\"treatment_id'+appointment_id+counter+'" id=\"treatment_id'+appointment_id+'_'+counter+'" ><input type="number" style="height:25px;font-size:12px" class="form-control"id ="treatment_item_days'+appointment_id+'_'+counter+'" value="1" onblur="updateTotalMedicineQty(\'frequency_qty'+appointment_id+'_'+counter+'\',\'treatment_item_days'+appointment_id+'_'+counter+'\',\'treatment_item_total'+appointment_id+counter+'\')" name="treatment_item_days'+appointment_id + counter + '"/></td>'; cols += '<td><div style="text-align:center" id="treatment_item_total'+appointment_id+counter+'""></div><input type="hidden" style="height:25px;font-size:12px" class="form-control"id="treatment_item_total'+appointment_id+'_'+counter+'" name="treatment_item_total'+appointment_id + counter + '" readonly/></td>'; cols += '<td><input type="hidden" name="frequency_qty'+appointment_id+counter+'" id="frequency_qty'+appointment_id+'_'+counter+'" /><input type="hidden" name="dosage'+appointment_id+counter+'" id="dosage'+appointment_id+'_'+counter+'" /> <div style="text-align:center" id="current_rate'+appointment_id+counter+'" "></div><input type="hidden" style="height:25px;font-size:12px" class="form-control" id="current_rate'+appointment_id+'_'+counter+'" name="current_rate'+appointment_id + counter + '" onblur="updatePrice(\'treatment_item_qtygvn'+appointment_id+'_'+counter+'\',\'treatment_item'+appointment_id+'_'+counter+'\',\'current_rate'+appointment_id+'_'+counter+'\',\'current_stock'+appointment_id+'_'+counter+'\',\'price'+appointment_id+'_'+counter+'\')" /></td>'; cols += '<td><div style="text-align:center" id="current_stock'+appointment_id+counter + '" ></div><input type="hidden" style="height:25px;font-size:12px" class="form-control" id="current_stock'+appointment_id+'_'+counter+'" name="current_stock'+appointment_id + counter + '" /></td>'; cols += '<td><input type="text" style="height:25px;font-size:12px" class="form-control" id="treatment_item_qtygvn'+appointment_id+'_'+counter+'" name="treatment_item_qtygvn'+appointment_id + counter + '" onchange="itemLevelTotol(\'treatment_item_qtygvn'+appointment_id+'_'+counter+'\',\'current_rate'+appointment_id+'_'+counter+'\',\'treatment_item_total_amount'+appointment_id+'_'+counter+'\',\'treatment_item_total_amount'+counter+'\');" /></td>'; cols += '<td><div style="text-align:center" id="treatment_item_total_amount'+counter+'"></div><input type="hidden" style="height:25px;font-size:12px" class="form-control" id="treatment_item_total_amount'+appointment_id+'_'+counter+'" name="treatment_item_total_amount'+appointment_id + counter + '"/></td>'; cols += '<td><a href="#"><i class="ace-icon fa fa-trash-o bigger-130"></i></a></td>'; newRow.append(cols); $("#treatmentTableForEdit").append(newRow); //$('.chosen-select').chosen({allow_single_deselect:true}); //$('.chosen-select').next().css({'width': $('#treatment_item'+counter).parent().width()}); //$('#ailment_system').trigger('chosen:updated'); $('#treatment_item_dosage'+appointment_id+"_"+counter).chosen({allow_single_deselect:true}); $('#treatment_item_dosage'+appointment_id+"_"+counter).next().css({'width': $('#treatment_item_dosage'+counter).parent().width()}); $('#treatment_item'+appointment_id+"_"+counter).chosen({allow_single_deselect:true}); $('#treatment_item'+appointment_id+"_"+counter).next().css({'width': $('#treatment_item'+counter).parent().width()}); //$('#manufacturer').trigger('chosen:updated'); counter++; $("#count_treatment_item").val(counter); //resizeChosen(); //jQuery(window).on('resize', resizeChosen); $("#treatmentTableForEdit").on("click", ".fa-trash-o", function (event) { $(this).closest("tr").remove(); counter -= 1 $("#count_treatment_item").val(counter); }); } function validate_update(formId, appointment_id){ var appointment_date = $('#appointment_date'+appointment_id).val(); if(appointment_date == ''){ BootstrapDialog.alert('Please Enter Appointment Name.!!!'); return false; } var complaints = $('#complaints'+appointment_id).val(); if(complaints == ''){ BootstrapDialog.alert('Please Enter Complaints.!!!'); return false; } update_appointment(formId, appointment_id); } function update_appointment(formId, appointment_id){ $.ajax({ url : 'save_opd.php', type : "POST", data : $("#"+formId).serialize(), success : function(data) { BootstrapDialog.alert('Details Updated Successfully.'); //window.location = 'employee_appointment_form.php?appointmnentId='+appointmnentId+' '; return; }, error : function(data) { BootstrapDialog.alert('Error Updating Details'); return; } }); //window.location.reload(); } function getFrequenceyQty(frequency_id, qty_value_field_id, dosage_desc_field_id, appointment_id, counter){ $.ajax({ url : 'select_frequency.php?frequency_id='+frequency_id, type : "GET", //data : $("#"+formId).serialize(), async:false, success : function(data) { var data = $.parseJSON(data); //alert(data); if(data.qty!=null){ $("#"+qty_value_field_id).val(data.qty); $("#"+dosage_desc_field_id).val(data.frequency_description); } //BootstrapDialog.alert('Injury Details Updated Successfully.'); //location.reload(); //return; }, error : function(data) { BootstrapDialog.alert('Error pulling frequency qty'); return; } }); updateTotalMedicineQty('frequency_qty'+appointment_id+'_'+counter,'treatment_item_days'+appointment_id+'_'+counter,'treatment_item_total'+appointment_id+'_'+counter,'treatment_item_total'+appointment_id+counter) } function getItemDetails(item_id, current_stock_field,current_stock_field_div, current_rate_field,current_rate_field_div, appointment_id, counter){ $.ajax({ url : 'select_item.php?item_id='+item_id, type : "GET", //data : $("#"+formId).serialize(), success : function(data) { var data = $.parseJSON(data); //alert(data); //if(data.qty!=null){ $("#"+current_stock_field).val(data.current_stock_level); document.getElementById(current_stock_field_div+"").innerText=data.current_stock_level; $("#"+current_rate_field).val(data.current_rate); if(typeof(counter)!='undefined' && counter != null){ document.getElementById(current_rate_field_div+"").innerText =data.current_rate; } //} //BootstrapDialog.alert('Injury Details Updated Successfully.'); //location.reload(); //return; }, error : function(data) { BootstrapDialog.alert('Error pulling Item Details'); return; } }); } function delete_appointment(appointment_id){ $("#flex_appointment_id").val(appointment_id); BootstrapDialog.confirm('Are you sure to delete?', function(result){ if(result) { $.ajax({ url : 'delete_appointment.php', type : "POST", data : $("#flex_appointment_form").serialize(), success : function(data) { if(data.indexOf("SUCCESS")!=-1){ BootstrapDialog.alert('Deleted Successfully.'); //$("#flex1").flexReload(); loadAppointmentHistory('<?php echo $_REQUEST['flex_opd_id']?>'); }else{ BootstrapDialog.alert('Error Deleting'); } return; }, error : function(data) { BootstrapDialog.alert('Error Deleting'); return; } }); } }); } function itemLevelTotol(treatment_item_qtygvn_field,current_rate_field,treatment_item_total_amount_field,treatment_item_total_amount_field_div){ var appointment_id='<?php echo $row['appointment_id']?>' var count= $("#count_treatment_item").val(); //alert(count); var price=$("#"+current_rate_field).val(); var qty=$("#"+treatment_item_qtygvn_field).val(); var totalValue=price*qty; ///alert(totalValue); $("#"+treatment_item_total_amount_field).val(totalValue); document.getElementById(treatment_item_total_amount_field_div+"").innerText=totalValue; orderLevelTotal(count); } function orderLevelTotal(count){ var totalAmount=0; var appointment_id='<?php echo $row['appointment_id']?>' //totalAmount=totalAmount+parseInt(treatment_item_total_amount_field_value); for(var i=0;i<parseInt(count);i++){ totalAmount=totalAmount+parseInt($("#treatment_item_total_amount"+appointment_id+'_'+i).val()); } //alert(totalAmount); $("#order_level_total").val(totalAmount); document.getElementById("order_level_total_div").innerText=totalAmount; } function updateTotalMedicineQty(frequency_qty_fieild,treatment_item_days_fieild,treatment_item_total_fieild,treatment_item_total_fieild_div) { frequency_qty = $("#"+frequency_qty_fieild).val(); treatment_item_days=$("#"+treatment_item_days_fieild).val(); if(treatment_item_days==null || treatment_item_days=='' || treatment_item_days==0){ treatment_item_days =1; } $("#"+treatment_item_total_fieild).val(treatment_item_days*frequency_qty); document.getElementById(treatment_item_total_fieild_div+"").innerText =treatment_item_days*frequency_qty; } function updatePrice(qty_issued_field, item_id_field,current_rate_field,current_stock_field,price_field){ qty_issued = $("#"+qty_issued_field).val(); item_id = $("#"+item_id_field).val(); current_rate = $("#"+current_rate_field).val(); current_stock = $("#"+current_stock_field).val(); if(parseFloat(current_stock)<parseFloat(qty_issued)){ BootstrapDialog.alert('You trying to issue more than the available qty. Available:'+current_stock+", issued qty:"+qty_issued); } price = $("#"+price_field).val(qty_issued*current_rate); } function validate(){ var appointment_date = $('#appointment_date').val(); if(appointment_date == ''){ BootstrapDialog.alert('Please Enter Appointment Name.!!!'); return false; } var complaints = $('#complaints').val(); if(complaints == ''){ BootstrapDialog.alert('Please Enter Complaints.!!!'); return false; } save_appointment(); } function save_appointment(){ $.ajax({ url : 'save_opd.php', type : "POST", data : $("#opd_form").serialize(), success : function(data) { var data = $.parseJSON(data); //alert(data); if(data.appointment_id!=null){ $("#appointment_id").val(data.appointment_id); $("#appointment_id_pdf").val(data.appointment_id); } BootstrapDialog.alert('Details Saved Successfully.'); loadAppointmentHistory('<?php echo $_REQUEST['flex_opd_id']?>'); //return; }, error : function(data) { BootstrapDialog.alert('Error Saving Details'); //return; } }); } jQuery(function($) { $('#id-disable-check').on('click', function() { var inp = $('#form-input-readonly').get(0); if(inp.hasAttribute('disabled')) { inp.setAttribute('readonly' , 'true'); inp.removeAttribute('disabled'); inp.value="This text field is readonly!"; } else { inp.setAttribute('disabled' , 'disabled'); inp.removeAttribute('readonly'); inp.value="This text field is disabled!"; } }); if(!ace.vars['touch']) { $('.chosen-select').chosen({allow_single_deselect:true}); //resize the chosen on window resize $(window) .off('resize.chosen') .on('resize.chosen', function() { $('.chosen-select').each(function() { var $this = $(this); $this.next().css({'width': $this.parent().width()}); }) }).trigger('resize.chosen'); //resize chosen on sidebar collapse/expand $(document).on('settings.ace.chosen', function(e, event_name, event_val) { if(event_name != 'sidebar_collapsed') return; $('.chosen-select').each(function() { var $this = $(this); $this.next().css({'width': $this.parent().width()}); }) }); $('#chosen-multiple-style .btn').on('click', function(e){ var target = $(this).find('input[type=radio]'); var which = parseInt(target.val()); if(which == 2) $('#form-field-select-4').addClass('tag-input-style'); else $('#form-field-select-4').removeClass('tag-input-style'); }); } $('[data-rel=tooltip]').tooltip({container:'body'}); $('[data-rel=popover]').popover({container:'body'}); autosize($('textarea[class*=autosize]')); $('textarea.limited').inputlimiter({ remText: '%n character%s remaining...', limitText: 'max allowed : %n.' }); $.mask.definitions['~']='[+-]'; $('.input-mask-date').mask('99/99/9999'); $('.input-mask-phone').mask('(999) 999-9999'); $('.input-mask-eyescript').mask('~9.99 ~9.99 999'); $(".input-mask-product").mask("a*-999-a999",{placeholder:" ",completed:function(){alert("You typed the following: "+this.val());}}); $( "#input-size-slider" ).css('width','200px').slider({ value:1, range: "min", min: 1, max: 8, step: 1, slide: function( event, ui ) { var sizing = ['', 'input-sm', 'input-lg', 'input-mini', 'input-small', 'input-medium', 'input-large', 'input-xlarge', 'input-xxlarge']; var val = parseInt(ui.value); $('#form-field-4').attr('class', sizing[val]).attr('placeholder', '.'+sizing[val]); } }); $( "#input-span-slider" ).slider({ value:1, range: "min", min: 1, max: 12, step: 1, slide: function( event, ui ) { var val = parseInt(ui.value); $('#form-field-5').attr('class', 'col-xs-'+val).val('.col-xs-'+val); } }); //"jQuery UI Slider" //range slider tooltip example $( "#slider-range" ).css('height','200px').slider({ orientation: "vertical", range: true, min: 0, max: 100, values: [ 17, 67 ], slide: function( event, ui ) { var val = ui.values[$(ui.handle).index()-1] + ""; if( !ui.handle.firstChild ) { $("<div class='tooltip right in' style='display:none;left:16px;top:-6px;'><div class='tooltip-arrow'></div><div class='tooltip-inner'></div></div>") .prependTo(ui.handle); } $(ui.handle.firstChild).show().children().eq(1).text(val); } }).find('span.ui-slider-handle').on('blur', function(){ $(this.firstChild).hide(); }); $( "#slider-range-max" ).slider({ range: "max", min: 1, max: 10, value: 2 }); $( "#slider-eq > span" ).css({width:'90%', 'float':'left', margin:'15px'}).each(function() { // read initial values from markup and remove that var value = parseInt( $( this ).text(), 10 ); $( this ).empty().slider({ value: value, range: "min", animate: true }); }); $("#slider-eq > span.ui-slider-purple").slider('disable');//disable third item $('#id-input-file-1 , #id-input-file-2').ace_file_input({ no_file:'No File ...', btn_choose:'Choose', btn_change:'Change', droppable:false, onchange:null, thumbnail:false //| true | large //whitelist:'gif|png|jpg|jpeg' //blacklist:'exe|php' //onchange:'' // }); //pre-show a file name, for example a previously selected file //$('#id-input-file-1').ace_file_input('show_file_list', ['myfile.txt']) $('#id-input-file-3').ace_file_input({ style: 'well', btn_choose: 'Drop files here or click to choose', btn_change: null, no_icon: 'ace-icon fa fa-cloud-upload', droppable: true, thumbnail: 'small'//large | fit //,icon_remove:null//set null, to hide remove/reset button /**,before_change:function(files, dropped) { //Check an example below //or examples/file-upload.html return true; }*/ /**,before_remove : function() { return true; }*/ , preview_error : function(filename, error_code) { //name of the file that failed //error_code values //1 = 'FILE_LOAD_FAILED', //2 = 'IMAGE_LOAD_FAILED', //3 = 'THUMBNAIL_FAILED' //alert(error_code); } }).on('change', function(){ //console.log($(this).data('ace_input_files')); //console.log($(this).data('ace_input_method')); }); //$('#id-input-file-3') //.ace_file_input('show_file_list', [ //{type: 'image', name: 'name of image', path: 'http://path/to/image/for/preview'}, //{type: 'file', name: 'hello.txt'} //]); //dynamically change allowed formats by changing allowExt && allowMime function $('#id-file-format').removeAttr('checked').on('change', function() { var whitelist_ext, whitelist_mime; var btn_choose var no_icon if(this.checked) { btn_choose = "Drop images here or click to choose"; no_icon = "ace-icon fa fa-picture-o"; whitelist_ext = ["jpeg", "jpg", "png", "gif" , "bmp"]; whitelist_mime = ["image/jpg", "image/jpeg", "image/png", "image/gif", "image/bmp"]; } else { btn_choose = "Drop files here or click to choose"; no_icon = "ace-icon fa fa-cloud-upload"; whitelist_ext = null;//all extensions are acceptable whitelist_mime = null;//all mimes are acceptable } var file_input = $('#id-input-file-3'); file_input .ace_file_input('update_settings', { 'btn_choose': btn_choose, 'no_icon': no_icon, 'allowExt': whitelist_ext, 'allowMime': whitelist_mime }) file_input.ace_file_input('reset_input'); file_input .off('file.error.ace') .on('file.error.ace', function(e, info) { //console.log(info.file_count);//number of selected files //console.log(info.invalid_count);//number of invalid files //console.log(info.error_list);//a list of errors in the following format //info.error_count['ext'] //info.error_count['mime'] //info.error_count['size'] //info.error_list['ext'] = [list of file names with invalid extension] //info.error_list['mime'] = [list of file names with invalid mimetype] //info.error_list['size'] = [list of file names with invalid size] /** if( !info.dropped ) { //perhapse reset file field if files have been selected, and there are invalid files among them //when files are dropped, only valid files will be added to our file array e.preventDefault();//it will rest input } */ //if files have been selected (not dropped), you can choose to reset input //because browser keeps all selected files anyway and this cannot be changed //we can only reset file field to become empty again //on any case you still should check files with your server side script //because any arbitrary file can be uploaded by user and it's not safe to rely on browser-side measures }); /** file_input .off('file.preview.ace') .on('file.preview.ace', function(e, info) { console.log(info.file.width); console.log(info.file.height); e.preventDefault();//to prevent preview }); */ }); $('#spinner1').ace_spinner({value:0,min:0,max:200,step:10, btn_up_class:'btn-info' , btn_down_class:'btn-info'}) .closest('.ace-spinner') .on('changed.fu.spinbox', function(){ //console.log($('#spinner1').val()) }); $('#spinner2').ace_spinner({value:0,min:0,max:10000,step:100, touch_spinner: true, icon_up:'ace-icon fa fa-caret-up bigger-110', icon_down:'ace-icon fa fa-caret-down bigger-110'}); $('#spinner3').ace_spinner({value:0,min:-100,max:100,step:10, on_sides: true, icon_up:'ace-icon fa fa-plus bigger-110', icon_down:'ace-icon fa fa-minus bigger-110', btn_up_class:'btn-success' , btn_down_class:'btn-danger'}); $('#spinner4').ace_spinner({value:0,min:-100,max:100,step:10, on_sides: true, icon_up:'ace-icon fa fa-plus', icon_down:'ace-icon fa fa-minus', btn_up_class:'btn-purple' , btn_down_class:'btn-purple'}); //$('#spinner1').ace_spinner('disable').ace_spinner('value', 11); //or //$('#spinner1').closest('.ace-spinner').spinner('disable').spinner('enable').spinner('value', 11);//disable, enable or change value //$('#spinner1').closest('.ace-spinner').spinner('value', 0);//reset to 0 //datepicker plugin //link $('.date-picker').datepicker({ autoclose: true, todayHighlight: true }) //show datepicker when clicking on the icon .next().on(ace.click_event, function(){ $(this).prev().focus(); }); //or change it into a date range picker $('.input-daterange').datepicker({autoclose:true}); //to translate the daterange picker, please copy the "examples/daterange-fr.js" contents here before initialization $('input[name=date-range-picker]').daterangepicker({ 'applyClass' : 'btn-sm btn-success', 'cancelClass' : 'btn-sm btn-default', locale: { applyLabel: 'Apply', cancelLabel: 'Cancel', } }) .prev().on(ace.click_event, function(){ $(this).next().focus(); }); $('#timepicker1').timepicker({ minuteStep: 1, showSeconds: true, showMeridian: false, disableFocus: true, icons: { up: 'fa fa-chevron-up', down: 'fa fa-chevron-down' } }).on('focus', function() { $('#timepicker1').timepicker('showWidget'); }).next().on(ace.click_event, function(){ $(this).prev().focus(); }); if(!ace.vars['old_ie']) $('#appointment_date').datetimepicker({ format: 'DD/MM/YYYY h:mm A',//use this option to display seconds defaultDate: new Date(), maxDate: new Date(), icons: { time: 'fa fa-clock-o', date: 'fa fa-calendar', up: 'fa fa-chevron-up', down: 'fa fa-chevron-down', previous: 'fa fa-chevron-left', next: 'fa fa-chevron-right', today: 'fa fa-arrows ', clear: 'fa fa-trash', close: 'fa fa-times' } }).next().on(ace.click_event, function(){ $(this).prev().focus(); }); $('#colorpicker1').colorpicker(); //$('.colorpicker').last().css('z-index', 2000);//if colorpicker is inside a modal, its z-index should be higher than modal'safe $('#simple-colorpicker-1').ace_colorpicker(); //$('#simple-colorpicker-1').ace_colorpicker('pick', 2);//select 2nd color //$('#simple-colorpicker-1').ace_colorpicker('pick', '#fbe983');//select #fbe983 color //var picker = $('#simple-colorpicker-1').data('ace_colorpicker') //picker.pick('red', true);//insert the color if it doesn't exist $(".knob").knob(); var tag_input = $('#form-field-tags'); try{ tag_input.tag( { placeholder:tag_input.attr('placeholder'), //enable typeahead by specifying the source array source: ailments,//defined in ace.js >> ace.enable_search_ahead /** //or fetch data from database, fetch those that match "query" source: function(query, process) { $.ajax({url: 'remote_source.php?q='+encodeURIComponent(query)}) .done(function(result_items){ process(result_items); }); } */ } ) //programmatically add/remove a tag var $tag_obj = $('#form-field-tags').data('tag'); $tag_obj.add('Programmatically Added'); var index = $tag_obj.inValues('some tag'); $tag_obj.remove(index); } catch(e) { //display a textarea for old IE, because it doesn't support this plugin or another one I tried! tag_input.after('<textarea id="'+tag_input.attr('id')+'" name="'+tag_input.attr('name')+'" rows="3">'+tag_input.val()+'</textarea>').remove(); //autosize($('#form-field-tags')); } ///////// $('#modal-form input[type=file]').ace_file_input({ style:'well', btn_choose:'Drop files here or click to choose', btn_change:null, no_icon:'ace-icon fa fa-cloud-upload', droppable:true, thumbnail:'large' }) //chosen plugin inside a modal will have a zero width because the select element is originally hidden //and its width cannot be determined. //so we set the width after modal is show $('#modal-form').on('shown.bs.modal', function () { if(!ace.vars['touch']) { $(this).find('.chosen-container').each(function(){ $(this).find('a:first-child').css('width' , '210px'); $(this).find('.chosen-drop').css('width' , '210px'); $(this).find('.chosen-search input').css('width' , '200px'); }); } }) /** //or you can activate the chosen plugin after modal is shown //this way select element becomes visible with dimensions and chosen works as expected $('#modal-form').on('shown', function () { $(this).find('.modal-chosen').chosen(); }) */ $(document).one('ajaxloadstart.page', function(e) { autosize.destroy('textarea[class*=autosize]') $('.limiterBox,.autosizejs').remove(); $('.daterangepicker.dropdown-menu,.colorpicker.dropdown-menu,.bootstrap-datetimepicker-widget.dropdown-menu').remove(); }); }); function myDateFormater(myDate){ var d=new Date(myDate); var m=d.getMonth()+1; var y=d.getFullYear(); var date=d.getDate(); // alert(date+"/"+m+"/"+y); return date+"/"+m+"/"+y; } </script>