voussoir/etiquette
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Add an error message field to the Editor.

Browse source
This commit is contained in:
voussoir 2019-01-13 14:35:54 -08:00
parent d66dc53215
commit 465891e53a
1 changed files with 23 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
frontends/etiquette_flask/static/js/editor.js
View file

@ -46,11 +46,18 @@ function Editor(elements, on_open, on_save, on_cancel)
this.display_elements[index].classList.remove("hidden"); this.display_elements[index].classList.remove("hidden");
this.edit_elements[index].classList.add("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.save_button.classList.add("hidden");
this.cancel_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.hide_spinner = function()
{ {
this.spinner.classList.add("hidden"); 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 display_element = this.display_elements[index];
var edit_element = this.edit_elements[index]; var edit_element = this.edit_elements[index];
display_element.classList.add("hidden"); display_element.classList.add("hidden");
edit_element.classList.remove("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; 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.save_button.classList.remove("hidden");
this.cancel_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.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.show_spinner = function()
{ {
this.hide_error();
this.spinner.classList.remove("hidden"); 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); this.cancel_button.onclick = this.binder(on_cancel, this.cancel);
toolbox.appendChild(this.cancel_button); 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 = document.createElement("span");
this.spinner.innerText = "Submitting..."; this.spinner.innerText = "Submitting...";
this.spinner.classList.add("editor_spinner"); this.spinner.classList.add("editor_spinner");