diff options
Diffstat (limited to 'front-end/src/components/Login/AdminReg.vue')
| -rw-r--r-- | front-end/src/components/Login/AdminReg.vue | 16 |
1 files changed, 14 insertions, 2 deletions
diff --git a/front-end/src/components/Login/AdminReg.vue b/front-end/src/components/Login/AdminReg.vue index 8546512..f9bbbb8 100644 --- a/front-end/src/components/Login/AdminReg.vue +++ b/front-end/src/components/Login/AdminReg.vue @@ -74,10 +74,22 @@ const onSubmit = async () => { <input type="password" name="repeat-password" id="repeat-password" class="input" placeholder="••••••••" required v-model="v$.repeat.$model"> </fieldset> - <button form="admin-registation" type="submit" class="btn">Register</button> + <button type="submit" for="admin-registation" class="flex justify-center btn"> + <span v-if="waiting" class="mx-auto animate-spin"> + <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" viewBox="0 0 15 15"> + <path fill="currentColor" fill-rule="evenodd" + d="M8 .5V5H7V.5h1ZM5.146 5.854l-3-3l.708-.708l3 3l-.708.708Zm4-.708l3-3l.708.708l-3 3l-.708-.708Zm.855 1.849L14.5 7l-.002 1l-4.5-.006l.002-1Zm-9.501 0H5v1H.5v-1Zm5.354 2.859l-3 3l-.708-.708l3-3l.708.708Zm6.292 3l-3-3l.708-.708l3 3l-.708.708ZM8 10v4.5H7V10h1Z" + clip-rule="evenodd" /> + </svg> + </span> + <span v-else> + Register + </span> + </button> </form> <p class="py-4 text-sm text-red-500"> - This tab is only visible when the server is in setup mode. You can create as many admin accounts as you like now. + This tab is only visible when the server is in setup mode. You can create as many admin accounts as you like + now. </p> </template> |