diff options
| author | friendica <info@friendica.com> | 2014-09-17 21:27:02 -0700 |
|---|---|---|
| committer | friendica <info@friendica.com> | 2014-09-17 21:27:02 -0700 |
| commit | 22aa5aca14cce46727e15bd061cb6900a21b46b8 (patch) | |
| tree | 933018e6ec89ec98698ffe838ecc33b57318324c /view | |
| parent | 51d9f0d97a186e32aeacc42e3b2d2001d04b5dd2 (diff) | |
| download | volse-hubzilla-22aa5aca14cce46727e15bd061cb6900a21b46b8.tar.gz volse-hubzilla-22aa5aca14cce46727e15bd061cb6900a21b46b8.tar.bz2 volse-hubzilla-22aa5aca14cce46727e15bd061cb6900a21b46b8.zip | |
add a spinner or two to the new channel page so folks have a clue that we're doing something in the background - trying to complete the nick field for them (and then check it before they submit).
Diffstat (limited to 'view')
| -rw-r--r-- | view/js/mod_new_channel.js | 4 | ||||
| -rwxr-xr-x | view/tpl/new_channel.tpl | 2 |
2 files changed, 6 insertions, 0 deletions
diff --git a/view/js/mod_new_channel.js b/view/js/mod_new_channel.js index a3c1dd05c..882da940e 100644 --- a/view/js/mod_new_channel.js +++ b/view/js/mod_new_channel.js @@ -1,16 +1,20 @@ $(document).ready(function() { $("#newchannel-name").blur(function() { + $("#name-spinner").spin('small'); var zreg_name = $("#newchannel-name").val(); $.get("new_channel/autofill.json?f=&name=" + encodeURIComponent(zreg_name),function(data) { $("#newchannel-nickname").val(data); zFormError("#newchannel-name-feedback",data.error); + $("#name-spinner").spin(false); }); }); $("#newchannel-nickname").blur(function() { + $("#nick-spinner").spin('small'); var zreg_nick = $("#newchannel-nickname").val(); $.get("new_channel/checkaddr.json?f=&nick=" + encodeURIComponent(zreg_nick),function(data) { $("#newchannel-nickname").val(data); zFormError("#newchannel-nickname-feedback",data.error); + $("#nick-spinner").spin(false); }); }); diff --git a/view/tpl/new_channel.tpl b/view/tpl/new_channel.tpl index b6562f707..b28810236 100755 --- a/view/tpl/new_channel.tpl +++ b/view/tpl/new_channel.tpl @@ -13,6 +13,7 @@ <label for="newchannel-name" id="label-newchannel-name" class="newchannel-label" >{{$label_name}}</label> <input type="text" name="name" id="newchannel-name" class="newchannel-input" value="{{$name}}" /> + <div id="name-spinner"></div> <div id="newchannel-name-feedback" class="newchannel-feedback"></div> <div id="newchannel-name-end" class="newchannel-field-end"></div> @@ -20,6 +21,7 @@ <label for="newchannel-nickname" id="label-newchannel-nickname" class="newchannel-label" >{{$label_nick}}</label> <input type="text" name="nickname" id="newchannel-nickname" class="newchannel-input" value="{{$nickname}}" /> + <div id="nick-spinner"></div> <div id="newchannel-nickname-feedback" class="newchannel-feedback"></div> <div id="newchannel-nickname-end" class="newchannel-field-end"></div> |