add enabled registration on management

CVHS-student-sites · May 3, 2024 · cec0b9f · cec0b9f
1 parent 3bd34a5
commit cec0b9f
Showing 1 changed file with 69 additions and 68 deletions.
diff --git a/src/routes/(admin)/admin/manage/RegisterEdit.svelte b/src/routes/(admin)/admin/manage/RegisterEdit.svelte
@@ -27,74 +27,6 @@
     }
 </script>
 
-<div class="area-restrictions-cont">
-{#if showData}
-
-        <div class="stat-1-grade-cont">
-
-            <div class="stat-1-grade-element-subcont">
-                <div class="material-symbols-outlined filled-icons"
-                     style="{grades.preReg ? 'color:darkgreen' : 'color:darkred'}">{grades.preReg ? 'check_circle' : 'cancel'}
-                </div>
-                <Switch
-                        bind:checked={grades.preReg}
-                        fontSize={12}
-                        design="slider"
-                />
-                <div class="stat-1-grade-text">Preregister</div>
-            </div>
-            <div class="stat-1-grade-element-subcont">
-                <div class="material-symbols-outlined filled-icons"
-                     style="{grades.grade_12 ? 'color:darkgreen' : 'color:darkred'}">{grades.grade_12 ? 'check_circle' : 'cancel'}
-                </div>
-                <Switch
-                        bind:checked={grades.grade_12}
-                        fontSize={12}
-                        design="slider"
-                />
-                <div class="stat-1-grade-text">Grade 12</div>
-            </div>
-            <div class="stat-1-grade-element-subcont">
-                <div class="material-symbols-outlined filled-icons"
-                     style="{grades.grade_11 ? 'color:darkgreen' : 'color:darkred'}">{grades.grade_11 ? 'check_circle' : 'cancel'}
-                </div>
-                <Switch
-                        bind:checked={grades.grade_11}
-                        fontSize={12}
-                        design="slider"
-                />
-                <div class="stat-1-grade-text">Grade 11</div>
-            </div>
-            <div class="stat-1-grade-element-subcont">
-                <div class="material-symbols-outlined filled-icons"
-                     style="{grades.grade_10 ? 'color:darkgreen' : 'color:darkred'}">{grades.grade_10 ? 'check_circle' : 'cancel'}
-                </div>
-                <Switch
-                        bind:checked={grades.grade_10}
-                        fontSize={12}
-                        design="slider"
-                />
-                <div class="stat-1-grade-text">Grade 10</div>
-            </div>
-            <div class="stat-1-grade-element-subcont">
-                <div class="material-symbols-outlined filled-icons"
-                     style="{grades.grade_9 ? 'color:darkgreen' : 'color:darkred'}">{grades.grade_9 ? 'check_circle' : 'cancel'}
-                </div>
-                <Switch
-                        bind:checked={grades.grade_9}
-                        fontSize={12}
-                        design="slider"
-                />
-                <div class="stat-1-grade-text">Grade 9</div>
-            </div>
-
-        </div>
-
-{:else}
-    <Stretch size="60" color="#577db2" unit="px" duration="1s"/>
-{/if}
-</div>
-
 <style>
     .area-restrictions-cont {
         align-items: center;
@@ -139,6 +71,7 @@
         justify-content: space-between;
         gap: 5px;
     }
+
     .stat-1-grade-text {
         font-size: 16px;
         font-family: 'Montserrat', sans-serif;
@@ -158,3 +91,71 @@
         box-sizing: border-box;
     }
 </style>
+
+<div class="area-restrictions-cont">
+    {#if showData}
+
+        <div class="stat-1-grade-cont">
+
+            <div class="stat-1-grade-element-subcont">
+                <div class="material-symbols-outlined filled-icons"
+                     style="{grades.preReg ? 'color:darkgreen' : 'color:darkred'}">{grades.preReg ? 'check_circle' : 'cancel'}
+                </div>
+                <Switch
+                        bind:checked={grades.preReg}
+                        fontSize={12}
+                        design="slider"
+                />
+                <div class="stat-1-grade-text">Preregister</div>
+            </div>
+            <div class="stat-1-grade-element-subcont">
+                <div class="material-symbols-outlined filled-icons"
+                     style="{grades.grade_12 ? 'color:darkgreen' : 'color:darkred'}">{grades.grade_12 ? 'check_circle' : 'cancel'}
+                </div>
+                <Switch
+                        bind:checked={grades.grade_12}
+                        fontSize={12}
+                        design="slider"
+                />
+                <div class="stat-1-grade-text">Grade 12</div>
+            </div>
+            <div class="stat-1-grade-element-subcont">
+                <div class="material-symbols-outlined filled-icons"
+                     style="{grades.grade_11 ? 'color:darkgreen' : 'color:darkred'}">{grades.grade_11 ? 'check_circle' : 'cancel'}
+                </div>
+                <Switch
+                        bind:checked={grades.grade_11}
+                        fontSize={12}
+                        design="slider"
+                />
+                <div class="stat-1-grade-text">Grade 11</div>
+            </div>
+            <div class="stat-1-grade-element-subcont">
+                <div class="material-symbols-outlined filled-icons"
+                     style="{grades.grade_10 ? 'color:darkgreen' : 'color:darkred'}">{grades.grade_10 ? 'check_circle' : 'cancel'}
+                </div>
+                <Switch
+                        bind:checked={grades.grade_10}
+                        fontSize={12}
+                        design="slider"
+                />
+                <div class="stat-1-grade-text">Grade 10</div>
+            </div>
+            <div class="stat-1-grade-element-subcont">
+                <div class="material-symbols-outlined filled-icons"
+                     style="{grades.grade_9 ? 'color:darkgreen' : 'color:darkred'}">{grades.grade_9 ? 'check_circle' : 'cancel'}
+                </div>
+                <Switch
+                        bind:checked={grades.grade_9}
+                        fontSize={12}
+                        design="slider"
+                />
+                <div class="stat-1-grade-text">Grade 9</div>
+            </div>
+
+        </div>
+
+    {:else}
+        <Stretch size="60" color="#577db2" unit="px" duration="1s"/>
+    {/if}
+</div>