blob: 6539f8c64efed26ef36a096ae6edbed42438d54d (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
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)
|
