| 1 |
efrain |
1 |
{{!
|
|
|
2 |
This file is part of Moodle - http://moodle.org/
|
|
|
3 |
|
|
|
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.
|
|
|
8 |
|
|
|
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.
|
|
|
13 |
|
|
|
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 theme_universe/drawer
|
|
|
19 |
|
|
|
20 |
Example context (json):
|
|
|
21 |
{
|
|
|
22 |
"drawerclasses": "drawer drawer-right",
|
|
|
23 |
"drawertrigger": "toggleblocks",
|
|
|
24 |
"tooltipplacement": "right",
|
|
|
25 |
"drawerconent": "Content for the blocks region",
|
|
|
26 |
"closebuttontext": "Close drawer"
|
|
|
27 |
}
|
|
|
28 |
}}
|
|
|
29 |
<div {{!
|
|
|
30 |
}} class="{{$drawerclasses}}{{/drawerclasses}} d-print-none not-initialized"{{!
|
|
|
31 |
}} data-region="fixed-drawer"{{!
|
|
|
32 |
}} id="{{$id}}{{/id}}"{{!
|
|
|
33 |
}} data-preference="{{$drawerpreferencename}}{{/drawerpreferencename}}"{{!
|
|
|
34 |
}} data-state="{{$drawerstate}}{{/drawerstate}}"{{!
|
|
|
35 |
}} data-forceopen="{{$forceopen}}0{{/forceopen}}"{{!
|
|
|
36 |
}} data-close-on-resize="{{$drawercloseonresize}}1{{/drawercloseonresize}}"{{!
|
|
|
37 |
}}>
|
|
|
38 |
<div class="drawerheader">
|
|
|
39 |
<div class="drawerheadercontent hidden">
|
|
|
40 |
{{$drawerheadercontent}}{{/drawerheadercontent}}
|
|
|
41 |
<h5>Contenido</h5>
|
|
|
42 |
</div>
|
|
|
43 |
{{$drawerheading}}{{/drawerheading}}
|
|
|
44 |
<button
|
|
|
45 |
class="btn btn-icon btn-secondary drawertoggle icon-no-margin d-block"
|
|
|
46 |
data-toggler="drawers"
|
|
|
47 |
data-action="closedrawer"
|
|
|
48 |
data-target="{{$id}}{{/id}}"
|
|
|
49 |
data-toggle="tooltip"
|
|
|
50 |
data-placement="{{$tooltipplacement}}right{{/tooltipplacement}}"
|
|
|
51 |
title="{{$closebuttontext}}{{#str}}closedrawer, core{{/str}}{{/closebuttontext}}"
|
|
|
52 |
>
|
|
|
53 |
<svg width="24" height="24" fill="none" viewBox="0 0 24 24">
|
|
|
54 |
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M17.25 6.75L6.75 17.25"></path>
|
|
|
55 |
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M6.75 6.75L17.25 17.25"></path>
|
|
|
56 |
</svg>
|
|
|
57 |
</button>
|
|
|
58 |
</div>
|
|
|
59 |
<div class="drawercontent drag-container" data-usertour="scroller">
|
|
|
60 |
{{$drawercontent}}{{/drawercontent}}
|
|
|
61 |
</div>
|
|
|
62 |
</div>
|
|
|
63 |
{{#js}}
|
| 909 |
ariadna |
64 |
require(['theme_universe/drawers']);
|
| 1 |
efrain |
65 |
{{/js}}
|