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 core_calendar/upcoming_mini

    Calendar upcoming view for blocks.

    The purpose of this template is to render the upcoming view for blocks.

    Classes required for JS:

    * none

    Data attributes required for JS:

    * none

    Example context (json):

    {

    }

}}

<div class="card-text content calendarwrapper"{{!

    }} id="month-upcoming-mini-{{uniqid}}"{{!

    }} data-context-id="{{defaulteventcontext}}"{{!

    }} data-courseid="{{courseid}}"{{!

    }} data-categoryid="{{categoryid}}"{{!

}}>

    {{> core/overlay_loading}}

    {{#events}}

        <div{{!

            }} class="event d-flex border-bottom pt-2 pb-3"{{!

            }} data-eventtype-{{normalisedeventtype}}="1"{{!

            }} data-region="event-item"{{!

        }}>

            <div class="activityiconcontainer small courseicon mr-3">

                {{#icon}}

                {{#iconurl}}

                    <img alt="{{alttext}}" title="{{alttext}}" src="{{{ iconurl }}}" class="icon {{iconclass}}">

                {{/iconurl}}

                {{^iconurl}}

                    {{#pix}} {{key}}, {{component}}, {{alttext}} {{/pix}}

                {{/iconurl}}

                {{/icon}}

            </div>

            <div class="overflow-auto">

                <h6 class="d-flex mb-1">

                    <a{{!

                        }} class="text-truncate"{{!

                        }} data-type="event"{{!

                        }} data-action="view-event"{{!

                        }} data-event-id="{{id}}"{{!

                        }} href="{{viewurl}}"{{!

                        }} title="{{name}}"{{!

                    }}>{{{name}}}</a>

                </h6>

                <div class="date small">{{{formattedtime}}}</div>

            </div>

        </div>

    {{/events}}

    {{^events}}

        {{#str}}noupcomingevents, calendar{{/str}}

    {{/events}}

</div>

{{#js}}

require([

    'jquery',

    'core_calendar/selectors',

    'core_calendar/events',

], function(

    $,

    CalendarSelectors,

    CalendarEvents

) {

    var root = $('#month-upcoming-mini-{{uniqid}}');

    $('body').on(CalendarEvents.filterChanged, function(e, data) {

        M.util.js_pending("month-upcoming-mini-{{uniqid}}-filterChanged");

        // A filter value has been changed.

        // Find all matching cells in the popover data, and hide them.

        var target = $("#month-upcoming-mini-{{uniqid}}").find(CalendarSelectors.eventType[data.type]);

        var transitionPromise = $.Deferred();

        if (data.hidden) {

            transitionPromise.then(function() {

                return target.slideUp('fast').promise();

            });

        } else {

            transitionPromise.then(function() {

                return target.slideDown('fast').promise();

            });

        }

        transitionPromise.then(function() {

            M.util.js_complete("month-upcoming-mini-{{uniqid}}-filterChanged");

            return;

        });

        transitionPromise.resolve();

    });

});

{{/js}}