AutorÃa | 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 mod_unilabel/activity_picker_list
Template showing a bootstrap modal dialog to pick an activity instance and get its url.
Example context (json):
{
"formid": "xyzabc-123",
"hasactivities": 1,
"activities": [
{
"name": "name1",
"module": "forum",
"modulename": "Forum",
"activityname": "Announcements",
"url": "https://example.com",
"icon": "https://example.com/img.png",
"purpose": "content",
"filterstring": "Forum Announcements",
"hasavailabilityinfo": 1,
"availableinfo": [
{
"text": "Not available unless: ..."
}
],
"modstealth": "",
"stealthinfo": "",
"hidden": "1",
"hiddeninfo": "Hidden from students"
},
{
"name": "name1",
"module": "page",
"modulename": "Page",
"activityname": "Text of something",
"url": "https://example.com",
"icon": "https://example.com/img.png",
"purpose": "content",
"filterstring": "Page Text of something",
"hasavailabilityinfo": "",
"availableinfo": "",
"modstealth": 1,
"stealthinfo": "Hidden but available",
"hidden": "",
"hiddeninfo": ""
}
]
}
}}
{{#hasactivities}}
<input class="form-control" id="search-{{formid}}" type="text" placeholder="{{#str}}search{{/str}}...">
<ul id="unilabel-activity-picker-list" class="section m-0 p-0 img-text d-block" data-for="cmlist">
{{#activities}}
<li class="activity activity-wrapper {{module}} modtype_{{module}}" data-filterstring="{{filterstring}}" style="transition: all 1s ease-out;">
<div class="activity-item" style="cursor:default;">
<div class="activity-basis d-flex align-items-center">
<div class="d-flex flex-column flex-md-row w-100 align-self-start">
<div class="activity-instance w-100">
<div class="activitytitle media modtype_{{module}} position-relative align-self-start">
<div class="activityiconcontainer {{purpose}} courseicon align-self-start mr-3" style="{{#hidden}}opacity:0.5;{{/hidden}}">
<img src="{{{icon}}}" class="activityicon" alt="{{{module}}} icon">
</div>
<div class="media-body align-self-center" style="{{#hidden}}opacity:0.5;{{/hidden}}">
<div class="text-uppercase small">
{{{modulename}}}
</div>
<div class="activityname">
<a class="aalink stretched-link activity-picker-link text-decoration-none" href="{{{url}}}">
{{activityname}}{{#availableinfo}}
<div class="description">
<div class="course-description-item description-inner my-0 py-0">
{{{text}}}
</div>
</div>
{{/availableinfo}}
{{#modstealth}}
<div class="description">
<div class="course-description-item description-inner my-0 py-0">
({{stealthinfo}})
</div>
</div>
{{/modstealth}}
{{#hiddeninfo}}
<div class="description">
<div class="course-description-item description-inner my-0 py-0">
({{.}})
</div>
</div>
{{/hiddeninfo}}
</a>
</div>
</div>
<div class="float-right unilabel-activity-picker-info">
<i class="fa fa-external-link"></i>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
{{/activities}}
</ul>
{{/hasactivities}}