1 line
49 KiB
Plaintext
1 line
49 KiB
Plaintext
{"version":3,"file":"studyplan-report-components.min.js","sources":["../src/studyplan-report-components.js"],"sourcesContent":["/* eslint no-var: \"error\"*/\n/* eslint no-unused-vars: warn */\n/* eslint max-depth: [\"error\", 6] */\n/* eslint camelcase: \"off\" */\n/* eslint-env es6*/\n// Put this file in path/to/plugin/amd/src\n\nimport {loadStrings} from './util/string-helper';\nimport {call} from 'core/ajax';\nimport notification from 'core/notification';\nimport TSComponents from './treestudyplan-components';\nimport FitTextVue from './util/fittext-vue';\nimport {formatDatetime} from \"./util/date-helper\";\n\n\n/**\n * Strip tags from html\n * @param {*} html\n * @returns {string}\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 * @returns {Array}\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 * @returns {Array}\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 = loadStrings({\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 watch: {\n structure: {\n immediate: true,\n handler(structure) {\n this.loadStudents(); // Reload the student list\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 // Probably could make a deep copy for purity's sake, but this works just as well.\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 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((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: {\n pageid: self.structure.page.id,\n userid: student.id,\n firstperiod: self.structure.firstperiod,\n lastperiod: self.structure.lastperiod,\n }\n }])[0].then((response) => {\n self.studentresults[student.id].loading = false;\n self.studentresults[student.id].results = response;\n return;\n }).catch(notification.exception);\n }\n }\n self.studentsloading = false;\n return;\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 /* 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 > {{ 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 ' \n + ((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 ><a class=\"q-wrap\" href='#' @click.prevent=\"toggleItem(item)\"\n ><div class=\"q-toggle\"\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 ></div><div class=\"q-title\"\n ><fittext vertical maxsize=\"12pt\" minsize=\"9pt\"\n ><span class='q-label'\n :title=\"item.course.displayname\" \n v-html=\"item.course.displayname\"\n ></span\n ></fittext\n ></div\n ></div\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\"\n ><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 > {{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 formatDatetime(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 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'> </td>\n </template>\n </template>\n <td v-else colspan=\"2\" class='q-result collapsed'> </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 } else {\n return \"incomplete\";\n }\n }\n\n },\n methods: {\n },\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};"],"names":["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","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","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","resultcolumns","Number","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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"} |