1 line
50 KiB
Plaintext
1 line
50 KiB
Plaintext
{"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 > {{ 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 > <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 > {{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'> </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 }\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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"} |