From 465891e53a90f79a5077aa4db5482a252a7191c4 Mon Sep 17 00:00:00 2001
From: Ethan Dalool <git@voussoir.net>
Date: Sun, 13 Jan 2019 14:35:54 -0800
Subject: [PATCH] Add an error message field to the Editor.

---
 frontends/etiquette_flask/static/js/editor.js | 25 +++++++++++++++++--
 1 file changed, 23 insertions(+), 2 deletions(-)

diff --git a/frontends/etiquette_flask/static/js/editor.js b/frontends/etiquette_flask/static/js/editor.js
index 2e319b1..19339de 100644
--- a/frontends/etiquette_flask/static/js/editor.js
+++ b/frontends/etiquette_flask/static/js/editor.js
@@ -46,11 +46,18 @@ function Editor(elements, on_open, on_save, on_cancel)
             this.display_elements[index].classList.remove("hidden");
             this.edit_elements[index].classList.add("hidden");
         }
-        this.open_button.classList.remove("hidden")
+        this.hide_spinner();
+        this.hide_error();
+        this.open_button.classList.remove("hidden");
         this.save_button.classList.add("hidden");
         this.cancel_button.classList.add("hidden");
     };
 
+    this.hide_error = function()
+    {
+        this.error_message.classList.add("hidden");
+    };
+
     this.hide_spinner = function()
     {
         this.spinner.classList.add("hidden");
@@ -62,6 +69,7 @@ function Editor(elements, on_open, on_save, on_cancel)
         {
             var display_element = this.display_elements[index];
             var edit_element = this.edit_elements[index];
+
             display_element.classList.add("hidden");
             edit_element.classList.remove("hidden");
 
@@ -75,7 +83,7 @@ function Editor(elements, on_open, on_save, on_cancel)
                 edit_element.value = display_element.innerText;
             }
         }
-        this.open_button.classList.add("hidden")
+        this.open_button.classList.add("hidden");
         this.save_button.classList.remove("hidden");
         this.cancel_button.classList.remove("hidden");
     };
@@ -100,8 +108,16 @@ function Editor(elements, on_open, on_save, on_cancel)
         this.close();
     };
 
+    this.show_error = function(message)
+    {
+        this.hide_spinner();
+        this.error_message.innerText = message;
+        this.error_message.classList.remove("hidden");
+    };
+
     this.show_spinner = function()
     {
+        this.hide_error();
         this.spinner.classList.remove("hidden");
     };
 
@@ -224,6 +240,11 @@ function Editor(elements, on_open, on_save, on_cancel)
     this.cancel_button.onclick = this.binder(on_cancel, this.cancel);
     toolbox.appendChild(this.cancel_button);
 
+    this.error_message = document.createElement("span");
+    this.error_message.classList.add("editor_error");
+    this.error_message.classList.add("hidden");
+    toolbox.appendChild(this.error_message);
+
     this.spinner = document.createElement("span");
     this.spinner.innerText = "Submitting...";
     this.spinner.classList.add("editor_spinner");