From a8cffc9c334e02ca962f615cc28c66634bea06aa Mon Sep 17 00:00:00 2001
From: rstular <rok@stular.eu>
Date: Mon, 1 Jun 2020 20:05:54 +0200
Subject: Added UI for user-defined gradings

---
 dist/pages/gradings.html | 74 ++++++++++++++++++++++++++++++------------------
 1 file changed, 46 insertions(+), 28 deletions(-)

(limited to 'dist/pages/gradings.html')

diff --git a/dist/pages/gradings.html b/dist/pages/gradings.html
index 81c0e45..01a6db5 100755
--- a/dist/pages/gradings.html
+++ b/dist/pages/gradings.html
@@ -95,37 +95,55 @@
         <br>
         <div id="calendar"></div>
    </div>
-<!--
-   <div class="container">
-        <div class="row">
-		<div class="col s12">
-	                <h4>Add a personal event</h4>
-	                <div class="row">
-	                        <div class="input-field col s5">
-	                                <input required="required" type="text" class="datepicker" id="datepicker-add">
-	                                <label for="datepicker-add">Date</label>
-				</div>
-	                        <div class="input-field col s5">
-	                                <input required="required" id="event_name" type="text" class="validate">
-	                                <label for="event_name">Name</label>
-	                        </div>
-	                        <div class="input-field col s2">
-	                                <button id="event_btn" class="btn waves-effect waves-light" type="text" class="validate">
-						<i class="material-icons">event_available</i>
-					</button>
-	                        </div>
-	                </div>
-	                <div class="row">
-	                        <div class="input-field col s12">
-	                                  <textarea required="required" id="event_description" class="materialize-textarea"></textarea>
-	                                  <label for="event_description">Description</label>
-	                        </div>
-	                </div>
-		</div>
+
+   <!-- FAB -->
+	<div class="fixed-action-btn" id="fab-new">
+		<a class="btn-floating btn-large fab-new-message modal-trigger" href="#beziapp-add-grading">
+		  <i class="large material-icons">add</i>
+		</a>
+	</div>
+       <!-- Modal Structure -->
+    <div id="beziapp-add-grading" class="modal modal-fixed-footer">
+
+        <div class="modal-content">
+
+            <h4 class="general-text"><x-su>addGrading</x-su></h4>
+
+            <div class="row">
+                <div class="input-field col s5">
+                    <input required="required" type="text" class="datepicker" id="datepicker-add">
+                    <label for="datepicker-add">Date</label>
+			    </div>
+                <div class="input-field col s5">
+                    <input required="required" id="event_name" type="text" class="validate">
+                    <label for="event_name">Name</label>
+                </div>
+                <div class="input-field col s2">
+	                <button id="event_btn" class="btn waves-effect waves-light" type="text" class="validate">
+    				    <i class="material-icons">event_available</i>
+	    			</button>
+                </div>
+            </div>
+            
+            <div class="row">
+                <div class="input-field col s12">
+                    <textarea required="required" id="event_description" class="materialize-textarea"></textarea>
+                    <label for="event_description">Description</label>
+                </div>
+            </div>
+        
         </div>
 
+        <div class="modal-footer">
+            <div id="modal-footer-right">    
+                <a href="#" class="modal-close waves-effect waves-green btn-flat">Cancel <i class="material-icons right">close</i></a>
+                <a href="#" id="msg-send" class="modal-close waves-effect waves-green btn-flat" disabled>Add <i class="material-icons right">add</i></a>
+            </div>
+        </div>
     </div>
--->
+
+
+
 </body>
 
 </html>
-- 
cgit v1.2.3