From d61ec9a6fed2096e82e5d2595257e1bc0b6a6f40 Mon Sep 17 00:00:00 2001
From: Azareal <azareal@users.noreply.github.com>
Date: Thu, 11 Apr 2019 15:46:57 +1000
Subject: [PATCH] Editing replies now uses a client template instead of inline
 HTML in global.js

Added the topic_c_edit_post template.
---
 common/pages.go                  | 5 +++++
 common/template_init.go          | 2 ++
 public/global.js                 | 6 ++++--
 public/init.js                   | 7 ++++++-
 templates/header.html            | 2 +-
 templates/topic_c_edit_post.html | 2 ++
 6 files changed, 20 insertions(+), 4 deletions(-)
 create mode 100644 templates/topic_c_edit_post.html

diff --git a/common/pages.go b/common/pages.go
index 2edbf816..e9c94f32 100644
--- a/common/pages.go
+++ b/common/pages.go
@@ -165,6 +165,11 @@ type CustomPagePage struct {
 	Page *CustomPage
 }
 
+type TopicCEditPost struct {
+	Source string
+	Ref    string
+}
+
 type TopicPage struct {
 	*Header
 	ItemList []ReplyUser
diff --git a/common/template_init.go b/common/template_init.go
index b112d1bb..b99e32f7 100644
--- a/common/template_init.go
+++ b/common/template_init.go
@@ -477,6 +477,8 @@ func compileJSTemplates(wg *sync.WaitGroup, c *tmpl.CTemplateSet, themeName stri
 	pageList := Paginate(20, itemsPerPage, 5)
 	tmpls.AddStd("paginator", "common.Paginator", Paginator{pageList, page, lastPage})
 
+	tmpls.AddStd("topic_c_edit_post", "common.TopicCEditPost", TopicCEditPost{Source: "", Ref: ""})
+
 	var dirPrefix = "./tmpl_client/"
 	var writeTemplate = func(name string, content string) {
 		log.Print("Writing template '" + name + "'")
diff --git a/public/global.js b/public/global.js
index 505b69d7..28908da0 100644
--- a/public/global.js
+++ b/public/global.js
@@ -662,8 +662,10 @@ function mainInit(){
 		let source = "";
 		if(srcNode!=null) source = srcNode.innerText;
 		else source = block.innerHTML;
-		// TODO: Add a client template for this
-		block.innerHTML = "<textarea style='width: 99%;' name='edit_item'>" + source + "</textarea><br><a href='" + this.closest('a').getAttribute("href") + "'><button class='submit_edit' type='submit'>Update</button></a>";
+		block.innerHTML = Template_topic_c_edit_post({
+			Source: source,
+			Ref: this.closest('a').getAttribute("href")
+		})
 		runHook("edit_item_pre_bind");
 
 		$(".submit_edit").click(function(event){
diff --git a/public/init.js b/public/init.js
index 4639886a..ac1570d9 100644
--- a/public/init.js
+++ b/public/init.js
@@ -176,7 +176,7 @@ function RelativeTime(date) {
 function initPhrases() {
 	console.log("in initPhrases")
 	console.log("tmlInits:",tmplInits)
-	fetchPhrases("status,topic_list,alerts,paginator,analytics")
+	fetchPhrases("status,topic_list,topic,alerts,paginator,analytics") // TODO: Break this up?
 }
 
 function fetchPhrases(plist) {
@@ -224,6 +224,11 @@ function fetchPhrases(plist) {
 		if(toLoad===0) initPhrases();
 		if(!Template_paginator) throw("template function not found");
 	});
+	notifyOnScriptW("template_topic_c_edit_post", () => {
+		toLoad--;
+		if(toLoad===0) initPhrases();
+		if(!Template_topic_c_edit_post) throw("template function not found");
+	});
 
 	let loggedIn = document.head.querySelector("[property='x-loggedin']").content;
 	if(loggedIn=="true") {
diff --git a/templates/header.html b/templates/header.html
index 2b75bab7..b64069ba 100644
--- a/templates/header.html
+++ b/templates/header.html
@@ -7,7 +7,7 @@
 		{{range .Header.PreScriptsAsync}}
 		<script async type="text/javascript" src="/static/{{.}}"></script>{{end}}
 		<meta property="x-loggedin" content="{{.CurrentUser.Loggedin}}" />
-		<script type="text/javascript" src="/static/init.js"></script>
+		<script type="text/javascript" src="/static/init.js?i=0"></script>
 		{{range .Header.ScriptsAsync}}
 		<script async type="text/javascript" src="/static/{{.}}"></script>{{end}}
 		<script type="text/javascript" src="/static/jquery-3.1.1.min.js"></script>
diff --git a/templates/topic_c_edit_post.html b/templates/topic_c_edit_post.html
new file mode 100644
index 00000000..d6232d7b
--- /dev/null
+++ b/templates/topic_c_edit_post.html
@@ -0,0 +1,2 @@
+<textarea style='width: 99%;' name='edit_item'>{{.Source}}</textarea><br>
+<a href='{{.Ref}}'><button class='submit_edit' type='submit'>{{lang "topic.update_button"}}</button></a>
\ No newline at end of file