moodle-local_treestudyplan/templates/coach.mustache

{{!
    This file is part of Moodle - https://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 local_treestudyplan/coach

    Template for rendering the coach page

    Classes required for JS:
    * vue-loader

    Data attributes required for JS:
    * none

    Context variables required for this template:
    * none

    Example context (json):
    {
    }
}}
{{! Next line replaces mustache double curly braces with << and >> for this template,
so it does not mess up vue double curly braces}}
{{= << >> =}}
<div class="local_treestudyplan_coach t-studyplan-limit-width" id='root'>
    <div class='vue-loader' v-show='false'>
        <div class="spinner-border text-primary" role="status">
            <span class="sr-only">Loading...</span>
        </div>
    </div>
    <div v-cloak>
        <div class="m-buttonbar" style="margin-bottom: 1em;">
            <template v-if="displayedstudyplan">
                <a href='#' @click.prevent='closeStudyplan'
                    ><i style='font-size: 150%;' class='fa fa-chevron-left'></i> {{text.back}}</a>
                <s-studyplan-details
                    v-model="displayedstudyplan"
                    v-if="displayedstudyplan.description"
                ></s-studyplan-details>
                <div class="flex-grow-1"><!-- Spacer to align student selector right --></div>
                <span>{{text.selectstudentBtn}}</span>
                <s-prevnext-selector
                    :options="associatedstudents"
                    title="firstname"
                    v-model="selectedstudent"
                    defaultselectable
                    grouped
                    optionsfield='users'
                    arrows
                    @change="showStudentView"
                    class="ml-2"
                    variant="primary"
                    >
                    <template v-slot="{value}">{{value.firstname}} {{value.lastname}}</template>
                    <template #defaultlabel><span class='text-primary'>{{text.coacheditmode}}</span></template>
                </s-prevnext-selector>
            </template>
        </div>
        <div class='t-studyplan-container'>
            <h2 v-if='displayedstudyplan&& selectedstudent'
                ><span v-if="studentcount > 1">{{selectedstudent.firstname}} {{selectedstudent.lastname}} - </span
                >{{displayedstudyplan.name}}</h2>
            <h2 v-else-if='displayedstudyplan'>{{text.showoverview}} - {{displayedstudyplan.name}}</h2>
            <template v-if="!loadingstudyplan && displayedstudyplan">
                <r-studyplan v-if="selectedstudent"
                         v-model='displayedstudyplan'
                         coaching
                ></r-studyplan>
                <t-studyplan
                    v-else
                    v-model='displayedstudyplan'
                    coaching
                ></t-studyplan>
            </template>
            <div v-else-if='loadingstudyplan' class="spinner-border text-primary" role="status">
                <span class="sr-only">Loading...</span>
            </div>
            <div v-else class='t-studyplan-notselected'>
                <b-card-group deck>
                    <s-studyplan-card
                        v-for='(studyplan, planindex) in studyplans'
                        :key='studyplan.id'
                        v-model='studyplans[planindex]'
                        open
                        @open='selectStudyplan(studyplan)'
                        ></s-studyplan-card>
                </b-card-group>
            </div>
        </div>
    </div>
</div>