frontend and backend design enhancements

1 files changed, 129 insertions, 0 deletions

diff --git a/public/app/views/admin/lessons.php b/public/app/views/admin/lessons.php
new file mode 100644
index 0000000..6e7afeb
--- /dev/null
+++ b/public/app/views/admin/lessons.php
@@ -0,0 +1,129 @@
+ <!-- title bar -->
+ <div class="title-bar">
+    <div><h5>Διαχείριση Μαθημάτων</h5></div>
+    <div>
+        <!-- Button trigger modal -->
+        <a type="button" class="btn pull-right" href="/admin/edit_lesson">
+            <i class="fas fa-plus"></i> &nbsp; Νέο Μάθημα
+        </a>
+        <button type="button" class="btn"
+        data-bs-toggle="modal" data-bs-target="#manageLessons" data-action="preview">
+        test</button>
+    </div>
+</div>
+
+<div class="manage">
+    <div class="row">
+        <div class="col-md-12">
+
+            <div id="lessons">
+
+                <table id="dt-lessons" class="table table-responsive dt-table" style="width:100%">
+                    <thead>
+                        <th class="dt-title">Τίτλος</th>
+                        <th class="dt-breadcrumb">Κεφάλαιο</th>
+                        <th class="dt-privileges">Πρόσβαση</th>
+                        <th class="dt-actions"></th>
+                    </thead>
+                </table>
+
+            </div>
+
+
+        </div>
+    </div>
+</div><!-- /manage -->
+
+
+
+<!-- MODAL for new/edit category -->
+<!-- NOTE: tabindex="-1" removed, ref:https://github.com/select2/select2-bootstrap-theme/issues/41 -->
+<div class="modal fade" id="manageLessons" aria-labelledby="myModalLabel" aria-hidden="true">
+    <div class="modal-dialog modal-lg" role="document">
+        <div class="modal-content">
+        
+        <form method="post" action="">
+
+            <div class="modal-header">
+                <h4 class="modal-title" id="myModalLabel">Παράμετροι Μαθήματος</h4>
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+            </div><!-- /modal-header -->
+
+            <!-- modal-body -->
+            <div class="modal-body">
+
+                <!-- form fields -->
+                    
+                <div class="row form-group">
+                    <label class="control-label col-sm-12" for="label">Τίτλος</label>
+                    <div class="col-sm-12">
+                        <input class="form-control form-control-sm" type="text" name="title" value="" required="">
+                    </div>
+                </div>
+
+                <div class="row form-group">
+                    <label class="control-label col-sm-12" for="parent_id">Γονική Κατηγορία</label>
+                    <div class="col-sm-12">
+                        <select class="form-control form-control-sm form-select form-select-sm" id="parent_id" name="parent_id" required></select>
+                    </div>
+                </div>
+
+                <!-- one line, two fields (privilege, status) -->
+                <div class="row">
+                    <div class="col-md-8">
+
+            <!-- privilege level -->
+            <div class="row form-group">
+                <label class="control-label col-sm-12" for="privilege_id">Επίπεδο Πρόσβασης</label>
+                <div class="col-sm-12">
+                    <select class="form-control form-control-sm form-select form-select-sm" id="privilege_id" name="privilege_id">
+                    </select>
+                </div>
+            </div>
+
+                    </div>
+                    <div class="col-md-4">
+
+            <!-- status: published|unpublished -->
+            <div class="row form-group">
+                <label class="control-label col-sm-12" for="status">Κατάσταση</label>
+                <div class="col-sm-12">
+                    <select class="form-control form-control-sm form-select form-select-sm" name="status" onchange="this.dataset.chosen = this.value;">
+                        <option value="0">Αδημοσίευτο</option>
+                        <option value="one">ΔΗΜΟΣΙΕΥΜΕΝΟ</option>
+                    </select>
+                </div>
+            </div>
+
+
+                    </div>
+                </div>
+
+
+
+
+                <div class="row form-group">
+                    <input type="hidden" name="id" value="0"><!-- lesson-id -->
+                </div>
+                        
+
+            </div><!-- /modal body -->
+
+            <div class="modal-footer">
+                <div class="row" style="width: 50%;">
+                    <div class="form-actions">
+                        <div class="col-4">
+                            <button type="button" class="btn btn-default js-modal-close col-sm-12" data-bs-dismiss="modal">Κλείσιμο</button>
+                        </div>
+                        <div class="col-8">
+                            <button class="btn btn-success col-sm-12" type="submit">Καταχώριση</button>
+                        </div>
+                    </div>
+                </div>
+            </div><!-- /modal-footer -->
+
+        </form><!-- /form -->
+
+        </div>
+    </div>
+</div>