From 3f7889e53443107bb9e086e99b0916a1bbe44f37 Mon Sep 17 00:00:00 2001
From: Pavel Djundik <xPaw@users.noreply.github.com>
Date: Wed, 20 Feb 2019 17:09:44 +0200
Subject: [PATCH] Move changelog window to Vue

---
 client/components/App.vue               |  2 ++
 client/components/Windows/Changelog.vue | 37 ++++++++++++++-----------
 client/js/socket-events/network.js      |  1 -
 3 files changed, 23 insertions(+), 17 deletions(-)

diff --git a/client/components/App.vue b/client/components/App.vue
index 11d68b03..d23fd99a 100644
--- a/client/components/App.vue
+++ b/client/components/App.vue
@@ -78,6 +78,7 @@ import Chat from "./Chat.vue";
 import SignIn from "./Windows/SignIn.vue";
 import Settings from "./Windows/Settings.vue";
 import Help from "./Windows/Help.vue";
+import Changelog from "./Windows/Changelog.vue";
 
 export default {
 	name: "App",
@@ -87,6 +88,7 @@ export default {
 		SignIn,
 		Settings,
 		Help,
+		Changelog,
 	},
 	props: {
 		activeWindow: String,
diff --git a/client/components/Windows/Changelog.vue b/client/components/Windows/Changelog.vue
index 448bb969..3c637bc0 100644
--- a/client/components/Windows/Changelog.vue
+++ b/client/components/Windows/Changelog.vue
@@ -12,24 +12,26 @@
 			<a
 				id="back-to-help"
 				href="#"
-				data-target="#help">« Help</a>
+				data-target="Help">« Help</a>
 
-			{{#if version}}
-			<h1 class="title">Release notes for {{ version }}</h1>
+			<template v-if="version">
+				<h1 class="title">Release notes for {{ version }}</h1>
 
-			{{#if changelog}}
-			<h3>Introduction</h3>
-			<div class="changelog-text">{{{changelog}}}</div>
-			{{else}}
-			<p>Unable to retrieve releases from GitHub.</p>
-			<p><a
-				href="https://github.com/thelounge/thelounge/releases/tag/v{{version}}"
-				target="_blank"
-				rel="noopener">View release notes for this version on GitHub</a></p>
-			{{/if}}
-			{{else}}
-			<p>Loading changelog…</p>
-			{{/if}}
+				<template v-if="changelog">
+					<h3>Introduction</h3>
+					<div class="changelog-text">{{ changelog }}</div>
+				</template>
+				<template v-else>
+					<p>Unable to retrieve releases from GitHub.</p>
+					<p>
+						<a
+							:href="`https://github.com/thelounge/thelounge/releases/tag/v${version}`"
+							target="_blank"
+							rel="noopener">View release notes for this version on GitHub</a>
+					</p>
+				</template>
+			</template>
+			<p v-else>Loading changelog…</p>
 		</div>
 
 	</div>
@@ -38,5 +40,8 @@
 <script>
 export default {
 	name: "Changelog",
+	mounted() {
+
+	},
 };
 </script>
diff --git a/client/js/socket-events/network.js b/client/js/socket-events/network.js
index 36d66e30..29aba1ad 100644
--- a/client/js/socket-events/network.js
+++ b/client/js/socket-events/network.js
@@ -4,7 +4,6 @@ const $ = require("jquery");
 const socket = require("../socket");
 const templates = require("../../views");
 const sidebar = $("#sidebar");
-const utils = require("../utils");
 const {vueApp, initChannel, findChannel} = require("../vue");
 
 socket.on("network", function(data) {