diff options
Diffstat (limited to 'public')
| -rw-r--r-- | public/app/controllers/admin/Course_admin.php | 10 | ||||
| -rw-r--r-- | public/app/views/admin/lessons.php | 129 | ||||
| -rw-r--r-- | public/app/views/components/courses_menu.php | 97 | ||||
| -rw-r--r-- | public/app/views/components/top_bar.php (renamed from public/app/views/components/top-bar.php) | 0 | ||||
| -rw-r--r-- | public/app/views/welcome.php | 33 | ||||
| -rw-r--r-- | public/assets/css/class.css | 11 | ||||
| -rw-r--r-- | public/assets/js/classroom.js (renamed from public/assets/js/wiki.js) | 0 |
7 files changed, 268 insertions, 12 deletions
diff --git a/public/app/controllers/admin/Course_admin.php b/public/app/controllers/admin/Course_admin.php index d1048b7..90aaa53 100644 --- a/public/app/controllers/admin/Course_admin.php +++ b/public/app/controllers/admin/Course_admin.php @@ -172,11 +172,13 @@ class Course_admin { ] ); - // update media's privileges - self::update_medias_privileges($post['media'], $post['privilege_id']); + if (isset($post['media'])) { + // update media's privileges + self::update_medias_privileges($post['media'], $post['privilege_id']); - // set lesson's media files - self::create_medias_for_lesson($post['media'], $id, $post['privilege_id']); + // set lesson's media files + self::create_medias_for_lesson($post['media'], $id, $post['privilege_id']); + } return true; } 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> Νέο Μάθημα + </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> diff --git a/public/app/views/components/courses_menu.php b/public/app/views/components/courses_menu.php new file mode 100644 index 0000000..6539f8c --- /dev/null +++ b/public/app/views/components/courses_menu.php @@ -0,0 +1,97 @@ +<?php +/** Categories Menu + * ----------------------------------------------------------------------------- + * sits in the (left) sidebar + * + * imported variables + * --- + * @param $categories (array) : the categories tree + * @param $open_path (array) : 'id's array of selected categories + * + * example call: + * (draw the categories-menu and set open the categories with ids 1 and 2) + * --- + * Render::template("section/categories_menu.php",[ + * 'categories' => $category_tree, + * 'open_path' => [1 ,2] + * ]); + * + * ----------------------------------------------------------------------------- + */ + +/** tree_ul + * creates (recursively) a nested ul-li tree of categories + * --- -- -- - - - + * @param $tree (array) : categories array formated as tree + * @param $open_nodes (array) : array of categor ids that shall be marked open/selected + * @return $html (string) + */ +function tree_li($tree, $open_nodes = [], $l = 0) +{ + $html = ""; + + foreach($tree as $node) { + + // if has childs ... + // write li ; traverse children recursively + if ((isset($node['childs'])) && ( $node['childs']!= [])) { + + if (in_array(intval($node['rec']['id']), $open_nodes)) { + $inner_class = "inner show"; + $sign = "–"; + $a_class = "has-childs selected"; + + } else { + $inner_class = "inner"; + $sign = "+"; + $a_class = "has-childs"; + } + + $html .= "<li> + <a href='/course/{$node['rec']['id']}' class='{$a_class}'> + <span class='label'>{$node['rec']['label']}</span> + <span class='toggler'>{$sign}</span> + </a> + <ul class='{$inner_class}'>" + . tree_li($node['childs'], $open_nodes, $l+1) + ."</ul> + </li>"; + + + } else { // else just write the li + + if (in_array(intval($node['rec']['id']), $open_nodes)) { + $u_in = "<u>"; + $u_out = "</u>"; + $a_class = "selected"; + + } else { + $u_in = ""; + $u_out = ""; + $a_class = ""; + + } + + $html .= "<li> + <a href='/course/{$node['rec']['id']}' class='{$a_class}'> + <span class='label'>{$node['rec']['label']}</span> + </a> + </li>"; + } + } + + return $html; + +} + + +// draw the menu (hidden on XS screens) +// ----------------------------------------------------------------------------- +echo "<h3>Διαθέσιμη ύλη</h3>"; +echo "<ul class='hidden-xs side-bar'>". tree_li($categories, $open_path) ."</ul>"; + + + +// TODO: +// draw menu for XS screens (for example, just the 1st-level categories) +// (maybe in an accordion so it won;t take too much area on small screens) diff --git a/public/app/views/components/top-bar.php b/public/app/views/components/top_bar.php index ed96e35..ed96e35 100644 --- a/public/app/views/components/top-bar.php +++ b/public/app/views/components/top_bar.php diff --git a/public/app/views/welcome.php b/public/app/views/welcome.php index ded2294..08be0a2 100644 --- a/public/app/views/welcome.php +++ b/public/app/views/welcome.php @@ -12,14 +12,34 @@ </head> <body class='classroom'> - <?php // top-bar + <?php // top-bar //////////////////////////////////////////////////////////////////////// - Render::view('components/top-bar'); + Render::view('components/top_bar'); ?> - <pre> - <?php print_r($categories); ?> - </pre> + + <div class="main-content container"> + <div class="row"> + + <div class="col col-md-5 col-lg-4 d-sm-none d-md-block side-bar"> + + + <?php // tree of courses + //////////////////////////////////////////////////////////////////////// + Render::view('components/courses_menu', [ + 'categories' => $categories, + 'open_path' => [] + ]); + ?> + </div> + + <div class="col col-sm-12 col-md-7 col-lg-8"> + the content goes here + </div> + + </div> + </div> + <!-- TESTING STRINGS (while developing only) --> <?php /* --- print_r($_SESSION); ?> @@ -32,6 +52,9 @@ ? var_dump($_SESSION[UserTokenInterface::DEFAULT_PREFIX_KEY]) : 'none!' --- */ ?> + + + <script src="/assets/js/classroom.js"></script> </body> </html>
\ No newline at end of file diff --git a/public/assets/css/class.css b/public/assets/css/class.css index e87861a..6ee2c04 100644 --- a/public/assets/css/class.css +++ b/public/assets/css/class.css @@ -57,13 +57,18 @@ +.classroom .main-content { padding: 1.5em; max-width: 1440px; } + + /* category list menu * ----------------------------------------------------------------------------- */ - .classroom .side-bar { padding-top: 20px; } - .classroom .side-bar h3 { - font-weight: 600; font-size: 1.4em; +.classroom .side-bar { padding-right: 1em; } + + +.classroom .side-bar h3 { + font-weight: 600; font-size: 1em; color: var(--class-blue); } diff --git a/public/assets/js/wiki.js b/public/assets/js/classroom.js index b1947f8..b1947f8 100644 --- a/public/assets/js/wiki.js +++ b/public/assets/js/classroom.js |