search

app/index.html

@@ -15,7 +15,6 @@
 
 	<script src="node_modules/ejs/ejs.js"></script>
 	<script src="js/templates.js"></script>
-	<script src="js/index.js"></script>
 
 	<link href="node_modules/bootstrap/dist/css/bootstrap.css" rel="stylesheet">
 	<link href="css/app.css" rel="stylesheet">
@@ -26,5 +25,6 @@
 			Getting file list...
 		</div>
 	</div>
+	<script src="js/index.js"></script>
 </body>
 </html>

app/js/index.js

@@ -1,5 +1,8 @@
 (function($) {
-	let ipcRenderer = require('electron').ipcRenderer;
+	const ipcRenderer = require('electron').ipcRenderer;
+	const searchInPage = require('electron-in-page-search').default;
+	const remote = require('electron').remote;
+
 
 	//events
 	ipcRenderer.on('fileList', (event, files) => {
@@ -59,6 +62,13 @@
 		window.location.reload(false);
 	});
 
+	$(document).on('keypress', (ev) => {
+		//ctrl + f
+		if (ev.ctrlKey && ev.charCode == 6) {
+			let inPageSearch = searchInPage(remote.getCurrentWebContents());
+			inPageSearch.openSearchWindow();
+		}
+	});
 
 	//startup
 	PNotify.defaults.styling = 'bootstrap4'; // Bootstrap version 4

app/package-lock.json

@@ -315,6 +315,11 @@
         "sumchecker": "1.3.1"
       }
     },
+    "electron-in-page-search": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/electron-in-page-search/-/electron-in-page-search-1.3.2.tgz",
+      "integrity": "sha512-gHZtUV3t5g3UXndAOUC+QM0ZzvB43mtKvba4zig65SsOnYqu1G5SMeRq41OIKnDftZN8iXD0NgTzuK3fWh4F8g=="
+    },
     "electron-is-accelerator": {
       "version": "0.1.2",
       "resolved": "https://registry.npmjs.org/electron-is-accelerator/-/electron-is-accelerator-0.1.2.tgz",

app/package.json

@@ -6,6 +6,7 @@
   "dependencies": {
     "bootstrap": "^4.1.1",
     "ejs": "^2.6.1",
+    "electron-in-page-search": "^1.3.2",
     "electron-localshortcut": "^3.1.0",
     "jquery": "^3.3.1",
     "minimist": "^1.2.0",