ordo
/
surveyor_indonesia_gantt
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

add fullscreen button

pull/1/head
Muhammad Sulaiman Yusuf 2 years ago
parent
8ccdea90b8
commit
d6722401b9
1 changed files with 16 additions and 22 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 38
      src/index.html

38
src/index.html
Unescape View File

@ -70,25 +70,7 @@
<h6 id="project-name-header"></h6> <h6 id="project-name-header"></h6>
</div> </div>
<div class="container-action"> <div class="container-action">
<!-- <button title="save" class="btn btn-sm btn-icon-toolbar"><i class="fa fa-save icon-toolbar"></i></button> -->
<!-- <button title="print" class="btn btn-sm btn-icon-toolbar"><i class="fa fa-print icon-toolbar"></i></button> -->
<!-- <div class="btn-icon-toolbar-label"><span class="icon-toolbar-separator">Zoom: </span></div>
<button class="btn btn-sm btn-icon-toolbar" id="zoom-day"><span class="icon-toolbar">Day</span></button>
<button class="btn btn-sm btn-icon-toolbar" id="zoom-week"><span class="icon-toolbar">Week</span></button>
<button class="btn btn-sm btn-icon-toolbar" id="zoom-month"><span class="icon-toolbar">Month</span></button> -->
<!-- <div class="custom-control custom-switch btn-icon-toolbar btn-sm">
<input type="checkbox" class="custom-control-input" id="critalPathBox">
<label class="custom-control-label icon-toolbar btn-icon-toolbar-label" for="critalPathBox">Critical Path</label>
</div>
<span class="icon-toolbar-separator">|</span>
<div class="custom-control custom-switch btn-icon-toolbar btn-sm">
<input type="checkbox" class="custom-control-input" id="autoSchedule">
<label class="custom-control-label icon-toolbar btn-icon-toolbar-label" for="autoSchedule">Auto Schedule</label>
</div> -->
<!-- <span class="icon-toolbar-separator">|</span> -->
<div class="btn-icon-toolbar btn-sm"><span class="icon-toolbar-separator">Zoom: </span></div> <div class="btn-icon-toolbar btn-sm"><span class="icon-toolbar-separator">Zoom: </span></div>
<!-- <button title="Zoom In" class="btn btn-sm btn-icon-toolbar" id="gantt_zoom_in" onclick="zoomIn()"><i class="fa fa-plus icon-toolbar"></i></button> -->
<!-- <button title="Zoom Out" class="btn btn-sm btn-icon-toolbar" id="gantt_zoom_out" onclick="zoomOut()"><i class="fa fa-minus icon-toolbar"></i></button> -->
<div class="btn-icon-toolbar text-nowrap"> <div class="btn-icon-toolbar text-nowrap">
<input type="radio" id="scale1" class="gantt_radio" name="scale" value="day"> <input type="radio" id="scale1" class="gantt_radio" name="scale" value="day">
<label for="scale1" class="icon-toolbar btn-icon-toolbar-label">Days</label> <label for="scale1" class="icon-toolbar btn-icon-toolbar-label">Days</label>
@ -111,13 +93,14 @@
<button title="Show / Hide Columns" class="btn btn-sm btn-icon-toolbar" id="gantt_toggle_columns_btn" <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-columns icon-toolbar"></i></button>
<span class="icon-toolbar-separator">|</span> <span class="icon-toolbar-separator">|</span>
<!-- <button title="Collapse Activities" class="btn btn-sm btn-icon-toolbar" id="gantt_toggle_task_btn"><i class="fa fa-compress-alt icon-toolbar"></i></button> --> <button title="Gantt Settings" class="btn btn-sm btn-icon-toolbar" id="gantt_setting_btn"><i
class="fa fa-cog icon-toolbar"></i></button>
<span class="icon-toolbar-separator">|</span>
<button title="Expand Activities" class="btn btn-sm btn-icon-toolbar" id="gantt_toggle_task_btn"><i <button title="Expand Activities" class="btn btn-sm btn-icon-toolbar" id="gantt_toggle_task_btn"><i
class="fa fa-expand-alt icon-toolbar"></i></button> class="fa fa-expand-alt icon-toolbar"></i></button>
<span class="icon-toolbar-separator">|</span> <span class="icon-toolbar-separator">|</span>
<button title="Gantt Settings" class="btn btn-sm btn-icon-toolbar" id="gantt_setting_btn"><i <button id="fullscreen_button" title="Full Screen" class="btn btn-sm btn-icon-toolbar" id="gantt_setting_btn"><i
class="fa fa-cog icon-toolbar"></i></button> class="fa icon-toolbar fa-expand"></i></button>
</div> </div>
</div> </div>
<div id="gantt_here" style='width:100vw; height:90vh;'></div> <div id="gantt_here" style='width:100vw; height:90vh;'></div>
@ -812,4 +795,15 @@
<script src="function/holiday.js"></script> <script src="function/holiday.js"></script>
<script src="function/reportActivity.js"></script> <script src="function/reportActivity.js"></script>
<script src="function/activityLocation.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);
</script>
</body> </body>

Write Preview
Loading…
Cancel
Save