Proyectos de Subversion Moodle

{{!
    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 unilabeltype_collapsedtext/dialog
    Template to show a bootstrap modal dialog.

    Example context (json):
    {
        "title": "fdsfsdf",
        "content": "<div><p>...</p></div>",
        "useanimation": true
    }
}}

<!-- Link to Open the Modal -->
<span class="unilabeltype-collapsed-dialog-button">
    <a href="" data-toggle="modal" data-target="#unilabeltype-collapsed-dialog-{{uniqid}}">
        {{title}}
    </a>
</span>
<!-- The Modal -->
<div class="modal{{#useanimation}} fade{{/useanimation}}" tabindex="-1" id="unilabeltype-collapsed-dialog-{{uniqid}}">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">

            <!-- Modal Header -->
            <div class="modal-header">
                <h4 class="modal-title">{{title}}</h4>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>

            <!-- Modal body -->
            <div class="modal-body">
                {{{content}}}
            </div>
            <!-- Modal footer -->
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" data-dismiss="modal">{{#str}} closebuttontitle {{/str}}</button>
            </div>
        </div>
    </div>
</div>
{{#js}}
    require(['mod_unilabel/modal_helper'], function(modalhelper) {
        modalhelper.init('#unilabeltype-collapsed-dialog-{{uniqid}}');
        {{#openonstart}}
        modalhelper.show('#unilabeltype-collapsed-dialog-{{uniqid}}');
        {{/openonstart}}
    });
{{/js}}