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}}