ramon
/
skillbox
1
0
Fork 0
Code Issues 1 Pull Requests 1 Packages Projects 1 Releases 1 Wiki Activity

Replace loading icon

This commit is contained in:
Ramon Wenger 2018-10-03 11:33:58 +02:00
parent b1363d58bf
commit 10ce0059ca
2 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
client/src/components/content-blocks/assignment/SubmissionForm.vue
View File

@ -11,7 +11,7 @@
<span class="submission-form__save-status-text">Alle Änderungen gespeichert</span> <span class="submission-form__save-status-text">Alle Änderungen gespeichert</span>
</div> </div>
<div class="submission-form__save-status submission-form__save-status--unsaved" v-if="!saved"> <div class="submission-form__save-status submission-form__save-status--unsaved" v-if="!saved">
<tick-circle-icon class="submission-form__save-status-icon submission-form__saving-icon"></tick-circle-icon> <loading-icon class="submission-form__save-status-icon submission-form__saving-icon"></loading-icon>
<span class="submission-form__save-status-text">Änderungen werden gespeichert</span> <span class="submission-form__save-status-text">Änderungen werden gespeichert</span>
</div> </div>
</div> </div>
@ -19,12 +19,14 @@
<script> <script>
import TickCircleIcon from '@/components/icons/TickCircleIcon'; import TickCircleIcon from '@/components/icons/TickCircleIcon';
import LoadingIcon from '@/components/icons/LoadingIcon';
export default { export default {
props: ['submission', 'saved'], props: ['submission', 'saved'],
components: { components: {
TickCircleIcon TickCircleIcon,
LoadingIcon
} }
} }
</script> </script>
@ -75,7 +77,7 @@
@keyframes spin { @keyframes spin {
100% { 100% {
transform: rotate(-360deg); transform: rotate(360deg);
} }
} }

6
client/src/components/icons/LoadingIcon.vue Normal file
View File

@ -0,0 +1,6 @@
<template>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
<path
d="M91,47.5A2.5,2.5,0,0,0,88.5,50,38.5,38.5,0,1,1,50,11.5,38.09,38.09,0,0,1,76,21.64H62.13a2.45,2.45,0,0,0,0,4.9H84.31V4.36a2.45,2.45,0,1,0-4.9,0V18A43,43,0,0,0,50,6.5,43.5,43.5,0,1,0,93.5,50,2.5,2.5,0,0,0,91,47.5Z"/>
</svg>
</template>