moodle/grade/templates/export_action_bar.mustache

{{!
    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_grades/export_action_bar

    Actions bar for the gradebook export pages.

    Context variables required for this template:
    * generalnavselector - The data object containing the required properties to render the general navigation selector.
    * exportselector - The data object containing the required properties to render the export options selector.

    Example context (json):
    {
        "generalnavselector": {
            "id": "url_select12345",
            "action": "https://example.com/get",
            "classes": "urlselect",
            "formid": "gradesactionselect",
            "sesskey": "sesskey",
            "label": "",
            "helpicon": false,
            "showbutton": null,
            "options": [{
                "name": "View", "isgroup": true, "options":
                [
                    {"name": "Grader report", "isgroup": false, "value": "/grade/report/grader/index.php"}
                ]},
                {"name": "Setup", "isgroup": true, "options":
                [
                    {"name": "Gradebook setup", "isgroup": false, "value": "/grade/edit/tree/index.php"}
                ]}],
            "disabled": false,
            "title": null
        },
        "exportselector": {
            "name": "exportas",
            "value": "https://example.com/grade/export/ods/index.php",
            "baseid": "select-menu56789",
            "label": "Export as",
            "labelattributes": [
                {
                    "name": "class",
                    "value": "font-weight-bold"
                }
            ],
            "selectedoption": "OpenDocument spreadsheet",
            "options": [
                {
                    "name": "OpenDocument spreadsheet",
                    "value": "https://example.com/grade/export/ods/index.php",
                    "selected": true,
                    "id": "select-menu-option56789"
                }
            ]
        }
    }
}}
<div class="container-fluid tertiary-navigation">
    <div class="row">
        {{#generalnavselector}}
            <div class="navitem">
                {{>core/url_select}}
            </div>
        {{/generalnavselector}}
        {{#exportselector}}
            <div class="navitem">
                {{>core/select_menu}}
            </div>
            {{#js}}
                document.querySelector('#{{baseid}}').addEventListener('change', function(e) {
                    window.location.href = e.target.value;
                });
            {{/js}}
        {{/exportselector}}
    </div>
</div>