From 10ce0059caa62745505b8ff9c2574e795573034f Mon Sep 17 00:00:00 2001
From: Ramon Wenger <donramonloco+github@gmail.com>
Date: Wed, 3 Oct 2018 11:33:58 +0200
Subject: [PATCH] Replace loading icon

---
 .../content-blocks/assignment/SubmissionForm.vue          | 8 +++++---
 client/src/components/icons/LoadingIcon.vue               | 6 ++++++
 2 files changed, 11 insertions(+), 3 deletions(-)
 create mode 100644 client/src/components/icons/LoadingIcon.vue

diff --git a/client/src/components/content-blocks/assignment/SubmissionForm.vue b/client/src/components/content-blocks/assignment/SubmissionForm.vue
index ab98f973..8ac8ee83 100644
--- a/client/src/components/content-blocks/assignment/SubmissionForm.vue
+++ b/client/src/components/content-blocks/assignment/SubmissionForm.vue
@@ -11,7 +11,7 @@
       <span class="submission-form__save-status-text">Alle Änderungen gespeichert</span>
     </div>
     <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>
     </div>
   </div>
@@ -19,12 +19,14 @@
 
 <script>
   import TickCircleIcon from '@/components/icons/TickCircleIcon';
+  import LoadingIcon from '@/components/icons/LoadingIcon';
 
   export default {
     props: ['submission', 'saved'],
 
     components: {
-      TickCircleIcon
+      TickCircleIcon,
+      LoadingIcon
     }
   }
 </script>
@@ -75,7 +77,7 @@
 
     @keyframes spin {
       100% {
-        transform: rotate(-360deg);
+        transform: rotate(360deg);
       }
     }
 
diff --git a/client/src/components/icons/LoadingIcon.vue b/client/src/components/icons/LoadingIcon.vue
new file mode 100644
index 00000000..7b07d9e9
--- /dev/null
+++ b/client/src/components/icons/LoadingIcon.vue
@@ -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>