|
|
|
@ -89,7 +89,7 @@
|
|
|
|
|
<span class="icon-toolbar-separator">|</span> |
|
|
|
|
<button title="Save" class="btn btn-sm btn-icon-toolbar" id="save-activity"><i |
|
|
|
|
class="fa fa-save icon-toolbar"></i></button> |
|
|
|
|
<span class="icon-toolbar-separator"id="save-separator">|</span> |
|
|
|
|
<span class="icon-toolbar-separator" id="save-separator">|</span> |
|
|
|
|
<button title="Synchronize to Report Activity" class="btn btn-sm btn-icon-toolbar" id="gantt-synchronize"><i |
|
|
|
|
class="fa fa-sync icon-toolbar"></i></button> |
|
|
|
|
<span class="icon-toolbar-separator">|</span> |
|
|
|
@ -100,7 +100,7 @@
|
|
|
|
|
class="fa fa-grip-lines icon-toolbar"></i></button> |
|
|
|
|
<span class="icon-toolbar-separator">|</span> |
|
|
|
|
<button title="Show / Hide Columns" class="btn btn-sm btn-icon-toolbar" id="gantt_toggle_columns_btn" |
|
|
|
|
onclick="gantt.$showDropdown(this)"><i class="fa fa-columns icon-toolbar"></i></button> |
|
|
|
|
onclick="gantt.$showDropdown(this)"><i class="fa fa-eye-slash icon-toolbar"></i></button> |
|
|
|
|
<span class="icon-toolbar-separator">|</span> |
|
|
|
|
<button title="Gantt Compare" class="btn btn-sm btn-icon-toolbar" id="compare-data"><i |
|
|
|
|
class="fa fa-columns icon-toolbar"></i></button> |
|
|
|
@ -140,9 +140,10 @@
|
|
|
|
|
<div class="form-row"> |
|
|
|
|
<div class="col-md-7 form-group"> |
|
|
|
|
<label>Human Resource</label> |
|
|
|
|
<select id="select-hr" name="user_id[]" multiple="multiple" class="form-control form-control-sm" style="width:100%;"></select> |
|
|
|
|
<select id="select-hr" name="user_id[]" multiple="multiple" |
|
|
|
|
class="form-control form-control-sm" style="width:100%;"></select> |
|
|
|
|
</div> |
|
|
|
|
<div class="col-md-2 form-group"> |
|
|
|
|
<div class="col-md-2 form-group"> |
|
|
|
|
<label>Start Date</label> |
|
|
|
|
<input type="date" id="hr-start-date" class="form-control form-control-sm" /> |
|
|
|
|
</div> |
|
|
|
@ -210,7 +211,8 @@
|
|
|
|
|
<textarea class="form-control" id="comment" name="comment" rows="3"></textarea> |
|
|
|
|
</div> |
|
|
|
|
<div class="text-right"> |
|
|
|
|
<button type="button" class="btn btn-sm btn-primary" id="btn_comment_submit">Submit</button> |
|
|
|
|
<button type="button" class="btn btn-sm btn-primary" |
|
|
|
|
id="btn_comment_submit">Submit</button> |
|
|
|
|
</div> |
|
|
|
|
<hr /> |
|
|
|
|
</form> |
|
|
|
@ -291,8 +293,8 @@
|
|
|
|
|
<div class="form-row"> |
|
|
|
|
<div class="col-md-2 form-group"> |
|
|
|
|
<label>Description</label> |
|
|
|
|
<select id="select-material-integration" name="descriptionReqMaterial" class="form-control form-control-sm" |
|
|
|
|
style="width:100%;"></select> |
|
|
|
|
<select id="select-material-integration" name="descriptionReqMaterial" |
|
|
|
|
class="form-control form-control-sm" style="width:100%;"></select> |
|
|
|
|
</div> |
|
|
|
|
<div class="col-md-2 form-group"> |
|
|
|
|
<label>Price (IDR)</label> |
|
|
|
@ -306,7 +308,8 @@
|
|
|
|
|
</div> |
|
|
|
|
<div class="col-md-1 form-group"> |
|
|
|
|
<label>UOM</label> |
|
|
|
|
<select id="uom-req-material" name="uomReqMaterial" class="form-control form-control-sm"></select> |
|
|
|
|
<select id="uom-req-material" name="uomReqMaterial" |
|
|
|
|
class="form-control form-control-sm"></select> |
|
|
|
|
</div> |
|
|
|
|
<div class="col-md-2 form-group"> |
|
|
|
|
<label>Expected arrival date</label> |
|
|
|
@ -359,35 +362,36 @@
|
|
|
|
|
<div class="col-md-2 form-group"> |
|
|
|
|
<label>Description</label> |
|
|
|
|
<input type="text" id="desc-expense" name="descriptionReqexpense" |
|
|
|
|
class="form-control form-control-sm" /> |
|
|
|
|
class="form-control form-control-sm" /> |
|
|
|
|
</div> |
|
|
|
|
<div class="col-md-2 form-group"> |
|
|
|
|
<label>Price (IDR)</label> |
|
|
|
|
<input type="text" id="price-req-expense" name="priceReqexpense" |
|
|
|
|
class="form-control form-control-sm" /> |
|
|
|
|
class="form-control form-control-sm" /> |
|
|
|
|
</div> |
|
|
|
|
<div class="col-md-2 form-group"> |
|
|
|
|
<label>QTY</label> |
|
|
|
|
<input type="text" id="qty-req-expense" name="qtyReqexpense" |
|
|
|
|
class="form-control form-control-sm" /> |
|
|
|
|
class="form-control form-control-sm" /> |
|
|
|
|
</div> |
|
|
|
|
<div class="col-md-1 form-group"> |
|
|
|
|
<label>UOM</label> |
|
|
|
|
<select id="uom-req-expense" name="uomReqexpense" class="form-control form-control-sm"></select> |
|
|
|
|
<select id="uom-req-expense" name="uomReqexpense" |
|
|
|
|
class="form-control form-control-sm"></select> |
|
|
|
|
</div> |
|
|
|
|
<div class="col-md-2 form-group"> |
|
|
|
|
<label>Expected arrival date</label> |
|
|
|
|
<input type="date" id="required-date-req-expense" name="requiredDateReqexpense" |
|
|
|
|
class="form-control form-control-sm" /> |
|
|
|
|
class="form-control form-control-sm" /> |
|
|
|
|
</div> |
|
|
|
|
<div class="col-md-2 form-group"> |
|
|
|
|
<label>Will be used at</label> |
|
|
|
|
<input type="date" id="required-date-plan-expense" name="requiredDatePlanexpense" |
|
|
|
|
class="form-control form-control-sm" /> |
|
|
|
|
class="form-control form-control-sm" /> |
|
|
|
|
</div> |
|
|
|
|
<div class="col-md-1 form-group"> |
|
|
|
|
<button style="margin-top: 31px;" id="btn-assign-expense" type="submit" |
|
|
|
|
class="btn btn-sm btn-primary">Assign</button> |
|
|
|
|
class="btn btn-sm btn-primary">Assign</button> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<hr /> |
|
|
|
@ -433,7 +437,8 @@
|
|
|
|
|
</div> |
|
|
|
|
<div class="col-md-5 form-group"> |
|
|
|
|
<label>QTY</label> |
|
|
|
|
<input type="number" id="select-tools-qty" name="qty" class="form-control form-control-sm" /> |
|
|
|
|
<input type="number" id="select-tools-qty" name="qty" |
|
|
|
|
class="form-control form-control-sm" /> |
|
|
|
|
</div> |
|
|
|
|
<div class="col-md-2 form-group"> |
|
|
|
|
<button style="margin-top: 31px;" id="btn-assign-tools" type="submit" |
|
|
|
@ -487,20 +492,21 @@
|
|
|
|
|
<li class="nav-item" role="presentation"> |
|
|
|
|
<a class="nav-link" id="timeline-tab" data-toggle="tab" href="#timeline" role="tab" |
|
|
|
|
aria-controls="timeline" aria-selected="false">Timeline</a> |
|
|
|
|
</li> |
|
|
|
|
<li class="nav-item" role="presentation"> |
|
|
|
|
</li> |
|
|
|
|
<li class="nav-item" role="presentation"> |
|
|
|
|
<a class="nav-link" id="cost-tab" data-toggle="tab" href="#cost" role="tab" |
|
|
|
|
aria-controls="cost" aria-selected="false">Cost</a> |
|
|
|
|
</li> |
|
|
|
|
</ul> |
|
|
|
|
<div class="tab-content" id="myTabContent"> |
|
|
|
|
<div class="tab-pane fade show active pt-1" id="days-off" role="tabpanel" aria-labelledby="days-off-tab"> |
|
|
|
|
<div class="tab-pane fade show active pt-1" id="days-off" role="tabpanel" |
|
|
|
|
aria-labelledby="days-off-tab"> |
|
|
|
|
<div> |
|
|
|
|
<form id="modal_gantt_setting_form"> |
|
|
|
|
<div class="form-group"> |
|
|
|
|
<label><b>Set Days Off</b></label> |
|
|
|
|
<select name="select_dayoff[]" id="select_dayoff" class="form-control" placeholder="Select Days" |
|
|
|
|
multiple> |
|
|
|
|
<select name="select_dayoff[]" id="select_dayoff" class="form-control" |
|
|
|
|
placeholder="Select Days" multiple> |
|
|
|
|
<option value="0">Sunday</option> |
|
|
|
|
<option value="1">Monday</option> |
|
|
|
|
<option value="2">Tuesday</option> |
|
|
|
@ -515,7 +521,8 @@
|
|
|
|
|
<div> |
|
|
|
|
<div class="d-flex justify-content-between pr-1 pl-1 mb-1" style="width: 100%;"> |
|
|
|
|
<h6><b>Set Holidays</b></h6> |
|
|
|
|
<button id="add-holiday" class="btn btn-sm btn-primary"><i class="fa fa-plus"></i></button> |
|
|
|
|
<button id="add-holiday" class="btn btn-sm btn-primary"><i |
|
|
|
|
class="fa fa-plus"></i></button> |
|
|
|
|
<button id="hide-holiday" class="btn btn-sm btn-primary elm-hide"><i |
|
|
|
|
class="fa fa-chevron-up"></i></button> |
|
|
|
|
</div> |
|
|
|
@ -523,7 +530,8 @@
|
|
|
|
|
<div class="form-row"> |
|
|
|
|
<div class="col-md-3 form-group"> |
|
|
|
|
<label>Date</label> |
|
|
|
|
<input id="date_holiday" required type="date" name="date" class="form-control form-control-sm" /> |
|
|
|
|
<input id="date_holiday" required type="date" name="date" |
|
|
|
|
class="form-control form-control-sm" /> |
|
|
|
|
</div> |
|
|
|
|
<div class="col-md-3 form-group"> |
|
|
|
|
<label>Duration</label> |
|
|
|
@ -532,12 +540,14 @@
|
|
|
|
|
</div> |
|
|
|
|
<div class="col-md-6 form-group"> |
|
|
|
|
<label>Description</label> |
|
|
|
|
<textarea id="desc_holiday" type="text" name="description" class="form-control form-control-sm" |
|
|
|
|
<textarea id="desc_holiday" type="text" name="description" |
|
|
|
|
class="form-control form-control-sm" |
|
|
|
|
placeholder="Cuti bersama tahun baru.."></textarea> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="text-right"> |
|
|
|
|
<button id="btn_add_holiday" type="submit" class="btn btn-sm btn-primary">Add Holiday</button> |
|
|
|
|
<button id="btn_add_holiday" type="submit" class="btn btn-sm btn-primary">Add |
|
|
|
|
Holiday</button> |
|
|
|
|
</div> |
|
|
|
|
<hr /> |
|
|
|
|
</form> |
|
|
|
@ -571,15 +581,15 @@
|
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="tab-pane fade pt-1" id="cost" role="tabpanel" aria-labelledby="cost-tab"> |
|
|
|
|
<div class="tab-pane fade pt-1" id="cost" role="tabpanel" aria-labelledby="cost-tab"> |
|
|
|
|
<div class="row"> |
|
|
|
|
<div class="col-md-6"> |
|
|
|
|
<label>Cost to Complete</label> |
|
|
|
|
<input type="number" class="form-control" id="costToCompleteBox"> |
|
|
|
|
<input type="number" class="form-control" id="costToCompleteBox"> |
|
|
|
|
</div> |
|
|
|
|
<div class="col-md-6"> |
|
|
|
|
<label>Committed Cost</label> |
|
|
|
|
<input type="number" class="form-control" id="committedCostBox"> |
|
|
|
|
<input type="number" class="form-control" id="committedCostBox"> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
@ -618,11 +628,13 @@
|
|
|
|
|
<div class="form-row"> |
|
|
|
|
<div class="col-md-6 form-group"> |
|
|
|
|
<label>Due Date</label> |
|
|
|
|
<input id="due_milestone" type="text" name="due_date" class="form-control form-control-sm" /> |
|
|
|
|
<input id="due_milestone" type="text" name="due_date" |
|
|
|
|
class="form-control form-control-sm" /> |
|
|
|
|
</div> |
|
|
|
|
<div class="col-md-6 form-group"> |
|
|
|
|
<label>Deadline</label> |
|
|
|
|
<input id="deadline_milestone" type="text" name="deadline" class="form-control form-control-sm" /> |
|
|
|
|
<input id="deadline_milestone" type="text" name="deadline" |
|
|
|
|
class="form-control form-control-sm" /> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
@ -693,7 +705,7 @@
|
|
|
|
|
<p style="margin-bottom:2px"> |
|
|
|
|
<span>End Activity</span> : <span id="report-activity-information-end">-</span> |
|
|
|
|
</p> |
|
|
|
|
<hr/> |
|
|
|
|
<hr /> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div class="table-responsive"> |
|
|
|
@ -714,7 +726,8 @@
|
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="modal-footer"> |
|
|
|
|
<button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal" aria-label="Close">Close</button> |
|
|
|
|
<button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal" |
|
|
|
|
aria-label="Close">Close</button> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
@ -739,8 +752,8 @@
|
|
|
|
|
</div> |
|
|
|
|
<div class="col-md-2 form-group"> |
|
|
|
|
<label>Report Date</label> |
|
|
|
|
<input type="text" id="ra_date_material" name="report_date" class="form-control form-control-sm" |
|
|
|
|
required /> |
|
|
|
|
<input type="text" id="ra_date_material" name="report_date" |
|
|
|
|
class="form-control form-control-sm" required /> |
|
|
|
|
</div> |
|
|
|
|
<div class="col-md-2 form-group"> |
|
|
|
|
<label>Volume Aktual</label> |
|
|
|
@ -749,15 +762,18 @@
|
|
|
|
|
</div> |
|
|
|
|
<div class="col-md-2 form-group"> |
|
|
|
|
<label>Foto</label> |
|
|
|
|
<input type="file" id="foto_ra_material" name="files" class="form-control form-control-sm" /> |
|
|
|
|
<input type="file" id="foto_ra_material" name="files" |
|
|
|
|
class="form-control form-control-sm" /> |
|
|
|
|
</div> |
|
|
|
|
<div class="col-md-4 form-group"> |
|
|
|
|
<label>Keterangan</label> |
|
|
|
|
<textarea id="ra_description_material" class="form-control form-control-sm" name="description"></textarea> |
|
|
|
|
<textarea id="ra_description_material" class="form-control form-control-sm" |
|
|
|
|
name="description"></textarea> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="text-right"> |
|
|
|
|
<button id="btn_add_ra_material" type="submit" class="btn btn-sm btn-primary" row="1">Add</button> |
|
|
|
|
<button id="btn_add_ra_material" type="submit" class="btn btn-sm btn-primary" |
|
|
|
|
row="1">Add</button> |
|
|
|
|
</div> |
|
|
|
|
<hr /> |
|
|
|
|
</form> |
|
|
|
@ -815,7 +831,8 @@
|
|
|
|
|
<div id="map_activity"></div> |
|
|
|
|
</div> |
|
|
|
|
<div class="modal-footer"> |
|
|
|
|
<button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal" aria-label="Close">Close</button> |
|
|
|
|
<button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal" |
|
|
|
|
aria-label="Close">Close</button> |
|
|
|
|
<button type="button" class="btn btn-primary" id="btn_save_location">Save Location</button> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
@ -838,7 +855,8 @@
|
|
|
|
|
</form> |
|
|
|
|
</div> |
|
|
|
|
<div class="modal-footer"> |
|
|
|
|
<button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal" aria-label="Close">Cancel</button> |
|
|
|
|
<button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal" |
|
|
|
|
aria-label="Close">Cancel</button> |
|
|
|
|
<button type="button" class="btn btn-primary" id="btn_save_radius">Save Radius</button> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
@ -856,7 +874,8 @@
|
|
|
|
|
<div id="report-image"></div> |
|
|
|
|
</div> |
|
|
|
|
<div class="modal-footer"> |
|
|
|
|
<button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal" aria-label="Close">Close</button> |
|
|
|
|
<button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal" |
|
|
|
|
aria-label="Close">Close</button> |
|
|
|
|
<!-- <button type="button" class="btn btn-primary" id="btn_save_location">Save Location</button> --> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
@ -872,10 +891,10 @@
|
|
|
|
|
crossorigin="anonymous"></script> --> |
|
|
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" |
|
|
|
|
integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"> |
|
|
|
|
</script> |
|
|
|
|
</script> |
|
|
|
|
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" |
|
|
|
|
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"> |
|
|
|
|
</script> |
|
|
|
|
</script> |
|
|
|
|
<script src="https://cdn.datatables.net/1.11.3/js/jquery.dataTables.min.js"></script> |
|
|
|
|
<script src="https://cdn.jsdelivr.net/gh/bbbootstrap/libraries@main/choices.min.js"></script> |
|
|
|
|
|
|
|
|
@ -914,14 +933,14 @@
|
|
|
|
|
<script src="function/reportActivity.js"></script> |
|
|
|
|
<script src="function/activityLocation.js"></script> |
|
|
|
|
<script> |
|
|
|
|
var button = document.getElementById("fullscreen_button"); |
|
|
|
|
button.addEventListener("click", function(){ |
|
|
|
|
if (!gantt.getState().fullscreen) { |
|
|
|
|
gantt.expand(); |
|
|
|
|
} |
|
|
|
|
else { |
|
|
|
|
gantt.collapse(); |
|
|
|
|
} |
|
|
|
|
}, false); |
|
|
|
|
var button = document.getElementById("fullscreen_button"); |
|
|
|
|
button.addEventListener("click", function () { |
|
|
|
|
if (!gantt.getState().fullscreen) { |
|
|
|
|
gantt.expand(); |
|
|
|
|
} |
|
|
|
|
else { |
|
|
|
|
gantt.collapse(); |
|
|
|
|
} |
|
|
|
|
}, false); |
|
|
|
|
</script> |
|
|
|
|
</body> |
|
|
|
|
</body> |