Rev 908 | AutorÃa | Comparar con el anterior | Ultima modificación | Ver Log |
{{!
This file is part of Moodle - http://moodle.org/
Moodle is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
Moodle is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License
along with Moodle. If not, see <http://www.gnu.org/licenses/>.
}}
{{!
@template theme_universe/drawer
Example context (json):
{
"drawerclasses": "drawer drawer-right",
"drawertrigger": "toggleblocks",
"tooltipplacement": "right",
"drawerconent": "Content for the blocks region",
"closebuttontext": "Close drawer"
}
}}
<div {{!
}} class="{{$drawerclasses}}{{/drawerclasses}} d-print-none not-initialized"{{!
}} data-region="fixed-drawer"{{!
}} id="{{$id}}{{/id}}"{{!
}} data-preference="{{$drawerpreferencename}}{{/drawerpreferencename}}"{{!
}} data-state="{{$drawerstate}}{{/drawerstate}}"{{!
}} data-forceopen="{{$forceopen}}0{{/forceopen}}"{{!
}} data-close-on-resize="{{$drawercloseonresize}}1{{/drawercloseonresize}}"{{!
}}>
<div class="drawerheader">
<div class="drawerheadercontent hidden">
{{$drawerheadercontent}}{{/drawerheadercontent}}
<h5>Contenido</h5>
</div>
{{$drawerheading}}{{/drawerheading}}
<button
class="btn btn-icon btn-secondary drawertoggle icon-no-margin d-block"
data-toggler="drawers"
data-action="closedrawer"
data-target="{{$id}}{{/id}}"
data-toggle="tooltip"
data-placement="{{$tooltipplacement}}right{{/tooltipplacement}}"
title="{{$closebuttontext}}{{#str}}closedrawer, core{{/str}}{{/closebuttontext}}"
>
<svg width="24" height="24" fill="none" viewBox="0 0 24 24">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M17.25 6.75L6.75 17.25"></path>
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M6.75 6.75L17.25 17.25"></path>
</svg>
</button>
</div>
<div class="drawercontent drag-container" data-usertour="scroller">
{{$drawercontent}}{{/drawercontent}}
</div>
</div>
{{#js}}
require(['theme_universe/drawers']);
{{/js}}