MDL-57445 block_myoverview: Add courses view to myoverview block

Part of MDL-55611 epic.

blocks/myoverview/lang/en/block_myoverview.php

@@ -22,10 +22,13 @@
  * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
  */
 
+$string['future'] = 'Future';
+$string['inprogress'] = 'In progress';
 $string['myoverview:addinstance'] = 'Add a new my overview block';
 $string['myoverview:myaddinstance'] = 'Add a new my overview block to Dashboard';
-$string['next7days'] = 'Next 7 days';
 $string['next30days'] = 'Next 30 days';
+$string['next7days'] = 'Next 7 days';
+$string['past'] = 'Past';
 $string['pluginname'] = 'My overview';
 $string['sortbycourses'] = 'Sort by courses';
 $string['sortbydates'] = 'Sort by dates';

blocks/myoverview/templates/courses-view.mustache

@@ -0,0 +1,38 @@
+{{!
+    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.
+}}
+<div id="courses-view-{{uniqid}}" data-region="courses-view">
+    <div class="row text-xs-center">
+        <div class="btn-group m-y-2" role="group">
+            <button type="button" class="btn btn-secondary active" data-action="view-in-progress">
+                {{#str}} inprogress, block_myoverview {{/str}}
+            </button>
+            <button type="button" class="btn btn-secondary" data-action="view-future">
+                {{#str}} future, block_myoverview {{/str}}
+            </button>
+            <button type="button" class="btn btn-secondary" data-action="view-past">
+                {{#str}} past, block_myoverview {{/str}}
+            </button>
+        </div>
+    </div>
+    <div class="row">
+    </div>
+</div>