mbk-lab
/
nextcloud
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Loading state to vue and not css 

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
This commit is contained in:
John Molakvoæ (skjnldsv) 2018-04-09 16:11:41 +02:00
parent f33065523d
commit 82e1f182c8
No known key found for this signature in database
GPG Key ID: 60C25B8C072916CF
3 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
settings/css/settings.scss
View File

@ -1391,9 +1391,6 @@ doesnotexist:-o-prefocus, .strengthify-wrapper {
img { img {
display: block; display: block;
} }
&.icon-loading > img {
display: none;
}
} }
.toggleUserActions { .toggleUserActions {
position: relative; position: relative;

4
settings/js/main.js
View File

File diff suppressed because one or more lines are too long

6
settings/src/components/userList/userRow.vue
View File

@ -1,6 +1,10 @@
<template> <template>
<div class="row" :class="{'disabled': loading.delete || loading.disable}"> <div class="row" :class="{'disabled': loading.delete || loading.disable}">
<div class="avatar" :class="{'icon-loading': loading.delete || loading.disable}"><img alt="" width="32" height="32" :src="generateAvatar(user.id, 32)" :srcset="generateAvatar(user.id, 64)+' 2x, '+generateAvatar(user.id, 128)+' 4x'"></div> <div class="avatar" :class="{'icon-loading-small': loading.delete || loading.disable}">
<img alt="" width="32" height="32" :src="generateAvatar(user.id, 32)"
:srcset="generateAvatar(user.id, 64)+' 2x, '+generateAvatar(user.id, 128)+' 4x'"
v-if="!loading.delete && !loading.disable">
</div>
<div class="name">{{user.id}}</div> <div class="name">{{user.id}}</div>
<form class="displayName" :class="{'icon-loading-small': loading.displayName}" v-on:submit.prevent="updateDisplayName"> <form class="displayName" :class="{'icon-loading-small': loading.displayName}" v-on:submit.prevent="updateDisplayName">
<input :id="'displayName'+user.id+rand" type="text" <input :id="'displayName'+user.id+rand" type="text"