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

---
 assets/js/lang/bundle.js                    |  2 ++
 assets/pages-src/gradings.bvr               | 38 ++++++---------------------
 assets/pages-src/misc/grading-add-modal.bvr | 40 +++++++++++++++++++++++++++++
 3 files changed, 50 insertions(+), 30 deletions(-)
 create mode 100644 assets/pages-src/misc/grading-add-modal.bvr

(limited to 'assets')

diff --git a/assets/js/lang/bundle.js b/assets/js/lang/bundle.js
index 8270527..2cd78bc 100644
--- a/assets/js/lang/bundle.js
+++ b/assets/js/lang/bundle.js
@@ -159,6 +159,7 @@ var langstrings = {
 		noPeriods: "no periods in selected week",
 		// gradings
 		requestFailed: "request failed",
+		addGrading: "add grading",
 		noInternetConnection: "no internet connection",
 		// grades
 		temporary: "temporary",
@@ -360,6 +361,7 @@ var langstrings = {
 		settings: "nastavitve",
 		// gradings
 		requestFailed: "zahteva spodletela",
+		addGrading: "dodaj ocenjevanje",
 		noInternetConnection: "ni povezave s spletom",
 		// grades
 		temporary: "začasno",
diff --git a/assets/pages-src/gradings.bvr b/assets/pages-src/gradings.bvr
index 672b8a2..109296b 100644
--- a/assets/pages-src/gradings.bvr
+++ b/assets/pages-src/gradings.bvr
@@ -75,37 +75,15 @@
         <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>
-        </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>
+   <@?i grading-add-modal@>
+
 </body>
 
 </html>
diff --git a/assets/pages-src/misc/grading-add-modal.bvr b/assets/pages-src/misc/grading-add-modal.bvr
new file mode 100644
index 0000000..eb5f3b7
--- /dev/null
+++ b/assets/pages-src/misc/grading-add-modal.bvr
@@ -0,0 +1,40 @@
+    <!-- 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>
+
-- 
cgit v1.2.3