Do loading on every AJAX request, fix SVG image and make it bigger

9b9426f2 · Thomas Löffler · 87686446 · 9b9426f2 · 9b9426f2 · 9b9426f2
Commit 9b9426f2 authored Mar 09, 2021 by Thomas Löffler
--- a/Build/Assets/Images/typo3_logo.svg
+++ b/Build/Assets/Images/typo3_logo.svg
--- a/Build/Assets/JavaScript/Module/FlyOutAjaxLogin.js
+++ b/Build/Assets/JavaScript/Module/FlyOutAjaxLogin.js
 const gravatar = require('gravatar');
-const _loading = require('../Helper/Loading');
 const NotifyMessage = require('./NotifyMessage');
 const FlyOutAjaxLogin = function (props) {
    FlyOutAjaxLogin.settings = props;
@@ -27,7 +26,7 @@ FlyOutAjaxLogin.prototype.authenticationRequest = function(event, form) {
    url: form.data('action'),
    type: 'POST',
    data: form.serialize(),
-    async: false,
+    async: true,
    success: function (returnValue) {
      returnValue = '<html><body>' + returnValue + '</body></html>';
      let alertType = $(returnValue).find('#message div').prop('class');
@@ -87,12 +86,6 @@ FlyOutAjaxLogin.prototype.initLoginLogoutTemplate = function () {
      const loginForm = $('#login-form');
      const logoutForm = $('#logout-form');
      const loginObject = new FlyOutAjaxLogin();
-      $(document).ajaxStart(
-        function () {
-          _loading.show();
-        }).ajaxStop(function () {
-          _loading.hide();
-        });

      const email = $('#gravatar-image').data('email');
      $('#gravatar-image').append('<img src="' + gravatar.url(email, {s: '100'}, true) + '" alt="" class="rounded-circle" />');

--- a/Build/Assets/JavaScript/main.js
+++ b/Build/Assets/JavaScript/main.js
@@ -17,7 +17,15 @@ require('bootstrap4-notify');
 const baguetteBox = require('baguettebox.js');
 const FlyOutAjaxLogin = require('./Module/FlyOutAjaxLogin'); // Load tether into global `AjaxLogin`
 const feedback = require('./Module/Feedback');
+const _loading = require('./Helper/Loading');

+$(document).ajaxStart(
+  function () {
+    _loading.show();
+  }).ajaxStop(function () {
+    _loading.hide();
+  }
+);

 $(document).ready(function () {
  if ($('.table.table-striped').length) {

--- a/Build/Assets/Scss/components/_loading.scss
+++ b/Build/Assets/Scss/components/_loading.scss
@@ -16,8 +16,8 @@
        background: rgba(255, 255, 255, 1);

        img {
-            width: 4em;
-            height: 4em;
+            width: 8em;
+            height: 8em;
            animation: beatHeart 0.8s infinite;
        }
    }