MDL-58235 block_myoverview: clean theme style for block_myoverview
This is for the 'Timeline' view in Clean theme Part of MDL-55611
This commit is contained in:
Barbara Ramiro
committed by
Ryan Wyllie
Ryan Wyllie
parent
c3d8643772
commit
24b423fdd1
@@ -332,7 +332,19 @@
|
||||
}
|
||||
|
||||
.block_myoverview {
|
||||
background-color: transparent;
|
||||
|
||||
.event-list-item {
|
||||
border-bottom: 1px solid @tableBorder;
|
||||
padding-bottom: 10px;
|
||||
margin-bottom: 10px;
|
||||
|
||||
&:last-of-type {
|
||||
border-bottom: none;
|
||||
padding-bottom: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.event-icon {
|
||||
vertical-align: middle;
|
||||
|
||||
@@ -368,4 +380,13 @@
|
||||
height: 220px;
|
||||
overflow-y: hidden;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.well {
|
||||
background-color: @white;
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -16365,6 +16365,19 @@ body {
|
||||
height: 35px;
|
||||
width: 35px;
|
||||
}
|
||||
.block_myoverview {
|
||||
background-color: transparent;
|
||||
}
|
||||
.block_myoverview .event-list-item {
|
||||
border-bottom: 1px solid #ddd;
|
||||
padding-bottom: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.block_myoverview .event-list-item:last-of-type {
|
||||
border-bottom: none;
|
||||
padding-bottom: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.block_myoverview .event-list-item .event-icon {
|
||||
vertical-align: middle;
|
||||
}
|
||||
@@ -16393,6 +16406,13 @@ body {
|
||||
height: 220px;
|
||||
overflow-y: hidden;
|
||||
}
|
||||
.block_myoverview h4 {
|
||||
font-weight: normal;
|
||||
}
|
||||
.block_myoverview .well {
|
||||
background-color: #fff;
|
||||
box-shadow: none;
|
||||
}
|
||||
/**
|
||||
* Moodle forms HTML isn't changeable via renderers (yet?) so this
|
||||
* .less file imports styles from the bootstrap @variables file and
|
||||
|
||||
@@ -22,13 +22,15 @@
|
||||
|
||||
Example context (json):
|
||||
{
|
||||
"enddate": "Nov 4th, 10am",
|
||||
"name": "Assignment due 1",
|
||||
"url": "https://www.google.com",
|
||||
"timesort": 1490320388,
|
||||
"action": {
|
||||
"name": "Submit assignment",
|
||||
"url": "https://www.google.com",
|
||||
"itemcount": 1
|
||||
"itemcount": 1,
|
||||
"showitemcount": true,
|
||||
"actionable": true
|
||||
},
|
||||
"icon": {
|
||||
"key": "icon",
|
||||
@@ -37,24 +39,26 @@
|
||||
}
|
||||
}
|
||||
}}
|
||||
<li class="list-group-item event-list-item m-b-1" data-region="event-list-item">
|
||||
<div class="row-fluid">
|
||||
<div class="span8">
|
||||
<li class="list-group-item event-list-item" data-region="event-list-item">
|
||||
<div class="row-fluid visible-desktop">
|
||||
<div class="span7">
|
||||
<div class="d-inline-block event-icon">
|
||||
{{#icon}}{{#pix}} {{key}}, {{component}}, {{alttext}} {{/pix}}{{/icon}}
|
||||
</div>
|
||||
<div class="d-inline-block event-name-container">
|
||||
<a class="event-name text-truncate" href="{{{url}}}">{{name}}</a>
|
||||
<div class="text-muted text-truncate">
|
||||
{{#userdate}} {{timesort}}, {{#str}} strftimerecent {{/str}} {{/userdate}}
|
||||
<div class="muted text-truncate">
|
||||
<small>{{#userdate}} {{timesort}}, {{#str}} strftimerecent {{/str}} {{/userdate}}</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="visible-desktop span4 text-truncate">
|
||||
<div class="span5 text-truncate">
|
||||
{{#action.actionable}}
|
||||
<a href="{{{action.url}}}">{{action.name}}</a>
|
||||
{{#action.itemcount}}
|
||||
<span class="tag tag-pill tag-default">{{.}}</span>
|
||||
{{#action.showitemcount}}
|
||||
<span class="badge">{{.}}</span>
|
||||
{{/action.showitemcount}}
|
||||
{{/action.itemcount}}
|
||||
{{/action.actionable}}
|
||||
{{^action.actionable}}
|
||||
@@ -62,4 +66,30 @@
|
||||
{{/action.actionable}}
|
||||
</div>
|
||||
</div>
|
||||
<div class="row-fluid visible-tablet">
|
||||
<div class="span12">
|
||||
<div class="d-inline-block event-icon">
|
||||
{{#icon}}{{#pix}} {{key}}, {{component}}, {{alttext}} {{/pix}}{{/icon}}
|
||||
</div>
|
||||
<div class="d-inline-block event-name-container">
|
||||
<a class="event-name text-truncate" href="{{{url}}}">{{name}}</a>
|
||||
<div class="muted text-truncate">
|
||||
<small>{{#userdate}} {{timesort}}, {{#str}} strftimerecent {{/str}} {{/userdate}}</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row-fluid visible-phone">
|
||||
<div class="span12">
|
||||
<div class="d-inline-block event-icon">
|
||||
{{#icon}}{{#pix}} {{key}}, {{component}}, {{alttext}} {{/pix}}{{/icon}}
|
||||
</div>
|
||||
<div class="d-inline-block event-name-container">
|
||||
<a class="event-name text-truncate" href="{{{url}}}">{{name}}</a>
|
||||
<div class="muted text-truncate">
|
||||
<small>{{#userdate}} {{timesort}}, {{#str}} strftimerecent {{/str}} {{/userdate}}</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
@@ -0,0 +1,104 @@
|
||||
{{!
|
||||
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 block_myoverview/course-event-list
|
||||
|
||||
This template renders a list of events for the myoverview block
|
||||
sort by courses view.
|
||||
|
||||
Example context (json):
|
||||
{
|
||||
}
|
||||
}}
|
||||
<div data-region="event-list-container"
|
||||
data-limit="{{$limit}}20{{/limit}}"
|
||||
data-course-id="{{$courseid}}{{/courseid}}"
|
||||
data-last-id="{{$lastid}}{{/lastid}}"
|
||||
id="event-list-container-{{$courseid}}{{/courseid}}">
|
||||
|
||||
<div data-region="event-list-content">
|
||||
{{< block_myoverview/event-list-group }}
|
||||
{{$title}}{{#str}} recentlyoverdue, block_myoverview {{/str}}{{/title}}
|
||||
{{$extratitleclasses}}text-danger{{/extratitleclasses}}
|
||||
{{$startday}}-14{{/startday}}
|
||||
{{$endday}}0{{/endday}}
|
||||
{{$eventlistitems}}
|
||||
{{> block_myoverview/course-event-list-items }}
|
||||
{{/eventlistitems}}
|
||||
{{/ block_myoverview/event-list-group }}
|
||||
{{< block_myoverview/event-list-group }}
|
||||
{{$title}}{{#str}} today {{/str}}{{/title}}
|
||||
{{$extratitleclasses}}{{/extratitleclasses}}
|
||||
{{$startday}}0{{/startday}}
|
||||
{{$endday}}1{{/endday}}
|
||||
{{$eventlistitems}}
|
||||
{{> block_myoverview/course-event-list-items }}
|
||||
{{/eventlistitems}}
|
||||
{{/ block_myoverview/event-list-group }}
|
||||
{{< block_myoverview/event-list-group }}
|
||||
{{$title}}{{#str}} next7days, block_myoverview {{/str}}{{/title}}
|
||||
{{$extratitleclasses}}{{/extratitleclasses}}
|
||||
{{$startday}}1{{/startday}}
|
||||
{{$endday}}7{{/endday}}
|
||||
{{$eventlistitems}}
|
||||
{{> block_myoverview/course-event-list-items }}
|
||||
{{/eventlistitems}}
|
||||
{{/ block_myoverview/event-list-group }}
|
||||
{{< block_myoverview/event-list-group }}
|
||||
{{$title}}{{#str}} next30days, block_myoverview {{/str}}{{/title}}
|
||||
{{$extratitleclasses}}{{/extratitleclasses}}
|
||||
{{$startday}}7{{/startday}}
|
||||
{{$endday}}30{{/endday}}
|
||||
{{$eventlistitems}}
|
||||
{{> block_myoverview/course-event-list-items }}
|
||||
{{/eventlistitems}}
|
||||
{{/ block_myoverview/event-list-group }}
|
||||
{{< block_myoverview/event-list-group }}
|
||||
{{$title}}{{#str}} future, block_myoverview {{/str}}{{/title}}
|
||||
{{$extratitleclasses}}{{/extratitleclasses}}
|
||||
{{$startday}}30{{/startday}}
|
||||
{{$endday}}{{/endday}}
|
||||
{{$eventlistitems}}
|
||||
{{> block_myoverview/course-event-list-items }}
|
||||
{{/eventlistitems}}
|
||||
{{/ block_myoverview/event-list-group }}
|
||||
|
||||
<div class="text-xs-center text-center m-b-1">
|
||||
<button type="button" class="btn btn-secondary" data-action="view-more">
|
||||
{{#str}} viewmore {{/str}}
|
||||
<span class="hidden" data-region="loading-icon-container">
|
||||
{{> core/loading }}
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="hidden text-xs-center text-center" data-region="empty-message">
|
||||
<img class="empty-placeholder-image-sm"
|
||||
src="{{urls.noevents}}"
|
||||
alt="{{#str}} noevents, block_myoverview {{/str}}">
|
||||
<p class="text-muted m-t-1">{{#str}} noevents, block_myoverview {{/str}}</p>
|
||||
<a href="{{viewurl}}" class="btn btn-secondary text-primary">
|
||||
{{#str}} viewcourse, block_myoverview {{/str}}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
{{#js}}
|
||||
require(['jquery', 'block_myoverview/event_list'], function($, EventList) {
|
||||
var root = $("#event-list-container-{{$courseid}}{{/courseid}}");
|
||||
EventList.registerEventListeners(root);
|
||||
});
|
||||
{{/js}}
|
||||
@@ -23,25 +23,23 @@
|
||||
{
|
||||
"shortname": "course 3",
|
||||
"viewurl": "https://www.google.com",
|
||||
"startdate": "Nov 1th, 10am",
|
||||
"enddate": "Nov 4th, 10am",
|
||||
"startdate": 1490320388,
|
||||
"enddate": 1490320388,
|
||||
"summary": "It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout."
|
||||
}
|
||||
}}
|
||||
<li class="list-group-item m-y-1">
|
||||
<li class="list-group-item well well-small">
|
||||
<div data-region="course-events-container" id="course-events-container-{{id}}" data-course-id="{{id}}">
|
||||
<div class="container-fluid">
|
||||
<div class="row-fluid">
|
||||
<div class="span3">
|
||||
{{> block_myoverview/course-summary }}
|
||||
</div>
|
||||
<div class="span9">
|
||||
{{< block_myoverview/course-event-list }}
|
||||
{{$limit}}10{{/limit}}
|
||||
{{$offset}}0{{/offset}}
|
||||
{{$courseid}}{{id}}{{/courseid}}
|
||||
{{/ block_myoverview/course-event-list }}
|
||||
</div>
|
||||
<div class="row-fluid">
|
||||
<div class="span3">
|
||||
{{> block_myoverview/course-summary }}
|
||||
</div>
|
||||
<div class="span9">
|
||||
{{< block_myoverview/course-event-list }}
|
||||
{{$limit}}10{{/limit}}
|
||||
{{$offset}}0{{/offset}}
|
||||
{{$courseid}}{{id}}{{/courseid}}
|
||||
{{/ block_myoverview/course-event-list }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -0,0 +1,50 @@
|
||||
{{!
|
||||
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 block_myoverview/course-paging-content-item
|
||||
|
||||
This template renders each course block.
|
||||
|
||||
Example context (json):
|
||||
{
|
||||
"page": 1,
|
||||
"active": true,
|
||||
"courses": [
|
||||
{
|
||||
"fullnamedisplay": "course 1",
|
||||
"viewurl": "https://www.google.com",
|
||||
"startdate": 1490252232,
|
||||
"enddate": 1490252232,
|
||||
"summary": "It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout."
|
||||
},
|
||||
{
|
||||
"fullnamedisplay": "course 2",
|
||||
"viewurl": "https://www.google.com",
|
||||
"startdate": 1490252232,
|
||||
"enddate": 1490252232,
|
||||
"summary": "It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout."
|
||||
}
|
||||
]
|
||||
}
|
||||
}}
|
||||
{{< block_myoverview/paging-content-item }}
|
||||
{{$content}}
|
||||
{{#courses}}
|
||||
{{> block_myoverview/courses-view-course-item }}
|
||||
{{/courses}}
|
||||
{{/content}}
|
||||
{{/ block_myoverview/paging-content-item }}
|
||||
@@ -0,0 +1,57 @@
|
||||
{{!
|
||||
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 block_myoverview/course-summary
|
||||
|
||||
This template renders the course summary (view by courses) for the myoverview block.
|
||||
|
||||
Example context (json):
|
||||
{
|
||||
"fullnamedisplay": "course 3",
|
||||
"viewurl": "https://www.google.com",
|
||||
"startdate": 1490320388,
|
||||
"enddate": 1490320388,
|
||||
"summary": "It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout."
|
||||
}
|
||||
}}
|
||||
<div class="course-info-container" id="course-info-container-{{id}}">
|
||||
<div class="visible-desktop">
|
||||
{{> block_myoverview/progress-chart}}
|
||||
<h4><a href="{{viewurl}}">{{fullnamedisplay}}</a></h4>
|
||||
</div>
|
||||
<div class="hidden-desktop">
|
||||
<div class="media">
|
||||
<div class="pull-left">
|
||||
<div class="media-object">
|
||||
{{> block_myoverview/progress-chart}}
|
||||
</div>
|
||||
</div>
|
||||
<div class="media-body">
|
||||
<h4 class="media-heading"><a href="{{viewurl}}">{{fullnamedisplay}}</a></h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<p class="muted">
|
||||
{{#userdate}}{{startdate}}, {{#str}}strftimedate, langconfig{{/str}}{{/userdate}}
|
||||
{{#enddate}}
|
||||
- {{#userdate}}{{enddate}}, {{#str}}strftimedate, langconfig{{/str}}{{/userdate}}
|
||||
{{/enddate}}
|
||||
</p>
|
||||
<p class="muted">
|
||||
{{#shortentext}} 140, {{{summary}}}{{/shortentext}}
|
||||
</p>
|
||||
</div>
|
||||
@@ -0,0 +1,53 @@
|
||||
{{!
|
||||
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 block_myoverview/course-view-course-item
|
||||
|
||||
This template renders the course summary (view by courses) for the myoverview block.
|
||||
|
||||
Example context (json):
|
||||
{
|
||||
"shortname": "course 3",
|
||||
"viewurl": "https://www.google.com",
|
||||
"startdate": "Nov 1th, 10am",
|
||||
"enddate": "Nov 4th, 10am",
|
||||
"summary": "It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout."
|
||||
}
|
||||
}}
|
||||
<div class="well well-small">
|
||||
<div class="course-info-container" id="course-info-container-{{id}}">
|
||||
<div class="media">
|
||||
<div class="pull-left">
|
||||
<div class="media-object">
|
||||
{{> block_myoverview/progress-chart}}
|
||||
</div>
|
||||
</div>
|
||||
<div class="media-body">
|
||||
<h4 class="media-heading"><a href="{{viewurl}}">{{fullnamedisplay}}</a></h4>
|
||||
</div>
|
||||
</div>
|
||||
<p class="text-muted">
|
||||
{{#userdate}}{{startdate}}, {{#str}}strftimedate, langconfig{{/str}}{{/userdate}}
|
||||
{{#enddate}}
|
||||
- {{#userdate}}{{enddate}}, {{#str}}strftimedate, langconfig{{/str}}{{/userdate}}
|
||||
{{/enddate}}
|
||||
</p>
|
||||
<p class="text-muted">
|
||||
{{#shortentext}} 140, {{{summary}}}{{/shortentext}}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,114 @@
|
||||
{{!
|
||||
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 block_myoverview/courses-view
|
||||
|
||||
This template renders the courses view for the myoverview block.
|
||||
|
||||
Example context (json):
|
||||
{}
|
||||
}}
|
||||
<div id="courses-view-{{uniqid}}" data-region="courses-view">
|
||||
{{#hascourses}}
|
||||
<div class="row text-center">
|
||||
<div class="btn-group m-b-1" role="group" data-toggle="btns">
|
||||
<a class="btn btn-default active" href="#myoverview_courses_view_in_progress" data-toggle="tab">
|
||||
{{#str}} inprogress, block_myoverview {{/str}}
|
||||
</a>
|
||||
<a class="btn btn-default" href="#myoverview_courses_view_future" data-toggle="tab">
|
||||
{{#str}} future, block_myoverview {{/str}}
|
||||
</a>
|
||||
<a class="btn btn-default" href="#myoverview_courses_view_past" data-toggle="tab">
|
||||
{{#str}} past, block_myoverview {{/str}}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tab-content">
|
||||
<div class="tab-pane active fade in" id="myoverview_courses_view_in_progress">
|
||||
{{#inprogress}}
|
||||
{{< block_myoverview/courses-view-by-status }}
|
||||
{{$id}}courses-view-in-progress{{/id}}
|
||||
{{$status}}1{{/status}}
|
||||
{{$pagingbarid}}pb-for-in-progress{{/pagingbarid}}
|
||||
{{$pagingcontentid}}pc-for-in-progress{{/pagingcontentid}}
|
||||
{{/ block_myoverview/courses-view-by-status }}
|
||||
{{/inprogress}}
|
||||
{{^inprogress}}
|
||||
<div class="text-xs-center text-center m-t-3">
|
||||
<img class="empty-placeholder-image-lg"
|
||||
src="{{urls.nocourses}}"
|
||||
alt="{{#str}} nocoursesinprogress, block_myoverview {{/str}}">
|
||||
<p class="text-muted m-t-1">{{#str}} nocoursesinprogress, block_myoverview {{/str}}</p>
|
||||
</div>
|
||||
{{/inprogress}}
|
||||
</div>
|
||||
<div class="tab-pane fade" id="myoverview_courses_view_future">
|
||||
{{#future}}
|
||||
{{< block_myoverview/courses-view-by-status }}
|
||||
{{$id}}courses-view-future{{/id}}
|
||||
{{$status}}2{{/status}}
|
||||
{{$pagingbarid}}pb-for-future{{/pagingbarid}}
|
||||
{{$pagingcontentid}}pc-for-in-progress{{/pagingcontentid}}
|
||||
{{/ block_myoverview/courses-view-by-status }}
|
||||
{{/future}}
|
||||
{{^future}}
|
||||
<div class="text-xs-center text-center m-t-3">
|
||||
<img class="empty-placeholder-image-lg"
|
||||
src="{{urls.nocourses}}"
|
||||
alt="{{#str}} nocoursesfuture, block_myoverview {{/str}}">
|
||||
<p class="text-muted m-t-1">{{#str}} nocoursesfuture, block_myoverview {{/str}}</p>
|
||||
</div>
|
||||
{{/future}}
|
||||
</div>
|
||||
<div class="tab-pane fade" id="myoverview_courses_view_past">
|
||||
{{#past}}
|
||||
{{< block_myoverview/courses-view-by-status }}
|
||||
{{$id}}courses-view-past{{/id}}
|
||||
{{$status}}0{{/status}}
|
||||
{{$pagingbarid}}pb-for-past{{/pagingbarid}}
|
||||
{{$pagingcontentid}}pc-for-in-progress{{/pagingcontentid}}
|
||||
{{/ block_myoverview/courses-view-by-status }}
|
||||
{{/past}}
|
||||
{{^past}}
|
||||
<div class="text-xs-center text-center m-t-3">
|
||||
<img class="empty-placeholder-image-lg"
|
||||
src="{{urls.nocourses}}"
|
||||
alt="{{#str}} nocoursespast, block_myoverview {{/str}}">
|
||||
<p class="text-muted m-t-1">{{#str}} nocoursespast, block_myoverview {{/str}}</p>
|
||||
</div>
|
||||
{{/past}}
|
||||
</div>
|
||||
</div>
|
||||
{{/hascourses}}
|
||||
{{^hascourses}}
|
||||
<div class="text-xs-center text-center m-t-3">
|
||||
<img class="empty-placeholder-image-lg"
|
||||
src="{{urls.nocourses}}"
|
||||
alt="{{#str}} nocourses, block_myoverview {{/str}}">
|
||||
<p class="text-muted m-t-1">{{#str}} nocourses, block_myoverview {{/str}}</p>
|
||||
</div>
|
||||
{{/hascourses}}
|
||||
</div>
|
||||
{{#js}}
|
||||
require(['jquery', 'core/custom_interaction_events'], function($, customEvents) {
|
||||
var root = $('#courses-view-{{uniqid}}');
|
||||
customEvents.define(root, [customEvents.events.activate]);
|
||||
root.on(customEvents.events.activate, '[data-toggle="btns"] > .btn', function() {
|
||||
root.find('.btn.active').removeClass('active');
|
||||
});
|
||||
});
|
||||
{{/js}}
|
||||
@@ -0,0 +1,75 @@
|
||||
{{!
|
||||
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 block_myoverview/event-list-group
|
||||
|
||||
This template renders a list of events for the myoverview block.
|
||||
|
||||
Example context (json):
|
||||
{
|
||||
"events": [
|
||||
{
|
||||
"enddate": "Nov 4th, 10am",
|
||||
"name": "Assignment due 1",
|
||||
"url": "https://www.google.com",
|
||||
"course": {
|
||||
"fullname": "Course 1"
|
||||
},
|
||||
"action": {
|
||||
"name": "Submit assignment",
|
||||
"url": "https://www.google.com",
|
||||
"itemcount": 1
|
||||
},
|
||||
"icon": {
|
||||
"key": "icon",
|
||||
"component": "mod_assign",
|
||||
"alttext": "Assignment icon"
|
||||
}
|
||||
},
|
||||
{
|
||||
"enddate": "Nov 4th, 10am",
|
||||
"name": "Assignment due 2",
|
||||
"url": "https://www.google.com",
|
||||
"course": {
|
||||
"fullname": "Course 1"
|
||||
},
|
||||
"action": {
|
||||
"name": "Submit assignment",
|
||||
"url": "https://www.google.com",
|
||||
"itemcount": 1
|
||||
},
|
||||
"icon": {
|
||||
"key": "icon",
|
||||
"component": "mod_assign",
|
||||
"alttext": "Assignment icon"
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
}}
|
||||
<div data-region="event-list-group-container"
|
||||
data-start-day="{{$startday}}0{{/startday}}"
|
||||
data-end-day="{{$endday}}{{/endday}}"
|
||||
class="hidden">
|
||||
|
||||
<h5 class="{{$extratitleclasses}}{{/extratitleclasses}}" id="event-list-title-{{uniqid}}"><strong>{{$title}}{{/title}}</strong></h5>
|
||||
<ul class="unstyled well well-small" data-region="event-list" aria-describedby="event-list-title-{{uniqid}}">
|
||||
{{$eventlistitems}}
|
||||
{{> block_myoverview/event-list-items }}
|
||||
{{/eventlistitems}}
|
||||
</ul>
|
||||
</div>
|
||||
@@ -21,16 +21,18 @@
|
||||
|
||||
Example context (json):
|
||||
{
|
||||
"enddate": "Nov 4th, 10am",
|
||||
"name": "Assignment due 1",
|
||||
"url": "https://www.google.com",
|
||||
"timesort": 1490320388,
|
||||
"course": {
|
||||
"fullnamedisplay": "Course 1"
|
||||
},
|
||||
"action": {
|
||||
"name": "Submit assignment",
|
||||
"url": "https://www.google.com",
|
||||
"itemcount": 1
|
||||
"itemcount": 1,
|
||||
"showitemcount": true,
|
||||
"actionable": true
|
||||
},
|
||||
"icon": {
|
||||
"key": "icon",
|
||||
@@ -39,18 +41,18 @@
|
||||
}
|
||||
}
|
||||
}}
|
||||
<li class="list-group-item event-list-item m-b-1" data-region="event-list-item">
|
||||
<div class="row-fluid">
|
||||
<li class="list-group-item event-list-item" data-region="event-list-item">
|
||||
<div class="row-fluid visible-desktop">
|
||||
<div class="span6">
|
||||
<div class="d-inline-block event-icon">
|
||||
{{#icon}}{{#pix}} {{key}}, {{component}}, {{alttext}} {{/pix}}{{/icon}}
|
||||
</div>
|
||||
<div class="d-inline-block event-name-container">
|
||||
<a class="event-name text-truncate" href="{{{url}}}">{{name}}</a>
|
||||
<div class="muted text-truncate">{{course.fullnamedisplay}}</div>
|
||||
<div class="muted text-truncate"><small>{{course.fullnamedisplay}}</small></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="visible-desktop span6">
|
||||
<div class="span6">
|
||||
<div class="row-fluid">
|
||||
<div class="span5 text-truncate">
|
||||
{{#userdate}} {{timesort}}, {{#str}} strftimerecent {{/str}} {{/userdate}}
|
||||
@@ -59,7 +61,9 @@
|
||||
{{#action.actionable}}
|
||||
<a href="{{{action.url}}}">{{action.name}}</a>
|
||||
{{#action.itemcount}}
|
||||
<span class="tag tag-pill tag-default">{{.}}</span>
|
||||
{{#action.showitemcount}}
|
||||
<span class="badge">{{.}}</span>
|
||||
{{/action.showitemcount}}
|
||||
{{/action.itemcount}}
|
||||
{{/action.actionable}}
|
||||
{{^action.actionable}}
|
||||
@@ -68,13 +72,33 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="visible-tablet span6">
|
||||
</div>
|
||||
<div class="row-fluid visible-tablet">
|
||||
<div class="span8">
|
||||
<div class="d-inline-block event-icon">
|
||||
{{#icon}}{{#pix}} {{key}}, {{component}}, {{alttext}} {{/pix}}{{/icon}}
|
||||
</div>
|
||||
<div class="d-inline-block event-name-container">
|
||||
<a class="event-name text-truncate" href="{{{url}}}">{{name}}</a>
|
||||
<div class="muted text-truncate"><small>{{course.fullnamedisplay}}</small></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="span4 text-right text-truncate">
|
||||
{{#userdate}} {{timesort}}, {{#str}} strftimerecent {{/str}} {{/userdate}}
|
||||
</div>
|
||||
</div>
|
||||
<div class="row-fluid visible-phone">
|
||||
<div class="span12">
|
||||
<div class="d-inline-block event-icon">
|
||||
{{#icon}}{{#pix}} {{key}}, {{component}}, {{alttext}} {{/pix}}{{/icon}}
|
||||
</div>
|
||||
<div class="d-inline-block event-name-container">
|
||||
<a class="event-name text-truncate" href="{{{url}}}">{{name}}</a>
|
||||
<div class="muted text-truncate"><small>{{course.fullnamedisplay}}</small></div>
|
||||
</div>
|
||||
<div class="text-right text-truncate">
|
||||
{{#userdate}} {{timesort}}, {{#str}} strftimerecent {{/str}} {{/userdate}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-right visible-phone text-truncate">
|
||||
{{#userdate}} {{timesort}}, {{#str}} strftimerecent {{/str}} {{/userdate}}
|
||||
</div>
|
||||
</li>
|
||||
|
||||
@@ -24,7 +24,7 @@
|
||||
}}
|
||||
<div id="timeline-view-{{uniqid}}" data-region="timeline-view">
|
||||
<div class="row text-center">
|
||||
<div class="btn-group m-t-2" role="group" data-toggle="btns">
|
||||
<div class="btn-group m-b-1" role="group" data-toggle="btns">
|
||||
<a class="btn btn-default active" href="#myoverview_timeline_dates" data-toggle="tab">
|
||||
{{#str}} sortbydates, block_myoverview {{/str}}
|
||||
</a>
|
||||
|
||||
Reference in New Issue
Block a user