moodle_local_treestudyplan/amd/build/report-viewer-components.min.js.map
2024-06-03 23:24:16 +02:00

1 line
201 KiB
Plaintext

{"version":3,"file":"report-viewer-components.min.js","sources":["../src/report-viewer-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 {SimpleLine} from './simpleline/simpleline';\nimport {get_strings} from 'core/str';\nimport {loadStrings} from './util/string-helper';\nimport {formatDate, formatDatetime, studyplanPageTiming,studyplanTiming} from './util/date-helper';\nimport {addBrowserButtonEvent} from './util/browserbuttonevents';\nimport {call} from 'core/ajax';\nimport notification from 'core/notification';\nimport {svgarcpath} from './util/svgarc';\nimport Debugger from './util/debugger';\nimport Config from 'core/config';\nimport {processStudyplan, processStudyplanPage, objCopy} from './studyplan-processor';\nimport TSComponents from './treestudyplan-components';\n/*import {eventTypes as editSwEventTypes} from 'core/edit_switch';*/\nimport { premiumenabled, premiumstatus } from \"./util/premium\";\nimport FitTextVue from './util/fittext-vue';\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 * Studyline is not enrollable\n * @var int\n */\nconst ENROLLABLE_NONE = 0;\n\n/**\n * Studyline can be enrolled into by the student\n * @var int\n */\nconst ENROLLABLE_SELF = 1;\n\n/**\n * Studyline can be enrolled into by specific role(s)\n * @var int\n */\nconst ENROLLABLE_ROLE = 2;\n\n/**\n * Studyline can be enrolled by user and/or role\n * @var int\n */\nconst ENROLLABLE_SELF_ROLE = 3;\n\n\nexport default {\n install(Vue/*,options*/){\n Vue.use(TSComponents);\n Vue.use(FitTextVue);\n let debug = new Debugger(\"treestudyplan-viewer\");\n\n let lastCaller = null;\n /**\n * Scroll current period into view\n * @param {*} handle A key to pass so subsequent calls with the same key won't trigger (always triggers when null or undefined)\n */\n function scrollCurrentIntoView(handle){\n const elScrollContainer = document.querySelector(\".r-studyplan-scrollable\");\n const elCurrentHeader = elScrollContainer.querySelector(\".s-studyline-header-period.current\");\n\n if(elCurrentHeader && ((!handle) || (handle != lastCaller))){\n lastCaller = handle;\n elCurrentHeader.scrollIntoView({\n behavior: \"smooth\",\n block: \"start\",\n inline: \"center\",\n });\n }\n }\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 invalid: {\n error: 'error',\n },\n grading: {\n ungraded: \"ungraded\",\n graded: \"graded\",\n allgraded: \"allgraded\",\n unsubmitted: \"unsubmitted\",\n nogrades: \"nogrades\",\n unknown: \"unknown\",\n },\n completion: {\n completed: \"completion_completed\",\n incomplete: \"completion_incomplete\",\n completed_pass: \"completion_passed\",\n completed_fail: \"completion_failed\",\n ungraded: \"ungraded\",\n aggregation_all: \"aggregation_all\",\n aggregation_any: \"aggregation_any\",\n aggregation_one: \"aggregation_one\",\n aggregation_overall_all: \"aggregation_overall_all\",\n aggregation_overall_any: \"aggregation_overall_any\",\n aggregation_overall_one: \"aggregation_overall_one\",\n completion_not_configured: \"completion_not_configured\",\n configure_completion: \"configure_completion\",\n view_completion_report: \"view_completion_report\",\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 view_feedback: \"view_feedback\",\n coursetiming_past: \"coursetiming_past\",\n coursetiming_present: \"coursetiming_present\",\n coursetiming_future: \"coursetiming_future\",\n required_goal: \"required_goal\",\n student_not_tracked: \"student_not_tracked\",\n completion_not_enabled: \"completion_not_enabled\",\n },\n badge: {\n share_badge: \"share_badge\",\n dateissued: \"dateissued\",\n dateexpire: \"dateexpire\",\n badgeinfo: \"badgeinfo\",\n badgeissuedstats: \"badgeissuedstats\",\n completion_incomplete: \"completion_incomplete_badge\",\n completion_completed: \"completion_completed_badge\",\n badgedisabled: \"badgedisabled\"\n },\n course: {\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 view_feedback: \"view_feedback\",\n coursetiming_past: \"coursetiming_past\",\n coursetiming_present: \"coursetiming_present\",\n coursetiming_future: \"coursetiming_future\",\n required_goal: \"required_goal\",\n student_not_tracked: \"student_not_tracked\",\n not_enrolled: \"not_enrolled\",\n noenddate: \"noenddate\",\n },\n teachercourse: {\n select_conditions: \"select_conditions\",\n select_grades: \"select_grades\",\n coursetiming_past: \"coursetiming_past\",\n coursetiming_present: \"coursetiming_present\",\n coursetiming_future: \"coursetiming_future\",\n grade_include: \"grade_include\",\n grade_require: \"grade_require\",\n required_goal: \"required_goal\",\n student_from_plan_enrolled: \"student_from_plan_enrolled\",\n students_from_plan_enrolled: \"students_from_plan_enrolled\",\n noenddate: \"noenddate\",\n },\n competency: {\n competency_not_configured: \"competency_not_configured\",\n configure_competency: \"configure_competency\",\n when: \"when\",\n required: \"required\",\n points: \"points@core_grades\",\n heading: \"competency_heading\",\n details: \"competency_details\",\n results: \"results\",\n unrated: \"unrated\",\n progress: \"completion_progress\",\n view_feedback: \"view_feedback\",\n }, \n pageinfo: {\n edit: 'period_edit',\n fullname: 'studyplan_name',\n shortname: 'studyplan_shortname',\n startdate: 'studyplan_startdate',\n enddate: 'studyplan_enddate',\n description: 'studyplan_description',\n duration: 'studyplan_duration',\n details: 'studyplan_details',\n overview: 'overviewreport:all',\n oveviewperiod: 'overviewreport:period'\n },\n lineheader: {\n cannot_enrol: 'line_cannot_enrol',\n can_enrol: 'line_can_enrol',\n is_enrolled: 'line_is_enrolled',\n enrol: 'line_enrol',\n unenrol: 'line_unenrol',\n enrolled: 'line_enrolled',\n notenrolled: 'line_notenrolled',\n enrol_question: 'line_enrol_question',\n enrollments: 'line_enrollments',\n enrollment: 'line_enrollment',\n info: 'info@core',\n confirm: 'confirm@core',\n yes: 'yes@core',\n no: 'no@core',\n enrolled_in: 'line_enrolled_in',\n since: 'since@core',\n byname: 'byname@core',\n students: 'students@core',\n firstname: 'firstname@core',\n lastname: 'lastname@core',\n email: 'email@core',\n enrol_student_question: 'line_enrol_student_question',\n unenrol_student_question: 'line_unenrol_student_question',\n \n }\n\n });\n\n /************************************\n * *\n * Treestudyplan Viewer components *\n * *\n ************************************/\n\n /**\n * Check if element is visible\n * @param {Object} elem The element to check\n * @returns {boolean} True if visible\n */\n function isVisible(elem){\n return !!( elem.offsetWidth || elem.offsetHeight || elem.getClientRects().length );\n }\n\n // Create new eventbus for interaction between item components\n const ItemEventBus = new Vue();\n\n /*\n // Add event listener for the edit mode event so we can react to it, or at the very least ignore it\n document.addEventListener(editSwEventTypes.editModeSet,(e) => {\n e.preventDefault();\n ItemEventBus.$emit('editModeSet',e.detail.editMode);\n });\n */\n\n Vue.component('r-progress-circle',{\n props: {\n value: {\n type: Number,\n },\n max: {\n type: Number,\n 'default': 100,\n },\n min: {\n type: Number,\n 'default': 0,\n },\n stroke: {\n type: Number,\n 'default': 0.2,\n },\n bgopacity: {\n type: Number,\n 'default': 0.2,\n },\n title: {\n type: String,\n 'default': \"\",\n },\n icon: {\n type: String,\n }\n\n },\n data() {\n return {\n selectedstudyplan: null,\n };\n },\n computed: {\n range() {\n return this.max - this.min;\n },\n fraction(){\n if(this.max - this.min == 0){\n return 0;\n // 0 size is always empty :)\n } else {\n return (this.value - this.min)/(this.max - this.min);\n }\n },\n radius() {\n return 50 - (50*this.stroke);\n },\n arcpath() {\n let fraction = 0;\n const r = 50 - (50*this.stroke);\n if(this.max - this.min != 0){\n fraction = (this.value - this.min)/(this.max - this.min);\n }\n\n const Δ = fraction * 2*π;\n return svgarcpath([50,50],[r,r],[0,Δ], 1.5*π);\n },\n },\n methods: {\n },\n template: `\n <div style=\"display: inline-block; width: 1em; height: 1em; position:relative; padding: 0;\">\n <svg width=\"1em\" height=\"1em\" viewBox=\"0 0 100 100\"\n style=\"position: absolute;top: 0;left: 0;\">\n <title>{{title}}</title>\n <circle v-if=\"fraction >= 1.0\" cx=\"50\" cy=\"50\" :r=\"radius\"\n :style=\"'opacity: 1; stroke-width: '+ (stroke*100)+'; stroke: currentcolor; fill: none;'\"/>\n <g v-else>\n <circle cx=\"50\" cy=\"50\" :r=\"radius\"\n :style=\"'opacity: ' + bgopacity + ';stroke-width: '+ (stroke*100)+'; stroke: currentcolor; fill: none;'\"/>\n <path :d=\"arcpath\"\n :style=\"'stroke-width: ' + (stroke*100) +'; stroke: currentcolor; fill: none;'\"/>\n </g>\n </svg>\n <i v-if='icon' :class=\"'fa fa-'+icon\"\n style=\" position: absolute; top: 0.42em; left: 0.43em; text-align:center; display: inline-block;\n width:1em; font-size: 0.55em; \"\n ></i>\n </div>\n `,\n });\n\n\n Vue.component('r-report', {\n props: {\n invitekey: {\n type: String,\n default() { return null;},\n },\n userid: {\n type: Number,\n default() { return 0;},\n },\n type: {\n type: String,\n default() { return \"own\";},\n },\n },\n data() {\n return {\n text: strings.report,\n studyplans: {\n past: [],\n present: [],\n future: [],\n },\n \n selectedstudyplan: null,\n loadingstudyplan: false,\n loading: true,\n };\n },\n computed: {\n teachermode() {\n return (this.type ==\"teaching\");\n },\n guestmode() {\n return (this.type == \"invited\");\n },\n verified_type() {\n if (! [\"invited\",\"other\",\"teaching\",\"own\"].includes(this.type)) {\n return \"own\";\n } else {\n return this.type;\n }\n },\n studyplancount() {\n return this.studyplans.past.length + this.studyplans.present.length + this.studyplans.future.length;\n }\n },\n updated() {\n\n },\n mounted() {\n this.loadStudyplans();\n addBrowserButtonEvent(this.backPressed);\n },\n\n methods: {\n backPressed() {\n debug.log(\"Back button pressed\");\n if (this.selectedstudyplan) {\n debug.log(\"Closing studyplan\");\n this.deselectStudyplan();\n }\n },\n call_args(o) {\n const args = {};\n if (typeof o == 'object' && !Array.isArray(o) && o !== null) {\n objCopy(args,o);\n }\n\n if(this.verified_type == \"invited\") {\n args[\"invitekey\"] = this.invitekey;\n } else if(this.verified_type == \"other\") {\n args[\"userid\"] = this.userid;\n } \n return args;\n },\n loadStudyplans() {\n const self = this;\n this.loading = true;\n \n call([{\n methodname: `local_treestudyplan_list_${this.verified_type}_studyplans`,\n args: this.call_args(),\n }])[0].then(function(response){\n console.info(\"Loaded: plans\",response);\n const plans = { future: [], present: [], past: [], };\n\n for (const ix in response) {\n const plan = response[ix];\n const timing = studyplanTiming(plan);\n plans[timing].push(plan);\n }\n\n for (const ix in plans) {\n plans[ix].sort((a,b) => {\n const t = new Date(b.startdate).getTime() - new Date(a.startdate).getTime();\n if (t == 0) {\n // sort by name if timing is equal\n t = a.name.localeCompare(b.name);\n }\n return t;\n });\n }\n\n self.studyplans = plans;\n self.loading = false;\n\n // load studyplan from hash if applicable\n const hash = window.location.hash.replace('#','');\n const parts = hash.split(\"-\");\n\n if (!!parts && parts.length > 0) {\n for (const k in self.studyplans) {\n const list = self.studyplans[k];\n for (const idx in list) {\n const plan = list[idx];\n if (plan.id == parts[0] && !plan.suspended){\n self.selectStudyplan(plan);\n return;\n }\n }\n }\n }\n\n // If there is but a single studyplan, select it anyway, even if it is not current...\n if (this.studyplancount == 1) {\n if (self.studyplans.present.length > 0) {\n // Directly show the current study plan if it's the only current one\n const plan = self.studyplans.present[0];\n if (!plan.suspended) {\n self.selectStudyplan(plan);\n }\n } else if(self.studyplans.future.lengh > 0) {\n const plan = self.studyplans.future[0];\n if (!plan.suspended) {\n self.selectStudyplan(plan);\n }\n } else {\n const plan = self.studyplans.past[0];\n if (!plan.suspended) {\n self.selectStudyplan(plan);\n }\n }\n }\n }).catch(notification.exception);\n },\n selectStudyplan(plan) {\n const self = this;\n this.loadingstudyplan = true;\n call([{\n methodname: `local_treestudyplan_get_${this.verified_type}_studyplan`,\n args: this.call_args({\n studyplanid: plan.id,\n }),\n }])[0].then(function(response){\n self.selectedstudyplan = processStudyplan(response);\n self.loadingstudyplan = false;\n window.location.hash = self.selectedstudyplan.id;\n }).catch(notification.exception);\n },\n deselectStudyplan() {\n this.selectedstudyplan = null;\n this.loadStudyplans(); // Reload the list of studyplans.\n window.location.hash = '';\n }\n },\n template: `\n <div class='t-studyplan-container r-report-tabs'>\n <div v-if='loading' class=\"vue-loader spinner-border text-primary\" role=\"status\"></div>\n <template v-else>\n <div v-if='!loadingstudyplan && selectedstudyplan'>\n <div class=\"mb-2\">\n <a href='#' @click='deselectStudyplan'><h5 class=\"d-inline\"><i class=\"fa fa-chevron-left\"></i> {{ text.back }}</h5></a>\n <h4 class=\"d-inline ml-3\">{{ selectedstudyplan.name}}\n <s-studyplan-details \n class=\"mb-2\"\n size=\"sm\"\n v-model=\"selectedstudyplan\" \n v-if=\"selectedstudyplan.description\"\n ><i class='fa fa-info-circle'></i></s-studyplan-details></h4>\n </div>\n <r-studyplan\n v-model='selectedstudyplan'\n :guestmode='guestmode'\n :teachermode='teachermode'\n ></r-studyplan>\n </div>\n <div v-else-if='loadingstudyplan' class=\"vue-loader spinner-border text-primary\" role=\"status\">\n <span class=\"sr-only\">{{ text.loading }}</span>\n </div>\n <div v-else class='t-studyplan-notselected'>\n <template v-for=\"timing in ['present', 'past', 'future']\">\n <template v-if=\"studyplans[timing].length > 0\">\n <h4>{{ text[\"studyplan_\"+timing]}}:</h4>\n <b-card-group deck>\n <s-studyplan-card\n v-for='(studyplan, planindex) in studyplans[timing]'\n :key='studyplan.id'\n v-model='studyplans[timing][planindex]'\n open\n @open='selectStudyplan(studyplan)'\n ></s-studyplan-card>\n </b-card-group>\n </template>\n </template>\n </div>\n </template>\n </div>\n `,\n });\n\n Vue.component('r-studyplan', {\n props: {\n value: {\n type: Object,\n },\n guestmode: {\n type: Boolean,\n 'default': false,\n },\n teachermode: {\n type: Boolean,\n 'default': false,\n },\n coaching: {\n type: Boolean,\n 'default': false,\n },\n },\n data() {\n return {\n selectedpageindex: -1,\n text: strings.pageinfo,\n };\n },\n computed: {\n\n selectedpage() {\n return this.value.pages[this.selectedpageindex];\n },\n startpageindex() {\n let startpageindex = 0;\n let firststart = null;\n for(const ix in this.value.pages) {\n const page = this.value.pages[ix];\n if(studyplanPageTiming(page) == \"present\") {\n const s = new Date(page.startdate);\n if( (!firststart) || firststart > s) {\n startpageindex = ix;\n firststart = s;\n }\n }\n }\n return startpageindex;\n },\n wwwroot() {\n return Config.wwwroot;\n },\n },\n methods: {\n pageduration(page){\n return formatDate(page.startdate,false) + \" - \" + formatDate(page.enddate,false);\n },\n columns(page) {\n return 1+ (page.periods * 2);\n },\n columns_stylerule(page) {\n // Uses css variables, so width for slots and filters can be configured in css\n let s = \"grid-template-columns: var(--studyplan-filter-width)\"; // use css variable here\n for(let i=0; i<page.periods;i++){\n s+= \" var(--studyplan-course-width) var(--studyplan-filter-width)\";\n }\n return s+\";\";\n },\n countLineLayers(line,page){\n let maxLayer = -1;\n for(let i = 0; i <= page.periods; i++){\n const slot = line.slots[i];\n // Determine the amount of used layers in a studyline slot\n for(const ix in line.slots[i].courses){\n const item = line.slots[i].courses[ix];\n if(item.layer > maxLayer){\n maxLayer = item.layer;\n }\n }\n for(const ix in line.slots[i].filters){\n const item = line.slots[i].filters[ix];\n if(item.layer > maxLayer){\n maxLayer = item.layer;\n }\n }\n }\n return (maxLayer >= 0)?(maxLayer+1):1;\n },\n showslot(page,line,index, layeridx, type){\n // check if the slot should be hidden because a previous slot has an item with a span\n // so big that it hides this slot\n const forGradable = (type == 'gradable')?true:false;\n const periods = page.periods;\n let show = true;\n for(let i = 0; i < periods; i++){\n if(line.slots[index-i] && line.slots[index-i].courses){\n const list = line.slots[index-i].courses;\n for(const ix in list){ \n const item = list[ix];\n if(item.layer == layeridx){\n if(forGradable){\n if(i > 0 && (item.span - i) > 0){\n show = false;\n }\n } else {\n if((item.span - i) > 1){\n show = false;\n }\n }\n }\n }\n }\n }\n\n return show;\n },\n selectedpageChanged(newTabIndex,prevTabIndex) {\n \n ItemEventBus.$emit('redrawLines', null);\n scrollCurrentIntoView(this.selectedpage.id);\n },\n },\n mounted() {\n// scrollCurrentIntoView(this.selectedpage.id);\n this.$root.$emit('redrawLines');\n },\n updated() {\n\n scrollCurrentIntoView(this.selectedpage.id);\n ItemEventBus.$emit('lineHeightChange', null);\n this.$root.$emit('redrawLines');\n ItemEventBus.$emit('redrawLines');\n },\n template: `\n <div>\n <b-card no-body>\n <b-tabs \n v-model='selectedpageindex' \n @activate-tab='selectedpageChanged'\n content-class=\"mt-1\">\n <b-tab\n v-for=\"(page,pageindex) in value.pages\"\n :active=\"(pageindex == startpageindex)\"\n :key=\"page.id\"\n :title-item-class=\"'s-studyplanpage-tab '+ page.timing\"\n ><template #title>\n <span v-b-tooltip.hover :title='page.fullname'>{{page.shortname}}</span>\n <a href=\"#\" v-b-modal=\"'studyplanpage-info-'+page.id\" class='text-info'\n v-if='pageindex == selectedpageindex'\n ><i class='fa fa-info-circle'></i></a>\n </template>\n \n <b-modal\n :id=\"'studyplanpage-info-'+page.id\"\n scrollable\n ok-only\n >\n <template #modal-title>\n {{page.fullname}}\n </template>\n <b-container>\n <b-row>\n <b-col cols=\"4\"><b>{{ text.shortname}}</b></b-col>\n <b-col cols=\"8\">\n {{ page.shortname }}\n </b-col>\n </b-row>\n <b-row v-if=\"!page.timeless\">\n <b-col cols=\"4\"><b>{{ text.duration}}</b></b-col>\n <b-col cols=\"8\">\n {{ pageduration(page) }}\n </b-col>\n </b-row>\n <b-row v-if=\"page.description\">\n <b-col cols=\"12\"><b>{{ text.description}}</b></b-col>\n </b-row>\n <b-row v-if=\"page.description\">\n <b-col cols=\"12\">\n <span v-html=\"page.description\"></span>\n </b-col>\n </b-row>\n </b-container>\n </b-modal>\n <div v-if=\"page.studylines.length > 0\" class='r-studyplan-content'>\n <!-- First paint the headings-->\n <div class='r-studyplan-headings'\n ><s-studyline-header-heading :identifier=\"Number(page.id)\"\n ><a v-if=\"teachermode && selectedpage && !coaching\" class=\"ml-2\"\n :href=\"wwwroot+'//local/treestudyplan/result-overview.php?page='+selectedpage.id\"\n \n target='_blank'><i class='fa fa-list-ul'></i>&nbsp;{{text.overview}}</a\n ></s-studyline-header-heading>\n <r-studyline-heading v-for=\"(line,lineindex) in page.studylines\"\n :key=\"line.id\"\n :teachermode=\"teachermode\"\n :guestmode=\"guestmode\"\n v-model=\"page.studylines[lineindex]\"\n :layers='countLineLayers(line,page)+1'\n :studentid=\"value.userid\"\n @enrolupdate=\"page.studylines[lineindex].enrol = $event\"\n :class=\" 't-studyline' + ((lineindex%2==0)?' odd ' :' even ' )\n + ((lineindex==0)?' first ':' ')\n + ((lineindex==page.studylines.length-1)?' last ':' ')\"\n ></r-studyline-heading\n ></div>\n <!-- Next, paint all the cells in the scrollable -->\n <div class=\"r-studyplan-scrollable\" >\n <div class=\"r-studyplan-timeline\" :style=\"columns_stylerule(page)\">\n <!-- add period information -->\n <template v-for=\"(n,index) in (page.periods+1)\">\n <s-studyline-header-period\n v-if=\"index > 0\"\n v-model=\"page.perioddesc[index-1]\"\n :identifier=\"Number(page.id)\"\n ><a v-if=\"teachermode && selectedpage && !coaching\"\n v-b-tooltip.hover\n :href=\"wwwroot+'//local/treestudyplan/result-overview.php?page='+selectedpage.id\n +'&firstperiod='+index+'&lastperiod='+index\"\n target='_blank'\n :title=\"text.overviewperiod\"><i class='fa fa-list-ul'></i></a\n ></s-studyline-header-period>\n <div class=\"s-studyline-header-filter\"></div>\n </template>\n\n <!-- Line by line add the items -->\n <!-- The grid layout handles putting it in rows and columns -->\n <template v-for=\"(line,lineindex) in page.studylines\"\n ><template v-for=\"(layernr,layeridx) in countLineLayers(line,page)\"\n ><template v-for=\"(n,index) in (page.periods+1)\"\n ><r-studyline-slot\n v-if=\"index > 0 && showslot(page,line, index, layeridx, 'gradable')\"\n type='gradable'\n v-model=\"line.slots[index].courses\"\n :key=\"'c-'+lineindex+'-'+index+'-'+layernr\"\n :slotindex=\"index\"\n :line=\"line\"\n :plan=\"value\"\n :page=\"page\"\n :period=\"page.perioddesc[index-1]\"\n :guestmode='guestmode'\n :teachermode='teachermode'\n :layer=\"layeridx\"\n :class=\"'t-studyline ' + ((lineindex%2==0)?' odd ':' even ')\n + ((lineindex==0 && layernr==1)?' first ':' ')\n + ((lineindex==page.studylines.length-1)?' last ':' ')\n + ((layernr == countLineLayers(line,page))?' lastlyr ':' ')\"\n ></r-studyline-slot\n ><r-studyline-slot\n v-if=\"showslot(page,line, index, layeridx, 'filter')\"\n type='filter'\n v-model=\"line.slots[index].filters\"\n :teachermode='teachermode'\n :key=\"'f-'+lineindex+'-'+index+'-'+layernr\"\n :slotindex=\"index\"\n :line=\"line\"\n :plan=\"value\"\n :page=\"page\"\n :layer=\"layeridx\"\n :class=\"'t-studyline ' + ((lineindex%2==0)?' odd ':' even ')\n + ((lineindex==0 && layernr==1)?' first ':'')\n + ((lineindex==page.studylines.length-1)?' last ':' ')\n + ((index==page.periods)?' rightmost':'')\n + ((layernr == countLineLayers(line,page))?' lastlyr ':' ')\"\n >\n </r-studyline-slot\n ></template\n ></template\n ></template\n ></div\n ></div\n ></div>\n </b-tab>\n </b-tabs>\n </b-card>\n </div>\n `,\n });\n\n /*\n * R-STUDYLINE-HEADER\n */\n Vue.component('r-studyline-heading', {\n props: {\n value : {\n type: Object, // Studyline\n 'default': function(){ return {};},\n },\n guestmode: {\n type: Boolean,\n 'default': false,\n },\n teachermode: {\n type: Boolean,\n 'default': false,\n },\n layers: {\n type: Number,\n 'default': 1,\n },\n studentid: {\n type: Number,\n },\n },\n data() {\n return {\n layerHeights: {},\n text: strings.lineheader,\n students: null,\n can_unenrol: false,\n sorting: {\n asc: false,\n field: 'enrolled_time'\n }\n };\n },\n created() {\n // Listener for the signal that a new connection was made and needs to be drawn\n // Sent by the incoming item - By convention, outgoing items are responsible for drawing the lines\n ItemEventBus.$on('lineHeightChange', this.onLineHeightChange);\n },\n computed: {\n enrollable() {\n return this.value.enrol.enrollable > ENROLLABLE_NONE;\n },\n enrollable_self() {\n return [ENROLLABLE_SELF,ENROLLABLE_SELF_ROLE].includes(this.value.enrol.enrollable);\n },\n enrollable_role() {\n return [ENROLLABLE_ROLE,ENROLLABLE_SELF_ROLE].includes(this.value.enrol.enrollable);\n },\n enrolled() {\n return this.value.enrol.enrolled?true:false;\n },\n can_enrol() {\n return this.value.enrol.can_enrol?true:false;\n },\n enrol_question() {\n return this.text.enrol_question.replace('{$a}',this.value.name);\n },\n enrolled_in() {\n return this.text.enrolled_in.replace('{$a}',this.value.name);\n },\n by() {\n return this.text.byname.replace('{$a}','');\n },\n enrolldate() {\n return formatDatetime(this.value.enrol.enrolled_time);\n },\n sorted_students() {\n const self =this;\n const list = Array.isArray(this.students)?this.students:[];\n list.sort((a,b) => {\n let d = a;\n let e = b;\n if (!self.sorting.asc) {\n d = b;\n e = a;\n } \n let df = d;\n let ef = e;\n const field = self.sorting.field;\n if (d.user && d.user.hasOwnProperty(field)) {\n df = d.user;\n ef = e.user;\n } else if (d.enrol && d.enrol.hasOwnProperty(field)) {\n df = d.enrol;\n ef = e.enrol;\n }\n if (field == 'enrolled') {\n return ((df.enrolled)?1:0) - ((ef.enrolled)?1:0);\n } else if (field == \"enrolled_time\") {\n const dvalue = (df[field] && d.enrol.enrolled)?df[field]:0;\n const evalue = (ef[field] && e.enrol.enrolled)?ef[field]:0;\n return dvalue - evalue;\n } else {\n return String(df[this.sorting.field]).localeCompare(String(ef[this.sorting.field]));\n }\n\n });\n return list;\n }\n },\n methods: {\n premiumenabled,\n formatDatetime,\n onLineHeightChange(lineid){\n // All layers for this line have the first slot send an update message on layer height change.\n // When one of those updates is received, record the height and recalculate the total height of the\n // header\n if(this.$refs.mainEl && (lineid == this.value.id || lineid === null)){\n const items = document.querySelectorAll(\n `.r-studyline-slot-0[data-studyline='${this.value.id}']`);\n // determine the height of all the lines and add them up.\n let heightSum = 0;\n items.forEach((el) => {\n // getBoundingClientRect() Gets the actual fractional height instead of rounded to integer pixels\n const r = el.getBoundingClientRect();\n const height = r.height;\n heightSum += height;\n });\n\n const heightStyle=`${heightSum}px`;\n this.$refs.mainEl.style.height = heightStyle;\n }\n },\n enrol_self() {\n const self=this;\n call([{\n methodname: 'local_treestudyplan_line_enrol_self',\n args: { id: self.value.id},\n }])[0].then(function(response){\n self.$emit('enrolupdate',response);\n }).catch(notification.exception);\n },\n\n enrol_student(student) {\n const self=this;\n const user = student.user;\n let question = self.text.enrol_student_question.replace('{$a}',`${user.firstname} ${user.lastname}`);\n const options = {\n okTitle: self.text.yes,\n cancelTitle: self.text.no,\n okVariant: \"success\",\n cancelVariant: \"danger\",\n };\n this.$bvModal.msgBoxConfirm(question, options).then(reply => {\n if(reply) {\n call([{\n methodname: 'local_treestudyplan_line_enrol_students',\n args: { id: self.value.id, users: [user.id] },\n }])[0].then(function(response){\n student.enrol = response[0].enrol;\n }).catch(notification.exception);\n }\n });\n },\n unenrol_student(student) {\n const self=this;\n const user = student.user;\n let question = self.text.enrol_student_question.replace('{$a}',`${user.firstname} ${user.lastname}`);\n const options = {\n okTitle: self.text.yes,\n cancelTitle: self.text.no,\n okVariant: \"success\",\n cancelVariant: \"danger\",\n };\n this.$bvModal.msgBoxConfirm(question, options).then(reply => {\n if(reply) {\n call([{\n methodname: 'local_treestudyplan_line_unenrol_students',\n args: { id: self.value.id, users: [user.id] },\n }])[0].then(function(response){\n student.enrol = response[0].enrol;\n }).catch(notification.exception);\n }\n });\n },\n load_students() {\n const self=this;\n self.students=null;\n self.can_unenrol=false;\n call([{\n methodname: 'local_treestudyplan_list_line_enrolled_students',\n args: { id: self.value.id },\n }])[0].then(function(response){\n self.students = response.userinfo;\n self.can_unenrol = response.can_unenrol;\n }).catch(notification.exception);\n },\n toggleSort(header) {\n if (this.sorting.field == header) {\n this.sorting.asc = !this.sorting.asc;\n } else {\n this.sorting.field = header;\n this.sorting.asc = true;\n }\n },\n\n },\n template: `\n <div class=\"r-studyline r-studyline-heading \"\n :data-studyline=\"value.id\" ref=\"mainEl\"\n ><div class=\"r-studyline-handle\" :style=\"'background-color: ' + value.color\"></div>\n <div class=\"r-studyline-title\"><div>\n <abbr v-b-tooltip.hover :title=\"value.name\">{{ value.shortname }}</abbr>\n <template v-if=\"premiumenabled() && enrollable\">\n <template v-if=\"teachermode\">\n <br>\n <a v-if=\"!can_enrol\"\n href='#' @click.prevent=\"\"\n v-b-modal=\"'r-enrollments-'+value.id\"\n :title=\"text.cannot_enrol\"\n ><i class='fa fa-lock text-danger'></i>&nbsp;{{text.enrollments}}</a>\n <a v-else\n href='#' @click.prevent=\"\"\n v-b-modal=\"'r-enrollments-'+value.id\"\n :title=\"text.can_enrol\"\n ><i class='fa fa-unlock-alt text-success'></i>&nbsp;{{text.enrollments}}</a>\n <b-modal\n :id=\"'r-enrollments-'+value.id\"\n @show=\"load_students\"\n size=\"xl\"\n ok-only\n scrollable\n :title=\"value.name\"\n >\n <table class=\"r-line-enroll-userlist\">\n <thead>\n <th><a href='#' @click.prevent=\"toggleSort('firstname')\"\n >{{text.firstname}}</a>\n <i v-if=\"sorting.field=='firstname' && sorting.asc\" class='fa fa-sort-asc fa-fw'></i\n ><i v-else-if=\"sorting.field=='firstname' && !sorting.asc\" class='fa fa-sort-desc fa-fw'></i>\n </th>\n <th><a href='#' @click.prevent=\"toggleSort('lastname')\"\n >{{text.lastname}}</a>\n <i v-if=\"sorting.field=='lastname' && sorting.asc\" class='fa fa-sort-asc fa-fw'></i\n ><i v-else-if=\"sorting.field=='lastname' && !sorting.asc\" class='fa fa-sort-desc fa-fw'></i>\n </th>\n <th><a href='#' @click.prevent=\"toggleSort('enrolled')\"\n >{{text.enrolled}}</a>\n <i v-if=\"sorting.field=='enrolled' && sorting.asc\" class='fa fa-sort-asc fa-fw'></i\n ><i v-else-if=\"sorting.field=='enrolled' && !sorting.asc\" class='fa fa-sort-desc fa-fw'></i>\n </th>\n <th><a href='#' @click.prevent=\"toggleSort('enrolled_time')\"\n >{{text.since}}</a>\n <i v-if=\"sorting.field=='enrolled_time' && sorting.asc\" class='fa fa-sort-asc fa-fw'></i\n ><i v-else-if=\"sorting.field=='enrolled_time' && !sorting.asc\" class='fa fa-sort-desc fa-fw'></i>\n </th>\n <th><a href='#' @click.prevent=\"toggleSort('enrolled_by')\"\n >{{by}}</a>\n <i v-if=\"sorting.field=='enrolled_by' && sorting.asc\" class='fa fa-sort-asc fa-fw'></i\n ><i v-else-if=\"sorting.field=='enrolled_by' && !sorting.asc\" class='fa fa-sort-desc fa-fw'></i>\n </th>\n <th v-if=\"can_enrol || can_unenrol\">{{text.enrol}}</th>\n </thead>\n <tbody>\n <tr v-if=\"students == null\"><td \n :colspan=\"4+(can_enrol?1:0)\">\n <div class=\"spinner-border spinner-border-sm text-info\" role=\"status\"></div>\n </td></tr>\n <template v-else>\n <tr v-for=\"student in sorted_students\">\n <td>{{student.user.firstname}}</td>\n <td>{{student.user.lastname}}</td>\n <td><span v-if=\"student.enrol.enrolled\" class=\"text-success\">{{text.enrolled}}</span\n ><span v-else class=\"text-danger\">{{text.notenrolled}}</span></td>\n <td><span v-if=\"student.enrol.enrolled\"\n >{{formatDatetime(student.enrol.enrolled_time)}}</span></td>\n <td><span v-if=\"student.enrol.enrolled\"\n >{{student.enrol.enrolled_by}}</span></td>\n <td ><b-button v-if=\"!student.enrol.enrolled && (can_enrol || can_unenrol)\" \n variant=\"success\"\n size=\"sm\"\n @click=\"enrol_student(student)\"\n >{{text.enrol}}</b-button\n ><b-button v-else-if=\"student.enrol.enrolled && can_unenrol\"\n variant=\"danger\"\n size=\"sm\"\n @click=\"unenrol_student(student)\"\n >{{text.unenrol}}</b-button>\n </td>\n </tr>\n </template>\n </tbody>\n </table>\n </b-modal>\n </template>\n <template v-else-if=\"value.enrol.selfview\">\n <br>\n <a v-if=\"!enrolled && !can_enrol\"\n @click.prevent=\"\"\n href='#'\n v-b-tooltip.focus\n :title=\"text.cannot_enrol\"\n ><fittext maxsize=\"12pt\"><i class='fa fa-lock text-danger'></i>&nbsp;{{text.cannot_enrol}}</fittext></a>\n <a v-else-if=\"!enrolled && can_enrol\"\n @click.prevent=\"\"\n href='#'\n v-b-modal=\"'r-enrol-'+value.id\"\n :title=\"text.can_enrol\"\n ><fittext maxsize=\"12pt\"><i class='fa fa-unlock-alt text-info'></i>&nbsp;{{text.enrol}}</fittext></a>\n <a v-else-if=\"enrolled\"\n @click.prevent=\"\"\n href='#'\n v-b-modal=\"'r-enrollment-'+value.id\"\n :title=\"text.enrolled\"\n ><fittext maxsize=\"12pt\"><i class='fa fa-unlock text-success'></i>&nbsp;{{text.enrolled}}</fittext></a>\n <b-modal\n :id=\"'r-enrol-'+value.id\"\n :title=\"text.confirm\"\n :ok-title=\"text.yes\"\n :cancel-title=\"text.no\"\n ok-variant=\"success\"\n cancel-variant=\"danger\"\n @ok=\"enrol_self\"\n >\n <p>{{enrol_question}}</p>\n </b-modal>\n <b-modal\n :id=\"'r-enrollment-'+value.id\"\n ok-only\n :title=\"text.enrollment\"\n >\n <p>{{enrolled_in}}<p>\n <p><b>{{text.since}}</b> {{enrolldate}}<br>\n <b>{{by}}</b> {{this.value.enrol.enrolled_by}}</p>\n </b-modal> \n </template>\n <template v-else>\n &nbsp;\n <i v-if=\"!enrolled\" class='fa fa-lock text-danger'></i>\n <i v-else class='fa fa-unlock text-success'></i>\n </template>\n </template>\n </div></div>\n </div>\n `,\n });\n\n Vue.component('r-studyline-slot', {\n props: {\n value: {\n type: Array, // item to display\n default(){ return [];},\n },\n type : {\n type: String,\n 'default': 'gradable',\n },\n slotindex : {\n type: Number,\n 'default': 0,\n },\n line : {\n type: Object,\n default(){ return null;},\n },\n layer : {\n type: Number,\n },\n plan: {\n type: Object,\n default(){ return null;},\n },\n page: {\n type: Object,\n default(){ return null;},\n },\n guestmode: {\n type: Boolean,\n 'default': false,\n },\n teachermode: {\n type: Boolean,\n 'default': false,\n },\n period: {\n type: Object,\n default(){ return null;},\n }\n },\n mounted() {\n const self=this;\n if(self.type == \"gradable\" && self.slotindex == 1){\n self.resizeListener = new ResizeObserver(() => {\n if(self.$refs.sizeElement){\n const height = self.$refs.sizeElement.getBoundingClientRect().height;\n ItemEventBus.$emit('lineHeightChange', self.line.id, self.layer, height);\n }\n }).observe(self.$refs.sizeElement);\n }\n },\n computed: {\n item(){\n for(const ix in this.value){\n const itm = this.value[ix];\n if(itm.layer == this.layer){\n return itm;\n }\n }\n return null;\n },\n spanCss(){\n if(this.item && this.item.span > 1){\n const span = (2 * this.item.span) - 1;\n return `width: 100%; grid-column: span ${span};`;\n } else {\n return \"\";\n }\n },\n cloud() {\n const enrol = this.line.enrol;\n return (!this.teachermode) && (enrol.enrollable > 0) && (!enrol.enrolled);\n }\n },\n data() {\n return {\n };\n },\n methods: {\n\n },\n template: `\n <div :class=\" 'r-studyline-slot ' + type + ' '\n + 'r-studyline-slot-' + slotindex + ' '\n + ((slotindex==0)?'r-studyline-firstcolumn ':' ')\"\n :data-studyline=\"line.id\" ref=\"sizeElement\"\n :style='spanCss'\n ><div class=\"r-slot-item\" v-if=\"item\"\n ><r-item\n v-model=\"item\"\n :cloud=\"cloud\"\n :plan=\"plan\"\n :guestmode='guestmode'\n :teachermode='teachermode'></r-item\n ></div\n ></r-item\n ></div>\n `,\n });\n\n\n Vue.component('r-item', {\n props: {\n value :{\n type: Object,\n 'default': function(){ return null;},\n },\n plan: {\n type: Object,\n default(){ return null;}\n },\n guestmode: {\n type: Boolean,\n 'default': false,\n },\n teachermode: {\n type: Boolean,\n 'default': false,\n },\n cloud: {\n type: Boolean,\n 'default': false,\n }\n },\n data() {\n return {\n lines: [],\n };\n },\n methods: {\n lineColor(){\n if(this.teachermode) {\n return \"var(--gray)\";\n } else if (this.cloud) {\n return \"#ccc\";\n } else {\n switch(this.value.completion){\n default: // \"incomplete\"\n return \"var(--gray)\";\n case \"failed\":\n return \"var(--danger)\";\n case \"progress\":\n return \"var(--warning)\";\n case \"completed\":\n return \"var(--success)\";\n case \"good\":\n return \"var(--info)\";\n case \"excellent\":\n return \"var(--blue)\";\n }\n }\n },\n redrawLine(conn){\n let lineColor = this.lineColor();\n // draw new line...\n let start = document.getElementById('studyitem-'+conn.from_id);\n let end= document.getElementById('studyitem-'+conn.to_id);\n\n // delete old line\n if(this.lines[conn.to_id]){\n this.lines[conn.to_id].remove();\n delete this.lines[conn.to_id];\n }\n\n if(start !== null && end !== null && isVisible(start) && isVisible(end)){\n this.lines[conn.to_id] = new SimpleLine(start,end,{\n color: lineColor,\n gravity: {\n start: LINE_GRAVITY,\n end: LINE_GRAVITY,\n },\n class: (this.cloud?\"r-dummy-line\":\"\"),\n });\n }\n },\n redrawLines(){\n // Clean all old lines\n for(let ix in this.lines){\n let lineinfo = this.lines[ix];\n if(lineinfo && lineinfo.line){\n lineinfo.line.remove();\n lineinfo.line = undefined;\n }\n }\n\n // Create new lines\n for(let i in this.value.connections.out){\n let conn = this.value.connections.out[i];\n this.redrawLine(conn);\n }\n },\n onWindowResize(){\n this.redrawLines();\n },\n onRedrawLines(){\n this.redrawLines();\n },\n removeLine(conn){\n if(this.lines[conn.to_id]){\n this.lines[conn.to_id].remove();\n delete this.lines[conn.to_id];\n }\n },\n\n },\n computed: {\n hasConnectionsOut() {\n return !([\"finish\",].includes(this.value.type));\n },\n hasConnectionsIn() {\n return !([\"start\",].includes(this.value.type));\n },\n hasContext() {\n return ['start','junction','finish'].includes(this.value.type);\n }\n },\n created(){\n ItemEventBus.$on('redrawLines', this.onRedrawLines);\n },\n mounted(){\n // Initialize connection lines when mounting\n\n this.redrawLines();\n setTimeout(()=>{\n this.redrawLines();\n },50);\n\n // Add resize event listener\n window.addEventListener('resize',this.onWindowResize);\n },\n beforeDestroy(){\n for(let i in this.value.connections.out){\n let conn = this.value.connections.out[i];\n this.removeLine(conn);\n }\n // Remove resize event listener\n window.removeEventListener('resize',this.onWindowResize);\n ItemEventBus.$off('redrawLines', this.onRedrawLines);\n },\n beforeUpdate(){\n },\n updated(){\n if(!this.dummy) {\n this.redrawLines();\n }\n },\n template: `\n <div class=\"r-item-base\" :id=\"'studyitem-'+value.id\" :data-x='value.type'>\n <template v-if=\"cloud\">\n <r-item-dummy-course v-if=\"value.type == 'course'\"></r-item-dummy-course>\n <r-item-dummy-badge v-else-if=\"value.type == 'badge'\"></r-item-dummy-badge>\n <r-item-dummy-filter v-else></r-item-dummy-filter>\n </template>\n <template v-else>\n <r-item-course v-if=\"value.type == 'course' && !teachermode\" :plan=\"plan\"\n v-model=\"value\" :guestmode=\"guestmode\" :teachermode=\"teachermode\" ></r-item-course>\n <r-item-teachercourse v-if=\"value.type == 'course' && teachermode\" :plan=\"plan\"\n v-model=\"value\" :guestmode=\"guestmode\" :teachermode=\"teachermode\" ></r-item-teachercourse>\n <r-item-junction v-if=\"value.type == 'junction'\"\n v-model=\"value\" :guestmode=\"guestmode\" :teachermode=\"teachermode\" ></r-item-junction>\n <r-item-start v-if=\"value.type == 'start'\"\n v-model=\"value\" :guestmode=\"guestmode\" :teachermode=\"teachermode\" ></r-item-start>\n <r-item-finish v-if=\"value.type == 'finish'\"\n v-model=\"value\" :guestmode=\"guestmode\" :teachermode=\"teachermode\" ></r-item-finish>\n <r-item-badge v-if=\"value.type == 'badge'\"\n v-model=\"value\" :guestmode=\"guestmode\" :teachermode=\"teachermode\" ></r-item-badge>\n <r-item-invalid v-if=\"value.type == 'invalid' && teachermode\"\n v-model=\"value\" ></r-item-invalid>\n </template>\n </div>\n `,\n });\n\n Vue.component('r-item-invalid', {\n props: {\n 'value' :{\n type: Object,\n 'default': function(){ return null;},\n },\n },\n data() {\n return {\n text: strings.invalid,\n };\n },\n methods: {\n },\n template: `\n <div class=\"r-item-invalid\">\n <b-card no-body class=\"r-item-invalid\">\n <b-row no-gutters>\n <b-col md=\"1\">\n <span class=\"r-timing-indicator timing-invalid\"></span>\n </b-col>\n <b-col md=\"11\">\n <b-card-body class=\"align-items-center\">\n <i class=\"fa fa-exclamation\"></i> {{ text.error }}\n </b-card-body>\n </b-col>\n </b-row>\n </b-card>\n </div>\n `,\n });\n\n //TAG: Item Course\n Vue.component('r-item-course', {\n props: {\n value :{\n type: Object,\n default(){ return null;},\n },\n guestmode: {\n type: Boolean,\n default(){ return false;}\n },\n teachermode: {\n type: Boolean,\n default(){ return false;}\n },\n plan: {\n type: Object,\n default(){ return null;}\n }\n },\n data() {\n return {\n text: strings.course,\n };\n },\n computed: {\n startdate(){\n return formatDate(this.value.course.startdate);\n },\n enddate(){\n if(this.value.course.enddate > 0){\n return formatDate(this.value.course.enddate);\n }\n else {\n return this.text.noenddate;\n }\n },\n courseprogress() {\n if (!this.value.course.enrolled) {\n return 0;\n } else if(this.value.course.completion) {\n return (this.value.course.completion.progress / this.value.course.completion.count); \n } else if(this.value.course.competency) {\n return (this.value.course.competency.progress / this.value.course.competency.count); \n } else if(this.value.course.grades) {\n return (this.gradeprogress(this.value.course.grades) / this.value.course.grades.length); \n } else {\n return 0;\n }\n },\n hasprogressinfo() {\n if (!this.value.course.enrolled) {\n return false;\n } else {\n return (this.value.course.completion || this.value.course.competency || this.value.course.grades);\n }\n },\n wwwroot() {\n return Config.wwwroot;\n }\n },\n created(){\n },\n methods: {\n completion_icon(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 circle_icon(completion) {\n switch(completion){\n default: // Case \"incomplete\"\n return null;\n case \"failed\":\n return \"times\";\n case \"progress\":\n return \"\";\n case \"completed\":\n return \"check\";\n case \"good\":\n return \"check\";\n case \"excellent\":\n return \"check\";\n }\n },\n gradeprogress(grades) {\n let progress = 0;\n for (const ix in grades) {\n const g = grades[ix];\n if ([\"completed\",\"excellent\",\"good\"].includes(g.completion)) {\n progress++;\n }\n }\n return progress;\n },\n },\n template: `\n <div :class=\"'r-item-course card completion-'+value.completion\">\n <div class='r-item-course-cardwrapper mr-0 ml-0 h-100 '>\n <div\n :title=\"text['coursetiming_'+value.course.timing]\"\n v-b-popover.hover.top=\"startdate+' - '+enddate\"\n :class=\"'r-timing-indicator timing-'+value.course.timing\"\n ></div>\n <div class=\"r-item-course-title card-body h-100\">\n <fittext maxsize=\"12pt\" minsize=\"9pt\">\n <a v-b-modal=\"'r-item-course-details-'+value.id\"\n :href=\"(!guestmode)?(wwwroot+'/course/view.php?id='+value.course.id):'#'\"\n @click.prevent.stop=''\n >{{ value.course.displayname }}</a>\n </fittext>\n </div>\n <div class=\"h-100 r-item-course-indicator \">\n <template v-if='!value.course.enrolled'>\n <i v-b-popover.top\n class=\"r-course-result fa fa-exclamation-triangle t-not-enrolled-alert\"\n :title=\"text.student_not_tracked\"></i>\n </template>\n <template v-else-if='hasprogressinfo'>\n <r-progress-circle v-if='[\"failed\", \"progress\",\"incomplete\"].includes(value.completion)'\n :value='courseprogress'\n :max='1'\n :min='0'\n :class=\"'r-course-result r-completion-'+value.completion\"\n :icon='circle_icon(value.completion)'\n :title=\"text['completion_'+value.completion]\"\n ></r-progress-circle>\n <i v-else v-b-popover.top\n :class=\"'r-course-result fa fa-'+completion_icon(value.completion)+\n ' r-completion-'+value.completion\"\n :title=\"text['completion_'+value.completion]\"></i>\n </template>\n <template v-else>\n <i v-b-popover.top\n :class=\"'r-course-result fa fa-'+completion_icon(value.completion)+\n ' r-completion-'+value.completion\"\n :title=\"text['completion_'+value.completion]\"></i>\n </template>\n </div>\n </div>\n <b-modal\n :id=\"'r-item-course-details-'+value.id\"\n :title=\"value.course.displayname + ' - ' + value.course.fullname\"\n size=\"lg\"\n ok-only\n centered\n scrollable\n header-class=\"r-item-course-header\"\n >\n <template #modal-header >\n <div class=\"r-item-course-header-details\">\n <div>\n <h1><a :href=\"(!guestmode)?(wwwroot+'/course/view.php?id='+value.course.id):undefined\" target=\"_blank\"\n ><i class=\"fa fa-graduation-cap\"></i> {{ value.course.fullname }}</a></h1>\n {{ value.course.context.path.join(\" / \")}}\n </div>\n <div class=\"r-course-detail-header-right\">\n <div class=\"r-completion-detail-header\">\n <template v-if='!value.course.enrolled'>\n {{text.not_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='hasprogressinfo && !value.course.showprogressbar'>\n {{text['completion_'+value.completion]}}\n <r-progress-circle v-if='[\"failed\", \"progress\",\"incomplete\"].includes(value.completion)'\n :value='courseprogress'\n :max='1'\n :min='0'\n :class=\"'r-progress-circle-popup r-completion-'+value.completion\"\n :icon='circle_icon(value.completion)'\n :title=\"text['completion_'+value.completion]\"\n ></r-progress-circle>\n <i v-else v-b-popover.top\n :class=\"'fa fa-'+completion_icon(value.completion)+\n ' r-completion-'+value.completion\"\n :title=\"text['completion_'+value.completion]\"></i>\n </template>\n <template v-else>\n {{text['completion_'+value.completion]}}\n <i :class=\"'fa fa-'+completion_icon(value.completion)+' r-completion-'+value.completion\"\n :title=\"text['completion_'+value.completion]\"></i>\n </template>\n </div>\n <div :class=\"'r-timing-'+value.course.timing\">\n {{text['coursetiming_'+value.course.timing]}}<br>\n {{ startdate }} - {{ enddate }}\n </div>\n </div>\n </div>\n <s-progress-bar \n v-if='value.course.showprogressbar && hasprogressinfo'\n v-model=\"courseprogress\"\n ></s-progress-bar>\n </template>\n <s-course-extrafields \n v-if=\"value.course.extrafields\" \n v-model=\"value.course.extrafields\"\n position=\"above\"\n ></s-course-extrafields>\n <r-item-studentgrades\n v-if='!!value.course.grades && value.course.grades.length > 0'\n v-model='value'\n :guestmode='guestmode'></r-item-studentgrades>\n <r-item-studentcompletion\n v-if='!!value.course.completion'\n v-model='value.course.completion'\n :course='value.course'\n :guestmode='guestmode'></r-item-studentcompletion>\n <r-item-student-course-competency\n v-if='!!value.course.competency'\n v-model='value.course.competency'\n :item='value'\n ></r-item-student-course-competency>\n <s-course-extrafields \n v-if=\"value.course.extrafields\" \n v-model=\"value.course.extrafields\"\n position=\"below\"\n ></s-course-extrafields>\n </b-modal>\n </div>\n `,\n });\n\n //Selected activities dispaly\n Vue.component('r-item-studentgrades',{\n props: {\n value : {\n type: Object,\n 'default': function(){ return {};},\n },\n guestmode: {\n type: Boolean,\n 'default': false,\n },\n },\n data() {\n return {\n text: strings.course,\n };\n },\n computed: {\n pendingsubmission(){\n let result = false;\n for(const ix in this.value.course.grades){\n const g = this.value.course.grades[ix];\n if(g.pendingsubmission){\n result = true;\n break;\n }\n }\n return result;\n },\n useRequiredGrades() {\n if(this.plan && this.plan.aggregation_info && this.plan.aggregation_info.useRequiredGrades !== undefined){\n return this.plan.aggregation_info.useRequiredGrades;\n }\n else {\n return false;\n }\n },\n },\n methods: {\n completion_icon(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 template: `\n <table class=\"r-item-course-grade-details\">\n <tr v-for=\"g in value.course.grades\">\n <td><span class=\"r-activity-icon\" :title=\"g.typename\" v-html=\"g.icon\"></span\n ><a\n :href=\"(!guestmode)?(g.link):undefined\" target=\"_blank\"><span v-html=\"g.name\"></span></a>\n <abbr v-if=\"useRequiredGrades && g.required\" :title=\"text.required_goal\"\n :class=\"'s-required ' + g.completion\"\n ><i class='fa fa-asterisk' ></i\n ></abbr>\n </td>\n <td><span :class=\"' r-completion-'+g.completion\">{{g.grade}}</span></td>\n <td><i :class=\"'fa fa-'+completion_icon(g.completion)+' r-completion-'+g.completion\"\n :title=\"text['completion_'+g.completion]\"></i>\n <i v-if='g.pendingsubmission' :title=\"text['completion_pending']\"\n class=\"r-pendingsubmission fa fa-clock-o\"></i></td>\n <td v-if=\"g.feedback\">\n <a v-b-modal=\"'r-grade-feedback-'+g.id\"\n href=\"#\"\n >{{ text[\"view_feedback\"]}}</a>\n <b-modal\n :id=\"'r-grade-feedback-'+g.id\"\n size=\"sm\"\n ok-only\n centered\n scrollable\n >\n <template #modal-header>\n <h2><i class=\"fa fa-graduation-cap\"></i>{{ value.course.fullname }}</h2><br>\n <span class=\"r-activity-icon\" :title=\"g.typename\" v-html=\"g.icon\"></span>{{g.name}}\n </template>\n <span v-html=\"g.feedback\"></span>\n </b-modal>\n </td>\n </tr>\n </table>\n `,\n });\n\n // Core completion version of student course info\n Vue.component('r-item-studentcompletion',{\n props: {\n value : {\n type: Object,\n 'default': function(){ return {};},\n },\n guestmode: {\n type: Boolean,\n 'default': false,\n },\n course: {\n type: Object,\n 'default': function(){ return {};},\n },\n },\n data() {\n return {\n text: strings.completion,\n };\n },\n created(){\n },\n computed: {\n },\n methods: {\n completion_icon(completion) {\n switch(completion){\n case \"progress\":\n return \"exclamation-circle\";\n case \"complete\":\n return \"check-circle\";\n case \"complete-pass\":\n return \"check-circle\";\n case \"complete-fail\":\n return \"times-circle\";\n default: // case \"incomplete\"\n return \"circle-o\";\n }\n },\n completion_tag(cgroup){\n return cgroup.completion?'completed':'incomplete';\n },\n hasCompletions() {\n if(this.value.conditions) {\n for(const cgroup of this.value.conditions){\n if(cgroup.items && cgroup.items.length > 0){\n return true;\n }\n }\n }\n return false;\n },\n requirementHTML(requirements) {\n const rqs = requirements.split(/, */);\n let html = \"\";\n for(const ix in rqs) {\n const rq = rqs[ix];\n html += `${rq}<br>`;\n }\n return html;\n },\n addTargetBlank(html) {\n const m = /^([^<]*\\< *a +)(.*)/.exec(html);\n if(m){\n return `${m[1]} target=\"_blank\" ${m[2]}`;\n } else {\n return html;\n }\n }\n },\n template: `\n <table class=\"r-item-course-grade-details\">\n <tr v-if=\"hasCompletions\">\n <td colspan='2'\n ><span v-if=\"value.conditions.length <= 1\">{{ text.aggregation_overall_one }}</span\n ><span v-else if=\"value.aggregation == 'all'\">{{ text.aggregation_overall_all}}</span\n ><span v-else>{{ text.aggregation_overall_any }}</span\n ></td>\n </tr>\n <tr v-else>\n <td colspan='2'>{{text.completion_not_configured}}!\n </td>\n </tr>\n <template v-for='cgroup in value.conditions' v-if='value.enabled && value.tracked'>\n <tr>\n <th colspan='2'><span v-if=\"cgroup.items.length > 1\"\n ><span v-if=\"cgroup.aggregation == 'all'\">{{ text.aggregation_all}}</span\n ><span v-else>{{ text.aggregation_any}}</span></span\n ><span v-else>{{ text.aggregation_one }}</span>\n {{ cgroup.title.toLowerCase() }}:\n </th>\n <th><r-progress-circle v-if=\"cgroup.progress < cgroup.count\"\n :value='cgroup.progress'\n :max='cgroup.count'\n :class=\"'r-completion-'+cgroup.status\"\n :title=\"text['completion_'+cgroup.status]\"\n ></r-progress-circle>\n <i v-else :class=\"'fa fa-check-circle r-completion-'+cgroup.status\"></i>\n </th>\n </tr>\n <tr v-for='ci in cgroup.items'>\n <td><span v-if='guestmode'><span v-html=\"ci.title\"></span></span>\n <span v-else v-html='addTargetBlank(ci.details.criteria)'></span>\n <a href=\"#\" v-b-tooltip.click.hover.right.html=\"{ customClass: 'r-tooltip ' + ci.status}\"\n :title=\"requirementHTML(ci.details.requirement)\"\n class=\"text-primary\"><i v-if=\"ci.details.requirement\"\n class='fa fa-question-circle'\n ></i></a>\n <td\n ><span :class=\"' r-completion-'+ci.status\">{{ci.grade}}</span>\n <span v-if=\"ci.warning\"\n ><i class=\"text-primary fa fa-exclamation-triangle\"\n v-b-tooltip.hover.right.click=\"{ customClass: 'r-tooltip info' }\"\n :title=\"ci.warning\"\n ></i\n ></span\n ></td>\n <td><i :class=\"'fa fa-'+completion_icon(ci.status)+' r-completion-'+ci.status\"\n :title=\"text['completion_'+ci.status]\"></i>\n <i v-if='ci.pending' :title=\"text['completion_pending']\"\n class=\"r-pendingsubmission fa fa-clock-o\"></i>\n </td>\n <td v-if=\"ci.feedback\">\n <a v-b-modal=\"'r-grade-feedback-'+ci.id\"\n href=\"#\"\n >{{ text[\"view_feedback\"]}}</a>\n <b-modal\n :id=\"'r-grade-feedback-'+ci.id\"\n size=\"sm\"\n ok-only\n centered\n scrollable\n >\n <template #modal-header>\n <h2><i class=\"fa fa-graduation-cap\"></i>{{ course.fullname }}</h2><br>\n <span class=\"r-activity-icon\" :title=\"ci.typename\" v-html=\"ci.icon\"></span>{{ci.name}}\n </template>\n <span v-html=\"ci.feedback\"></span>\n </b-modal>\n </td>\n </tr>\n </template>\n <template v-else>\n <tr v-if='! value.enabled'>\n <td colspan='4'>{{text.completion_not_enabled}}</td>\n </tr>\n <tr v-else>\n <td colspan='4'>{{text.student_not_tracked}}</td>\n </tr>\n </template>\n </table>\n `,\n });\n\n //TAG: STUDENT Course competency\n Vue.component('r-item-student-course-competency',{\n props: {\n value : {\n type: Object,\n 'default': function(){ return {};},\n },\n guestmode: {\n type: Boolean,\n 'default': false,\n },\n item: {\n type: Object,\n 'default': function(){ return { id: null};},\n }\n },\n data() {\n return {\n text: strings.competency,\n };\n },\n created(){\n\n },\n computed: {\n hasCompletions() {\n if(this.value.conditions) {\n for(const cgroup of this.value.conditions){\n if(cgroup.items && cgroup.items.length > 0){\n return true;\n }\n }\n }\n return false;\n },\n wwwroot() {\n return Config.wwwroot;\n }\n },\n methods: {\n completion_icon(competency) {\n if (competency.proficient && competency.courseproficient) {\n return \"check-circle\";\n } else if (competency.proficient) {\n return \"check\";\n } else if (competency.proficient === false) {\n return \"times-circle\";\n } else {\n return \"circle-o\";\n }\n },\n\n completion_tag(competency){\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 },\n\n pathtags(competency) {\n const path = competency.path;\n let s = \"\";\n for (const ix in path) {\n const p = path[ix];\n if ( ix > 0) {\n s += \" / \";\n }\n let url;\n if (p.type =='competency') { \n url = Config.wwwroot+`/admin/tool/lp/user_competency_in_course.php?courseid=${this.item.course.id}&competencyid=${p.id}`;\n } else {\n url = this.competencyurl(p);\n }\n \n s += `<a href=\"${url}\" target=\"_blank\">${p.title}</a>`;\n }\n return s;\n },\n competencyurl(c) {\n return Config.wwwroot+`/admin/tool/lp/user_competency_in_course.php?courseid=${this.item.course.id}&competencyid=${c.id}`;\n },\n usercompetencyurl(c) {\n return Config.wwwroot+`/admin/tool/lp/user_competency.php?id=${c.ucid}`;\n }\n },\n template: `\n <table class=\"r-item-course-competency-list\">\n <tr v-if=\"value.competencies.length == 0\">\n <td colspan='2'>{{text.competencies_not_configured}}!\n <br><a :href=\"wwwroot+'/admin/tool/lp/coursecompetencies.php?courseid='+item.course.id\" target='_blank'>{{text.configure_competencies}}</a>\n </td>\n </tr>\n <template v-else>\n <tr v-for='c in value.competencies'>\n <td>\n <a href=\"#\" v-b-modal=\"'modal-competency-id-'+c.id\" @click.prevent.stop=''><span v-html='c.title' ></span></a>\n </td>\n <td class='details' >\n <a v-if=\"c.details\" href=\"#\" v-b-modal=\"'modal-competency-id-'+c.id\" @click.prevent.stop='' ><span v-html='c.details'></span></a>\n <abbr v-if=\"c.required\" :title=\"text.required\"\n :class=\"'s-required ' + + completion_tag(c)\"\n ><i class='fa fa-asterisk' ></i\n ></abbr> \n </td>\n <td :colspan=\"(c.required)?1:2\">\n <span :class=\"'r-completion-'+completion_tag(c)\">\n <template v-if=\"!c.progress && !c.count\">\n <i :class=\"'fa fa-'+completion_icon(c)\" :title=\"text['completion_'+completion_tag(c)]\"></i>\n {{ (c.proficient === null)?text.unrated:c.grade }}\n </template>\n <template v-else>\n <r-progress-circle v-if='!c.proficient'\n :value='c.progress'\n :max='c.count'\n :min='0'\n :class=\"'r-completion-'+completion_tag(c)\"\n :title=\"text['completion_'+completion_tag(c)]\"\n ></r-progress-circle>\n <i v-else :class=\"'fa fa-'+completion_icon(c)\" :title=\"text['completion_'+completion_tag(c)]\"></i>\n {{ (c.proficient === null)?((c.progress)?text.progress:text.unrated):c.grade }}\n </template>\n </span>\n </td>\n <td v-if=\"c.feedback\">\n <a v-b-modal=\"'r-competency-feedback-'+c.id\"\n @click.prevent.stop=''\n href=\"#\"\n >{{ text[\"view_feedback\"]}}</a>\n <b-modal\n :id=\"'r-competency-feedback-'+c.id\"\n size=\"sm\"\n ok-only\n centered\n scrollable\n >\n <template #modal-header>\n <h2><i class=\"fa fa-puzzle-piece\"></i>{{ c.title }}</h2><br>\n </template>\n <span v-html=\"c.feedback\"></span>\n </b-modal>\n </td>\n <b-modal :id=\"'modal-competency-id-'+c.id\"\n size=\"lg\"\n ok-only\n centered\n scrollable\n >\n <template #modal-header>\n <div>\n <h1><i class=\"fa fa-puzzle-piece\"></i>\n <a :href=\"wwwroot+'/admin/tool/lp/competencies.php?competencyid='+c.id\" target=\"_blank\"\n >{{c.title}} {{c.details}} </a\n ></h1>\n <div><span v-html=\"pathtags(c)\"></span></div>\n </div>\n </template>\n <div class=\"mb-2\" v-if=\"c.description\"><span v-html='c.description'></span></div>\n\n <template v-if=\"c.rule && c.children\">\n <div>{{ c.ruleoutcome }} {{ text.when}} <span v-html=\"c.rule.toLocaleLowerCase()\"></span></div>\n <table v-if=\"c.children\" class='r-item-course-competency-list'>\n <tr class='t-item-course-competency-headers'>\n <th colspan=\"2\">{{text.heading}}</th>\n <th colspan=\"3\">{{text.results}}</th>\n </tr>\n <tr v-for=\"cc in c.children\">\n <td >\n <a :href='usercompetencyurl(cc)' target=\"_blank\"><span v-html='cc.title'></span></a>\n </td>\n <td class='details'>\n <a v-if=\"cc.details\" :href='usercompetencyurl(cc)' target=\"_blank\"><span v-html='cc.details'></span></a>\n <abbr v-if=\"c.required\" :title=\"text.required\"\n :class=\"'s-required ' + + completion_tag(cc)\"\n ><i class='fa fa-asterisk' ></i\n ></abbr>\n </td>\n <td><span :class=\"'r-completion-'+completion_tag(cc)\"\n ><i :class=\"'fa fa-'+completion_icon(cc)\" :title=\"text['completion_'+completion_tag(cc)]\"></i>\n {{ (cc.proficient === null)?text.unrated:cc.grade }}</span></td>\n <td><span class=\"text-info\">{{ cc.points }} {{ text.points }}</span></td>\n <td>\n </td>\n <td v-if=\"cc.feedback\">\n <a v-b-modal=\"'r-competency-feedback-'+cc.id\"\n href=\"#\"\n >{{ text[\"view_feedback\"]}}</a>\n <b-modal\n :id=\"'r-competency-feedback-'+cc.id\"\n size=\"sm\"\n ok-only\n centered\n scrollable\n >\n <template #modal-header>\n <h2><i class=\"fa fa-puzzle-piece\"></i>{{ cc.title }}</h2><br>\n </template>\n <span v-html=\"cc.feedback\"></span>\n </b-modal>\n </td>\n </tr>\n </table>\n </template>\n </b-modal>\n </tr>\n </template>\n </table>\n `,\n });\n\n //TAG: Teacher course\n Vue.component('r-item-teachercourse', {\n props: {\n value :{\n type: Object,\n default(){ return null;}\n },\n guestmode: {\n type: Boolean,\n default(){ return false;}\n },\n teachermode: {\n type: Boolean,\n default(){ return false;}\n },\n plan: {\n type: Object,\n default(){ return null;}\n }\n },\n data() {\n return {\n text: strings.teachercourse,\n txt: {\n grading: strings.grading,\n }\n };\n },\n computed: {\n course_grading_needed(){\n return this.course_grading_state();\n },\n course_grading_icon(){\n return this.determine_grading_icon(this.course_grading_state());\n },\n filtered_grades(){\n return this.value.course.grades.filter(g => g.selected);\n },\n useRequiredGrades() {\n if(this.plan && this.plan.aggregation_info && this.plan.aggregation_info.useRequiredGrades !== undefined){\n return this.plan.aggregation_info.useRequiredGrades;\n }\n else {\n return false;\n }\n },\n isCompletable() {\n let completable = false;\n if(this.value.course.completion){\n if(this.value.course.completion.conditions.length > 0){\n completable = true;\n }\n } else if (this.value.course.grades){\n if(this.value.course.grades.length > 0){\n completable = true;\n }\n }\n\n return completable;\n },\n progress_circle() { \n const status = {\n students: 0,\n completed: 0,\n completed_pass: 0,\n completed_fail: 0,\n ungraded: 0,\n };\n\n if(this.value.course.completion) {\n for(const cond of this.value.course.completion.conditions) {\n for(const itm of cond.items) {\n if(itm.progress) {\n status.students += itm.progress.students;\n status.completed += itm.progress.completed;\n status.completed_pass += itm.progress.completed_pass;\n status.completed_fail += itm.progress.completed_fail;\n status.ungraded += itm.progress.ungraded;\n }\n }\n }\n } else if (this.value.course.competency) {\n status.students = this.value.course.competency.total;\n status.completed = this.value.course.competency.proficient;\n } else if (this.value.course.grades) {\n for( const g of this.value.course.grades) {\n if(g.grading) {\n status.students += g.grading.students;\n status.completed += g.grading.completed;\n status.completed_pass += g.grading.completed_pass;\n status.completed_fail += g.grading.completed_fail;\n status.ungraded += g.grading.ungraded;\n }\n }\n } \n\n return status;\n },\n startdate(){\n return formatDate(this.value.course.startdate);\n },\n enddate(){\n if(this.value.course.enddate > 0){\n return formatDate(this.value.course.enddate);\n }\n else {\n return this.text.noenddate;\n }\n },\n wwwroot() {\n return Config.wwwroot;\n }\n\n },\n created(){\n\n },\n methods: {\n course_grading_state(){\n let ungraded = 0;\n let unknown = 0;\n let graded = 0;\n let allgraded = 0;\n const grades = this.filtered_grades;\n\n if(!Array.isArray(grades) || grades == 0){\n return 'nogrades';\n }\n\n for(const ix in grades){\n const grade = grades[ix];\n if(grade.grading){\n if(Number(grade.grading.ungraded) > 0){\n ungraded++;\n }\n else if(Number(grade.grading.graded) > 0) {\n if(Number(grade.grading.graded) == Number(grade.grading.students)){\n allgraded++;\n } else {\n graded++;\n }\n }\n } else {\n unknown = true;\n }\n }\n\n if(ungraded > 0){\n return 'ungraded';\n } else if(unknown) {\n return 'unknown';\n } else if(graded){\n return 'graded';\n } else if(allgraded){\n return 'allgraded';\n } else {\n return 'unsubmitted';\n }\n },\n determine_grading_icon(gradingstate){\n switch(gradingstate){\n default: // \"nogrades\":\n return \"circle-o\";\n case \"ungraded\":\n return \"exclamation-circle\";\n case \"unknown\":\n return \"question-circle-o\";\n case \"graded\":\n return \"check\";\n case \"allgraded\":\n return \"check\";\n case \"unsubmitted\":\n return \"dot-circle-o\";\n }\n },\n },\n template: `\n <div :class=\"'r-item-course card '+ (value.course.amteacher?'r-course-am-teacher':'')\">\n <div class='r-item-course-cardwrapper mr-0 ml-0 h-100 '>\n <div\n :title=\"text['coursetiming_'+value.course.timing]\"\n v-b-popover.hover.top=\"startdate+' - '+enddate\"\n :class=\"'r-timing-indicator timing-'+value.course.timing\"\n ></div>\n <div class=\"r-item-course-title card-body h-100\">\n <fittext maxsize=\"12pt\" minsize=\"9pt\">\n <a v-b-modal=\"'r-item-course-details-'+value.id\"\n :href=\"(!guestmode)?(wwwroot+'/course/view.php?id='+value.course.id):'#'\"\n @click.prevent.stop=''\n >{{ value.course.displayname }}</a>\n </fittext>\n </div>\n <div class=\"h-100 r-item-course-indicator \">\n <r-completion-circle class=\"r-course-graded\" :disabled=\"!isCompletable\"\n v-model=\"progress_circle\"></r-completion-circle>\n </div>\n </div>\n <b-modal\n v-if=\"true\"\n :id=\"'r-item-course-details-'+value.id\"\n :title=\"value.course.displayname + ' - ' + value.course.fullname\"\n size=\"lg\"\n ok-only\n centered\n scrollable\n >\n <template #modal-header>\n <div>\n <h1><a :href=\"(!guestmode)?(wwwroot+'/course/view.php?id='+value.course.id):undefined\" target=\"_blank\"\n ><i class=\"fa fa-graduation-cap\"></i> {{ value.course.fullname }}</a>\n <r-item-teacher-gradepicker v-model=\"value\"\n v-if=\"value.course.grades && value.course.grades.length > 0\"\n :useRequiredGrades=\"useRequiredGrades\"\n :plan=\"plan\"\n ></r-item-teacher-gradepicker>\n <a v-if='!!value.course.completion && value.course.amteacher'\n :href=\"wwwroot+'/course/completion.php?id='+value.course.id\" target=\"_blank\"\n :title=\"text.configure_completion\"><i class=\"fa fa-gear\"></i></a>\n </h1>\n {{ value.course.context.path.join(\" / \") }}\n <div class='mt-1 text-info'>\n <span v-if='value.course.numenrolled != 1'>{{ value.course.numenrolled }} {{ text.students_from_plan_enrolled }}</span>\n <span v-else> 1 {{ text.student_from_plan_enrolled }} </span>\n </div>\n </div>\n <div class=\"r-course-detail-header-right\">\n <div class=\"r-completion-detail-header\">\n <r-completion-circle class=\"r-progress-circle-popup\" :disabled=\"!isCompletable\"\n v-model=\"progress_circle\"></r-completion-circle>\n </div>\n <div :class=\"'r-timing-'+value.course.timing\">\n {{ text['coursetiming_'+value.course.timing] }}<br>\n {{ startdate }} - {{ enddate }}\n </div>\n </div>\n </template>\n <s-course-extrafields \n v-if=\"value.course.extrafields\" \n v-model=\"value.course.extrafields\"\n position=\"above\"\n ></s-course-extrafields>\n <r-item-teachergrades\n v-if='!!value.course.grades && value.course.grades.length > 0'\n v-model='value.course'\n :useRequiredGrades=\"useRequiredGrades\"\n ></r-item-teachergrades>\n <r-item-teachercompletion\n v-if='!!value.course.completion'\n v-model='value.course.completion'\n :course='value.course'\n ></r-item-teachercompletion>\n <r-item-teacher-course-competency\n v-if='!!value.course.competency'\n v-model='value.course.competency'\n :item='value'\n ></r-item-teacher-course-competency>\n <s-course-extrafields \n v-if=\"value.course.extrafields\" \n v-model=\"value.course.extrafields\"\n position=\"below\"\n ></s-course-extrafields>\n </b-modal>\n\n </b-card>\n </div>\n `,\n });\n\n\n //Select activities to use in grade overview\n Vue.component('r-item-teacher-gradepicker', {\n props: {\n value : {\n type: Object, // Item\n 'default': function(){ return {};},\n },\n useRequiredGrades: {\n type: Boolean,\n default(){ return null;}\n }\n },\n data() {\n return {\n text: strings.teachercourse,\n };\n },\n computed: {\n startdate(){\n return formatDate(this.value.course.startdate);\n },\n enddate(){\n if(this.value.course.enddate > 0){\n return formatDate(this.value.course.enddate);\n }\n else {\n return this.text.noenddate;\n }\n },\n wwwroot() {\n return Config.wwwroot;\n }\n },\n methods: {\n includeChanged(newValue,g){\n call([{\n methodname: 'local_treestudyplan_include_grade',\n args: { 'grade_id': g.id,\n 'item_id': this.value.id,\n 'include': newValue,\n 'required': g.required,\n }\n }])[0].catch(notification.exception);\n },\n requiredChanged(newValue,g){\n call([{\n methodname: 'local_treestudyplan_include_grade',\n args: { 'grade_id': g.id,\n 'item_id': this.value.id,\n 'include': g.selected,\n 'required': newValue,\n }\n }])[0].catch(notification.exception);\n },\n },\n template: `\n <a v-if=\"value.course.canselectgradables\" href='#'\n v-b-modal=\"'r-item-course-config-'+value.id\"\n @click.prevent.stop=''\n ><i class='fa fa-cog'></i>\n <b-modal v-if='value.course.canselectgradables'\n :id=\"'r-item-course-config-'+value.id\"\n :title=\"value.course.displayname + ' - ' + value.course.fullname\"\n ok-only\n scrollable\n >\n <template #modal-header>\n <div>\n <h1><a :href=\"wwwroot+'/course/view.php?id='+value.course.id\" target=\"_blank\"\n ><i class=\"fa fa-graduation-cap\"></i> {{ value.course.fullname }}</a></h1>\n {{ value.course.context.path.join(\" / \")}} / {{value.course.displayname}}\n </div>\n <div class=\"r-course-detail-header-right\">\n <div :class=\"'r-timing-'+value.course.timing\">\n {{text['coursetiming_'+value.course.timing]}}<br>\n {{ startdate }} - {{ enddate }}\n </div>\n </div>\n </template>\n <b-form-group\n :label=\"text.select_grades\"\n ><ul class=\"t-item-module-children\">\n <li class=\"t-item-course-gradeinfo\">\n <span class='t-item-course-chk-lbl'>{{text.grade_include}}</span\n ><span v-if=\"useRequiredGrades\" class='t-item-course-chk-lbl'>{{text.grade_require}}</span>\n </li>\n <li class=\"t-item-course-gradeinfo\" v-for=\"g in value.course.grades\">\n <b-form-checkbox inline\n @change=\"includeChanged($event,g)\" v-model=\"g.selected\"\n ></b-form-checkbox>\n <b-form-checkbox v-if=\"useRequiredGrades\" inline :disabled=\"!g.selected\"\n @change=\"requiredChanged($event,g)\" v-model=\"g.required\"\n ></b-form-checkbox>\n <span :title=\"g.typename\" v-html=\"g.icon\"></span><a\n :href=\"g.link\" target=\"_blank\">{{g.name}}</a>\n <s-edit-mod\n :title=\"value.course.fullname\"\n @saved=\"(fd) => g.name = fd.get('name')\"\n v-if=\"g.cmid > 0\"\n :cmid=\"g.cmid\"\n :coursectxid=\"value.course.ctxid\"\n genericonly></s-edit-mod>\n </li>\n </ul>\n </b-form-group>\n </b-modal>\n </a>\n `,\n });\n\n\n\n //Selected activities dispaly\n Vue.component('r-item-teachergrades',{\n props: {\n value : {\n type: Object,\n 'default': function(){ return {};},\n },\n useRequiredGrades: {\n type: Boolean,\n 'default': false,\n },\n },\n data() {\n return {\n text: strings.teachercourse,\n txt: {\n grading: strings.grading,\n }\n };\n },\n computed: {\n pendingsubmission(){\n let result = false;\n for(const ix in this.value.grades){\n const g = this.value.grades[ix];\n if(g.pendingsubmission){\n result = true;\n break;\n }\n }\n return result;\n },\n filtered_grades(){\n return this.value.grades.filter(g => g.selected);\n },\n },\n methods: {\n determine_grading_icon(gradingstate){\n switch(gradingstate){\n default: // \"nogrades\":\n return \"circle-o\";\n case \"ungraded\":\n return \"exclamation-circle\";\n case \"unknown\":\n return \"question-circle-o\";\n case \"graded\":\n return \"check\";\n case \"allgraded\":\n return \"check\";\n case \"unsubmitted\":\n return \"dot-circle-o\";\n }\n },\n grading_icon(grade){\n return this.determine_grading_icon(this.is_grading_needed(grade));\n },\n is_grading_needed(grade){\n if(grade.grading){\n if(grade.grading.ungraded){\n return 'ungraded';\n }\n else if(grade.grading.completed_pass || grade.grading.completed || grade.grading.completed_fail) {\n if(Number(grade.grading.completed) + Number(grade.grading.completed_pass)\n + Number(grade.grading.completed_fail)\n == Number(grade.grading.students)){\n return 'allgraded';\n }\n else {\n return 'graded';\n }\n }\n else {\n return 'unsubmitted';\n }\n } else {\n return 'unknown';\n }\n },\n\n },\n template: `\n <div>\n <table class=\"r-item-course-grade-details\">\n <tr v-for=\"g in filtered_grades\">\n <td><span class=\"r-activity-icon\" :title=\"g.typename\" v-html=\"g.icon\"></span\n ><a\n :href=\"g.gradinglink\"\n target=\"_blank\" :title=\"g.name\"><span v-html=\"g.name\"></span></a>\n <s-edit-mod\n :title=\"value.fullname\"\n @saved=\"(fd) => g.name = fd.get('name')\"\n v-if=\"g.cmid > 0\"\n :cmid=\"g.cmid\"\n :coursectxid=\"value.ctxid\"\n genericonly></s-edit-mod>\n <abbr v-if=\"useRequiredGrades && g.required\" :title=\"text.required_goal\"\n :class=\"'s-required ' + is_grading_needed(g)\"\n ><i class='fa fa-asterisk' ></i\n ></abbr>\n </td>\n <td v-if='g.grading'\n ><i :class=\"'r-course-grading fa fa-'+grading_icon(g)+' r-graded-'+is_grading_needed(g)\"\n :title=\"txt.grading[is_grading_needed(g)]\"></i>\n </td>\n <td v-if='g.grading'>\n <r-completion-bar v-model=\"g.grading\" :width=\"150\" :height=\"15\"></r-completion-bar>\n </td>\n </tr>\n </table>\n </div>\n `,\n });\n\n // Core completion version of student course info\n Vue.component('r-item-teachercompletion',{\n props: {\n value : {\n type: Object,\n 'default': function(){ return {};},\n },\n guestmode: {\n type: Boolean,\n 'default': false,\n },\n course: {\n type: Object,\n 'default': function(){ return {};},\n },\n },\n data() {\n return {\n text: strings.completion,\n };\n },\n created(){\n const self = this;\n // Get text strings for condition settings\n let stringkeys = [];\n for(const key in this.text){\n stringkeys.push({ key: key, component: 'local_treestudyplan'});\n }\n get_strings(stringkeys).then(function(strings){\n let i = 0;\n for(const key in self.text){\n self.text[key] = strings[i];\n i++;\n }\n });\n },\n computed: {\n completionreport(){\n return `${Config.wwwroot}/report/completion/index.php?course=${this.course.id}`;\n },\n wwwroot() {\n return Config.wwwroot;\n }\n\n },\n methods: {\n hasCompletions() {\n if(this.value.conditions) {\n for(const cgroup of this.value.conditions){\n if(cgroup.items && cgroup.items.length > 0){\n return true;\n }\n }\n }\n return false;\n },\n },\n template: `\n <table class=\"r-item-course-grade-details\">\n <tr v-if=\"hasCompletions\">\n <td colspan='2'\n ><span v-if=\"value.conditions.length <= 1\">{{ text.aggregation_overall_one }}</span\n ><span v-else if=\"value.aggregation == 'all'\">{{ text.aggregation_overall_all}}</span\n ><span v-else>{{ text.aggregation_overall_any }}</span\n ></td>\n </tr>\n <tr v-else>\n <td colspan='2'>{{text.completion_not_configured}}!\n <span v-if=\"course.amteacher\">\n <br><a :href=\"wwwroot+'/course/completion.php?id='+course.id\" target='_blank'>{{text.configure_completion}}</a>\n </span>\n </td>\n </tr>\n <template v-for='cgroup in value.conditions'>\n <tr>\n <th colspan='2'><span v-if=\"cgroup.items.length > 1\"\n ><span v-if=\"cgroup.aggregation == 'all'\">{{ text.aggregation_all}}</span\n ><span v-else>{{ text.aggregation_any}}</span></span\n ><span v-else>{{ text.aggregation_one }}</span>\n {{ cgroup.title.toLowerCase() }}:\n </th>\n </tr>\n <tr v-for='ci in cgroup.items'>\n <td><span v-html='ci.details.criteria'></span>\n <a href=\"#\" v-b-tooltip.click\n :title=\"ci.details.requirement\"\n class='text-info'><i v-if=\"ci.details.requirement\"\n class='fa fa-question-circle'\n ></i></a>\n </td>\n <td>\n <r-completion-bar v-model=\"ci.progress\" :width=\"150\" :height=\"15\"></r-completion-bar>\n </td>\n </tr>\n </template>\n <tr><td colspan='2' class='pt-2'>\n <a target=\"_blank\" :href='completionreport'>{{ text.view_completion_report}}\n <i class='fa fa-external-link'></i></a></td></tr>\n </table>\n `,\n });\n\n\n //TAG: Teacher Course competency\n Vue.component('r-item-teacher-course-competency',{\n props: {\n value : {\n type: Object,\n 'default': function(){ return {};},\n },\n guestmode: {\n type: Boolean,\n 'default': false,\n },\n item: {\n type: Object,\n 'default': function(){ return { id: null};},\n }\n },\n data() {\n return {\n text: strings.competency,\n };\n },\n created(){\n\n },\n computed: {\n hasCompletions() {\n if(this.value.conditions) {\n for(const cgroup of this.value.conditions){\n if(cgroup.items && cgroup.items.length > 0){\n return true;\n }\n }\n }\n return false;\n },\n wwwroot() {\n return Config.wwwroot;\n }\n },\n methods: {\n completion_icon(competency) {\n if (competency.proficient && competency.courseproficient) {\n return \"check-circle\";\n } else if (competency.proficient) {\n return \"check\";\n } else if (competency.proficient === false) {\n return \"times-circle\";\n } else {\n return \"circle-o\";\n }\n },\n\n completion_tag(competency){\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 },\n\n pathtags(competency) {\n const path = competency.path;\n let s = \"\";\n for (const ix in path) {\n const p = path[ix];\n if ( ix > 0) {\n s += \" / \";\n }\n let url;\n if (p.type =='competency') { \n url = Config.wwwroot+`/admin/tool/lp/user_competency_in_course.php?courseid=${this.item.course.id}&competencyid=${p.id}`;\n } else {\n url = this.competencyurl(p);\n }\n \n s += `<a href=\"${url}\" target=\"_blank\">${p.title}</a>`;\n }\n return s;\n },\n competencyurl(c) {\n return Config.wwwroot+`/admin/tool/lp/user_competency_in_course.php?courseid=${this.item.course.id}&competencyid=${c.id}`;\n },\n },\n template: `\n <table class=\"r-item-course-competency-list\">\n <tr v-if=\"value.competencies.length == 0\">\n <td colspan='2'>{{text.competencies_not_configured}}!\n <br><a :href=\"wwwroot+'/admin/tool/lp/coursecompetencies.php?courseid='+item.course.id\" target='_blank'>{{text.configure_competencies}}</a>\n </td>\n </tr>\n <template v-else>\n <tr v-for='c in value.competencies'>\n <td>\n <a href=\"#\" v-b-modal=\"'modal-competency-id-'+c.id\"><span v-html='c.title'></span></a>\n </td>\n <td class='details'>\n <a v-if=\"c.details\" href=\"#\" v-b-modal=\"'modal-competency-id-'+c.id\"><span v-html='c.details'></span></a>\n <abbr v-if=\"c.required\" :title=\"text.required\"\n :class=\"'s-required ' + + completion_tag(c)\"\n ><i class='fa fa-asterisk' ></i\n ></abbr> \n </td>\n <td><r-completion-bar v-model=\"c.completionstats\" :width=\"150\" :height=\"15\"></td>\n <td v-if=\"c.feedback\">\n <a v-b-modal=\"'r-competency-feedback-'+c.id\"\n href=\"#\"\n >{{ text[\"view_feedback\"]}}</a>\n <b-modal\n :id=\"'r-competency-feedback-'+c.id\"\n size=\"sm\"\n ok-only\n centered\n scrollable\n >\n <template #modal-header>\n <h2><i class=\"fa fa-puzzle-piece\"></i>{{ c.title }}</h2><br>\n </template>\n <span v-html=\"c.feedback\"></span>\n </b-modal>\n </td>\n <b-modal :id=\"'modal-competency-id-'+c.id\"\n size=\"lg\"\n ok-only\n centered\n scrollable\n >\n <template #modal-header>\n <div>\n <h1><i class=\"fa fa-puzzle-piece\"></i>\n <a :href=\"wwwroot+'/admin/tool/lp/competencies.php?competencyid='+c.id\" target=\"_blank\"\n >{{c.title}} {{c.details}} </a\n ></h1>\n <div><span v-html=\"pathtags(c)\"></span></div>\n </div>\n </template>\n <div class=\"mb-2\" v-if=\"c.description\"><span v-html='c.description'></span></div>\n\n <template v-if=\"c.rule && c.children\">\n <div>{{ c.ruleoutcome }} {{ text.when}} <span v-html=\"c.rule.toLocaleLowerCase()\"></span></div>\n <table v-if=\"c.children\" class='r-item-course-competency-list'>\n <tr class='t-item-course-competency-headers'>\n <th colspan=\"2\">{{text.heading}}</th>\n <th colspan=\"3\">{{text.results}}</th>\n </tr>\n <tr v-for=\"cc in c.children\">\n <td>\n <a :href='competencyurl(cc)' target=\"_blank\"><span v-html='cc.title'></span></a>\n </td>\n <td class='details'>\n <a v-if=\"cc.details\" :href='competencyurl(cc)' target=\"_blank\"><span v-html='cc.details'></span></a>\n <abbr v-if=\"c.required\" :title=\"text.required\"\n :class=\"'s-required ' + completion_tag(cc)\"\n ><i class='fa fa-asterisk' ></i\n ></abbr>\n </td>\n <td><r-completion-bar v-model=\"cc.completionstats\" :width=\"150\" :height=\"15\"></r-completion-bar></td>\n <td><span class=\"text-info\">{{ cc.points }} {{ text.points }}</span></td>\n <td v-if=\"cc.feedback\">\n <a v-b-modal=\"'r-competency-feedback-'+cc.id\"\n href=\"#\"\n >{{ text[\"view_feedback\"]}}</a>\n <b-modal\n :id=\"'r-competency-feedback-'+cc.id\"\n size=\"sm\"\n ok-only\n centered\n scrollable\n >\n <template #modal-header>\n <h2><i class=\"fa fa-puzzle-piece\"></i>{{ cc.title }}</h2><br>\n </template>\n <span v-html=\"cc.feedback\"></span>\n </b-modal>\n </td>\n </tr>\n </table>\n </template>\n </b-modal>\n </tr>\n </template>\n </table>\n `,\n });\n\n\n Vue.component('r-grading-bar',{\n props: {\n value : {\n type: Object,\n 'default': function(){ return {};},\n },\n width: {\n type: Number,\n 'default': 150,\n },\n height: {\n type: Number,\n 'default': 15,\n }\n },\n data() {\n return {\n text: strings.grading,\n };\n },\n computed: {\n width_unsubmitted() {\n return this.width * this.fraction_unsubmitted();\n },\n width_graded() {\n return this.width * this.fraction_graded();\n },\n width_ungraded() {\n return this.width * this.fraction_ungraded();\n },\n count_unsubmitted(){\n return (this.value.students - this.value.graded - this.value.ungraded);\n }\n },\n methods: {\n fraction_unsubmitted() {\n if(this.value.students > 0){\n return 1 - ((this.value.graded + this.value.ungraded) / this.value.students);\n } else {\n return 1;\n }\n },\n fraction_graded() {\n if(this.value.students > 0){\n return this.value.graded / this.value.students;\n } else {\n return 0;\n }\n },\n fraction_ungraded() {\n if(this.value.students > 0){\n return this.value.ungraded / this.value.students;\n } else {\n return 0;\n }\n },\n },\n template: `\n <span class=\"r-grading-bar\" :style=\"{height: height+'px'}\"\n ><span :style=\"{height: height+'px', width: width_ungraded+'px'}\"\n class='r-grading-bar-segment r-grading-bar-ungraded'\n :title=\"text.ungraded + ' (' + this.value.ungraded + ')'\" v-b-popover.hover.top\n ></span\n ><span :style=\"{height: height+'px', width: width_graded+'px'}\"\n class='r-grading-bar-segment r-grading-bar-graded'\n :title=\"text.graded+ ' (' + this.value.graded + ')'\" v-b-popover.hover.top\n ></span\n ><span :style=\"{height: height+'px', width: width_unsubmitted+'px'}\"\n class='r-grading-bar-segment r-grading-bar-unsubmitted'\n :title=\"text.unsubmitted + ' (' + count_unsubmitted + ')'\" v-b-popover.hover.top\n ></span\n ></span>\n `,\n });\n\n Vue.component('r-completion-bar',{\n props: {\n value : {\n type: Object,\n 'default': function(){ return {\n students: 0,\n completed: 0,\n completed_pass: 0,\n completed_fail: 0,\n ungraded: 0,\n };},\n },\n width: {\n type: Number,\n 'default': 150,\n },\n height: {\n type: Number,\n 'default': 15,\n }\n },\n data() {\n return {\n text: strings.completion,\n };\n },\n computed: {\n width_incomplete() {\n return this.width * this.fraction_incomplete();\n },\n width_completed() {\n return this.width * this.fraction_completed();\n },\n width_completed_pass() {\n return this.width * this.fraction_completed_pass();\n },\n width_completed_fail() {\n return this.width * this.fraction_completed_fail();\n },\n width_ungraded() {\n return this.width * this.fraction_ungraded();\n },\n count_incomplete(){\n return (this.value.students - this.value.completed - this.value.completed_pass\n - this.value.completed_fail - this.value.ungraded);\n }\n },\n methods: {\n fraction_incomplete() {\n if(this.value.students > 0){\n return 1 - (\n (this.value.completed + this.value.completed_pass +\n this.value.completed_fail + this.value.ungraded) / this.value.students);\n } else {\n return 1;\n }\n },\n fraction_completed() {\n if(this.value.students > 0){\n return this.value.completed / this.value.students;\n } else {\n return 0;\n }\n },\n fraction_completed_pass() {\n if(this.value.students > 0){\n return this.value.completed_pass / this.value.students;\n } else {\n return 0;\n }\n },\n fraction_completed_fail() {\n if(this.value.students > 0){\n return this.value.completed_fail / this.value.students;\n } else {\n return 0;\n }\n },\n fraction_ungraded() {\n if(this.value.students > 0){\n return this.value.ungraded / this.value.students;\n } else {\n return 0;\n }\n },\n },\n template: `\n <span class=\"r-grading-bar\" :style=\"{height: height+'px'}\"\n ><span :style=\"{height: height+'px', width: width_ungraded+'px'}\"\n class='r-grading-bar-segment r-completion-bar-ungraded'\n :title=\"text.ungraded + ' (' + this.value.ungraded + ')'\" v-b-popover.hover.top\n ></span\n ><span :style=\"{height: height+'px', width: width_completed+'px'}\"\n class='r-grading-bar-segment r-completion-bar-completed'\n :title=\"text.completed + ' (' + this.value.completed + ')'\" v-b-popover.hover.top\n ></span\n ><span :style=\"{height: height+'px', width: width_completed_pass+'px'}\"\n class='r-grading-bar-segment r-completion-bar-completed-pass'\n :title=\"text.completed_pass + ' (' + this.value.completed_pass + ')'\" v-b-popover.hover.top\n ></span\n ><span :style=\"{height: height+'px', width: width_completed_fail+'px'}\"\n class='r-grading-bar-segment r-completion-bar-completed-fail'\n :title=\"text.completed_fail + ' (' + this.value.completed_fail + ')'\" v-b-popover.hover.top\n ></span\n ><span :style=\"{height: height+'px', width: width_incomplete+'px'}\"\n class='r-grading-bar-segment r-completion-bar-incomplete'\n :title=\"text.incomplete + ' (' + count_incomplete + ')'\" v-b-popover.hover.top\n ></span\n ></span>\n `,\n });\n\n Vue.component('r-completion-circle',{\n props: {\n value : {\n type: Object,\n 'default': function(){ return {\n students: 10,\n completed: 2,\n completed_pass: 2,\n completed_fail: 2,\n ungraded: 2,\n };},\n },\n stroke: {\n type: Number,\n 'default': 0.2,\n },\n disabled: {\n type: Boolean,\n 'default': false,\n },\n title: {\n type: String,\n 'default': \"\",\n }\n },\n computed: {\n radius() {\n return 50 - (50*this.stroke);\n },\n\n arcpath_ungraded() {\n const begin = 0;\n return this.arcpath(begin,this.fraction_ungraded());\n },\n arcpath_completed() {\n const begin = this.fraction_ungraded();\n return this.arcpath(begin,this.fraction_completed());\n },\n arcpath_completed_pass() {\n const begin = this.fraction_ungraded()\n + this.fraction_completed();\n return this.arcpath(begin,this.fraction_completed_pass());\n },\n arcpath_completed_fail() {\n const begin = this.fraction_ungraded()\n + this.fraction_completed()\n + this.fraction_completed_pass();\n return this.arcpath(begin,this.fraction_completed_fail());\n },\n arcpath_incomplete() {\n const begin = this.fraction_ungraded()\n + this.fraction_completed()\n + this.fraction_completed_pass()\n + this.fraction_completed_fail();\n return this.arcpath(begin,this.fraction_incomplete());\n },\n\n },\n methods: {\n arcpath(start, end) {\n const r = 50 - (50*this.stroke);\n\n const t1 = start * 2*π;\n const Δ = end * 2*π;\n return svgarcpath([50,50],[r,r],[t1,Δ], 1.5*π);\n },\n fraction_incomplete() {\n if(this.value.students > 0){\n return 1 - (\n (this.value.completed + this.value.completed_pass +\n this.value.completed_fail + this.value.ungraded) / this.value.students);\n } else {\n return 1;\n }\n },\n fraction_completed() {\n if(this.value.students > 0){\n return this.value.completed / this.value.students;\n } else {\n return 0;\n }\n },\n fraction_completed_pass() {\n if(this.value.students > 0){\n return this.value.completed_pass / this.value.students;\n } else {\n return 0;\n }\n },\n fraction_completed_fail() {\n if(this.value.students > 0){\n return this.value.completed_fail / this.value.students;\n } else {\n return 0;\n }\n },\n fraction_ungraded() {\n if(this.value.students > 0){\n return this.value.ungraded / this.value.students;\n } else {\n return 0;\n }\n },\n },\n template: `\n <svg width=\"1em\" height=\"1em\" viewBox=\"0 0 100 100\">\n <title>{{title}}</title>\n <circle cx=\"50\" cy=\"50\" :r=\"radius\"\n :style=\"'stroke-width: ' + (stroke*100)+'; stroke: #ccc; fill: none;'\"/>\n <path :d=\"arcpath_ungraded\"\n :style=\"'stroke-width: ' + (stroke*100) +'; stroke: var(--warning); fill: none;'\"/>\n <path :d=\"arcpath_completed\"\n :style=\"'stroke-width: ' + (stroke*100) +'; stroke: var(--info); fill: none;'\"/>\n <path :d=\"arcpath_completed_pass\"\n :style=\"'stroke-width: ' + (stroke*100) +'; stroke: var(--success); fill: none;'\"/>\n <path :d=\"arcpath_completed_fail\"\n :style=\"'stroke-width: ' + (stroke*100) +'; stroke: var(--danger); fill: none;'\"/>\n\n <circle v-if=\"disabled\" cx=\"50\" cy=\"50\" :r=\"radius/2\"\n :style=\"'fill: var(--dark);'\"/>\n <circle v-else-if=\"value.ungraded > 0\" cx=\"50\" cy=\"50\" :r=\"radius/2\"\n :style=\"'fill: var(--warning);'\"/>\n </g>\n </svg>\n `,\n });\n\n Vue.component('r-item-junction',{\n props: {\n value : {\n type: Object,\n 'default': function(){ return {};},\n },\n guestmode: {\n type: Boolean,\n 'default': false,\n },\n teachermode: {\n type: Boolean,\n 'default': false,\n }\n },\n data() {\n return {\n };\n },\n computed: {\n completion(){\n if(this.value.completion){\n return this.value.completion;\n } else {\n return \"incomplete\";\n }\n }\n },\n methods: {\n\n },\n template: `\n <div :class=\"'r-item-junction r-item-filter completion-'+completion\">\n <i v-if=\"value.completion=='incomplete'\" class=\"fa fa-circle-o\"></i>\n <i v-else-if=\"value.completion=='failed'\" class=\"fa fa-times-circle\"></i>\n <i v-else-if=\"value.completion=='progress'\" class=\"fa fa-exclamation-circle\"></i>\n <i v-else class=\"fa fa-check-circle\"></i>\n </div>\n `,\n });\n\n Vue.component('r-item-finish',{\n props: {\n value : {\n type: Object,\n 'default': function(){ return {};},\n },\n guestmode: {\n type: Boolean,\n 'default': false,\n },\n teachermode: {\n type: Boolean,\n 'default': false,\n }\n },\n data() {\n return {\n };\n },\n computed: {\n completion(){\n if(this.value.completion){\n return this.value.completion;\n } else {\n return \"incomplete\";\n }\n }\n },\n methods: {\n },\n template: `\n <div :class=\"'r-item-finish r-item-filter completion-'+completion\">\n <i class=\"fa fa-stop-circle\"></i>\n </div>\n `,\n });\n\n Vue.component('r-item-start',{\n props: {\n value : {\n type: Object,\n 'default': function(){ return {};},\n },\n guestmode: {\n type: Boolean,\n 'default': false,\n },\n teachermode: {\n type: Boolean,\n 'default': false,\n }\n },\n data() {\n return {\n };\n },\n computed: {\n completion(){\n if(this.value.completion){\n return this.value.completion;\n } else {\n return \"incomplete\";\n }\n }\n },\n created(){\n\n },\n methods: {\n },\n template: `\n <div :class=\"'r-item-start r-item-filter completion-'+completion\">\n <i class=\"fa fa-play-circle\"></i>\n </div>\n `,\n });\n\n Vue.component('r-item-badge',{\n props: {\n value : {\n type: Object,\n 'default': function(){ return {};},\n },\n guestmode: {\n type: Boolean,\n 'default': false,\n },\n teachermode: {\n type: Boolean,\n 'default': false,\n }\n },\n data() {\n return {\n text: strings.badge,\n };\n },\n computed: {\n completion() {\n return this.value.badge.issued?\"completed\":\"incomplete\";\n },\n issued_icon(){\n switch(this.value.badge.issued){\n default: // \"nogrades\":\n return \"circle-o\";\n case true:\n return \"check\";\n }\n },\n issuestats(){\n // so the r-completion-bar can be used to show issuing stats\n return {\n students: (this.value.badge.studentcount)?this.value.badge.studentcount:0,\n completed: (this.value.badge.issuedcount)?this.value.badge.issuedcount:0,\n completed_pass: 0,\n completed_fail: 0,\n ungraded: 0,\n };\n },\n arcpath_issued(){\n if(this.value.badge.studentcount){\n const fraction = this.value.badge.issuedcount/this.value.badge.studentcount;\n return this.arcpath(0,fraction);\n } else {\n return \"\"; // no path\n }\n },\n arcpath_progress(){\n if(this.value.badge.completion){\n const fraction = this.value.badge.completion.progress/this.value.badge.completion.count;\n return this.arcpath(0,fraction);\n } else {\n return \"\"; // no path\n }\n },\n badgeinprogress(){\n return ( this.value.badge.issued\n || this.teachermode\n || (this.value.badge.completion \n && this.value.badge.completion.progress >= this.value.badge.completion.count)\n );\n }\n },\n methods: {\n arcpath(start, end) {\n const r = 44;\n\n const t1 = start * 2*π;\n const Δ = (end * 2*π-0.01);\n return svgarcpath([50,50],[r,r],[t1,Δ], 1.5*π);\n },\n addTargetBlank(html) {\n const m = /^([^<]*\\< *a +)(.*)/.exec(html);\n if(m){\n return `${m[1]} target=\"_blank\" ${m[2]}`;\n } else {\n return html;\n }\n },\n completion_icon_rq(complete) {\n if (complete) {\n return \"check-square-o\";\n } else {\n return \"square-o\";\n }\n },\n completion_icon(complete) {\n if (complete) {\n return \"check-circle\";\n } else {\n return \"times-circle\";\n }\n },\n status(complete) {\n if (complete) {\n return \"complete\";\n } else {\n return \"incomplete\";\n }\n }\n },\n template: `\n <div :class=\"'r-item-badge r-item-filter r-completion-'+completion\" v-b-tooltip.hover :title=\"value.badge.name\">\n <a v-b-modal=\"'r-item-badge-details-'+value.id\"\n ><svg class=\"r-badge-backdrop \" width='50px' height='50px' viewBox=\"0 0 100 100\">\n <title>{{value.badge.name}}</title>\n <template v-if=\"teachermode\">\n <circle cx=\"50\" cy=\"50\" r=\"44\"\n style=\"stroke: #ccc; stroke-width: 8; fill: #ddd; fill-opacity: 0.8;\"/>\n <path :d=\"arcpath_issued\"\n :style=\"'stroke-width: 8; stroke: var(--info); fill: none;'\"/>\n </template>\n <circle v-else-if=\"value.badge.issued\" cx=\"50\" cy=\"50\" r=\"46\"\n style=\"stroke: currentcolor; stroke-width: 4; fill: currentcolor; fill-opacity: 0.5;\"/>\n <template v-else-if=\"value.badge.completion\">\n <circle cx=\"50\" cy=\"50\" r=\"44\"\n style=\"stroke: #ccc; stroke-width: 8; fill: #ddd; fill-opacity: 0.8;\"/>\n <path :d=\"arcpath_progress\"\n :style=\"'stroke-width: 8; stroke: var(--info); fill: none;'\"/>\n </template>\n <circle v-else cx=\"50\" cy=\"50\" r=\"46\"\n stroke-dasharray=\"6 9\"\n style=\"stroke: #999; stroke-width: 6; fill: #ddd; fill-opacity: 0.8;\"/>\n <image class=\"badge-image\" clip-path=\"circle() fill-box\"\n :href=\"value.badge.imageurl\" x=\"12\" y=\"12\" width=\"76\" height=\"76\"\n :style=\"(badgeinprogress)?'':'opacity: 0.4;'\" />\n </svg></a>\n\n <b-modal\n :id=\"'r-item-badge-details-'+value.id\"\n :title=\"value.badge.name\"\n size=\"lg\"\n ok-only\n centered\n scrollable\n >\n <template #modal-header>\n <div>\n <h1><i class=\"fa fa-certificate\"></i>\n <a :href=\"(!guestmode)?(value.badge.infolink):undefined\" target=\"_blank\"\n >{{ value.badge.name }}</a\n ></h1>\n </div>\n <div class=\"r-course-detail-header-right\" v-if=\"!teachermode\">\n <div class=\"r-completion-detail-header\">\n {{ text['completion_'+completion] }}\n <i v-b-popover.hover :class=\"'fa fa-'+issued_icon+' r-completion-'+completion\"\n :title=\"text['completion_'+completion]\"></i>\n </div>\n </div>\n </template>\n <b-container fluid>\n <b-row><b-col cols=\"3\">\n <img :src=\"value.badge.imageurl\"/>\n </b-col><b-col cols=\"9\">\n <p>{{value.badge.description}}</p>\n <ul v-if=\"value.badge.issued\" class=\"list-unstyled pt-1 mb-1 border-grey border-top\">\n <li><strong><i class=\"fa fa-calendar-check-o r-completion-complete-pass\"></i>\n {{text.dateissued}}:</strong> {{ value.badge.dateissued }}</li>\n <li v-if='value.badge.dateexpired'\n ><strong><i class=\"fa fa-calendar-times-o r-completion-complete\"></i>\n {{text.dateexpired}}:</strong> {{ value.badge.dateexpired }}</li>\n <li><strong><i class=\"fa fa-share-alt r-completion-complete-pass\"></i>\n <a :href=\"value.badge.issuedlink\">{{text.share_badge}}</a></strong> </li>\n </ul>\n <table v-if='value.badge.completion && !value.badge.issued' class=\"r-item-course-grade-details mb-2\">\n <tr v-if=\"value.badge.completion.types.length > 1\">\n <th colspan=\"2\"><span v-html=\"value.badge.completion.title\"></span></th>\n </tr>\n <template v-for='cgroup in value.badge.completion.types' >\n <tr>\n <td colspan=\"2\" v-if=\"value.badge.completion.types.length > 1\"\n ><span v-html=\"cgroup.title\"></span></td>\n <th colspan=\"2\" v-else><span v-html=\"cgroup.title\"></span></th>\n </tr>\n <template v-for='ci in cgroup.criteria'>\n <tr>\n <td class=\"pl-3\"><span v-if='guestmode'><span v-html=\"ci.title\"></span></span>\n <a target='_blank' v-else-if='ci.link' :href='ci.link'\n ><span v-html=\"ci.title\"></span></a>\n <span v-else><span v-html=\"ci.title\"></span></span>\n <td><i :class=\"'fa fa-'+completion_icon(ci.completed)+' r-completion-'+status(ci.completed)\"\n :title=\"text['completion_'+status(ci.completed)]\"></i>\n </td>\n </tr>\n <template v-if=\"ci.requirements.length > 1\">\n <tr v-for=\"rq in ci.requirements\">\n <td class=\"pl-4\" colspan=\"2\"\n ><i :class=\"'fa fa-'+completion_icon_rq(rq.completed)+' r-completion-incomplete'\"\n :title=\"text['completion_'+status(rq.completed)]\"></i>\n <span class=\"t-badge-criteria-requirement\"><span v-html=\"rq.title\"></span></span></td>\n </tr>\n </template>\n </template>\n </template>\n <tr v-if=\"!value.badge.active\" class=\"mt-1\">\n <td colspan=\"2\" class=\"alert alert-warning alert-block\">{{text.badgedisabled}}</td>\n </tr>\n </table>\n <ul class=\"list-unstyled w-100 border-grey border-top border-bottom pt-1 pb-1 mb-1\"\n v-if=\"value.badge.criteria\"><li v-for=\"crit in value.badge.criteria\"\n ><span v-html='crit'></span></li></ul>\n <p v-if=\"(!guestmode)\"><strong><i class=\"fa fa-link\"></i>\n <a :href=\"value.badge.infolink\" target=\"_blank\"\n >{{ text.badgeinfo }}</a></strong></p>\n <p v-if=\"teachermode && !guestmode\"\n >{{text.badgeissuedstats}}:<br>\n <r-completion-bar v-model=\"issuestats\" :width=\"150\" :height=\"15\"></r-completion-bar>\n </p>\n </b-col></b-row>\n </b-container>\n </b-modal>\n </div>\n `,\n });\n\n Vue.component('r-item-dummy-course', {\n props: {\n 'value' :{\n type: Object,\n 'default': function(){ return null;},\n },\n },\n data() {\n return {\n text: strings.invalid,\n };\n },\n methods: {\n },\n template: `\n <div class=\"r-item-dummy-course\">\n <b-card no-body class=\"r-item-course\">\n <b-row no-gutters>\n <b-col md=\"1\">\n <span class=\"r-timing-indicator timing-dummy\"></span>\n </b-col>\n <b-col md=\"11\">\n <b-card-body class=\"align-items-center\">\n \n </b-card-body>\n </b-col>\n </b-row>\n </b-card>\n </div>\n `,\n });\n\n Vue.component('r-item-dummy-filter',{\n props: {\n },\n data() {\n return {};\n },\n computed: {\n },\n created(){\n\n },\n methods: {\n },\n template: `\n <div :class=\"'r-item-dummy-filter'\">\n <i class=\"fa fa-circle\"></i>\n </div>\n `,\n });\n\n Vue.component('r-item-dummy-badge',{\n props: {\n },\n data() {\n return {};\n },\n computed: {\n },\n methods: {\n },\n template: `\n <div :class=\"'r-item-dummy-badge'\" >\n <i class=\"fa fa-circle\"></i>\n </div>\n `,\n });\n },\n};"],"names":["π","Math","PI","ENROLLABLE_SELF","ENROLLABLE_ROLE","ENROLLABLE_SELF_ROLE","install","Vue","use","TSComponents","FitTextVue","debug","Debugger","lastCaller","scrollCurrentIntoView","handle","elCurrentHeader","document","querySelector","scrollIntoView","behavior","block","inline","strings","report","loading","studyplan_past","studyplan_present","studyplan_future","back","invalid","error","grading","ungraded","graded","allgraded","unsubmitted","nogrades","unknown","completion","completed","incomplete","completed_pass","completed_fail","aggregation_all","aggregation_any","aggregation_one","aggregation_overall_all","aggregation_overall_any","aggregation_overall_one","completion_not_configured","configure_completion","view_completion_report","completion_incomplete","completion_failed","completion_pending","completion_progress","completion_completed","completion_good","completion_excellent","view_feedback","coursetiming_past","coursetiming_present","coursetiming_future","required_goal","student_not_tracked","completion_not_enabled","badge","share_badge","dateissued","dateexpire","badgeinfo","badgeissuedstats","badgedisabled","course","not_enrolled","noenddate","teachercourse","select_conditions","select_grades","grade_include","grade_require","student_from_plan_enrolled","students_from_plan_enrolled","competency","competency_not_configured","configure_competency","when","required","points","heading","details","results","unrated","progress","pageinfo","edit","fullname","shortname","startdate","enddate","description","duration","overview","oveviewperiod","lineheader","cannot_enrol","can_enrol","is_enrolled","enrol","unenrol","enrolled","notenrolled","enrol_question","enrollments","enrollment","info","confirm","yes","no","enrolled_in","since","byname","students","firstname","lastname","email","enrol_student_question","unenrol_student_question","isVisible","elem","offsetWidth","offsetHeight","getClientRects","length","ItemEventBus","component","props","value","type","Number","max","min","stroke","bgopacity","title","String","icon","data","selectedstudyplan","computed","range","this","fraction","radius","arcpath","r","Δ","methods","template","invitekey","default","userid","text","studyplans","past","present","future","loadingstudyplan","teachermode","guestmode","verified_type","includes","studyplancount","updated","mounted","loadStudyplans","backPressed","log","deselectStudyplan","call_args","o","args","Array","isArray","self","methodname","then","response","console","plans","ix","plan","push","sort","a","b","t","Date","getTime","name","localeCompare","parts","window","location","hash","replace","split","k","list","idx","id","suspended","selectStudyplan","lengh","catch","notification","exception","studyplanid","Object","Boolean","coaching","selectedpageindex","selectedpage","pages","startpageindex","firststart","page","s","wwwroot","Config","pageduration","columns","periods","columns_stylerule","i","countLineLayers","line","maxLayer","slots","courses","item","layer","filters","showslot","index","layeridx","forGradable","show","span","selectedpageChanged","newTabIndex","prevTabIndex","$emit","$root","layers","studentid","layerHeights","can_unenrol","sorting","asc","field","created","$on","onLineHeightChange","enrollable","enrollable_self","enrollable_role","by","enrolldate","enrolled_time","sorted_students","d","e","df","ef","user","hasOwnProperty","premiumenabled","formatDatetime","lineid","$refs","mainEl","items","querySelectorAll","heightSum","forEach","el","height","getBoundingClientRect","heightStyle","style","enrol_self","enrol_student","student","question","options","okTitle","cancelTitle","okVariant","cancelVariant","$bvModal","msgBoxConfirm","reply","users","unenrol_student","load_students","userinfo","toggleSort","header","slotindex","period","resizeListener","ResizeObserver","sizeElement","observe","itm","spanCss","cloud","lines","lineColor","redrawLine","conn","start","getElementById","from_id","end","to_id","remove","SimpleLine","color","gravity","class","redrawLines","lineinfo","undefined","connections","out","onWindowResize","onRedrawLines","removeLine","hasConnectionsOut","hasConnectionsIn","hasContext","setTimeout","addEventListener","beforeDestroy","removeEventListener","$off","beforeUpdate","dummy","courseprogress","count","grades","gradeprogress","hasprogressinfo","completion_icon","circle_icon","g","pendingsubmission","result","useRequiredGrades","aggregation_info","completion_tag","cgroup","hasCompletions","conditions","requirementHTML","requirements","rqs","html","addTargetBlank","m","exec","proficient","courseproficient","pathtags","path","p","url","competencyurl","c","usercompetencyurl","ucid","txt","course_grading_needed","course_grading_state","course_grading_icon","determine_grading_icon","filtered_grades","filter","selected","isCompletable","completable","progress_circle","status","cond","total","grade","gradingstate","includeChanged","newValue","requiredChanged","grading_icon","is_grading_needed","stringkeys","key","completionreport","width","width_unsubmitted","fraction_unsubmitted","width_graded","fraction_graded","width_ungraded","fraction_ungraded","count_unsubmitted","width_incomplete","fraction_incomplete","width_completed","fraction_completed","width_completed_pass","fraction_completed_pass","width_completed_fail","fraction_completed_fail","count_incomplete","disabled","arcpath_ungraded","arcpath_completed","begin","arcpath_completed_pass","arcpath_completed_fail","arcpath_incomplete","t1","issued","issued_icon","issuestats","studentcount","issuedcount","arcpath_issued","arcpath_progress","badgeinprogress","completion_icon_rq","complete"],"mappings":"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"}