Proyectos de Subversion Moodle

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
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 core/sticky_footer
19
 
20
    Displays a page sticky footer element.
21
 
22
    Classes required for JS:
23
    * none
24
 
25
    Data attributes optional for JS:
26
    * data-disable Number|String - If the sticky footer should be disabled by default
27
 
28
    Context variables required for this template:
29
    * disable Boolean - if the sticky footer should be loaded hidden
30
 
31
    Example context (json):
32
    {
33
        "stickycontent": "<a href=\"#\">Moodle</a>",
34
        "stickyclasses": "justify-content-end",
35
        "disable": false,
36
        "extras": [
37
            {
38
                "attribute" : "data-example",
39
                "value" : "stickyfooter"
40
            }
41
        ]
42
    }
43
}}
44
<div
45
    id="sticky-footer"
46
    class="stickyfooter bg-white border-top"
47
    {{$ disable }}
48
        {{#disable}} data-disable="true" {{/disable}}
49
    {{/ disable }}
50
    {{$ extradata }}
51
        {{#extras}}
52
        {{attribute}}="{{value}}"
53
        {{/extras}}
54
    {{/ extradata }}
55
>
56
    <div class="sticky-footer-content-wrapper h-100 d-flex justify-content-center">
57
        <div class="sticky-footer-content w-100 d-flex align-items-center px-3 py-2 {{!
58
            }} {{$ stickyclasses }}{{!
59
                }}{{# stickyclasses }}{{ stickyclasses }}{{/ stickyclasses }}{{!
60
                }}{{^ stickyclasses }}justify-content-end{{/ stickyclasses }}{{!
61
            }}{{/ stickyclasses }}"
62
        >
63
            {{$ stickycontent }}
64
                {{{stickycontent}}}
65
            {{/ stickycontent }}
66
        </div>
67
    </div>
68
</div>
69
{{#js}}
70
require(['theme_boost/sticky-footer'], function(footer) {
71
    footer.init();
72
});
73
{{/js}}