add back and forward

Author: zhangzijie-pro

src-tauri/Cargo.toml

@@ -17,7 +17,7 @@ tauri-build = { version = "1.5.2", features = [] }
 [dependencies]
 serde_json = "1.0"
 serde = { version = "1.0", features = ["derive"] }
-tauri = { version = "1.6.4", features = [ "fs-all", "window-all", "dialog-all"] }
+tauri = { version = "1.6.4", features = [ "updater", "fs-all", "window-all", "dialog-all"] }
 lazy_static = { version = "1.4.0"}
 ansi-to-html = "0.2.1"
 tiks_command = { path = "../tiks_command" }

src-tauri/tauri.conf.json

@@ -91,7 +91,8 @@
         "decorations": false,
         "title": "Tzcode",
         "width": 1200,
-        "visible": false
+        "visible": false,
+        "center":true
       },
       {
         "width": 400,

ui/css/menu.css

@@ -134,4 +134,9 @@
 
 .search-result-item:hover {
   background-color: #f0f0f0;
+}
+
+.menu_back_forward{
+  position: relative;
+  cursor: pointer;
 }

ui/index.html

@@ -42,6 +42,10 @@
             </div>
         </div>
         <div class="titlebar-center">
+            <div class="menu_back_forward">
+                <img id="back" src="./svg/back.svg" onclick="menu_back()">
+                <img id="forward" src="./svg/forward.svg" onclick="menu_forward()">
+            </div>
             <div id="search-container" class="search-box" >
                 <!--find this workspace named (?) file-->
                 <input type="text" id="search-filename" placeholder="Search files..."/>

ui/js/plugin.js

@@ -14,6 +14,14 @@ document.addEventListener('keydown', async(event) => {
         const isFullscreen = await appWindow.isFullscreen();
         appWindow.setFullscreen(!isFullscreen);
     }
+/*     if(event.ctrlKey && event.key=='1'){
+        event.preventDefault();
+        menu_forward();
+    }
+    if(event.ctrlKey && event.key=='2'){
+        event.preventDefault();
+        menu_back();
+    } */
 });
 
 // Save active file
@@ -36,6 +44,14 @@ function closeCurrentFile() {
     }
 }
 
+function menu_back(){
+    history.back();
+}
+
+function menu_forward(){
+    history.forward();
+}
+
 /* found active tab to search file or pattern in dir */
 document.addEventListener('DOMContentLoaded', async () => {
     const searchInput = document.getElementById('search-filename');