Skip to content
GitLab
Projects
Groups
Snippets
/
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Sign in
Toggle navigation
Menu
Open sidebar
services
t3o sites
common
t3olayout
Commits
9b9426f2
Commit
9b9426f2
authored
Mar 09, 2021
by
Thomas Löffler
Browse files
Do loading on every AJAX request, fix SVG image and make it bigger
parent
87686446
Changes
4
Expand all
Hide whitespace changes
Inline
Side-by-side
Build/Assets/Images/typo3_logo.svg
View file @
9b9426f2
This diff is collapsed.
Click to expand it.
Build/Assets/JavaScript/Module/FlyOutAjaxLogin.js
View file @
9b9426f2
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
:
fals
e
,
async
:
tru
e
,
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" />
'
);
...
...
Build/Assets/JavaScript/main.js
View file @
9b9426f2
...
...
@@ -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
)
{
...
...
Build/Assets/Scss/components/_loading.scss
View file @
9b9426f2
...
...
@@ -16,8 +16,8 @@
background
:
rgba
(
255
,
255
,
255
,
1
);
img
{
width
:
4
em
;
height
:
4
em
;
width
:
8
em
;
height
:
8
em
;
animation
:
beatHeart
0
.8s
infinite
;
}
}
...
...
Write
Preview
Supports
Markdown
0%
Try again
or
attach a new file
.
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment