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

Pull spinner code into own file spinner.js.

Browse source 
For the purposes of editor.js this does not bring much improvement,
but now I can easily make spinners for other things.
This commit is contained in:
voussoir 2019-04-27 15:42:02 -07:00
parent 09e80f5dba
commit c7e4bf16d2
5 changed files with 43 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -60,7 +60,7 @@ function Editor(elements, on_open, on_save, on_cancel)
this.hide_spinner = function()
{
this.spinner.classList.add("hidden");
this.spinner.hide();
};
this.open = function()
@ -115,10 +115,10 @@ function Editor(elements, on_open, on_save, on_cancel)
this.error_message.classList.remove("hidden");
};
this.show_spinner = function()
this.show_spinner = function(delay)
{
this.hide_error();
this.spinner.classList.remove("hidden");
this.spinner.show(delay);
};
this.display_elements = [];
@ -245,11 +245,12 @@ function Editor(elements, on_open, on_save, on_cancel)
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");
this.spinner.classList.add("hidden");
toolbox.appendChild(this.spinner);
spinner_element = document.createElement("span");
spinner_element.innerText = "Submitting...";
spinner_element.classList.add("editor_spinner");
spinner_element.classList.add("hidden");
this.spinner = new spinner.Spinner(spinner_element);
toolbox.appendChild(spinner_element);
for (var index = 0; index < this.edit_elements.length; index += 1)
{

31
frontends/etiquette_flask/static/js/spinner.js Normal file
View file

@ -0,0 +1,31 @@
var spinner = {};
spinner.Spinner =
function Spinner(element)
{
this.show = function(delay)
{
clearTimeout(this.delayed_showing_timeout);
this.delayed_showing_timeout = null;
if (! delay)
{
this.element.classList.remove("hidden");
}
else
{
this.delayed_showing_timeout = setTimeout(this.show, delay);
}
}
this.hide = function()
{
clearTimeout(this.delayed_showing_timeout);
this.delayed_showing_timeout = null;
this.element.classList.add("hidden");
}
this.delayed_showing_timeout = null;
this.element = element;
}

1
frontends/etiquette_flask/templates/album.html
View file

@ -153,6 +153,7 @@ ALBUM_ID = undefined;
<link rel="stylesheet" href="/static/css/photo_card.css">
<script src="/static/js/common.js"></script>
<script src="/static/js/api.js"></script>
<script src="/static/js/spinner.js"></script>
<script src="/static/js/editor.js"></script>
<script src="/static/js/hotkeys.js"></script>
<script src="/static/js/photo_clipboard.js"></script>

1
frontends/etiquette_flask/templates/bookmarks.html
View file

@ -8,6 +8,7 @@
<link rel="stylesheet" href="/static/css/common.css">
<script src="/static/js/common.js"></script>
<script src="/static/js/api.js"></script>
<script src="/static/js/spinner.js"></script>
<script src="/static/js/editor.js"></script>
<style>

1
frontends/etiquette_flask/templates/tags.html
View file

@ -13,6 +13,7 @@
<link rel="stylesheet" href="/static/css/common.css">
<script src="/static/js/common.js"></script>
<script src="/static/js/api.js"></script>
<script src="/static/js/spinner.js"></script>
<script src="/static/js/editor.js"></script>
<style>