From f31551a3bb0570ac18217d31baf02af2937fde22 Mon Sep 17 00:00:00 2001
From: farhantock <achmadfarhanmushafa@gmail.com>
Date: Sun, 10 Dec 2023 17:23:38 +0700
Subject: [PATCH] update icon hide columns

---
 edit-mode/index.html | 123 +++++++++++++++++++++++++------------------
 1 file changed, 71 insertions(+), 52 deletions(-)

diff --git a/edit-mode/index.html b/edit-mode/index.html
index 8f2aced..02ca264 100644
--- a/edit-mode/index.html
+++ b/edit-mode/index.html
@@ -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>
\ No newline at end of file