From bb5446be8164176219784290f18751c6f35c4047 Mon Sep 17 00:00:00 2001
From: 0neGal <mail@0negal.com>
Date: Tue, 17 May 2022 01:11:25 +0200
Subject: added external link button and changed string

"Info" -> "View", along with a button in the previewer to open the mod
page in the browser if you so choose.
---
 src/app/browser.js         |   7 ++++++-
 src/app/icons/external.png | Bin 0 -> 9764 bytes
 src/app/index.html         |   5 ++++-
 src/app/main.css           |  13 +++++++++----
 4 files changed, 19 insertions(+), 6 deletions(-)
 create mode 100644 src/app/icons/external.png

(limited to 'src/app')

diff --git a/src/app/browser.js b/src/app/browser.js
index 5a5a752..138aef8 100644
--- a/src/app/browser.js
+++ b/src/app/browser.js
@@ -244,6 +244,10 @@ var Browser = {
 	}
 }
 
+function openExternal(url) {
+	require("electron").shell.openExternal(url);
+}
+
 var view = document.querySelector(".popup#preview webview");
 var Preview = {
 	show: () => {
@@ -255,6 +259,7 @@ var Preview = {
 	set: (url, autoshow) => {
 		if (autoshow != false) {Preview.show()}
 		view.src = url;
+		document.querySelector("#preview #external").setAttribute("onclick", `openExternal("${url}")`);
 	}
 }
 
@@ -340,7 +345,7 @@ function BrowserEl(properties) {
 			<div class="title">${properties.title}</div>
 			<div class="description">${properties.description}</div>
 			<button class="install" onclick='installFromURL("${properties.download}", ${JSON.stringify(properties.dependencies)}, true)'>${installstr}</button>
-			<button class="info" onclick="Preview.set('${properties.url}')">${lang('gui.browser.info')}</button>
+			<button class="info" onclick="Preview.set('${properties.url}')">${lang('gui.browser.view')}</button>
 			<button class="visual">${properties.version}</button>
 			<button class="visual">${lang("gui.browser.madeby")} ${properties.author}</button>
 		</div>
diff --git a/src/app/icons/external.png b/src/app/icons/external.png
new file mode 100644
index 0000000..0b4f99e
Binary files /dev/null and b/src/app/icons/external.png differ
diff --git a/src/app/index.html b/src/app/index.html
index b146ba3..f67a7a8 100644
--- a/src/app/index.html
+++ b/src/app/index.html
@@ -134,10 +134,13 @@
 			</div>
 		</div>
 		<div class="popup small" id="preview">
-			<div class="misc fixed">
+			<div class="misc fixed vertical">
 				<button id="close" onclick="Preview.hide()">
 					<img src="icons/close.png">
 				</button>
+				<button id="external" onclick="">
+					<img src="icons/external.png">
+				</button>
 			</div>
 			<webview></webview>
 		</div>
diff --git a/src/app/main.css b/src/app/main.css
index e4c6a2c..903c03e 100644
--- a/src/app/main.css
+++ b/src/app/main.css
@@ -123,10 +123,6 @@ button {
 	width: calc(50% - var(--spacing) * 4);
 }
 
-.popup#preview #close {
-	margin: var(--spacing) var(--spacing) 0 auto !important;
-}
-
 .popup .misc, .popup #search, .option .actions input {
 	--height: var(--mischeight);
 }
@@ -135,6 +131,10 @@ button {
 	display: flex;
 }
 
+.popup .misc.vertical {
+	display: block;
+}
+
 .popup .misc.fixed {
 	width: 100%;
 	position: fixed;
@@ -177,6 +177,11 @@ button {
 	margin-left: 0px !important;
 }
 
+.popup#preview #close,
+.popup .misc.vertical button {
+	margin: var(--spacing) var(--spacing) 0 auto !important;
+}
+
 .popup .loading {
 	width: 100%;
 	color: white;
-- 
cgit v1.2.3