From ba13a67f75649fc67cbf42e5727e63ba349c8ea6 Mon Sep 17 00:00:00 2001
From: Gerome Matilla <gerome.matilla07@gmail.com>
Date: Thu, 4 Jun 2020 11:20:12 +0800
Subject: [PATCH] dashboard add search engine settings working

---
 index.html                   |  3 +-
 js/search-engine-settings.js | 68 ++++++++++++++++++++++++++++++++++++
 2 files changed, 70 insertions(+), 1 deletion(-)
 create mode 100644 js/search-engine-settings.js

diff --git a/index.html b/index.html
index 2d7026a..cf71c6f 100644
--- a/index.html
+++ b/index.html
@@ -81,7 +81,7 @@
 				</div>
 			</div>
 			
-			
+
 
 		</div>
 	</div>
@@ -96,5 +96,6 @@
 	<script src="js/show-search-box.js"></script>
 	<script src="js/animate-dashboard.js"></script>
 	<script src="js/greeter-date-message.js"></script>
+	<script src="js/search-engine-settings.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/js/search-engine-settings.js b/js/search-engine-settings.js
new file mode 100644
index 0000000..760ba96
--- /dev/null
+++ b/js/search-engine-settings.js
@@ -0,0 +1,68 @@
+var localStorage = window.localStorage;
+
+var searchBox = document.getElementById("searchBox");
+var selectEngine = document.getElementById("searchEngineSelect");
+var searchEngineAsDefault = document.getElementById("searchEngineAsDefault");
+
+// Get default search engine
+var defaultEngine = localStorage.getItem('searchEngine') || 'google';
+
+let searchQueryPrefix;
+
+// Update query string and placeholder
+const selectQueryString = () => {
+
+	if (defaultEngine === "google") {
+		searchQueryPrefix = 'http://www.google.com/search?q=';
+		searchBox.placeholder = "Search with Google";
+
+	} else if (defaultEngine === "duckduckgo") {
+		searchQueryPrefix = 'https://duckduckgo.com/?q=';
+		searchBox.placeholder = "Search with Duckduckgo";
+
+	} else if (defaultEngine === "ecosia") {
+		searchQueryPrefix = 'https://www.ecosia.org/search?q=';
+		searchBox.placeholder = "Search with Ecosia";
+
+	} else if (defaultEngine === "yahoo") {
+		searchQueryPrefix = 'http://search.yahoo.com/search?p=';
+		searchBox.placeholder = "Search with Yahoo";
+
+	} else if (defaultEngine === "bing") {
+		searchQueryPrefix = 'https://www.bing.com/search?q=';
+		searchBox.placeholder = "Search with Bing";
+	
+	} else {
+		searchQueryPrefix = 'http://www.google.com/search?q=';
+		searchBox.placeholder = "Search with Google";
+	}
+
+}
+
+// Use this to select the default search engine on startup
+const selectTheEngine = () => {
+	// Available values: google, duckduckgo, ecosia, etc.
+    selectEngine.value = defaultEngine;
+    selectQueryString();
+}
+
+// Update settings if the value changes
+selectEngine.onchange = () => {
+	// Get Value
+	var selectedEngine = selectEngine.options[selectEngine.selectedIndex].value;
+	defaultEngine = selectedEngine;
+	selectTheEngine()
+
+}
+
+searchEngineAsDefault.onmouseup = () => {
+	var selectCurrentIndex = selectEngine.options[selectEngine.selectedIndex]
+	alert('Success! ' + selectCurrentIndex.text + 
+		' is now your default search engine!');
+
+	// Save search engine
+	localStorage.setItem('searchEngine', selectCurrentIndex.value);
+}
+
+// Initialize
+window.onload = selectTheEngine();