From ddc6aacaf305c7ab8ad41ab77be9af0a80f508dd Mon Sep 17 00:00:00 2001
From: Hykilpikonna <admin@moecraft.cc>
Date: Mon, 27 Apr 2020 04:26:17 -0400
Subject: [PATCH] [+] Create loading screen for course-selection

---
 src/pages/course-selection/course-selection.vue | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/pages/course-selection/course-selection.vue b/src/pages/course-selection/course-selection.vue
index 15978e8..7923b00 100644
--- a/src/pages/course-selection/course-selection.vue
+++ b/src/pages/course-selection/course-selection.vue
@@ -1,6 +1,14 @@
 <template>
     <div id="course-selection">
-        <el-row>
+        <div v-if="loading" class="loading vertical-center" style="height: 100%">
+            <div class="el-loading-spinner">
+                <svg viewBox="25 25 50 50" class="circular">
+                    <circle cx="50" cy="50" r="20" fill="none" class="path"/>
+                </svg>
+            </div>
+        </div>
+
+        <el-row v-else>
             <el-col :span="16" class="overall-span">
                 <el-card class="left" :style="{height: cardsHeight + 'px'}">
                     <SearchSettings v-if="openedPage === 'settings'" ref="settings" :settings="settings"/>