The loading animation is back
Refactor grant.js to Vanilla JS Remove id="submit" because of side effects: https://stackoverflow.com/questions/22982741/form-submit-jquery-does-not-work Fix arrow for login flow v1 Signed-off-by: Daniel Kesselberg <mail@danielkesselberg.de>
This commit is contained in:
parent
1d82bb55db
commit
71c7442790
3 changed files with 12 additions and 11 deletions
|
@ -1,9 +1,10 @@
|
|||
jQuery(document).ready(function() {
|
||||
$('#submit').click(function (e) {
|
||||
$('#submit + .submit-icon')
|
||||
.removeClass('icon-confirm-white')
|
||||
.addClass(OCA.Theming && OCA.Theming.inverted
|
||||
? 'icon-loading-small'
|
||||
: 'icon-loading-small-dark');
|
||||
document.querySelector('form').addEventListener('submit', function(e) {
|
||||
const wrapper = document.getElementById('submit-wrapper')
|
||||
if (wrapper === null) {
|
||||
return
|
||||
}
|
||||
wrapper.getElementsByClassName('icon-confirm-white').forEach(function(el) {
|
||||
el.classList.remove('icon-confirm-white')
|
||||
el.classList.add(OCA.Theming && OCA.Theming.inverted ? 'icon-loading-small' : 'icon-loading-small-dark')
|
||||
})
|
||||
})
|
||||
})
|
||||
|
|
|
@ -45,8 +45,7 @@ $urlGenerator = $_['urlGenerator'];
|
|||
<input type="hidden" name="stateToken" value="<?php p($_['stateToken']) ?>" />
|
||||
<input type="hidden" name="oauthState" value="<?php p($_['oauthState']) ?>" />
|
||||
<div id="submit-wrapper">
|
||||
<input type="submit" id="submit" class="login primary" title="" value="<?php p($l->t('Grant access')); ?>" />
|
||||
<div class="submit-icon icon-confirm-white"></div>
|
||||
<input type="submit" class="login primary icon-confirm-white" title="" value="<?php p($l->t('Grant access')); ?>" />
|
||||
</div>
|
||||
</form>
|
||||
</p>
|
||||
|
|
|
@ -19,6 +19,7 @@
|
|||
*
|
||||
*/
|
||||
|
||||
script('core', 'login/grant');
|
||||
style('core', 'login/authpicker');
|
||||
|
||||
/** @var array $_ */
|
||||
|
@ -42,7 +43,7 @@ $urlGenerator = $_['urlGenerator'];
|
|||
<input type="hidden" name="requesttoken" value="<?php p($_['requesttoken']) ?>" />
|
||||
<input type="hidden" name="stateToken" value="<?php p($_['stateToken']) ?>" />
|
||||
<div id="submit-wrapper">
|
||||
<input type="submit" id="submit" class="login primary icon-confirm-white" title="" value="<?php p($l->t('Grant access')); ?>" />
|
||||
<input type="submit" class="login primary icon-confirm-white" title="" value="<?php p($l->t('Grant access')); ?>" />
|
||||
</div>
|
||||
</form>
|
||||
</p>
|
||||
|
|
Loading…
Reference in a new issue