MDL-64506 templates: BS2 pull-x -> BS4 float-x
[moodle.git] / course / templates / activity_navigation.mustache
1 {{!
2     This file is part of Moodle - http://moodle.org/
4     Moodle is free software: you can redistribute it and/or modify
5     it under the terms of the GNU General Public License as published by
6     the Free Software Foundation, either version 3 of the License, or
7     (at your option) any later version.
9     Moodle is distributed in the hope that it will be useful,
10     but WITHOUT ANY WARRANTY; without even the implied warranty of
11     MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
12     GNU General Public License for more details.
14     You should have received a copy of the GNU General Public License
15     along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
16 }}
17 {{!
18     @template core_course/activity_navigation
20     Displays the activity navigation
22     Context variables required for this template:
23     * prevlink Object - The action link data for the previous activity link. Corresponds with the core/action_link context.
24     * nextlink Object - The action link data for the next activity link. Corresponds with the core/action_link context.
25     * activitylist Object - The data for the activity selector menu. Corresponds with the core/url_select context.
27     Example context (json):
28     {
29         "prevlink": {
30             "disabled": false,
31             "url": "#",
32             "id": "test-id-1",
33             "classes": "btn btn-link",
34             "attributes": [
35                 {
36                     "name": "title",
37                     "value": "Activity A"
38                 }
39             ],
40             "text": "◄ Activity A"
41         },
42         "nextlink": {
43             "disabled": false,
44             "url": "#",
45             "id": "test-id-2",
46             "classes": "btn btn-link",
47             "attributes": [
48                 {
49                     "name": "title",
50                     "value": "Activity C"
51                 }
52             ],
53             "text": "Activity C ►"
54         },
55         "activitylist": {
56             "id": "url_select_test",
57             "action": "#",
58             "options": [
59                 {"name": "Jump to...", "value": "#0"},
60                 {"name": "Activity A", "value": "#1"},
61                 {"name": "Activity B", "value": "#2"},
62                 {"name": "Activity C", "value": "#3"}
63             ]
64         }
65     }
66 }}
67 <div class="mt-2 mb-1 activity-navigation">
68 {{< core/columns-1to1to1}}
69     {{$column1}}
70         <div class="float-left">
71             {{#prevlink}}{{> core/action_link }}{{/prevlink}}
72         </div>
73     {{/column1}}
74     {{$column2}}
75         <div class="mdl-align">
76             {{#activitylist}}{{> core/url_select }}{{/activitylist}}
77         </div>
78     {{/column2}}
79     {{$column3}}
80         <div class="float-right">
81             {{#nextlink}}{{> core/action_link }}{{/nextlink}}
82         </div>
83     {{/column3}}
84 {{/ core/columns-1to1to1}}
85 </div>