{"version":3,"file":"studyplan-report-components.min.js","sources":["../src/studyplan-report-components.js"],"sourcesContent":["/*eslint no-var: \"error\"*/\n/*eslint no-console: \"off\"*/\n/*eslint no-unused-vars: warn */\n/*eslint max-len: [\"error\", { \"code\": 160 }] */\n/*eslint-disable no-trailing-spaces */\n/*eslint-env es6*/\n// Put this file in path/to/plugin/amd/src\n\nimport {load_strings} from './util/string-helper';\nimport {call} from 'core/ajax';\nimport notification from 'core/notification';\nimport Debugger from './util/debugger';\nimport Config from 'core/config';\nimport TSComponents from './treestudyplan-components';\nimport FitTextVue from './util/fittext-vue';\nimport {format_datetime} from \"./util/date-helper\";\n\nconst debug = new Debugger(\"treestudyplan-viewer\");\n\n\n// Make π available as a constant\nconst π = Math.PI;\n// Gravity value for arrow lines - determines how much a line is pulled in the direction of the start/end before changing direction\nconst LINE_GRAVITY = 1.3;\n\n/**\n * Strip tags from html\n * @param {*} html \n * @returns \n */\nfunction striptags(html) {\n    const tmp = document.createElement(\"DIV\");\n    tmp.innerHTML = html;\n    const text = tmp.textContent || tmp.innerText;\n    tmp.remove();\n    return text;\n}\n\n/**\n * Retrieve condition headers\n * @param {Object} item\n */\nfunction conditionHeaders(item) {\n    const course = item.course;\n    const list = [];\n    if (course.competency) {\n        for (const cmp of course.competency.competencies) {\n            list.push({\n                name: (cmp.details?`${cmp.title} - ${cmp.details}`:cmp.title),\n                tooltip: cmp.description,\n            });\n        }\n    } else if(course.completion) {\n        for (const cnd of course.completion.conditions) {\n            for (const itm of cnd.items) {\n                list.push({\n                    name: itm.title,\n                    tooltip: `${itm.details.type}: ${itm.details.requirement}`,\n                });\n            }\n        }\n    } else if(course.grades) {\n        for(const g of course.grades) {\n            if (g.selected) {\n                list.push({\n                    name: g.name,\n                    tooltip: `${g.typename}: ${striptags(g.name)}`,\n                });\n            }\n        }\n    }\n    return list;\n}\n\n/**\n * Retrieve conditions\n * @param {Object} item\n */\nfunction conditions(item) {\n    const course = item.course;\n    const list = [];\n    if (course.competency) {\n        for (const cmp of course.competency.competencies) {\n            list.push(cmp);\n        }\n    } else if(course.completion) {\n        for (const cnd of course.completion.conditions) {\n            for (const itm of cnd.items) {\n                list.push(itm);\n            }\n        }\n    } else if(course.grades) {\n        for(const g of course.grades) {\n            if (g.selected) {\n                list.push(g);\n            }\n        }\n    }\n    return list;\n}\n\n\nexport default {\n    install(Vue/*,options*/){\n        Vue.use(TSComponents);\n        Vue.use(FitTextVue);\n\n        let strings = load_strings({\n            report: {\n                loading: \"loadinghelp@core\",\n                studyplan_past: \"studyplan_past\",\n                studyplan_present: \"studyplan_present\",\n                studyplan_future: \"studyplan_future\",\n                back: \"back\",\n            },\n            \n            invalid: {\n                error: 'error',\n            },\n            header: {\n                overall: 'overall',\n                students: 'students@core',\n                firstname: 'firstname@core',\n                lastname: 'lastname@core',\n                email: 'email@core',\n                lastaccess: 'lastaccess@core',\n            },\n            studentresults: {\n                completion_incomplete: \"completion_incomplete\",\n                completion_failed: \"completion_failed\",\n                completion_pending: \"completion_pending\",\n                completion_progress: \"completion_progress\",\n                completion_completed: \"completion_completed\",\n                completion_good: \"completion_good\",\n                completion_excellent: \"completion_excellent\",\n                student_not_tracked: \"student_not_tracked\",\n                never: \"never@core\",\n            }\n        });\n\n        /************************************\n         *                                  *\n         * Treestudyplan Viewer components  *\n         *                                  *\n         ************************************/\n\n        Vue.component('q-studyplanreport', {\n            props: {\n                structure: {\n                    type: Object,\n                },\n            },\n            data() {\n                return {\n                    students: [],\n                    studentresults: {},\n                    studentsloading: true,\n                    expansioninfo: {\n                        periods: {},\n                        lines: {},\n                        items: {},\n                    },\n                    groupinfo: {},\n\n                    sorting: {\n                        header: 'lastname',\n                        asc: true,\n                    }\n                };\n            },\n            created() {\n            },\n            watch:{\n                structure: {\n                    immediate: true,\n                    handler (structure) {\n                        this.loadStudents(); // reload the student list\n                       \n                        // (Re)build expansion info structure\n                        let firstperiod = true;\n                        for (const period of structure.periods) {\n                            const pid = period.period.id;\n                            if (!this.expansioninfo.periods[pid]) {\n                                // Use this.$set to make sure the properties are reactive.\n                                this.$set(\n                                    this.expansioninfo.periods, \n                                    pid, \n                                    {\n                                        expanded: ((firstperiod && period.lines.length > 0)?true:false),\n                                    }\n                                );\n                                this.$set(\n                                    this.expansioninfo.lines, \n                                    period.period.id, \n                                    {}\n                                );\n                            }\n                            for (const line of period.lines) {\n                                const lid = line.line.id;\n                                if (!this.expansioninfo.lines[lid]) {\n                                    // Use this.$set to make sure the properties are reactive.\n                                    this.$set(\n                                        this.expansioninfo.lines[pid],\n                                        lid, \n                                        {\n                                            expanded: true,\n                                        }\n                                    );\n                                }\n                                for (const item of line.items) {\n                                    if (!this.expansioninfo.items[item.id]) {\n                                        // Use this.$set to make sure the properties are reactive.\n                                        this.$set(\n                                            this.expansioninfo.items,\n                                            item.id,\n                                            {\n                                            expanded: false,\n                                            }\n                                        );\n                                    }\n                                }\n                            }\n                            firstperiod = false;\n                        }\n                    }\n                }\n            },\n            computed: {\n                sortedstudents(){\n                    const self=this;\n                    // Probably could make a deep copy for purity's sake, but this works just as well and is probably more efficient.\n                    const students = this.students;\n                    for (const group of this.students) {\n                        group.users.sort((a,b) => {\n                            let d = a;\n                            let e = b;\n                            if (!this.sorting.asc) {\n                                d = b;\n                                e = a;\n                            } \n                            if (this.sorting.header == \"lastaccess\") {\n                                const dvalue = (d[this.sorting.header]?d[this.sorting.header]:0);\n                                const evalue = (e[this.sorting.header]?e[this.sorting.header]:0);\n                                return dvalue - evalue;\n                            } else {\n                                return String(d[this.sorting.header]).localeCompare(String(e[this.sorting.header]));\n                            }\n                        });\n                    }\n                    \n                    return students;\n                },\n                resultColCount(){\n                    let count = 0;\n                    for (const period of this.structure.periods) {\n                        const pid = period.period.id;\n                        if (!this.expansioninfo.periods[pid].expanded) {\n                            // This period is not expanded. Make it 3 units wide \n                            count += 2;\n                        } else {\n                            for (const line of period.lines) {\n                                const lid = line.line.id;\n                                if (!this.expansioninfo.lines[pid][lid].expanded) {\n                                    count +=1;\n                                } else { \n                                    for (const item of line.items) {\n                                        if (!this.expansioninfo.items[item.id].expanded) {\n                                            count += 1;\n                                        } else {\n                                            count += 1 + conditions(item).length;\n                                        }\n                                    }\n                                }\n                            }\n                        }\n                    }\n                    return count;           \n                }\n            },\n            methods: {\n                loadStudents() {\n                    const self = this;\n                    self.studentsloading=true;\n                    call([{\n                        methodname: 'local_treestudyplan_all_associated_grouped',\n                        args: { studyplan_id: this.structure.studyplan.id}\n                    }])[0].then(function(response){\n                        self.students = response;\n                        for(const group of self.students) {\n                            self.$set(\n                                self.groupinfo,\n                                group.id,\n                                {\n                                  expanded: true,\n                                }\n                            );\n\n                            for(const student of group.users){\n                                self.$set(\n                                    self.studentresults,\n                                    student.id, \n                                    {\n                                        loading: true,\n                                        results: [],\n                                    }\n                                );\n                                call([{\n                                    methodname: 'local_treestudyplan_get_report_data',\n                                    args: { pageid: self.structure.page.id, \n                                            userid: student.id,\n                                            firstperiod: self.structure.firstperiod,\n                                            lastperiod: self.structure.lastperiod,\n                                        }\n                                }])[0].then(function(response){\n                                    self.studentresults[student.id].loading = false;\n                                    self.studentresults[student.id].results = response;\n                                }).catch(notification.exception);\n                            }\n                        }\n                        self.studentsloading=false;\n                    }).catch(notification.exception);\n                },\n                expansionChanged(parm, id, val) {\n                    if(parm[0] == 'p') {\n                        parm = 'periods';\n                    } else if(parm[0] == 'l') {\n                        parm = 'lines';\n                    } else {\n                        parm = 'items';\n                    }\n\n                    if (parm == 'lines') {\n                        this.expansioninfo[parm][id[0]][id[1]].expanded = val;\n                    } else {\n                        this.expansioninfo[parm][id].expanded = val;\n                    }\n                },\n                groupExpansionChanged(group) {\n                    this.groupinfo[group.id].expanded = !this.groupinfo[group.id].expanded;\n                },\n                toggleSort(header) {\n                    if (this.sorting.header == header) {\n                        this.sorting.asc = !this.sorting.asc;\n                    } else {\n                        this.sorting.header = header;\n                        this.sorting.asc = true;\n                    }\n                }\n            },\n            template: `\n            <table class='q-studyplanreport'\n                :style=\"'--resultColCount: '+resultColCount+';'\">\n                <colgroup class=\"q-col-studentinfo\">\n                    <col class=\"q-name\"></col>\n                    <col class=\"q-lastaccess\"></col>\n                </colgroup>\n                <colgroup class=\"q-col-resultinfo\">\n                    <col v-for=\"n in resultColCount\"></col>\n                </colgroup>\n                <q-header \n                    :sorting='sorting' \n                    :structure='structure'\n                    :expansion='expansioninfo'\n                    @expansion='expansionChanged'\n                    @togglesort=\"toggleSort\"\n                ></q-header>\n                <template v-if=\"!studentsloading\">\n                    <template v-for=\"group in sortedstudents\">\n                        <q-groupheading \n                            v-if=\"group.users && group.users.length > 0\" \n                            :group=\"group\"\n                            :expanded=\"groupinfo[group.id].expanded\"\n                            @togglegroup=\"groupExpansionChanged\"\n                            :resultcolumns=\"resultColCount\"\n                            :studentinfocolumns=\"2\"\n                        ></q-groupheading>\n                        <template v-if='groupinfo[group.id].expanded'>\n                            <q-studentresults v-for=\"(student,idx) in group.users\"\n                                :key=\"student.id\"\n                                :student='student'\n                                :even=\"(idx%2==1)\"\n                                :structure='structure'\n                                :results='studentresults[student.id].results'\n                                :loading='studentresults[student.id].loading'\n                                :expansion='expansioninfo'\n                                ></q-studentresults>\n                        </template>\n                    </template>\n                </template>\n                <q-inforow v-else \n                    :resultcolumns=\"resultColCount\"\n                    :studentinfocolumns=\"2\"><div class=\"spinner-border spinner-border-sm text-info\" role=\"status\"></div></q-inforow>\n            </table>\n            `,\n        });\n\n        Vue.component('q-header', {\n            props: {\n                structure: {\n                    type: Object,\n                },\n                sorting: {\n                    type: Object,\n                },\n                expansion: {\n                    type: Object\n                },\n            },\n            data() {\n                return {\n                    text: strings.header,\n                };\n            },\n            computed: {\n            },\n            methods: {\n                conditions(item) {\n                    return conditionHeaders(item);\n                },\n                colspanPeriod(period) {\n                    const pid = period.period.id;\n                    if (this.expansion.periods[pid].expanded) {\n                        let sum = 0;\n                        for (const l of period.lines) {\n                            sum += this.colspanLine(period,l);\n                        }\n                        return sum;\n                    } else {\n                        return 2;\n                    }\n                },\n                colspanLine(period,line) {\n                    const pid = period.period.id;\n                    const lid = line.line.id;\n\n                    if (this.expansion.lines[pid][lid].expanded) {\n                        let sum = 0;\n                        for (const i of line.items) {\n                            sum += this.colspanItem(i);\n                        }\n                        return sum;\n                    } else {\n                        return 1;\n                    }\n                },\n                colspanItem(item) {\n                    if (this.expansion.items[item.id].expanded) {\n                        const cs = this.conditions(item);\n                        return 1+cs.length;\n                    } else {\n                        return 1;\n                    }\n                },\n                togglePeriod(period,val) {\n                    if ( val === undefined) {\n                        val = !(this.expansion.periods[period.id].expanded);\n                    }\n                    this.$emit('expansion','periods',period.id,val);\n                },\n                toggleLine(period,line,val) {\n                    if ( val === undefined) {\n                        val = !(this.expansion.lines[period.id][line.id].expanded);\n                    }\n                    this.$emit('expansion','lines',[period.id,line.id],val);\n                },\n                toggleItem(item,val) {\n                    if ( val === undefined) {\n                        val = !(this.expansion.items[item.id].expanded);\n                    }\n                    this.$emit('expansion','items',item.id,val);\n                },\n                toggleSort(heading) {\n                    this.$emit('togglesort',heading);\n                }\n            },\n            mounted() {\n                \n            },\n            updated() {\n            },\n            /* TODO: https://css-tricks.com/position-sticky-and-table-headers/ */\n            template: `\n            <thead class='q-header'>\n                <tr> <!-- period heading -->\n                    <th rowspan='4' colspan='2' class='q-studentinfo q-generic'><span>{{text.students}}</span></th>\n                    <th v-for=\"p in structure.periods\" \n                        :class=\"'q-period-heading '+ ((expansion.periods[p.period.id].expanded)?'expanded':'collapsed')\"\n                        :colspan='colspanPeriod(p)'\n                        :rowspan='(expansion.periods[p.period.id].expanded && p.lines.length > 0)?1:5'\n                        ><span class=\"q-wrap\"><a v-if='(p.lines.length > 0)' href='#' @click.prevent=\"togglePeriod(p.period)\"\n                            ><i v-if=\"expansion.periods[p.period.id].expanded\" \n                                class='q-chevron fa fa-minus'></i\n                            ><i v-else class='q-chevron fa fa-plus'></i\n                        >&nbsp;{{ p.period.fullname}}</a\n                        ><span v-else>{{ p.period.fullname}}</span></span\n                    ></th>\n                </tr>\n                <tr> <!-- line heading -->\n                    <template v-for=\"p in structure.periods\">\n                        <template v-if=\"expansion.periods[p.period.id].expanded\">\n                            <th v-for=\"l in p.lines\"\n                                :class=\"'q-line-heading ' + ((expansion.lines[p.period.id][l.line.id].expanded)?'expanded':'collapsed')\"\n                                :colspan=\"colspanLine(p,l)\"\n                                :rowspan='(expansion.lines[p.period.id][l.line.id].expanded)?1:4'\n                                ><span class=\"q-wrap\"><fittext vertical maxsize=\"18pt\"\n                                    ><span  class='q-label'\n                                            :title=\"l.line.shortname\"\n                                            v-html=\"l.line.shortname\"\n                                    ></span\n                                ></fittext></span\n                            ></th>\n                        </template>\n                    </template>\n                </tr>\n                <tr> <!-- item heading -->\n                    <template v-for=\"p in structure.periods\">      \n                        <template v-if=\"expansion.periods[p.period.id].expanded\">                 \n                            <template v-for=\"l in p.lines\">\n                                <template v-if=\"expansion.lines[p.period.id][l.line.id].expanded\">\n                                    <th v-for=\"item in l.items\"\n                                        :class=\"'q-item-heading ' + ((expansion.items[item.id].expanded)?'expanded':'collapsed')\"\n                                        :colspan=\"colspanItem(item)\"\n                                        :rowspan='(expansion.items[item.id].expanded)?1:3'\n                                        ><span class=\"q-wrap\"><a href='#' \n                                            @click.prevent=\"toggleItem(item)\"\n                                            ><i v-if=\"expansion.items[item.id].expanded\" \n                                                class='q-chevron fa fa-minus'></i\n                                            ><i v-else \n                                                class='q-chevron fa fa-plus'></i\n                                        ></a\n                                        >&nbsp;<a style=\"display: inline-block;\" href='#' \n                                            @click.prevent=\"toggleItem(item)\"\n                                            ><fittext vertical maxsize=\"18pt\" singleline\n                                            ><span class='q-label'\n                                                    :title=\"item.course.displayname\" \n                                                    v-html=\"item.course.displayname\"\n                                                ></span\n                                            ></fittext\n                                        ></a></span\n                                    ></th>\n                                </template>\n                            </template>\n                        </template>\n                    </template>\n                </tr>\n                <tr> <!-- condition heading -->\n                    <template v-for=\"p in structure.periods\">\n                        <template v-if=\"expansion.periods[p.period.id].expanded\">     \n                            <template v-for=\"l in p.lines\">\n                                <template v-if=\"expansion.lines[p.period.id][l.line.id].expanded\">\n                                    <template v-for=\"item in l.items\">\n                                        <template v-if=\"expansion.items[item.id].expanded\">\n                                            <th class='q-condition-heading overall' rowspan=\"2\"\n                                                ><span class='q-wrap'>{{ text.overall }}</span></th>\n                                            <th v-for=\"c in conditions(item)\" \n                                                rowspan=\"2\"\n                                                class='q-condition-heading'\n                                                ><span class=\"q-wrap\"><fittext vertical maxsize=\"14pt\"><a class='q-label q-condition-label'\n                                                        :title=\"c.tooltip\" href=\"#\" @click.prevent\n                                                        v-b-tooltip.focus\n                                                        v-html=\"c.name\"></a\n                                                ></fittext></span\n                                            ></th>\n                                        </template>\n                                    </template>\n                                </template>\n                            </template>\n                        </template>\n                    </template>\n                </tr>\n                <tr> <!-- student info heading -->\n                    <th class=\"q-studentinfo q-name\">\n                        <fittext maxsize=\"12pt\"\n                            ><a href=\"#\" @click.prevent=\"toggleSort('firstname')\">{{text.firstname}}</a\n                            ><i v-if=\"sorting.header=='firstname' && sorting.asc\" class='fa fa-sort-asc fa-fw'></i\n                            ><i v-else-if=\"sorting.header=='firstname' && !sorting.asc\" class='fa fa-sort-desc fa-fw'></i>\n                            / <a href=\"#\" @click.prevent=\"toggleSort('lastname')\">{{text.lastname}}</a\n                            ><i v-if=\"sorting.header=='lastname' && sorting.asc\" class='fa fa-sort-asc fa-fw'></i\n                            ><i v-else-if=\"sorting.header=='lastname' && !sorting.asc\" class='fa fa-sort-desc fa-fw'></i\n                        ></fittext>\n                    </th>\n                    <th class=\"q-studentinfo q-email\">\n                        <fittext maxsize=\"12pt\"\n                            ><a href=\"#\" @click.prevent=\"toggleSort('lastaccess')\">{{text.lastaccess}}</a\n                            ><i v-if=\"sorting.header=='lastaccess' && sorting.asc\" class='fa fa-sort-asc fa-fw'></i\n                            ><i v-else-if=\"sorting.header=='lastaccess' && !sorting.asc\" class='fa fa-sort-desc fa-fw'></i\n                        ></fittext>\n                    </th>\n                </tr>\n            </thead>\n            `,\n        });\n\n        Vue.component('q-groupheading', {\n            props: {\n                group: {\n                    type: Object,\n                },\n                resultcolumns: {\n                    type: Number,\n                    default: 1\n                },\n                studentinfocolumns: {\n                    type: Number,\n                    default: 1\n                },\n                expanded: {\n                    type: Boolean,\n                }\n            },\n            data() {\n                return {\n\n                };\n            },\n            computed: {\n            },\n            methods: {\n                toggleGroup(){\n                    this.$emit('togglegroup',this.group);\n                }\n            },\n            template: `\n            <tr class='q-groupheading'>\n                <th :colspan=\"studentinfocolumns\"><a href=\"#\" @click.prevent=\"toggleGroup\"\n                    ><i v-if=\"expanded\" class=\"fa fa-minus\"></i\n                    ><i v-else class=\"fa fa-plus\"></i\n                    >&nbsp;{{group.label}}</a></th>\n                <td :colspan=\"resultcolumns\"></td>\n            </tr>\n            `,\n        });\n\n        Vue.component('q-inforow', {\n            props: {\n                resultcolumns: {\n                    type: Number,\n                    default: 1\n                },\n                studentinfocolumns: {\n                    type: Number,\n                    default: 1\n                },\n            },\n            data() {\n                return {\n                };\n            },\n            computed: {\n            },\n            methods: {\n            },\n            template: `\n            <tr class='q-inforow'>\n                <td :colspan=\"studentinfocolumns\"><slot></slot></td>\n                <td :colspan=\"resultcolumns\"></td>\n            </tr>\n            `,\n        });\n\n\n        Vue.component('q-studentresults', {\n            props: {\n                student: {\n                    type: Object,\n                },\n                structure: {\n                    type: Object,\n                },\n                results: {\n                    type: Array,\n                },\n                loading: {\n                    type: Boolean,\n                    default: false\n                },\n                expansion: {\n                    type: Object,\n                },\n                even: {\n                    type: Boolean,\n                    default: false,\n                }\n            },\n            data() {\n                return {\n                    text: strings.studentresults,\n                };\n            },\n            computed: {\n                lastaccess() {\n                    if (this.student.lastaccess) {\n                        return format_datetime(this.student.lastaccess); // Takes date in milliseconds\n                    } else {\n                        return this.text.never;\n                    }\n                }\n            },\n            methods: {\n                useritems(line) {\n                    const list = [];\n                    for (const item of line.items) {\n                        let newitm = item;\n                        for (const itm of this.results) {\n                            if (item.id == itm.id) {\n                                newitm = itm;\n                                break;\n                            }\n                        }\n                        list.push(newitm);\n                    }\n                    return list;\n                },\n                conditions(item) {\n                    return conditions(item);\n                },\n            },\n            /* https://css-tricks.com/position-sticky-and-table-headers/ */\n            /* TODO: Rework below to make use of tables. Use <Thead> as main element. Then create multiple <tr> as needed for the headers.\n               This should create a much better view than using divs overal.\n               */\n            template: `\n            <tr :class=\"'q-student-results userrow ' + (even?'even':'odd')\">\n                <td class='q-studentinfo q-name'><fittext maxsize=\"12pt\">{{student.firstname}} {{student.lastname}}</fittext></td>\n                <td class='q-studentinfo q-email'><fittext maxsize=\"12pt\">{{lastaccess}}</fittext></td>\n                <template v-for=\"p in structure.periods\">\n                    <template v-if=\"expansion.periods[p.period.id].expanded && p.lines.length > 0\">\n                        <template v-for=\"l in p.lines\">\n                            <template v-if=\"expansion.lines[p.period.id][l.line.id].expanded\">\n                                <template v-for=\"item in useritems(l)\">\n                                    <td class='q-result overall'\n                                        ><q-courseresult\n                                            :item=\"item\"\n                                            :student=\"student\"\n                                            :loading=\"loading\"\n                                        ></q-courseresult\n                                    ></td>\n                                    <template v-if=\"expansion.items[item.id].expanded\">\n                                        <td v-for=\"(c,idx) in conditions(item)\"\n                                            class='q-result'\n                                            ><q-conditionresult\n                                                :item=\"item\"\n                                                :conditionidx=\"idx\"\n                                                :student=\"student\"\n                                                :loading=\"loading\"\n                                            ></q-conditionresult\n                                        ></td>\n                                    </template>\n                                </template>\n                            </template>\n                            <td v-else class='q-result collapsed'>&nbsp;</td>\n                        </template>\n                    </template>\n                    <td v-else colspan=\"2\" class='q-result collapsed'>&nbsp;</td>\n                </template>\n            </tr>\n            `,\n        });\n\n        Vue.component('q-courseresult', {\n            props: {\n                student: {\n                    type: Object,\n                },\n                item: {\n                    type: Object,\n                },\n                loading: {\n                    type: Boolean,\n                    default: false\n                },\n            },\n            data() {\n                return {\n                    text: strings.studentresults,\n                };\n            },\n            computed: {\n                hasprogressinfo() {\n                    const course = this.item.course;\n                    if (!course.enrolled) {\n                        return false;\n                    } else {\n                        return (course.completion || course.competency || course.grades)?true:false;\n                    }\n                },\n                completion_icon() {\n                    const completion = this.item.completion;\n                    switch(completion){\n                        default: // case \"incomplete\"\n                            return \"circle-o\";\n                        case \"pending\":\n                            return \"question-circle\";\n                        case \"failed\":\n                            return \"times-circle\";\n                        case \"progress\":\n                            return \"exclamation-circle\";\n                        case \"completed\":\n                            return \"check-circle\";\n                        case \"good\":\n                            return \"check-circle\";\n                        case \"excellent\":\n                            return \"check-circle\";\n                    }\n                },\n            },\n            methods: {\n            },\n            template: `\n            <span class='q-courseresult'>\n                <template v-if=\"loading\">\n                    <div class=\"spinner-border spinner-border-sm text-info\" role=\"status\"></div>\n                </template>\n                <template v-else-if='!item.course.enrolled'>\n                    <i v-b-popover.top\n                        class=\"fa fa-exclamation-triangle t-not-enrolled-alert\"\n                        :title=\"text.student_not_tracked\"></i>\n                </template>\n                <template v-else-if=\"item.lineenrolled\" >\n                    <i v-b-popover.top\n                        :class=\"'fa fa-'+completion_icon+\n                                ' r-completion-'+item.completion\"\n                        :title=\"text['completion_'+item.completion]\"></i>\n                </template>\n            </span>\n            `,\n        });\n\n        Vue.component('q-conditionresult', {\n            props: {\n                student: {\n                    type: Object,\n                },\n                item: {\n                    type: Object,\n                },\n                loading: {\n                    type: Boolean,\n                    default: false\n                },\n                conditionidx: {\n                    type: Number,\n                }\n            },\n            data() {\n                return {\n                    text: strings.studentresults,\n                };\n            },\n            computed: {\n                conditions() {\n                    return conditions(this.item);\n                },\n                condition() {\n                    if (this.conditionidx >= 0 && this.conditionidx < this.conditions.length) {\n                        return this.conditions[this.conditionidx];\n                    } else {\n                        return null;\n                    }\n                },\n                hasprogressinfo() {\n                    const course = this.item.course;\n                    if (!course.enrolled) {\n                        return false;\n                    } else {\n                        return (course.completion || course.competency || course.grades);\n                    }\n                },\n                completion_icon() {\n                    const completion = this.condition_completion();\n                    switch(completion){\n                        default: // case \"incomplete\"\n                            return \"circle-o\";\n                        case \"pending\":\n                            return \"question-circle\";\n                        case \"failed\":\n                            return \"times-circle\";\n                        case \"progress\":\n                            return \"exclamation-circle\";\n                        case \"completed\":\n                            return \"check-circle\";\n                        case \"good\":\n                            return \"check-circle\";\n                        case \"excellent\":\n                            return \"check-circle\";\n                    }\n                },\n                condition_value() {\n                    const course = this.item.course;\n                    if (course.competency) {\n                        if (this.condition.grade) {\n                            // Return grade if possible.\n                            return this.condition.grade;\n                        } \n                    } else if(course.completion) {\n                        if (this.condition.grade) {\n                            // Return grade if possible.\n                            return this.condition.grade;\n                        } \n                    } else if(course.grades) {\n                        return this.condition.grade;\n                    }\n                    // Fallback to completion icon.\n                    const icon = this.completion_icon();\n                    return `<i class='fa fa-${icon}'></i>`;\n                },\n                condition_completion() {\n                    // Unify completion information\n                    const course = this.item.course;\n                    if (course.competency) {\n                        const competency = this.condition;\n                        if (competency.proficient && competency.courseproficient) {\n                            return \"completed\";\n                        } else if (competency.proficient) {\n                            return \"completed\";\n                        } else if (competency.proficient === false) {\n                            return \"failed\";\n                        } else if (competency.progress) {\n                            return \"progress\";\n                        } else {\n                            return \"incomplete\";\n                        }\n                    } else if(course.completion) {\n                        return this.condition.status;\n                    } else if(course.grades) {\n                        return this.condition.completion;\n                    }\n                }\n\n            },\n            methods: {\n            },\n            // TODO: Show actual grades when relevant at all (don;t forget the grade point completion requirement)\n            template: `\n            <span class='q-conditionresult'>\n                <fittext v-if=\"item.lineenrolled\" maxsize=\"10pt\" singleline dynamic>\n                    <template v-if=\"loading\">\n                        <div class=\"spinner-border spinner-border-sm text-info\" role=\"status\"></div>\n                    </template>\n                    <template v-else-if='!item.course.enrolled'>\n                        <i  class=\"fa fa-ellipsis-h\"\n                            :title=\"text.student_not_tracked\"></i>\n                    </template>\n                    <template v-else>\n                        <span \n                            :class=\"'r-completion-'+condition_completion\"\n                            :title=\"text['completion_'+condition_completion]\"\n                            >{{condition_value}}</span\n                        >\n                    </template>\n                </fittext>\n            </span>\n            `,\n        });\n\n\n\n    },\n};"],"names":["Debugger","Math","PI","striptags","html","tmp","document","createElement","innerHTML","text","textContent","innerText","remove","conditions","item","course","list","competency","cmp","competencies","push","completion","cnd","itm","items","grades","g","selected","install","Vue","use","TSComponents","FitTextVue","strings","report","loading","studyplan_past","studyplan_present","studyplan_future","back","invalid","error","header","overall","students","firstname","lastname","email","lastaccess","studentresults","completion_incomplete","completion_failed","completion_pending","completion_progress","completion_completed","completion_good","completion_excellent","student_not_tracked","never","component","props","structure","type","Object","data","studentsloading","expansioninfo","periods","lines","groupinfo","sorting","asc","created","watch","immediate","handler","loadStudents","firstperiod","period","pid","id","this","$set","expanded","length","line","lid","computed","sortedstudents","group","users","sort","a","b","d","e","String","localeCompare","resultColCount","count","methods","self","methodname","args","studyplan_id","studyplan","then","response","student","results","pageid","page","userid","lastperiod","catch","notification","exception","expansionChanged","parm","val","groupExpansionChanged","toggleSort","template","expansion","name","details","title","tooltip","description","requirement","typename","conditionHeaders","colspanPeriod","sum","l","colspanLine","i","colspanItem","togglePeriod","undefined","$emit","toggleLine","toggleItem","heading","mounted","updated","resultcolumns","Number","default","studentinfocolumns","Boolean","toggleGroup","Array","even","useritems","newitm","hasprogressinfo","enrolled","completion_icon","conditionidx","condition","condition_completion","condition_value","grade","proficient","courseproficient","progress","status"],"mappings":"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"}