diff --git a/edit-mode/function/ganttSettings.js b/edit-mode/function/ganttSettings.js
index 98fade3..4198331 100644
--- a/edit-mode/function/ganttSettings.js
+++ b/edit-mode/function/ganttSettings.js
@@ -6,6 +6,7 @@ const VERSION_GANTT_EDIT_URL = `${base_url}version-gantt/edit/${ganttId}`;
 const VERSION_GANTT_UPDATE_URL = `${base_url}version-gantt/update/${ganttId}`;
 const ACTIVITY_SET_BASELINE_URL = `${base_url}project/set-baseline/${ganttId}`;
 const ACTIVITY_SYNCHRONIZE_REPORT_URL = `${base_url}project/synchronize-report/${ganttId}`;
+let projectId = getUrlParameter("proyek_id");
 var toggleTasks = "Collapse";
 var isBaselineSet = false;
 var daysObj = [
@@ -130,6 +131,10 @@ $(document).ready(function() {
 		toggleCollapseTasks();
 	});
 
+    $("#dashboard-project").on('click', function(event) {
+      window.location.href = `http://localhost:3000/#/dashboard-project/${projectId}/${ganttId}`;
+    });
+
     $("#gantt-baseline").on('click', function(event) {
         setBaseline();
     });
diff --git a/edit-mode/index.html b/edit-mode/index.html
index b0139ee..de96246 100644
--- a/edit-mode/index.html
+++ b/edit-mode/index.html
@@ -84,6 +84,9 @@
 				<label for="scale3" class="icon-toolbar btn-icon-toolbar-label">Months</label>
 			</div>
 			<span class="icon-toolbar-separator">|</span>
+			<button title="Dashboard Project" class="btn btn-sm btn-icon-toolbar" id="dashboard-project"><i
+					class="fa fa-chart-line icon-toolbar"></i></button>
+			<span class="icon-toolbar-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>