\n \n \n \n {{page.shortname}}\n \n \n \n \n \n {{page.fullname}}\n \n \n \n {{ text.shortname}} \n \n {{ page.shortname }}\n \n \n \n {{ text.duration}} \n \n {{ pageduration(page) }}\n \n \n \n {{ text.description}} \n \n \n \n \n \n \n \n \n
\n \x3c!-- First paint the headings--\x3e\n \n
\n '}),Vue.component("r-item-studentcompletion",{props:{value:{type:Object,default:function(){return{}}},guestmode:{type:Boolean,default:!1},course:{type:Object,default:function(){return{}}}},data:()=>({text:strings.completion}),created(){},computed:{},methods:{completion_icon(completion){switch(completion){case"progress":return"exclamation-circle";case"complete":case"complete-pass":return"check-circle";case"complete-fail":return"times-circle";default:return"circle-o"}},completion_tag:cgroup=>cgroup.completion?"completed":"incomplete",hasCompletions(){if(this.value.conditions)for(const cgroup of this.value.conditions)if(cgroup.items&&cgroup.items.length>0)return!0;return!1},requirementHTML(requirements){const rqs=requirements.split(/, */);let html="";for(const ix in rqs){html+=`${rqs[ix]}
`}return html},addTargetBlank(html){const m=/^([^<]*\< *a +)(.*)/.exec(html);return m?`${m[1]} target="_blank" ${m[2]}`:html}},template:'\n\n
\n '}),Vue.component("r-item-student-course-competency",{props:{value:{type:Object,default:function(){return{}}},guestmode:{type:Boolean,default:!1},item:{type:Object,default:function(){return{id:null}}}},data:()=>({text:strings.competency}),created(){},computed:{hasCompletions(){if(this.value.conditions)for(const cgroup of this.value.conditions)if(cgroup.items&&cgroup.items.length>0)return!0;return!1}},methods:{completion_icon:competency=>competency.proficient&&competency.courseproficient?"check-circle":competency.proficient?"check":!1===competency.proficient?"times-circle":"circle-o",completion_tag:competency=>competency.proficient&&competency.courseproficient||competency.proficient?"completed":!1===competency.proficient?"failed":competency.progress?"progress":"incomplete",pathtags(competency){const path=competency.path;let s="";for(const ix in path){const p=path[ix];let url;ix>0&&(s+=" / "),url="competency"==p.type?`/admin/tool/lp/user_competency_in_course.php?courseid=${this.item.course.id}&competencyid=${p.id}`:this.competencyurl(p),s+=`${p.title}`}return s},competencyurl(c){return`/admin/tool/lp/user_competency_in_course.php?courseid=${this.item.course.id}&competencyid=${c.id}`},usercompetencyurl:c=>`/admin/tool/lp/user_competency.php?id=${c.ucid}`},template:'\n \n
\n '}),Vue.component("r-item-teachercourse",{props:{value:{type:Object,default:()=>null},guestmode:{type:Boolean,default:()=>!1},teachermode:{type:Boolean,default:()=>!1},plan:{type:Object,default:()=>null}},data:()=>({text:strings.teachercourse,txt:{grading:strings.grading}}),computed:{course_grading_needed(){return this.course_grading_state()},course_grading_icon(){return this.determine_grading_icon(this.course_grading_state())},filtered_grades(){return this.value.course.grades.filter((g=>g.selected))},useRequiredGrades(){return!(!this.plan||!this.plan.aggregation_info||void 0===this.plan.aggregation_info.useRequiredGrades)&&this.plan.aggregation_info.useRequiredGrades},isCompletable(){let completable=!1;return this.value.course.completion?this.value.course.completion.conditions.length>0&&(completable=!0):this.value.course.grades&&this.value.course.grades.length>0&&(completable=!0),completable},progress_circle(){const status={students:0,completed:0,completed_pass:0,completed_fail:0,ungraded:0};if(this.value.course.completion)for(const cond of this.value.course.completion.conditions)for(const itm of cond.items)itm.progress&&(status.students+=itm.progress.students,status.completed+=itm.progress.completed,status.completed_pass+=itm.progress.completed_pass,status.completed_fail+=itm.progress.completed_fail,status.ungraded+=itm.progress.ungraded);else if(this.value.course.competency)status.students=this.value.course.competency.total,status.completed=this.value.course.competency.proficient;else if(this.value.course.grades)for(const g of this.value.course.grades)g.grading&&(status.students+=g.grading.students,status.completed+=g.grading.completed,status.completed_pass+=g.grading.completed_pass,status.completed_fail+=g.grading.completed_fail,status.ungraded+=g.grading.ungraded);return status},startdate(){return(0,_dateHelper.format_date)(this.value.course.startdate)},enddate(){return this.value.course.enddate?(0,_dateHelper.format_date)(this.value.course.enddate):this.text.noenddate}},created(){},methods:{course_grading_state(){let ungraded=0,unknown=0,graded=0,allgraded=0;const grades=this.filtered_grades;if(!Array.isArray(grades)||0==grades)return"nogrades";for(const ix in grades){const grade=grades[ix];grade.grading?Number(grade.grading.ungraded)>0?ungraded++:Number(grade.grading.graded)>0&&(Number(grade.grading.graded)==Number(grade.grading.students)?allgraded++:graded++):unknown=!0}return ungraded>0?"ungraded":unknown?"unknown":graded?"graded":allgraded?"allgraded":"unsubmitted"},determine_grading_icon(gradingstate){switch(gradingstate){default:return"circle-o";case"ungraded":return"exclamation-circle";case"unknown":return"question-circle-o";case"graded":case"allgraded":return"check";case"unsubmitted":return"dot-circle-o"}}},template:'\n \n \n \n \n \n \n \n \n \n \n '}),Vue.component("r-item-teachergrades",{props:{value:{type:Object,default:function(){return{}}},useRequiredGrades:{type:Boolean,default:!1}},data:()=>({text:strings.teachercourse,txt:{grading:strings.grading}}),computed:{pendingsubmission(){let result=!1;for(const ix in this.value.grades){if(this.value.grades[ix].pendingsubmission){result=!0;break}}return result},filtered_grades(){return this.value.grades.filter((g=>g.selected))}},methods:{determine_grading_icon(gradingstate){switch(gradingstate){default:return"circle-o";case"ungraded":return"exclamation-circle";case"unknown":return"question-circle-o";case"graded":case"allgraded":return"check";case"unsubmitted":return"dot-circle-o"}},grading_icon(grade){return this.determine_grading_icon(this.is_grading_needed(grade))},is_grading_needed:grade=>grade.grading?grade.grading.ungraded?"ungraded":grade.grading.completed_pass||grade.grading.completed||grade.grading.completed_fail?Number(grade.grading.completed)+Number(grade.grading.completed_pass)+Number(grade.grading.completed_fail)==Number(grade.grading.students)?"allgraded":"graded":"unsubmitted":"unknown"},template:'\n \n
\n "}),Vue.component("r-item-teacher-course-competency",{props:{value:{type:Object,default:function(){return{}}},guestmode:{type:Boolean,default:!1},item:{type:Object,default:function(){return{id:null}}}},data:()=>({text:strings.competency}),created(){},computed:{hasCompletions(){if(this.value.conditions)for(const cgroup of this.value.conditions)if(cgroup.items&&cgroup.items.length>0)return!0;return!1}},methods:{completion_icon:competency=>competency.proficient&&competency.courseproficient?"check-circle":competency.proficient?"check":!1===competency.proficient?"times-circle":"circle-o",completion_tag:competency=>competency.proficient&&competency.courseproficient||competency.proficient?"completed":!1===competency.proficient?"failed":competency.progress?"progress":"incomplete",pathtags(competency){const path=competency.path;let s="";for(const ix in path){const p=path[ix];let url;ix>0&&(s+=" / "),url="competency"==p.type?`/admin/tool/lp/user_competency_in_course.php?courseid=${this.item.course.id}&competencyid=${p.id}`:this.competencyurl(p),s+=`${p.title}`}return s},competencyurl(c){return`/admin/tool/lp/user_competency_in_course.php?courseid=${this.item.course.id}&competencyid=${c.id}`}},template:'\n \n
\n '}),Vue.component("r-grading-bar",{props:{value:{type:Object,default:function(){return{}}},width:{type:Number,default:150},height:{type:Number,default:15}},data:()=>({text:strings.grading}),computed:{width_unsubmitted(){return this.width*this.fraction_unsubmitted()},width_graded(){return this.width*this.fraction_graded()},width_ungraded(){return this.width*this.fraction_ungraded()},count_unsubmitted(){return this.value.students-this.value.graded-this.value.ungraded}},methods:{fraction_unsubmitted(){return this.value.students>0?1-(this.value.graded+this.value.ungraded)/this.value.students:1},fraction_graded(){return this.value.students>0?this.value.graded/this.value.students:0},fraction_ungraded(){return this.value.students>0?this.value.ungraded/this.value.students:0}},template:"\n \n "}),Vue.component("r-completion-bar",{props:{value:{type:Object,default:function(){return{students:0,completed:0,completed_pass:0,completed_fail:0,ungraded:0}}},width:{type:Number,default:150},height:{type:Number,default:15}},data:()=>({text:strings.completion}),computed:{width_incomplete(){return this.width*this.fraction_incomplete()},width_completed(){return this.width*this.fraction_completed()},width_completed_pass(){return this.width*this.fraction_completed_pass()},width_completed_fail(){return this.width*this.fraction_completed_fail()},width_ungraded(){return this.width*this.fraction_ungraded()},count_incomplete(){return this.value.students-this.value.completed-this.value.completed_pass-this.value.completed_fail-this.value.ungraded}},methods:{fraction_incomplete(){return this.value.students>0?1-(this.value.completed+this.value.completed_pass+this.value.completed_fail+this.value.ungraded)/this.value.students:1},fraction_completed(){return this.value.students>0?this.value.completed/this.value.students:0},fraction_completed_pass(){return this.value.students>0?this.value.completed_pass/this.value.students:0},fraction_completed_fail(){return this.value.students>0?this.value.completed_fail/this.value.students:0},fraction_ungraded(){return this.value.students>0?this.value.ungraded/this.value.students:0}},template:"\n \n "}),Vue.component("r-completion-circle",{props:{value:{type:Object,default:function(){return{students:10,completed:2,completed_pass:2,completed_fail:2,ungraded:2}}},stroke:{type:Number,default:.2},disabled:{type:Boolean,default:!1},title:{type:String,default:""}},computed:{radius(){return 50-50*this.stroke},arcpath_ungraded(){return this.arcpath(0,this.fraction_ungraded())},arcpath_completed(){const begin=this.fraction_ungraded();return this.arcpath(begin,this.fraction_completed())},arcpath_completed_pass(){const begin=this.fraction_ungraded()+this.fraction_completed();return this.arcpath(begin,this.fraction_completed_pass())},arcpath_completed_fail(){const begin=this.fraction_ungraded()+this.fraction_completed()+this.fraction_completed_pass();return this.arcpath(begin,this.fraction_completed_fail())},arcpath_incomplete(){const begin=this.fraction_ungraded()+this.fraction_completed()+this.fraction_completed_pass()+this.fraction_completed_fail();return this.arcpath(begin,this.fraction_incomplete())}},methods:{arcpath(start,end){const r=50-50*this.stroke,t1=2*start*π,Δ=2*end*π;return(0,_svgarc.svgarcpath)([50,50],[r,r],[t1,Δ],1.5*π)},fraction_incomplete(){return this.value.students>0?1-(this.value.completed+this.value.completed_pass+this.value.completed_fail+this.value.ungraded)/this.value.students:1},fraction_completed(){return this.value.students>0?this.value.completed/this.value.students:0},fraction_completed_pass(){return this.value.students>0?this.value.completed_pass/this.value.students:0},fraction_completed_fail(){return this.value.students>0?this.value.completed_fail/this.value.students:0},fraction_ungraded(){return this.value.students>0?this.value.ungraded/this.value.students:0}},template:'\n \n '}),Vue.component("r-item-junction",{props:{value:{type:Object,default:function(){return{}}},guestmode:{type:Boolean,default:!1},teachermode:{type:Boolean,default:!1}},data:()=>({}),computed:{completion(){return this.value.completion?this.value.completion:"incomplete"}},methods:{},template:'\n maxLayer&&(maxLayer=item.layer)}for(const ix in line.slots[i].filters){const item=line.slots[i].filters[ix];item.layer>maxLayer&&(maxLayer=item.layer)}}return maxLayer>=0?maxLayer+1:1},showslot(page,line,index,layeridx,type){const forGradable="gradable"==type,periods=page.periods;let show=!0;for(let i=0;i0&&item.span-i>0&&(show=!1):item.span-i>1&&(show=!1))}}return show},selectedpageChanged(newTabIndex,prevTabIndex){ItemEventBus.$emit("redrawLines",null),scrollCurrentIntoView(this.selectedpage.id)}},mounted(){this.$root.$emit("redrawLines")},updated(){scrollCurrentIntoView(this.selectedpage.id),ItemEventBus.$emit("lineHeightChange",null),this.$root.$emit("redrawLines"),ItemEventBus.$emit("redrawLines")},template:'\n
\n
\n '}),Vue.component("r-studyline-heading",{props:{value:{type:Object,default:function(){return{}}},layers:{type:Number,default:1}},data:()=>({layerHeights:{}}),created(){ItemEventBus.$on("lineHeightChange",this.onLineHeightChange)},computed:{},methods:{onLineHeightChange(lineid){if(this.$refs.mainEl&&(lineid==this.value.id||null===lineid)){const items=document.querySelectorAll(`.r-studyline-slot-0[data-studyline='${this.value.id}']`);let heightSum=0;items.forEach((el=>{const height=el.getBoundingClientRect().height;heightSum+=height}));const heightStyle=`${heightSum}px`;this.$refs.mainEl.style.height=heightStyle}}},template:'\n \n \x3c!-- add period information --\x3e\n \n \n \n \n\n \x3c!-- Line by line add the items --\x3e\n \x3c!-- The grid layout handles putting it in rows and columns --\x3e\n \n
\n \n \n \n \n
\n '}),Vue.component("r-studyline-slot",{props:{value:{type:Array,default:()=>[]},type:{type:String,default:"gradable"},slotindex:{type:Number,default:0},line:{type:Object,default:()=>null},layer:{type:Number},plan:{type:Object,default:()=>null},page:{type:Object,default:()=>null},guestmode:{type:Boolean,default:!1},teachermode:{type:Boolean,default:!1},period:{type:Object,default:()=>null}},mounted(){const self=this;"gradable"==self.type&&1==self.slotindex&&(self.resizeListener=new ResizeObserver((()=>{if(self.$refs.sizeElement){const height=self.$refs.sizeElement.getBoundingClientRect().height;ItemEventBus.$emit("lineHeightChange",self.line.id,self.layer,height)}})).observe(self.$refs.sizeElement))},computed:{item(){for(const ix in this.value){const itm=this.value[ix];if(itm.layer==this.layer)return itm}return null},spanCss(){if(this.item&&this.item.span>1){return`width: 100%; grid-column: span ${2*this.item.span-1};`}return""}},data:()=>({}),methods:{},template:"\n \n {{ value.shortname }}\n
\n \n
\n '}),Vue.component("r-item-invalid",{props:{value:{type:Object,default:function(){return null}}},data:()=>({text:strings.invalid}),methods:{},template:'\n \n \n \n \n \n \n \n \n {{ text.error }}\n \n \n \n \n
\n '}),Vue.component("r-item-course",{props:{value:{type:Object,default:()=>null},guestmode:{type:Boolean,default:()=>!1},teachermode:{type:Boolean,default:()=>!1},plan:{type:Object,default:()=>null}},data:()=>({text:strings.course}),computed:{startdate(){return(0,_dateHelper.format_date)(this.value.course.startdate)},enddate(){return this.value.course.enddate?(0,_dateHelper.format_date)(this.value.course.enddate):this.text.noenddate},courseprogress(){return this.value.course.enrolled?this.value.course.completion?this.value.course.completion.progress/this.value.course.completion.count:this.value.course.competency?this.value.course.competency.progress/this.value.course.competency.count:this.value.course.grades?this.gradeprogress(this.value.course.grades)/this.value.course.grades.length:0:0},hasprogressinfo(){return!!this.value.course.enrolled&&(this.value.course.completion||this.value.course.competency||this.value.course.grades)}},created(){},methods:{completion_icon(completion){switch(completion){default:return"circle-o";case"pending":return"question-circle";case"failed":return"times-circle";case"progress":return"exclamation-circle";case"completed":case"good":case"excellent":return"check-circle"}},circle_icon(completion){switch(completion){default:return null;case"failed":return"times";case"progress":return"";case"completed":case"good":case"excellent":return"check"}},gradeprogress(grades){let progress=0;for(const ix in grades){const g=grades[ix];["completed","excellent","good"].includes(g.completion)&&progress++}return progress}},template:"\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n \n \n \n \n \n
\n "}),Vue.component("r-item-studentgrades",{props:{value:{type:Object,default:function(){return{}}},guestmode:{type:Boolean,default:!1}},data:()=>({text:strings.course}),computed:{pendingsubmission(){let result=!1;for(const ix in this.value.course.grades){if(this.value.course.grades[ix].pendingsubmission){result=!0;break}}return result},useRequiredGrades(){return!(!this.plan||!this.plan.aggregation_info||void 0===this.plan.aggregation_info.useRequiredGrades)&&this.plan.aggregation_info.useRequiredGrades}},methods:{completion_icon(completion){switch(completion){default:return"circle-o";case"pending":return"question-circle";case"failed":return"times-circle";case"progress":return"exclamation-circle";case"completed":case"good":case"excellent":return"check-circle"}}},template:'\n \n
\n \n
\n {{ value.course.fullname }}
\n {{ value.course.context.path.join(\" / \")}}\n\n
\n \n \n {{text.not_enrolled}}\n \n \n \n {{text['completion_'+value.completion]}}\n
\n \n {{text['coursetiming_'+value.course.timing]}}
\n {{ startdate }} - {{ enddate }}\n
\n \n {{ startdate }} - {{ enddate }}\n
| \n | {{g.grade}} | \n\n | \n\n {{ text["view_feedback"]}}\n {{ value.course.fullname }}\n {{g.name}}\n \n \n \n | \n
`}return html},addTargetBlank(html){const m=/^([^<]*\< *a +)(.*)/.exec(html);return m?`${m[1]} target="_blank" ${m[2]}`:html}},template:'\n
| {{ text.aggregation_overall_one }}{{ text.aggregation_overall_all}}{{ text.aggregation_overall_any }} | \n||
| {{text.completion_not_configured}}!\n | \n||
| {{ text.aggregation_all}}{{ text.aggregation_any}}{{ text.aggregation_one }}\n {{ cgroup.title.toLowerCase() }}:\n | \n||
|---|---|---|
| \n \n \n | \n \n \n | \n\n {{ text["view_feedback"]}}\n {{ course.fullname }}\n {{ci.name}}\n \n \n \n | \n
| {{text.completion_not_enabled}} | \n||
| {{text.student_not_tracked}} | \n
| {{text.competencies_not_configured}}!\n {{text.configure_competencies}}\n | \n ||||||||||||||
| \n \n | \n\n \n \n | \n\n \n \n \n {{ (c.proficient === null)?text.unrated:c.grade }}\n \n \n | \n \n {{ text["view_feedback"]}}\n {{ c.title }}\n \n \n \n | \n |||||||||||
| {{text.heading}} | \n{{text.results}} | \n||||
|---|---|---|---|---|---|
| \n \n | \n\n \n \n | \n\n {{ (cc.proficient === null)?text.unrated:cc.grade }} | \n{{ cc.points }} {{ text.points }} | \n\n | \n\n {{ text["view_feedback"]}}\n {{ cc.title }}\n \n \n \n | \n
\n \n \n \n 0\'\n v-model=\'value.course\'\n :useRequiredGrades="useRequiredGrades"\n >\n \n \n \n
\n '}),Vue.component("r-item-teacher-gradepicker",{props:{value:{type:Object,default:function(){return{}}},useRequiredGrades:{type:Boolean,default:()=>null}},data:()=>({text:strings.teachercourse}),computed:{},methods:{includeChanged(newValue,g){(0,_ajax.call)([{methodname:"local_treestudyplan_include_grade",args:{grade_id:g.id,item_id:this.value.id,include:newValue,required:g.required}}])[0].catch(_notification.default.exception)},requiredChanged(newValue,g){(0,_ajax.call)([{methodname:"local_treestudyplan_include_grade",args:{grade_id:g.id,item_id:this.value.id,include:g.selected,required:newValue}}])[0].catch(_notification.default.exception)}},template:'\n \n \n
\n \n \n
\n \n \n {{ value.course.displayname }}\n \n
\n \n {{ value.course.fullname }}\n
\n {{ value.course.context.path.join(" / ") }}\n
\n {{ value.course.fullname }}\n
\n {{ value.course.context.path.join(" / ") }}\n \n {{ value.course.numenrolled }} {{ text.students_from_plan_enrolled }}\n 1 {{ text.student_from_plan_enrolled }} \n
\n \n
\n \n \n
\n \n {{ text[\'coursetiming_\'+value.course.timing] }}
\n {{ startdate }} - {{ enddate }}\n
\n \n {{ startdate }} - {{ enddate }}\n
\n
\n {{ value.course.fullname }}
\n {{ value.course.context.path.join(" / ")}} / {{value.course.displayname}}\n\n
\n \n {{text[\'coursetiming_\'+value.course.timing]}}
\n {{ value.course.startdate }} - {{ value.course.enddate }}\n
\n \n {{ value.course.startdate }} - {{ value.course.enddate }}\n
- \n
- \n {{text.grade_include}}{{text.grade_require}}\n \n
- \n
\n \n
\n \n
\n
\n '}),Vue.component("r-item-teachercompletion",{props:{value:{type:Object,default:function(){return{}}},guestmode:{type:Boolean,default:!1},course:{type:Object,default:function(){return{}}}},data:()=>({text:strings.completion}),created(){const self=this;let stringkeys=[];for(const key in this.text)stringkeys.push({key:key,component:"local_treestudyplan"});(0,_str.get_strings)(stringkeys).then((function(strings){let i=0;for(const key in self.text)self.text[key]=strings[i],i++}))},computed:{completionreport(){return`${_config.default.wwwroot}/report/completion/index.php?course=${this.course.id}`}},methods:{hasCompletions(){if(this.value.conditions)for(const cgroup of this.value.conditions)if(cgroup.items&&cgroup.items.length>0)return!0;return!1}},template:"\n | \n | \n | \n\n | \n
| {{ text.aggregation_overall_one }}{{ text.aggregation_overall_all}}{{ text.aggregation_overall_any }} | \n|
| {{text.completion_not_configured}}!\n \n {{text.configure_completion}}\n \n | \n |
| 1\"\n >{{ text.aggregation_all}}{{ text.aggregation_any}}{{ text.aggregation_one }}\n {{ cgroup.title.toLowerCase() }}:\n | \n|
|---|---|
| \n \n | \n\n | \n
| \n {{ text.view_completion_report}}\n | |
| {{text.competencies_not_configured}}!\n {{text.configure_competencies}}\n | \n |||||||||||||
| \n \n | \n\n \n \n | \n\n {{ text["view_feedback"]}}\n {{ c.title }}\n \n \n \n | \n |||||||||||
| {{text.heading}} | \n{{text.results}} | \n|||
|---|---|---|---|---|
| \n \n | \n\n \n \n | \n{{ cc.points }} {{ text.points }} | \n\n {{ text["view_feedback"]}}\n {{ cc.title }}\n \n \n \n | \n |
\n \n \n \n \n
\n '}),Vue.component("r-item-finish",{props:{value:{type:Object,default:function(){return{}}},guestmode:{type:Boolean,default:!1},teachermode:{type:Boolean,default:!1}},data:()=>({}),computed:{completion(){return this.value.completion?this.value.completion:"incomplete"}},methods:{},template:'\n \n \n
\n '}),Vue.component("r-item-start",{props:{value:{type:Object,default:function(){return{}}},guestmode:{type:Boolean,default:!1},teachermode:{type:Boolean,default:!1}},data:()=>({}),computed:{completion(){return this.value.completion?this.value.completion:"incomplete"}},created(){},methods:{},template:'\n \n \n
\n '}),Vue.component("r-item-badge",{props:{value:{type:Object,default:function(){return{}}},guestmode:{type:Boolean,default:!1},teachermode:{type:Boolean,default:!1}},data:()=>({text:strings.badge}),computed:{completion(){return this.value.badge.issued?"completed":"incomplete"},issued_icon(){return!0===this.value.badge.issued?"check":"circle-o"},issuestats(){return{students:this.value.badge.studentcount?this.value.badge.studentcount:0,completed:this.value.badge.issuedcount?this.value.badge.issuedcount:0,completed_pass:0,completed_fail:0,ungraded:0}},arcpath_issued(){if(this.value.badge.studentcount){const fraction=this.value.badge.issuedcount/this.value.badge.studentcount;return this.arcpath(0,fraction)}return""},arcpath_progress(){if(this.value.badge.completion){const fraction=this.value.badge.completion.progress/this.value.badge.completion.count;return this.arcpath(0,fraction)}return""},badgeinprogress(){return this.value.badge.issued||this.teachermode||this.value.badge.completion&&this.value.badge.completion.progress>=this.value.badge.completion.count}},methods:{arcpath(start,end){const t1=2*start*π,Δ=2*end*π-.01;return(0,_svgarc.svgarcpath)([50,50],[44,44],[t1,Δ],1.5*π)},addTargetBlank(html){const m=/^([^<]*\< *a +)(.*)/.exec(html);return m?`${m[1]} target="_blank" ${m[2]}`:html},completion_icon_rq:complete=>complete?"check-square-o":"square-o",completion_icon:complete=>complete?"check-circle":"times-circle",status:complete=>complete?"complete":"incomplete"},template:'\n \n \n\n \n \n \n \n ![]()
\n \n \n
\n \n \n
\n '})}};return _exports.default=_default,_exports.default}));
+define("local_treestudyplan/report-viewer-components",["exports","./simpleline/simpleline","core/str","./util/string-helper","./util/date-helper","core/ajax","core/notification","./util/svgarc","./util/debugger","core/config","./studyplan-processor","./treestudyplan-components","core/edit_switch"],(function(_exports,_simpleline,_str,_stringHelper,_dateHelper,_ajax,_notification,_svgarc,_debugger,_config,_studyplanProcessor,_treestudyplanComponents,_edit_switch){function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}Object.defineProperty(_exports,"__esModule",{value:!0}),_exports.default=void 0,_notification=_interopRequireDefault(_notification),_debugger=_interopRequireDefault(_debugger),_config=_interopRequireDefault(_config),_treestudyplanComponents=_interopRequireDefault(_treestudyplanComponents);const π=Math.PI;var _default={install(Vue){Vue.use(_treestudyplanComponents.default);new _debugger.default("treestudyplan-viewer");let lastCaller=null;function scrollCurrentIntoView(handle){const elCurrentHeader=document.querySelector(".r-studyplan-scrollable").querySelector(".s-studyline-header-period.current");!elCurrentHeader||handle&&handle==lastCaller||(lastCaller=handle,elCurrentHeader.scrollIntoView({behavior:"smooth",block:"start",inline:"center"}))}let strings=(0,_stringHelper.load_strings)({report:{loading:"loadinghelp@core",studyplan_past:"studyplan_past",studyplan_present:"studyplan_present",studyplan_future:"studyplan_future",back:"back"},invalid:{error:"error"},grading:{ungraded:"ungraded",graded:"graded",allgraded:"allgraded",unsubmitted:"unsubmitted",nogrades:"nogrades",unknown:"unknown"},completion:{completed:"completion_completed",incomplete:"completion_incomplete",completed_pass:"completion_passed",completed_fail:"completion_failed",ungraded:"ungraded",aggregation_all:"aggregation_all",aggregation_any:"aggregation_any",aggregation_one:"aggregation_one",aggregation_overall_all:"aggregation_overall_all",aggregation_overall_any:"aggregation_overall_any",aggregation_overall_one:"aggregation_overall_one",completion_not_configured:"completion_not_configured",configure_completion:"configure_completion",view_completion_report:"view_completion_report",completion_incomplete:"completion_incomplete",completion_failed:"completion_failed",completion_pending:"completion_pending",completion_progress:"completion_progress",completion_completed:"completion_completed",completion_good:"completion_good",completion_excellent:"completion_excellent",view_feedback:"view_feedback",coursetiming_past:"coursetiming_past",coursetiming_present:"coursetiming_present",coursetiming_future:"coursetiming_future",required_goal:"required_goal",student_not_tracked:"student_not_tracked",completion_not_enabled:"completion_not_enabled"},badge:{share_badge:"share_badge",dateissued:"dateissued",dateexpire:"dateexpire",badgeinfo:"badgeinfo",badgeissuedstats:"badgeissuedstats",completion_incomplete:"completion_incomplete_badge",completion_completed:"completion_completed_badge",completioninfo:"completioninfo",badgedisabled:"badgedisabled"},course:{completion_incomplete:"completion_incomplete",completion_failed:"completion_failed",completion_pending:"completion_pending",completion_progress:"completion_progress",completion_completed:"completion_completed",completion_good:"completion_good",completion_excellent:"completion_excellent",view_feedback:"view_feedback",coursetiming_past:"coursetiming_past",coursetiming_present:"coursetiming_present",coursetiming_future:"coursetiming_future",required_goal:"required_goal",student_not_tracked:"student_not_tracked",not_enrolled:"not_enrolled"},teachercourse:{select_conditions:"select_conditions",select_grades:"select_grades",coursetiming_past:"coursetiming_past",coursetiming_present:"coursetiming_present",coursetiming_future:"coursetiming_future",grade_include:"grade_include",grade_require:"grade_require",required_goal:"required_goal",student_from_plan_enrolled:"student_from_plan_enrolled",students_from_plan_enrolled:"students_from_plan_enrolled"},competency:{competency_not_configured:"competency_not_configured",configure_competency:"configure_competency",when:"when",required:"required",points:"points@core_grades",heading:"competency_heading",details:"competency_details",results:"results",unrated:"unrated",progress:"completion_progress",view_feedback:"view_feedback"},pageinfo:{edit:"period_edit",fullname:"studyplan_name",shortname:"studyplan_shortname",startdate:"studyplan_startdate",enddate:"studyplan_enddate",description:"studyplan_description",duration:"studyplan_duration",details:"studyplan_details"}});function isVisible(elem){return!!(elem.offsetWidth||elem.offsetHeight||elem.getClientRects().length)}const ItemEventBus=new Vue;document.addEventListener(_edit_switch.eventTypes.editModeSet,(e=>{e.preventDefault(),ItemEventBus.$emit("editModeSet",e.detail.editMode)})),Vue.component("r-progress-circle",{props:{value:{type:Number},max:{type:Number,default:100},min:{type:Number,default:0},stroke:{type:Number,default:.2},bgopacity:{type:Number,default:.2},title:{type:String,default:""},icon:{type:String}},data:()=>({selectedstudyplan:null}),computed:{range(){return this.max-this.min},fraction(){return this.max-this.min==0?0:(this.value-this.min)/(this.max-this.min)},radius(){return 50-50*this.stroke},arcpath(){let fraction=0;const r=50-50*this.stroke;this.max-this.min!=0&&(fraction=(this.value-this.min)/(this.max-this.min));const Δ=2*fraction*π;return(0,_svgarc.svgarcpath)([50,50],[r,r],[0,Δ],1.5*π)}},methods:{},template:'\n \n
\n \n {{ value.badge.name }}
\n\n
\n \n \n {{ text[\'completion_\'+completion] }}\n \n
\n {{value.badge.description}}
\n- \n
- \n {{text.dateissued}}: {{ value.badge.dateissued }} \n
- \n {{text.dateexpired}}: {{ value.badge.dateexpired }} \n
- \n {{text.share_badge}} \n
| \n | |||
|---|---|---|---|
| \n | \n | ||
| \n \n \n | \n | \n||
| \n | \n|||
| {{text.badgedisabled}} | \n|||
{{text.badgeissuedstats}}:
\n
\n \n \n
\n '}),Vue.component("r-report",{props:{invitekey:{type:String,default:()=>null},userid:{type:Number,default:()=>0},type:{type:String,default:()=>"own"}},data:()=>({text:strings.report,studyplans:{past:[],present:[],future:[]},selectedstudyplan:null,loadingstudyplan:!1,loading:!0}),computed:{teachermode(){return"teaching"==this.type},guestmode(){return"invited"==this.type},verified_type(){return["invited","other","teaching","own"].includes(this.type)?this.type:"own"},studyplancount(){return this.studyplans.past.length+this.studyplans.present.length+this.studyplans.future.length}},updated(){},mounted(){this.loadStudyplans()},methods:{call_args(o){const args={};return"object"!=typeof o||Array.isArray(o)||null===o||(0,_studyplanProcessor.objCopy)(args,o),"invited"==this.verified_type?args.invitekey=this.invitekey:"other"==this.verified_type&&(args.userid=this.userid),args},loadStudyplans(){const self=this;this.loading=!0,(0,_ajax.call)([{methodname:`local_treestudyplan_list_${this.verified_type}_studyplans`,args:this.call_args()}])[0].then((function(response){console.info("Loaded: plans",response);const plans={future:[],present:[],past:[]};for(const ix in response){const plan=response[ix];plans[(0,_dateHelper.studyplanTiming)(plan)].push(plan)}for(const ix in plans)plans[ix].sort(((a,b)=>{const t=new Date(b.startdate).getTime()-new Date(a.startdate).getTime();return 0==t&&(t=a.name.localeCompare(b.name)),t}));self.studyplans=plans,self.loading=!1,1==self.studyplans.present.length?self.selectStudyplan(self.studyplans.present[0]):1==this.studyplancount&&(self.studyplans.future.lengh>0?self.selectStudyplan(self.studyplans.future[0]):self.selectStudyplan(self.studyplans.past[0]))})).catch(_notification.default.exception)},selectStudyplan(plan){const self=this;this.loadingstudyplan=!0,(0,_ajax.call)([{methodname:`local_treestudyplan_get_${this.verified_type}_studyplan`,args:this.call_args({studyplanid:plan.id})}])[0].then((function(response){self.selectedstudyplan=(0,_studyplanProcessor.ProcessStudyplan)(response),self.loadingstudyplan=!1})).catch(_notification.default.exception)},deselectStudyplan(){this.selectedstudyplan=null,this.loadStudyplans()}},template:"\n \n \n \n
\n "}),Vue.component("r-studyplan",{props:{value:{type:Object},guestmode:{type:Boolean,default:()=>!1},teachermode:{type:Boolean,default:()=>!1}},data:()=>({selectedpageindex:-1,text:strings.pageinfo}),computed:{selectedpage(){return this.value.pages[this.selectedpageindex]},startpageindex(){let startpageindex=0,firststart=null;for(const ix in this.value.pages){const page=this.value.pages[ix];if("present"==(0,_dateHelper.studyplanPageTiming)(page)){const s=new Date(page.startdate);(!firststart||firststart>s)&&(startpageindex=ix,firststart=s)}}return startpageindex}},methods:{pageduration:page=>(0,_dateHelper.format_date)(page.startdate,!1)+" - "+(0,_dateHelper.format_date)(page.enddate,!1),columns:page=>1+2*page.periods,columns_stylerule(page){let s="grid-template-columns: var(--studyplan-filter-width)";for(let i=0;i\n \n
\n \n {{ selectedstudyplan.name}}\n
\n
\n {{ text.back }}
\n{{ selectedstudyplan.name}}\n
\n \n {{ text.loading }}\n
\n \n \n 0\">\n \n \n \n \n \n
\n \n {{ text[\"studyplan_\"+timing]}}:
\n\n \n \n \n {{page.shortname}}\n \n \n \n \n \n {{page.fullname}}\n \n \n \n {{ text.shortname}} \n \n {{ page.shortname }}\n \n \n \n {{ text.duration}} \n \n {{ pageduration(page) }}\n \n \n \n {{ text.description}} \n \n \n \n \n \n \n \n \n
\n \x3c!-- First paint the headings--\x3e\n \n
\n '}),Vue.component("r-item-studentcompletion",{props:{value:{type:Object,default:function(){return{}}},guestmode:{type:Boolean,default:!1},course:{type:Object,default:function(){return{}}}},data:()=>({text:strings.completion}),created(){},computed:{},methods:{completion_icon(completion){switch(completion){case"progress":return"exclamation-circle";case"complete":case"complete-pass":return"check-circle";case"complete-fail":return"times-circle";default:return"circle-o"}},completion_tag:cgroup=>cgroup.completion?"completed":"incomplete",hasCompletions(){if(this.value.conditions)for(const cgroup of this.value.conditions)if(cgroup.items&&cgroup.items.length>0)return!0;return!1},requirementHTML(requirements){const rqs=requirements.split(/, */);let html="";for(const ix in rqs){html+=`${rqs[ix]}
`}return html},addTargetBlank(html){const m=/^([^<]*\< *a +)(.*)/.exec(html);return m?`${m[1]} target="_blank" ${m[2]}`:html}},template:'\n\n
\n '}),Vue.component("r-item-student-course-competency",{props:{value:{type:Object,default:function(){return{}}},guestmode:{type:Boolean,default:!1},item:{type:Object,default:function(){return{id:null}}}},data:()=>({text:strings.competency}),created(){},computed:{hasCompletions(){if(this.value.conditions)for(const cgroup of this.value.conditions)if(cgroup.items&&cgroup.items.length>0)return!0;return!1},wwwroot:()=>_config.default.wwwroot},methods:{completion_icon:competency=>competency.proficient&&competency.courseproficient?"check-circle":competency.proficient?"check":!1===competency.proficient?"times-circle":"circle-o",completion_tag:competency=>competency.proficient&&competency.courseproficient||competency.proficient?"completed":!1===competency.proficient?"failed":competency.progress?"progress":"incomplete",pathtags(competency){const path=competency.path;let s="";for(const ix in path){const p=path[ix];let url;ix>0&&(s+=" / "),url="competency"==p.type?_config.default.wwwroot+`/admin/tool/lp/user_competency_in_course.php?courseid=${this.item.course.id}&competencyid=${p.id}`:this.competencyurl(p),s+=`${p.title}`}return s},competencyurl(c){return _config.default.wwwroot+`/admin/tool/lp/user_competency_in_course.php?courseid=${this.item.course.id}&competencyid=${c.id}`},usercompetencyurl:c=>_config.default.wwwroot+`/admin/tool/lp/user_competency.php?id=${c.ucid}`},template:'\n \n
\n '}),Vue.component("r-item-teachercourse",{props:{value:{type:Object,default:()=>null},guestmode:{type:Boolean,default:()=>!1},teachermode:{type:Boolean,default:()=>!1},plan:{type:Object,default:()=>null}},data:()=>({text:strings.teachercourse,txt:{grading:strings.grading}}),computed:{course_grading_needed(){return this.course_grading_state()},course_grading_icon(){return this.determine_grading_icon(this.course_grading_state())},filtered_grades(){return this.value.course.grades.filter((g=>g.selected))},useRequiredGrades(){return!(!this.plan||!this.plan.aggregation_info||void 0===this.plan.aggregation_info.useRequiredGrades)&&this.plan.aggregation_info.useRequiredGrades},isCompletable(){let completable=!1;return this.value.course.completion?this.value.course.completion.conditions.length>0&&(completable=!0):this.value.course.grades&&this.value.course.grades.length>0&&(completable=!0),completable},progress_circle(){const status={students:0,completed:0,completed_pass:0,completed_fail:0,ungraded:0};if(this.value.course.completion)for(const cond of this.value.course.completion.conditions)for(const itm of cond.items)itm.progress&&(status.students+=itm.progress.students,status.completed+=itm.progress.completed,status.completed_pass+=itm.progress.completed_pass,status.completed_fail+=itm.progress.completed_fail,status.ungraded+=itm.progress.ungraded);else if(this.value.course.competency)status.students=this.value.course.competency.total,status.completed=this.value.course.competency.proficient;else if(this.value.course.grades)for(const g of this.value.course.grades)g.grading&&(status.students+=g.grading.students,status.completed+=g.grading.completed,status.completed_pass+=g.grading.completed_pass,status.completed_fail+=g.grading.completed_fail,status.ungraded+=g.grading.ungraded);return status},startdate(){return(0,_dateHelper.format_date)(this.value.course.startdate)},enddate(){return this.value.course.enddate?(0,_dateHelper.format_date)(this.value.course.enddate):this.text.noenddate},wwwroot:()=>_config.default.wwwroot},created(){},methods:{course_grading_state(){let ungraded=0,unknown=0,graded=0,allgraded=0;const grades=this.filtered_grades;if(!Array.isArray(grades)||0==grades)return"nogrades";for(const ix in grades){const grade=grades[ix];grade.grading?Number(grade.grading.ungraded)>0?ungraded++:Number(grade.grading.graded)>0&&(Number(grade.grading.graded)==Number(grade.grading.students)?allgraded++:graded++):unknown=!0}return ungraded>0?"ungraded":unknown?"unknown":graded?"graded":allgraded?"allgraded":"unsubmitted"},determine_grading_icon(gradingstate){switch(gradingstate){default:return"circle-o";case"ungraded":return"exclamation-circle";case"unknown":return"question-circle-o";case"graded":case"allgraded":return"check";case"unsubmitted":return"dot-circle-o"}}},template:'\n \n \n \n \n \n \n \n \n \n \n '}),Vue.component("r-item-teachergrades",{props:{value:{type:Object,default:function(){return{}}},useRequiredGrades:{type:Boolean,default:!1}},data:()=>({text:strings.teachercourse,txt:{grading:strings.grading}}),computed:{pendingsubmission(){let result=!1;for(const ix in this.value.grades){if(this.value.grades[ix].pendingsubmission){result=!0;break}}return result},filtered_grades(){return this.value.grades.filter((g=>g.selected))}},methods:{determine_grading_icon(gradingstate){switch(gradingstate){default:return"circle-o";case"ungraded":return"exclamation-circle";case"unknown":return"question-circle-o";case"graded":case"allgraded":return"check";case"unsubmitted":return"dot-circle-o"}},grading_icon(grade){return this.determine_grading_icon(this.is_grading_needed(grade))},is_grading_needed:grade=>grade.grading?grade.grading.ungraded?"ungraded":grade.grading.completed_pass||grade.grading.completed||grade.grading.completed_fail?Number(grade.grading.completed)+Number(grade.grading.completed_pass)+Number(grade.grading.completed_fail)==Number(grade.grading.students)?"allgraded":"graded":"unsubmitted":"unknown"},template:'\n \n
\n "}),Vue.component("r-item-teacher-course-competency",{props:{value:{type:Object,default:function(){return{}}},guestmode:{type:Boolean,default:!1},item:{type:Object,default:function(){return{id:null}}}},data:()=>({text:strings.competency}),created(){},computed:{hasCompletions(){if(this.value.conditions)for(const cgroup of this.value.conditions)if(cgroup.items&&cgroup.items.length>0)return!0;return!1},wwwroot:()=>_config.default.wwwroot},methods:{completion_icon:competency=>competency.proficient&&competency.courseproficient?"check-circle":competency.proficient?"check":!1===competency.proficient?"times-circle":"circle-o",completion_tag:competency=>competency.proficient&&competency.courseproficient||competency.proficient?"completed":!1===competency.proficient?"failed":competency.progress?"progress":"incomplete",pathtags(competency){const path=competency.path;let s="";for(const ix in path){const p=path[ix];let url;ix>0&&(s+=" / "),url="competency"==p.type?_config.default.wwwroot+`/admin/tool/lp/user_competency_in_course.php?courseid=${this.item.course.id}&competencyid=${p.id}`:this.competencyurl(p),s+=`${p.title}`}return s},competencyurl(c){return _config.default.wwwroot+`/admin/tool/lp/user_competency_in_course.php?courseid=${this.item.course.id}&competencyid=${c.id}`}},template:'\n \n
\n '}),Vue.component("r-grading-bar",{props:{value:{type:Object,default:function(){return{}}},width:{type:Number,default:150},height:{type:Number,default:15}},data:()=>({text:strings.grading}),computed:{width_unsubmitted(){return this.width*this.fraction_unsubmitted()},width_graded(){return this.width*this.fraction_graded()},width_ungraded(){return this.width*this.fraction_ungraded()},count_unsubmitted(){return this.value.students-this.value.graded-this.value.ungraded}},methods:{fraction_unsubmitted(){return this.value.students>0?1-(this.value.graded+this.value.ungraded)/this.value.students:1},fraction_graded(){return this.value.students>0?this.value.graded/this.value.students:0},fraction_ungraded(){return this.value.students>0?this.value.ungraded/this.value.students:0}},template:"\n \n "}),Vue.component("r-completion-bar",{props:{value:{type:Object,default:function(){return{students:0,completed:0,completed_pass:0,completed_fail:0,ungraded:0}}},width:{type:Number,default:150},height:{type:Number,default:15}},data:()=>({text:strings.completion}),computed:{width_incomplete(){return this.width*this.fraction_incomplete()},width_completed(){return this.width*this.fraction_completed()},width_completed_pass(){return this.width*this.fraction_completed_pass()},width_completed_fail(){return this.width*this.fraction_completed_fail()},width_ungraded(){return this.width*this.fraction_ungraded()},count_incomplete(){return this.value.students-this.value.completed-this.value.completed_pass-this.value.completed_fail-this.value.ungraded}},methods:{fraction_incomplete(){return this.value.students>0?1-(this.value.completed+this.value.completed_pass+this.value.completed_fail+this.value.ungraded)/this.value.students:1},fraction_completed(){return this.value.students>0?this.value.completed/this.value.students:0},fraction_completed_pass(){return this.value.students>0?this.value.completed_pass/this.value.students:0},fraction_completed_fail(){return this.value.students>0?this.value.completed_fail/this.value.students:0},fraction_ungraded(){return this.value.students>0?this.value.ungraded/this.value.students:0}},template:"\n \n "}),Vue.component("r-completion-circle",{props:{value:{type:Object,default:function(){return{students:10,completed:2,completed_pass:2,completed_fail:2,ungraded:2}}},stroke:{type:Number,default:.2},disabled:{type:Boolean,default:!1},title:{type:String,default:""}},computed:{radius(){return 50-50*this.stroke},arcpath_ungraded(){return this.arcpath(0,this.fraction_ungraded())},arcpath_completed(){const begin=this.fraction_ungraded();return this.arcpath(begin,this.fraction_completed())},arcpath_completed_pass(){const begin=this.fraction_ungraded()+this.fraction_completed();return this.arcpath(begin,this.fraction_completed_pass())},arcpath_completed_fail(){const begin=this.fraction_ungraded()+this.fraction_completed()+this.fraction_completed_pass();return this.arcpath(begin,this.fraction_completed_fail())},arcpath_incomplete(){const begin=this.fraction_ungraded()+this.fraction_completed()+this.fraction_completed_pass()+this.fraction_completed_fail();return this.arcpath(begin,this.fraction_incomplete())}},methods:{arcpath(start,end){const r=50-50*this.stroke,t1=2*start*π,Δ=2*end*π;return(0,_svgarc.svgarcpath)([50,50],[r,r],[t1,Δ],1.5*π)},fraction_incomplete(){return this.value.students>0?1-(this.value.completed+this.value.completed_pass+this.value.completed_fail+this.value.ungraded)/this.value.students:1},fraction_completed(){return this.value.students>0?this.value.completed/this.value.students:0},fraction_completed_pass(){return this.value.students>0?this.value.completed_pass/this.value.students:0},fraction_completed_fail(){return this.value.students>0?this.value.completed_fail/this.value.students:0},fraction_ungraded(){return this.value.students>0?this.value.ungraded/this.value.students:0}},template:'\n \n '}),Vue.component("r-item-junction",{props:{value:{type:Object,default:function(){return{}}},guestmode:{type:Boolean,default:!1},teachermode:{type:Boolean,default:!1}},data:()=>({}),computed:{completion(){return this.value.completion?this.value.completion:"incomplete"}},methods:{},template:'\n 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){ // Really wish that 'for of' would work with the minifier moodle uses\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
\n
\n '}),Vue.component("r-studyline-heading",{props:{value:{type:Object,default:function(){return{}}},layers:{type:Number,default:1}},data:()=>({layerHeights:{}}),created(){ItemEventBus.$on("lineHeightChange",this.onLineHeightChange)},computed:{},methods:{onLineHeightChange(lineid){if(this.$refs.mainEl&&(lineid==this.value.id||null===lineid)){const items=document.querySelectorAll(`.r-studyline-slot-0[data-studyline='${this.value.id}']`);let heightSum=0;items.forEach((el=>{const height=el.getBoundingClientRect().height;heightSum+=height}));const heightStyle=`${heightSum}px`;this.$refs.mainEl.style.height=heightStyle}}},template:'\n \n \x3c!-- add period information --\x3e\n \n \n \n \n\n \x3c!-- Line by line add the items --\x3e\n \x3c!-- The grid layout handles putting it in rows and columns --\x3e\n \n
\n \n \n \n \n
\n '}),Vue.component("r-studyline-slot",{props:{value:{type:Array,default:()=>[]},type:{type:String,default:"gradable"},slotindex:{type:Number,default:0},line:{type:Object,default:()=>null},layer:{type:Number},plan:{type:Object,default:()=>null},page:{type:Object,default:()=>null},guestmode:{type:Boolean,default:!1},teachermode:{type:Boolean,default:!1},period:{type:Object,default:()=>null}},mounted(){const self=this;"gradable"==self.type&&1==self.slotindex&&(self.resizeListener=new ResizeObserver((()=>{if(self.$refs.sizeElement){const height=self.$refs.sizeElement.getBoundingClientRect().height;ItemEventBus.$emit("lineHeightChange",self.line.id,self.layer,height)}})).observe(self.$refs.sizeElement))},computed:{item(){for(const ix in this.value){const itm=this.value[ix];if(itm.layer==this.layer)return itm}return null},spanCss(){if(this.item&&this.item.span>1){return`width: 100%; grid-column: span ${2*this.item.span-1};`}return""}},data:()=>({}),methods:{},template:"\n \n {{ value.shortname }}\n
\n \n
\n '}),Vue.component("r-item-invalid",{props:{value:{type:Object,default:function(){return null}}},data:()=>({text:strings.invalid}),methods:{},template:'\n \n \n \n \n \n \n \n \n {{ text.error }}\n \n \n \n \n
\n '}),Vue.component("r-item-course",{props:{value:{type:Object,default:()=>null},guestmode:{type:Boolean,default:()=>!1},teachermode:{type:Boolean,default:()=>!1},plan:{type:Object,default:()=>null}},data:()=>({text:strings.course}),computed:{startdate(){return(0,_dateHelper.format_date)(this.value.course.startdate)},enddate(){return this.value.course.enddate?(0,_dateHelper.format_date)(this.value.course.enddate):this.text.noenddate},courseprogress(){return this.value.course.enrolled?this.value.course.completion?this.value.course.completion.progress/this.value.course.completion.count:this.value.course.competency?this.value.course.competency.progress/this.value.course.competency.count:this.value.course.grades?this.gradeprogress(this.value.course.grades)/this.value.course.grades.length:0:0},hasprogressinfo(){return!!this.value.course.enrolled&&(this.value.course.completion||this.value.course.competency||this.value.course.grades)},wwwroot:()=>_config.default.wwwroot},created(){},methods:{completion_icon(completion){switch(completion){default:return"circle-o";case"pending":return"question-circle";case"failed":return"times-circle";case"progress":return"exclamation-circle";case"completed":case"good":case"excellent":return"check-circle"}},circle_icon(completion){switch(completion){default:return null;case"failed":return"times";case"progress":return"";case"completed":case"good":case"excellent":return"check"}},gradeprogress(grades){let progress=0;for(const ix in grades){const g=grades[ix];["completed","excellent","good"].includes(g.completion)&&progress++}return progress}},template:"\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n \n \n \n \n \n
\n "}),Vue.component("r-item-studentgrades",{props:{value:{type:Object,default:function(){return{}}},guestmode:{type:Boolean,default:!1}},data:()=>({text:strings.course}),computed:{pendingsubmission(){let result=!1;for(const ix in this.value.course.grades){if(this.value.course.grades[ix].pendingsubmission){result=!0;break}}return result},useRequiredGrades(){return!(!this.plan||!this.plan.aggregation_info||void 0===this.plan.aggregation_info.useRequiredGrades)&&this.plan.aggregation_info.useRequiredGrades}},methods:{completion_icon(completion){switch(completion){default:return"circle-o";case"pending":return"question-circle";case"failed":return"times-circle";case"progress":return"exclamation-circle";case"completed":case"good":case"excellent":return"check-circle"}}},template:'\n \n
\n \n
\n {{ value.course.fullname }}
\n {{ value.course.context.path.join(\" / \")}}\n\n
\n \n \n {{text.not_enrolled}}\n \n \n \n {{text['completion_'+value.completion]}}\n
\n \n {{text['coursetiming_'+value.course.timing]}}
\n {{ startdate }} - {{ enddate }}\n
\n \n {{ startdate }} - {{ enddate }}\n
| \n | {{g.grade}} | \n\n | \n\n {{ text["view_feedback"]}}\n {{ value.course.fullname }}\n {{g.name}}\n \n \n \n | \n
`}return html},addTargetBlank(html){const m=/^([^<]*\< *a +)(.*)/.exec(html);return m?`${m[1]} target="_blank" ${m[2]}`:html}},template:'\n
| {{ text.aggregation_overall_one }}{{ text.aggregation_overall_all}}{{ text.aggregation_overall_any }} | \n||
| {{text.completion_not_configured}}!\n | \n||
| {{ text.aggregation_all}}{{ text.aggregation_any}}{{ text.aggregation_one }}\n {{ cgroup.title.toLowerCase() }}:\n | \n||
|---|---|---|
| \n \n \n | \n \n \n | \n\n {{ text["view_feedback"]}}\n {{ course.fullname }}\n {{ci.name}}\n \n \n \n | \n
| {{text.completion_not_enabled}} | \n||
| {{text.student_not_tracked}} | \n
| {{text.competencies_not_configured}}!\n {{text.configure_competencies}}\n | \n ||||||||||||||
| \n \n | \n\n \n \n | \n\n \n \n \n {{ (c.proficient === null)?text.unrated:c.grade }}\n \n \n | \n \n {{ text["view_feedback"]}}\n {{ c.title }}\n \n \n \n | \n |||||||||||
| {{text.heading}} | \n{{text.results}} | \n||||
|---|---|---|---|---|---|
| \n \n | \n\n \n \n | \n\n {{ (cc.proficient === null)?text.unrated:cc.grade }} | \n{{ cc.points }} {{ text.points }} | \n\n | \n\n {{ text["view_feedback"]}}\n {{ cc.title }}\n \n \n \n | \n
\n \n \n \n 0\'\n v-model=\'value.course\'\n :useRequiredGrades="useRequiredGrades"\n >\n \n \n \n
\n '}),Vue.component("r-item-teacher-gradepicker",{props:{value:{type:Object,default:function(){return{}}},useRequiredGrades:{type:Boolean,default:()=>null}},data:()=>({text:strings.teachercourse}),computed:{wwwroot:()=>_config.default.wwwroot},methods:{includeChanged(newValue,g){(0,_ajax.call)([{methodname:"local_treestudyplan_include_grade",args:{grade_id:g.id,item_id:this.value.id,include:newValue,required:g.required}}])[0].catch(_notification.default.exception)},requiredChanged(newValue,g){(0,_ajax.call)([{methodname:"local_treestudyplan_include_grade",args:{grade_id:g.id,item_id:this.value.id,include:g.selected,required:newValue}}])[0].catch(_notification.default.exception)}},template:'\n \n \n
\n \n \n
\n \n \n {{ value.course.displayname }}\n \n
\n \n {{ value.course.fullname }}\n
\n {{ value.course.context.path.join(" / ") }}\n
\n {{ value.course.fullname }}\n
\n {{ value.course.context.path.join(" / ") }}\n \n {{ value.course.numenrolled }} {{ text.students_from_plan_enrolled }}\n 1 {{ text.student_from_plan_enrolled }} \n
\n \n
\n \n \n
\n \n {{ text[\'coursetiming_\'+value.course.timing] }}
\n {{ startdate }} - {{ enddate }}\n
\n \n {{ startdate }} - {{ enddate }}\n
\n
\n {{ value.course.fullname }}
\n {{ value.course.context.path.join(" / ")}} / {{value.course.displayname}}\n\n
\n \n {{text[\'coursetiming_\'+value.course.timing]}}
\n {{ value.course.startdate }} - {{ value.course.enddate }}\n
\n \n {{ value.course.startdate }} - {{ value.course.enddate }}\n
- \n
- \n {{text.grade_include}}{{text.grade_require}}\n \n
- \n
\n \n
\n \n
\n
\n '}),Vue.component("r-item-teachercompletion",{props:{value:{type:Object,default:function(){return{}}},guestmode:{type:Boolean,default:!1},course:{type:Object,default:function(){return{}}}},data:()=>({text:strings.completion}),created(){const self=this;let stringkeys=[];for(const key in this.text)stringkeys.push({key:key,component:"local_treestudyplan"});(0,_str.get_strings)(stringkeys).then((function(strings){let i=0;for(const key in self.text)self.text[key]=strings[i],i++}))},computed:{completionreport(){return`${_config.default.wwwroot}/report/completion/index.php?course=${this.course.id}`},wwwroot:()=>_config.default.wwwroot},methods:{hasCompletions(){if(this.value.conditions)for(const cgroup of this.value.conditions)if(cgroup.items&&cgroup.items.length>0)return!0;return!1}},template:"\n | \n | \n | \n\n | \n
| {{ text.aggregation_overall_one }}{{ text.aggregation_overall_all}}{{ text.aggregation_overall_any }} | \n|
| {{text.completion_not_configured}}!\n \n {{text.configure_completion}}\n \n | \n |
| 1\"\n >{{ text.aggregation_all}}{{ text.aggregation_any}}{{ text.aggregation_one }}\n {{ cgroup.title.toLowerCase() }}:\n | \n|
|---|---|
| \n \n | \n\n | \n
| \n {{ text.view_completion_report}}\n | |
| {{text.competencies_not_configured}}!\n {{text.configure_competencies}}\n | \n |||||||||||||
| \n \n | \n\n \n \n | \n\n {{ text["view_feedback"]}}\n {{ c.title }}\n \n \n \n | \n |||||||||||
| {{text.heading}} | \n{{text.results}} | \n|||
|---|---|---|---|---|
| \n \n | \n\n \n \n | \n{{ cc.points }} {{ text.points }} | \n\n {{ text["view_feedback"]}}\n {{ cc.title }}\n \n \n \n | \n |
\n \n \n \n \n
\n '}),Vue.component("r-item-finish",{props:{value:{type:Object,default:function(){return{}}},guestmode:{type:Boolean,default:!1},teachermode:{type:Boolean,default:!1}},data:()=>({}),computed:{completion(){return this.value.completion?this.value.completion:"incomplete"}},methods:{},template:'\n \n \n
\n '}),Vue.component("r-item-start",{props:{value:{type:Object,default:function(){return{}}},guestmode:{type:Boolean,default:!1},teachermode:{type:Boolean,default:!1}},data:()=>({}),computed:{completion(){return this.value.completion?this.value.completion:"incomplete"}},created(){},methods:{},template:'\n \n \n
\n '}),Vue.component("r-item-badge",{props:{value:{type:Object,default:function(){return{}}},guestmode:{type:Boolean,default:!1},teachermode:{type:Boolean,default:!1}},data:()=>({text:strings.badge}),computed:{completion(){return this.value.badge.issued?"completed":"incomplete"},issued_icon(){return!0===this.value.badge.issued?"check":"circle-o"},issuestats(){return{students:this.value.badge.studentcount?this.value.badge.studentcount:0,completed:this.value.badge.issuedcount?this.value.badge.issuedcount:0,completed_pass:0,completed_fail:0,ungraded:0}},arcpath_issued(){if(this.value.badge.studentcount){const fraction=this.value.badge.issuedcount/this.value.badge.studentcount;return this.arcpath(0,fraction)}return""},arcpath_progress(){if(this.value.badge.completion){const fraction=this.value.badge.completion.progress/this.value.badge.completion.count;return this.arcpath(0,fraction)}return""},badgeinprogress(){return this.value.badge.issued||this.teachermode||this.value.badge.completion&&this.value.badge.completion.progress>=this.value.badge.completion.count}},methods:{arcpath(start,end){const t1=2*start*π,Δ=2*end*π-.01;return(0,_svgarc.svgarcpath)([50,50],[44,44],[t1,Δ],1.5*π)},addTargetBlank(html){const m=/^([^<]*\< *a +)(.*)/.exec(html);return m?`${m[1]} target="_blank" ${m[2]}`:html},completion_icon_rq:complete=>complete?"check-square-o":"square-o",completion_icon:complete=>complete?"check-circle":"times-circle",status:complete=>complete?"complete":"incomplete"},template:'\n \n \n\n \n \n \n \n ![]()
\n \n \n
\n \n \n
\n '})}};return _exports.default=_default,_exports.default}));
//# sourceMappingURL=report-viewer-components.min.js.map
\ No newline at end of file
diff --git a/amd/build/report-viewer-components.min.js.map b/amd/build/report-viewer-components.min.js.map
index 00492a7..8644f3a 100644
--- a/amd/build/report-viewer-components.min.js.map
+++ b/amd/build/report-viewer-components.min.js.map
@@ -1 +1 @@
-{"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 {load_strings} from './util/string-helper';\nimport {format_date,studyplanPageTiming,studyplanTiming} from './util/date-helper';\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';\nimport {eventTypes as editSwEventTypes} from 'core/edit_switch';\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\nexport default {\n install(Vue/*,options*/){\n Vue.use(TSComponents);\n let debug = new Debugger(\"treestudyplan-viewer\");\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 = load_strings({\n report: {\n loading: \"loadinghelp@core\",\n studyplan_past: \"studyplan_past\",\n studyplan_present: \"studyplan_present\",\n studyplan_future: \"studyplan_future\",\n back: \"back\",\n },\n 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 completioninfo: \"completioninfo\",\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 },\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 },\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 }\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 // 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 \n
\n \n {{ value.badge.name }}
\n\n
\n \n \n {{ text[\'completion_\'+completion] }}\n \n
\n {{value.badge.description}}
\n- \n
- \n {{text.dateissued}}: {{ value.badge.dateissued }} \n
- \n {{text.dateexpired}}: {{ value.badge.dateexpired }} \n
- \n {{text.share_badge}} \n
| \n | |||
|---|---|---|---|
| \n | \n | ||
| \n \n \n | \n | \n||
| \n | \n|||
| {{text.badgedisabled}} | \n|||
{{text.badgeissuedstats}}:
\n
\n \n \n
\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 },\n\n methods: {\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 if (self.studyplans.present.length == 1) {\n // Directly show the current study plan if it's the only one\n self.selectStudyplan(self.studyplans.present[0]);\n } else {\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.future.lengh > 0) {\n self.selectStudyplan(self.studyplans.future[0]);\n } else {\n self.selectStudyplan(self.studyplans.past[0]);\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 }).catch(notification.exception);\n },\n deselectStudyplan() {\n this.selectedstudyplan = null;\n this.loadStudyplans(); // Reload the list of studyplans.\n }\n },\n template: `\n \n \n \n
\n `,\n });\n\n Vue.component('r-studyplan', {\n props: {\n value: {\n type: Object,\n },\n guestmode: {\n type: Boolean,\n default() { return false;},\n },\n teachermode: {\n type: Boolean,\n default() { return 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 },\n methods: {\n pageduration(page){\n return format_date(page.startdate,false) + \" - \" + format_date(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\n \n
\n \n {{ selectedstudyplan.name}}\n
\n
\n {{ text.back }}
\n{{ selectedstudyplan.name}}\n
\n \n {{ text.loading }}\n
\n \n \n 0\">\n \n \n \n \n \n
\n \n {{ text[\"studyplan_\"+timing]}}:
\n\n \n \n \n {{page.shortname}}\n \n \n \n \n \n {{page.fullname}}\n \n \n \n {{ text.shortname}} \n \n {{ page.shortname }}\n \n \n \n {{ text.duration}} \n \n {{ pageduration(page) }}\n \n \n \n {{ text.description}} \n \n \n \n \n \n \n \n \n
0\" class='r-studyplan-content'>\n \n \n
\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}
`;\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\n
\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 },\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 = `/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 += `${p.title}`;\n }\n return s;\n },\n competencyurl(c) {\n return `/admin/tool/lp/user_competency_in_course.php?courseid=${this.item.course.id}&competencyid=${c.id}`;\n },\n usercompetencyurl(c) {\n return `/admin/tool/lp/user_competency.php?id=${c.ucid}`;\n }\n },\n template: `\n \n
\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 format_date(this.value.course.startdate);\n },\n enddate(){\n if(this.value.course.enddate){\n return format_date(this.value.course.enddate);\n }\n else {\n return this.text.noenddate;\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 \n \n \n \n g.name = fd.get('name')\"\n v-if=\"g.cmid > 0\"\n :cmid=\"g.cmid\"\n :coursectxid=\"value.course.ctxid\"\n genericonly>\n \n \n \n \n \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 \n
\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 },\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 = `/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 += `${p.title}`;\n }\n return s;\n },\n competencyurl(c) {\n return `/admin/tool/lp/user_competency_in_course.php?courseid=${this.item.course.id}&competencyid=${c.id}`;\n },\n },\n template: `\n \n
\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 \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 \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 \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 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){ // Really wish that 'for of' would work with the minifier moodle uses\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
\n
\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 layers: {\n type: Number,\n default: 1,\n },\n },\n data() {\n return {\n layerHeights: {}\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\n },\n methods: {\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 },\n template: `\n \n \n \n 0\"\n v-model=\"page.perioddesc[index-1]\"\n :identifier=\"Number(page.id)\"\n >\n \n \n\n \n \n 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 > \n
\n \n \n \n \n
\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 },\n data() {\n return {\n };\n },\n methods: {\n\n },\n template: `\n \n {{ value.shortname }}\n
\n \n
\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 \n \n \n \n \n \n \n \n {{ text.error }}\n \n \n \n \n
\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 format_date(this.value.course.startdate);\n },\n enddate(){\n if(this.value.course.enddate){\n return format_date(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 },\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 \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n \n \n \n \n \n
\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 \n
\n \n
\n {{ value.course.fullname }}
\n {{ value.course.context.path.join(\" / \")}}\n\n
\n \n \n {{text.not_enrolled}}\n \n \n \n {{text['completion_'+value.completion]}}\n
\n \n {{text['coursetiming_'+value.course.timing]}}
\n {{ startdate }} - {{ enddate }}\n
\n \n {{ startdate }} - {{ enddate }}\n
| \n | {{g.grade}} | \n\n | \n\n {{ text[\"view_feedback\"]}}\n {{ value.course.fullname }}\n {{g.name}}\n \n \n \n | \n
`;\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
| {{ text.aggregation_overall_one }}{{ text.aggregation_overall_all}}{{ text.aggregation_overall_any }} | \n|||
| {{text.completion_not_configured}}!\n | \n|||
| 1\"\n >{{ text.aggregation_all}}{{ text.aggregation_any}}{{ text.aggregation_one }}\n {{ cgroup.title.toLowerCase() }}:\n | \n|||
|---|---|---|---|
| \n \n \n | \n \n \n | \n\n {{ text[\"view_feedback\"]}}\n {{ course.fullname }}\n {{ci.name}}\n \n \n \n | \n |
| {{text.completion_not_enabled}} | \n|||
| {{text.student_not_tracked}} | \n|||
| {{text.competencies_not_configured}}!\n {{text.configure_competencies}}\n | \n |||||||||||
| \n \n | \n\n \n \n | \n\n \n \n \n {{ (c.proficient === null)?text.unrated:c.grade }}\n \n \n | \n \n {{ text[\"view_feedback\"]}}\n {{ c.title }}\n \n \n \n | \n ||||||||
| {{text.heading}} | \n{{text.results}} | \n||||
|---|---|---|---|---|---|
| \n \n | \n\n \n \n | \n\n {{ (cc.proficient === null)?text.unrated:cc.grade }} | \n{{ cc.points }} {{ text.points }} | \n\n | \n\n {{ text[\"view_feedback\"]}}\n {{ cc.title }}\n \n \n \n | \n
\n \n \n \n \n \n \n \n
\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 },\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 \n \n
\n \n \n
\n \n \n {{ value.course.displayname }}\n \n
\n \n {{ value.course.fullname }}\n
\n {{ value.course.context.path.join(\" / \") }}\n
\n {{ value.course.fullname }}\n 0\"\n :useRequiredGrades=\"useRequiredGrades\"\n :plan=\"plan\"\n > \n \n
\n {{ value.course.context.path.join(\" / \") }}\n \n {{ value.course.numenrolled }} {{ text.students_from_plan_enrolled }}\n 1 {{ text.student_from_plan_enrolled }} \n
\n \n
\n \n \n
\n \n {{ text['coursetiming_'+value.course.timing] }}
\n {{ startdate }} - {{ enddate }}\n
\n \n {{ startdate }} - {{ enddate }}\n
\n
\n {{ value.course.fullname }}
\n {{ value.course.context.path.join(\" / \")}} / {{value.course.displayname}}\n\n
\n \n {{text['coursetiming_'+value.course.timing]}}
\n {{ value.course.startdate }} - {{ value.course.enddate }}\n
\n \n {{ value.course.startdate }} - {{ value.course.enddate }}\n
- \n
- \n {{text.grade_include}}{{text.grade_require}}\n \n
- \n
\n \n
\n \n
\n
\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 },\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 | \n | \n | \n\n | \n
| {{ text.aggregation_overall_one }}{{ text.aggregation_overall_all}}{{ text.aggregation_overall_any }} | \n|
| {{text.completion_not_configured}}!\n \n {{text.configure_completion}}\n \n | \n |
| 1\"\n >{{ text.aggregation_all}}{{ text.aggregation_any}}{{ text.aggregation_one }}\n {{ cgroup.title.toLowerCase() }}:\n | \n|
|---|---|
| \n \n | \n\n | \n
| \n {{ text.view_completion_report}}\n | |
| {{text.competencies_not_configured}}!\n {{text.configure_competencies}}\n | \n ||||||||||
| \n \n | \n\n \n \n | \n\n {{ text[\"view_feedback\"]}}\n {{ c.title }}\n \n \n \n | \n ||||||||
| {{text.heading}} | \n{{text.results}} | \n|||
|---|---|---|---|---|
| \n \n | \n\n \n \n | \n{{ cc.points }} {{ text.points }} | \n\n {{ text[\"view_feedback\"]}}\n {{ cc.title }}\n \n \n \n | \n
\n \n \n \n \n
\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 \n \n
\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 \n \n
\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 \n \n\n \n \n \n \n ![]()
\n \n \n
\n \n \n
\n `,\n });\n },\n};"],"names":["π","Math","PI","install","Vue","use","TSComponents","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","completioninfo","badgedisabled","course","not_enrolled","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","isVisible","elem","offsetWidth","offsetHeight","getClientRects","length","ItemEventBus","addEventListener","editSwEventTypes","editModeSet","e","preventDefault","$emit","detail","editMode","component","props","value","type","Number","max","default","min","stroke","bgopacity","title","String","icon","data","selectedstudyplan","computed","range","this","fraction","radius","arcpath","r","Δ","methods","template","invitekey","userid","text","studyplans","past","present","future","loadingstudyplan","teachermode","guestmode","verified_type","includes","studyplancount","updated","mounted","loadStudyplans","call_args","o","args","Array","isArray","self","methodname","then","response","console","info","plans","ix","plan","push","sort","a","b","t","Date","getTime","name","localeCompare","selectStudyplan","lengh","catch","notification","exception","studyplanid","id","deselectStudyplan","Object","Boolean","selectedpageindex","selectedpage","pages","startpageindex","firststart","page","s","pageduration","columns","periods","columns_stylerule","i","countLineLayers","line","maxLayer","slots","courses","item","layer","filters","showslot","index","layeridx","forGradable","show","list","span","selectedpageChanged","newTabIndex","prevTabIndex","$root","layers","layerHeights","created","$on","onLineHeightChange","lineid","$refs","mainEl","items","querySelectorAll","heightSum","forEach","el","height","getBoundingClientRect","heightStyle","style","slotindex","period","resizeListener","ResizeObserver","sizeElement","observe","itm","spanCss","lines","lineColor","redrawLine","conn","start","getElementById","from_id","end","to_id","remove","SimpleLine","color","gravity","redrawLines","lineinfo","undefined","connections","out","onWindowResize","onRedrawLines","removeLine","hasConnectionsOut","hasConnectionsIn","hasContext","setTimeout","window","beforeDestroy","removeEventListener","$off","beforeUpdate","dummy","noenddate","courseprogress","enrolled","count","grades","gradeprogress","hasprogressinfo","completion_icon","circle_icon","g","pendingsubmission","result","useRequiredGrades","aggregation_info","completion_tag","cgroup","hasCompletions","conditions","requirementHTML","requirements","rqs","split","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","students","cond","total","grade","gradingstate","includeChanged","newValue","requiredChanged","grading_icon","is_grading_needed","stringkeys","key","completionreport","Config","wwwroot","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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"}
\ No newline at end of file
+{"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 {load_strings} from './util/string-helper';\nimport {format_date,studyplanPageTiming,studyplanTiming} from './util/date-helper';\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';\nimport {eventTypes as editSwEventTypes} from 'core/edit_switch';\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\nexport default {\n install(Vue/*,options*/){\n Vue.use(TSComponents);\n let debug = new Debugger(\"treestudyplan-viewer\");\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 = load_strings({\n report: {\n loading: \"loadinghelp@core\",\n studyplan_past: \"studyplan_past\",\n studyplan_present: \"studyplan_present\",\n studyplan_future: \"studyplan_future\",\n back: \"back\",\n },\n 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 completioninfo: \"completioninfo\",\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 },\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 },\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 }\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 // 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 \n
\n \n {{ value.badge.name }}
\n\n
\n \n \n {{ text['completion_'+completion] }}\n \n
\n {{value.badge.description}}
\n- \n
- \n {{text.dateissued}}: {{ value.badge.dateissued }} \n
- \n {{text.dateexpired}}: {{ value.badge.dateexpired }} \n
- \n {{text.share_badge}} \n
| \n | |
|---|---|
| 1\"\n > | \n\n |
| \n \n \n | \n | \n
| \n | \n|
| {{text.badgedisabled}} | \n
{{text.badgeissuedstats}}:
\n
\n \n \n
\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 },\n\n methods: {\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 if (self.studyplans.present.length == 1) {\n // Directly show the current study plan if it's the only one\n self.selectStudyplan(self.studyplans.present[0]);\n } else {\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.future.lengh > 0) {\n self.selectStudyplan(self.studyplans.future[0]);\n } else {\n self.selectStudyplan(self.studyplans.past[0]);\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 }).catch(notification.exception);\n },\n deselectStudyplan() {\n this.selectedstudyplan = null;\n this.loadStudyplans(); // Reload the list of studyplans.\n }\n },\n template: `\n \n \n \n
\n `,\n });\n\n Vue.component('r-studyplan', {\n props: {\n value: {\n type: Object,\n },\n guestmode: {\n type: Boolean,\n default() { return false;},\n },\n teachermode: {\n type: Boolean,\n default() { return 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 },\n methods: {\n pageduration(page){\n return format_date(page.startdate,false) + \" - \" + format_date(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\n \n
\n \n {{ selectedstudyplan.name}}\n
\n
\n {{ text.back }}
\n{{ selectedstudyplan.name}}\n
\n \n {{ text.loading }}\n
\n \n \n 0\">\n \n \n \n \n \n
\n \n {{ text[\"studyplan_\"+timing]}}:
\n\n \n \n \n {{page.shortname}}\n \n \n \n \n \n {{page.fullname}}\n \n \n \n {{ text.shortname}} \n \n {{ page.shortname }}\n \n \n \n {{ text.duration}} \n \n {{ pageduration(page) }}\n \n \n \n {{ text.description}} \n \n \n \n \n \n \n \n \n
0\" class='r-studyplan-content'>\n \n \n
\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}
`;\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\n
\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 += `${p.title}`;\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 \n
\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 format_date(this.value.course.startdate);\n },\n enddate(){\n if(this.value.course.enddate){\n return format_date(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 \n \n \n \n g.name = fd.get('name')\"\n v-if=\"g.cmid > 0\"\n :cmid=\"g.cmid\"\n :coursectxid=\"value.course.ctxid\"\n genericonly>\n \n \n \n \n \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 \n
\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 += `${p.title}`;\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 \n
\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 \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 \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 \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 \n \n \n {{ text.advanced_warning}}\n \n \n \n \n \n \n \n \n \n \n '}),Vue.component("t-studyplan-edit",{props:{value:{type:Object,default:()=>null},mode:{type:String,default:()=>"edit"},type:{type:String,default:()=>"link"},variant:{type:String,default:()=>""},contextid:{type:Number,default:1}},data:()=>({text:strings.studyplan_edit}),computed:{},methods:{planSaved(updatedplan){const self=this;if(debug.info("Got new plan data",updatedplan),"create"==self.mode)self.$emit("created",updatedplan);else{const moved_from=self.value.context_id,moved_to=updatedplan.context_id,moved=moved_from!=moved_to;updatedplan.pages[0].periods!=self.value.pages[0].periods?(0,_ajax.call)([{methodname:"local_treestudyplan_get_studyplan_map",args:{id:self.value.id}}])[0].then((function(response){self.value=(0,_studyplanProcessor.ProcessStudyplan)(response,!0),debug.info("studyplan processed"),self.$emit("input",self.value)})).catch((function(error){_notification.default.exception(error)})):((0,_studyplanProcessor.objCopy)(self.value,updatedplan,STUDYPLAN_EDITOR_FIELDS),self.$emit("input",self.value),moved&&self.$emit("moved",self.value,moved_from,moved_to))}}},template:'\n \n \n \n '}),Vue.component("t-studyplan-associate",{props:["value"],data:()=>({show:!1,config:{userfields:[{key:"selected"},{key:"firstname",sortable:!0},{key:"lastname",sortable:!0}],cohortfields:[{key:"selected"},{key:"name",sortable:!0},{key:"context",sortable:!0}]},association:{cohorts:[],users:[]},loading:{cohorts:!1,users:!1},search:{users:[],cohorts:[]},selected:{search:{users:[],cohorts:[]},associated:{users:[],cohorts:[]}},text:strings.studyplan_associate}),created(){},mounted(){},updated(){},methods:{showModal(){this.show=!0,this.loadAssociations()},cohortOptionModel:c=>({value:c.id,text:c.name+" ("+c.context.path.join(" / ")+")"}),userOptionModel:u=>({value:u.id,text:u.firstname+" "+u.lastname}),loadAssociations(){const self=this;self.loading.cohorts=!0,self.loading.users=!0,(0,_ajax.call)([{methodname:"local_treestudyplan_associated_users",args:{studyplan_id:self.value.id}}])[0].then((function(response){self.association.users=response.map(self.userOptionModel),self.loading.users=!1})).catch(_notification.default.exception),(0,_ajax.call)([{methodname:"local_treestudyplan_associated_cohorts",args:{studyplan_id:self.value.id}}])[0].then((function(response){self.association.cohorts=response.map(self.cohortOptionModel),self.loading.cohorts=!1})).catch(_notification.default.exception)},searchCohorts(searchtext){const self=this;searchtext.length>0?(0,_ajax.call)([{methodname:"local_treestudyplan_list_cohort",args:{like:searchtext,exclude_id:self.value.id}}])[0].then((function(response){self.search.cohorts=response.map(self.cohortOptionModel)})).catch(_notification.default.exception):self.search.cohorts=[]},cohortAssociate(){const self=this;let requests=[];const associated=self.association.cohorts,search=self.search.cohorts,searchselected=self.selected.search.cohorts;for(const i in searchselected){const r=searchselected[i];requests.push({methodname:"local_treestudyplan_connect_cohort",args:{studyplan_id:self.value.id,cohort_id:r},fail:_notification.default.exception,done:function(response){response.success&&(0,_studyplanProcessor.transportItem)(associated,search,r)}})}(0,_ajax.call)(requests)},cohortDisassociate(){const self=this;let requests=[];const associatedselected=self.selected.associated.cohorts,associated=self.association.cohorts,search=self.search.cohorts;for(const i in associatedselected){const r=associatedselected[i];requests.push({methodname:"local_treestudyplan_disconnect_cohort",args:{studyplan_id:self.value.id,cohort_id:r},fail:_notification.default.exception,done:function(response){response.success&&(0,_studyplanProcessor.transportItem)(search,associated,r)}})}(0,_ajax.call)(requests)},searchUsers(searchtext){const self=this;searchtext.length>0?(0,_ajax.call)([{methodname:"local_treestudyplan_find_user",args:{like:searchtext,exclude_id:self.value.id}}])[0].then((function(response){self.search.users=response.map(self.userOptionModel)})).catch(_notification.default.exception):self.search.users=[]},userAssociate(){const self=this;let requests=[];const associated=self.association.users,search=self.search.users,searchselected=self.selected.search.users;for(const i in searchselected){const r=searchselected[i];requests.push({methodname:"local_treestudyplan_connect_user",args:{studyplan_id:self.value.id,user_id:r},fail:_notification.default.exception,done:function(response){response.success&&(0,_studyplanProcessor.transportItem)(associated,search,r)}})}(0,_ajax.call)(requests)},userDisassociate(){const self=this;let requests=[];const associated=self.association.users,associatedselected=self.selected.associated.users,search=self.search.users;for(const i in associatedselected){const r=associatedselected[i];requests.push({methodname:"local_treestudyplan_disconnect_user",args:{studyplan_id:self.value.id,user_id:r},fail:_notification.default.exception,done:function(response){response.success&&(0,_studyplanProcessor.transportItem)(search,associated,r)}})}(0,_ajax.call)(requests)}},template:'\n\n \n \n \n \n {{text.associated_cohorts}} \n {{text.associate_cohorts}} \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n {{text.delete_association}} \n \n \n {{text.add_association}} \n \n \n \n \n \n \n \n {{text.associated_users}} \n {{text.associate_users}} \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n {{text.delete_association}} \n \n \n {{text.add_association}} \n \n \n \n \n \n \n \n'}),Vue.component("t-period-edit",{props:{value:{type:Object,default:()=>null},type:{type:String,default:()=>"link"},variant:{type:String,default:()=>""},minstart:{type:String,default:()=>null},maxend:{type:String,default:()=>null}},data:()=>({show:!1,editdata:{fullname:"",shortname:"",startdate:(new Date).getFullYear()+"-08-01",enddate:(new Date).getFullYear()+1+"-08-01"},text:strings.period_edit}),created(){},mounted(){},updated(){},computed:{},methods:{editStart(){(0,_studyplanProcessor.objCopy)(this.editdata,this.value,PERIOD_EDITOR_FIELDS),this.show=!0},editFinish(){const self=this;let args={id:this.value.id};(0,_studyplanProcessor.objCopy)(args,this.editdata,PERIOD_EDITOR_FIELDS),(0,_ajax.call)([{methodname:"local_treestudyplan_edit_period",args:args}])[0].then((function(response){(0,_studyplanProcessor.objCopy)(self.value,response,PERIOD_EDITOR_FIELDS),self.$emit("input",self.value),self.$emit("edited",self.value)})).catch(_notification.default.exception)},refresh(){const self=this;(0,_ajax.call)([{methodname:"local_treestudyplan_get_period",args:{id:this.value.id}}])[0].then((function(response){(0,_studyplanProcessor.objCopy)(self.value,response,PERIOD_EDITOR_FIELDS),self.$emit("input",self.value)})).catch(_notification.default.exception)},add_day:(date,days)=>(void 0===days&&(days=1),(0,_dateHelper.add_days)(date,days)),sub_day:(date,days)=>(void 0===days&&(days=1),(0,_dateHelper.add_days)(date,0-days))},template:'\n \n \n \n \n {{ text.fullname}} \n \n 0\'\n > \n \n \n \n {{ text.shortname}} \n \n 0\'\n > \n \n \n \n {{ text.studyplan_startdate}} \n \n \n \n \n \n {{ text.studyplan_enddate}} \n \n \n \n \n \n \n \n '}),Vue.component("t-studyplan",{props:["value","index","initeditmode"],data:()=>({config:{userfields:[{key:"selected"},{key:"firstname",sortable:!0},{key:"lastname",sortable:!0}],cohortfields:[{key:"selected"},{key:"name",sortable:!0},{key:"context",sortable:!0}]},create:{studyline:{name:"",shortname:"",color:"#DDDDDD"},page:{id:-1,name:"",shortname:""}},edit:{toolbox_shown:!1,studyline:{editmode:!1,data:{name:"",shortname:"",color:"#DDDDDD"},original:{}},studyplan:{data:{name:"",shortname:"",description:"",slots:4,startdate:"2020-08-01",enddate:"",aggregation:"",aggregation_config:"",aggregation_info:{useRequiredGrades:!0,useItemCondition:!1}},original:{}}},text:strings.studyplan_text,cache:{linelayers:{}},selectedpageindex:0,emptyline:{id:-1,name:"",shortname:"",color:"#FF0000",filterslots:[{}],courseslots:[{}]}}),created(){const self=this;ItemEventBus.$on("editModeSet",this.onMoodleEditModeChanged),ItemEventBus.$on("coursechange",(()=>{self.$emit("pagechanged",this.selectedpage)}))},mounted(){this.edit.studyline.editmode=this.initeditmode,this.$root.$emit("redrawLines"),this.$emit("pagechanged",this.selectedpage)},updated(){this.$root.$emit("redrawLines"),ItemEventBus.$emit("redrawLines")},computed:{selectedpage(){return this.value.pages[this.selectedpageindex]}},methods:{onMoodleEditModeChanged(mode){this.edit.studyline.editmode=mode},columns:page=>1+2*page.periods,columns_stylerule(page){let s="grid-template-columns: var(--studyplan-filter-width)";for(let i=0;i!!type.item,countLineLayers(line,page){if(this.cache.linelayers[line.id]&&new Date-this.cache.linelayers[line.id].timestamp<1e3)return this.cache.linelayers[line.id].value;{let maxLayer=-1;for(let i=0;i<=page.periods;i++)if(line.slots[i]){line.slots[i];for(const ix in line.slots[i].courses){const item=line.slots[i].courses[ix];item.layer>maxLayer&&(maxLayer=item.layer)}for(const ix in line.slots[i].filters){const item=line.slots[i].filters[ix];item.layer>maxLayer&&(maxLayer=item.layer)}}return this.cache.linelayers[line.id]={value:maxLayer+1,timestamp:new Date},maxLayer+1}},slotsempty(slots){if(Array.isArray(slots)){let count=0;for(let i=0;i0&&item.span-i>0&&(show=!1):item.span-i>1&&(show=!1))}}return show},periodEdited(pi){const prev=this.$refs["periodeditor-"+(pi.period-1)][0];prev&&prev.refresh();const next=this.$refs["periodeditor-"+(pi.period+1)][0];next&&next.refresh()},add_day:(date,days)=>(void 0===days&&(days=1),(0,_dateHelper.add_days)(date,days)),sub_day:(date,days)=>(void 0===days&&(days=1),(0,_dateHelper.add_days)(date,0-days)),toolbox_switched(event){this.$emit("toggletoolbox",event)},pagecreated(page){this.value.pages.push(page)},selectedpageChanged(newTabIndex,prevTabIndex){const page=this.value.pages[newTabIndex];this.$emit("pagechanged",page)}},template:'\n !0},methods:{onEdit(){this.$emit("edit",this.value)},onDelete(){this.$emit("delete",this.value)}},template:"\n \n "}),Vue.component("t-studyline-slot",{props:{type:{type:String,default:"gradable"},slotindex:{type:Number,default:""},line:{type:Object,default:()=>null},layer:{type:Number},value:{type:Array,default:()=>[]},plan:{type:Object,default:()=>null},page:{type:Object,default:()=>null},period:{type:Object,default:()=>null}},mounted(){const self=this;"gradable"==self.type&&1==self.slotindex&&(self.resizeListener=new ResizeObserver((()=>{if(self.$refs.main){const size=self.$refs.main.getBoundingClientRect();ItemEventBus.$emit("lineHeightChange",self.line.id,self.layer,size.height)}})).observe(self.$refs.main))},unmounted(){this.resizeListener&&this.resizeListener.disconnect()},computed:{slotkey(){return`${this.type}'-'${this.line.id}-${this.slotindex}-${this.layer}`},itemidx(){for(const ix in this.value){if(this.value[ix].layer==this.layer)return ix}return null},item(){for(const ix in this.value){const itm=this.value[ix];if(itm.layer==this.layer)return itm}return null},listtype(){return this.type},dragacceptlist(){return"gradable"==this.type?["course","gradable-item"]:["filter","filter-item"]},courseHoverDummy(){return{course:this.hover.component}},spanCss(){if(this.item&&this.item.span>1){return`width: 100%; grid-column: span ${2*this.item.span-1};`}return""}},data:()=>({text:strings.course_timing,resizeListener:null,hover:{component:null,type:null},datechanger:{coursespan:null,periodspan:null,default:!1,defaultchoice:!1,hidewarn:!1}}),methods:{onDrop(event){this.hover.component=null,this.hover.type=null,debug.info(event);const self=this;if(event.type.item){let item=event.data;item.layer=this.layer,item.slot=this.slotindex,self.value.push(item),self.$emit("input",self.value),self.relocateStudyItem(item).done((()=>{this.$refs.timingChecker&&this.$refs.timingChecker.validate_course_period()}))}else event.type.component&&(debug.info("Adding new component"),"gradable"==event.type.type?(0,_ajax.call)([{methodname:"local_treestudyplan_add_studyitem",args:{line_id:self.line.id,slot:self.slotindex,layer:self.layer,type:"course",details:{competency_id:null,conditions:"",course_id:event.data.id,badge_id:null,continuation_id:null}}}])[0].then((response=>{let item=response;self.relocateStudyItem(item).done((()=>{self.value.push(item),self.$emit("input",self.value),this.$nextTick((()=>{this.$refs.timingChecker&&this.$refs.timingChecker.validate_course_period()})),ItemEventBus.$emit("coursechange")}))})).catch(_notification.default.exception):"filter"==event.type.type&&(debug.info("Adding new filter compenent"),(0,_ajax.call)([{methodname:"local_treestudyplan_add_studyitem",args:{line_id:self.line.id,slot:self.slotindex,type:event.data.type,details:{badge_id:event.data.badge?event.data.badge.id:void 0}}}])[0].then((response=>{let item=response;self.relocateStudyItem(item).done((()=>{item.layer=this.layer,self.value.push(item),self.$emit("input",self.value)}))})).catch(_notification.default.exception)))},onCut(event){const self=this;let id=event.data.id;for(let i=0;i\n 0&&(0,_ajax.call)([{methodname:"local_treestudyplan_reorder_studyitems",args:{items:items}}])[0].catch(_notification.default.exception).done((response=>{}))},change_span(span){const self=this;return this.shift_collisions(span),(0,_ajax.call)([{methodname:"local_treestudyplan_set_studyitem_span",args:{id:self.value.id,span:span}}])[0].catch(_notification.default.exception).done((response=>{self.value.span=response.span,self.$emit("input",self.value),self.$nextTick((()=>{self.validate_course_period()}))}))},format_duration(dsi){let s="";return 1==dsi.years?s+=`1 ${this.text.year}, `:dsi.years>1&&(s+=`${dsi.years} ${this.text.years}, `),1==dsi.weeks?s+=`1 ${this.text.week}, `:dsi.weeks>1&&(s+=`${dsi.weeks} ${this.text.weeks}, `),1==dsi.days?s+=`1 ${this.text.day}, `:dsi.days>1&&(s+=`${dsi.days} ${this.text.days}, `),s.toLocaleLowerCase()}},template:'\n \n
\n "}),Vue.component("t-item-course-competency",{props:{value:{type:Object,default:function(){return{}}},guestmode:{type:Boolean,default:!1},item:{type:Object,default:function(){return{id:null}}}},data:()=>({text:strings.competency}),created(){},computed:{hasCompletions(){if(this.value.conditions)for(const cgroup of this.value.conditions)if(cgroup.items&&cgroup.items.length>0)return!0;return!1}},methods:{pathtags(competency){const path=competency.path;let s="";for(const ix in path){const p=path[ix];let url;ix>0&&(s+=" / "),url="competency"==p.type?`/admin/tool/lp/competencies.php?competencyid=${p.id}`:`/admin/tool/lp/competencies.php?competencyframeworkid=${p.id}&pagecontextid=${p.contextid}`,s+=`${p.title}`}return s},requiredChanged(newValue,c){(0,_ajax.call)([{methodname:"local_treestudyplan_require_competency",args:{competency_id:c.id,item_id:this.item.id,required:newValue}}])[0].catch(_notification.default.exception)}},template:'\n \n
\n '}),Vue.component("t-item-junction",{props:{value:{type:Object,default:function(){return{}}}},data:()=>({condition_options:string_keys.conditions}),methods:{},template:"\n \n \n \n \n \n \n {{ value.category.name }}\n \n \n \n \n \n \n {{ value.category.name }}\n \n \n \n \n \n '}),Vue.component("t-course-list",{props:{value:{type:Array,default:function(){return{}}}},data:()=>({}),methods:{makeType:()=>({item:!1,component:!0,span:1,type:"gradable"})},template:'\n \n \n \n {{ text.advanced_warning}}\n \n \n \n \n \n \n \n \n \n \n '}),Vue.component("t-studyplan-edit",{props:{value:{type:Object,default:()=>null},mode:{type:String,default:()=>"edit"},type:{type:String,default:()=>"link"},variant:{type:String,default:()=>""},contextid:{type:Number,default:1}},data:()=>({text:strings.studyplan_edit}),computed:{},methods:{planSaved(updatedplan){const self=this;if(debug.info("Got new plan data",updatedplan),"create"==self.mode)self.$emit("created",updatedplan);else{const moved_from=self.value.context_id,moved_to=updatedplan.context_id,moved=moved_from!=moved_to;updatedplan.pages[0].periods!=self.value.pages[0].periods?(0,_ajax.call)([{methodname:"local_treestudyplan_get_studyplan_map",args:{id:self.value.id}}])[0].then((function(response){self.value=(0,_studyplanProcessor.ProcessStudyplan)(response,!0),debug.info("studyplan processed"),self.$emit("input",self.value)})).catch((function(error){_notification.default.exception(error)})):((0,_studyplanProcessor.objCopy)(self.value,updatedplan,STUDYPLAN_EDITOR_FIELDS),self.$emit("input",self.value),moved&&self.$emit("moved",self.value,moved_from,moved_to))}}},template:'\n \n \n \n \n \n \n \n {{text.associated_cohorts}} \n {{text.associate_cohorts}} \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n {{text.delete_association}} \n \n \n {{text.add_association}} \n \n \n \n \n \n \n \n {{text.associated_users}} \n {{text.associate_users}} \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n {{text.delete_association}} \n \n \n {{text.add_association}} \n \n \n \n \n \n \n \n'}),Vue.component("t-period-edit",{props:{value:{type:Object,default:()=>null},type:{type:String,default:()=>"link"},variant:{type:String,default:()=>""},minstart:{type:String,default:()=>null},maxend:{type:String,default:()=>null}},data:()=>({show:!1,editdata:{fullname:"",shortname:"",startdate:(new Date).getFullYear()+"-08-01",enddate:(new Date).getFullYear()+1+"-08-01"},text:strings.period_edit}),created(){},mounted(){},updated(){},computed:{},methods:{editStart(){(0,_studyplanProcessor.objCopy)(this.editdata,this.value,PERIOD_EDITOR_FIELDS),this.show=!0},editFinish(){const self=this;let args={id:this.value.id};(0,_studyplanProcessor.objCopy)(args,this.editdata,PERIOD_EDITOR_FIELDS),(0,_ajax.call)([{methodname:"local_treestudyplan_edit_period",args:args}])[0].then((function(response){(0,_studyplanProcessor.objCopy)(self.value,response,PERIOD_EDITOR_FIELDS),self.$emit("input",self.value),self.$emit("edited",self.value)})).catch(_notification.default.exception)},refresh(){const self=this;(0,_ajax.call)([{methodname:"local_treestudyplan_get_period",args:{id:this.value.id}}])[0].then((function(response){(0,_studyplanProcessor.objCopy)(self.value,response,PERIOD_EDITOR_FIELDS),self.$emit("input",self.value)})).catch(_notification.default.exception)},add_day:(date,days)=>(void 0===days&&(days=1),(0,_dateHelper.add_days)(date,days)),sub_day:(date,days)=>(void 0===days&&(days=1),(0,_dateHelper.add_days)(date,0-days))},template:'\n \n \n \n \n {{ text.fullname}} \n \n 0\'\n > \n \n \n \n {{ text.shortname}} \n \n 0\'\n > \n \n \n \n {{ text.studyplan_startdate}} \n \n \n \n \n \n {{ text.studyplan_enddate}} \n \n \n \n \n \n \n \n '}),Vue.component("t-studyplan",{props:["value","index","initeditmode"],data:()=>({config:{userfields:[{key:"selected"},{key:"firstname",sortable:!0},{key:"lastname",sortable:!0}],cohortfields:[{key:"selected"},{key:"name",sortable:!0},{key:"context",sortable:!0}]},create:{studyline:{name:"",shortname:"",color:"#DDDDDD"},page:{id:-1,name:"",shortname:""}},edit:{toolbox_shown:!1,studyline:{editmode:!1,data:{name:"",shortname:"",color:"#DDDDDD"},original:{}},studyplan:{data:{name:"",shortname:"",description:"",slots:4,startdate:"2020-08-01",enddate:"",aggregation:"",aggregation_config:"",aggregation_info:{useRequiredGrades:!0,useItemCondition:!1}},original:{}}},text:strings.studyplan_text,cache:{linelayers:{}},selectedpageindex:0,emptyline:{id:-1,name:"",shortname:"",color:"#FF0000",filterslots:[{}],courseslots:[{}]}}),created(){const self=this;ItemEventBus.$on("editModeSet",this.onMoodleEditModeChanged),ItemEventBus.$on("coursechange",(()=>{self.$emit("pagechanged",this.selectedpage)}))},mounted(){this.edit.studyline.editmode=this.initeditmode,this.$root.$emit("redrawLines"),this.$emit("pagechanged",this.selectedpage)},updated(){this.$root.$emit("redrawLines"),ItemEventBus.$emit("redrawLines")},computed:{selectedpage(){return this.value.pages[this.selectedpageindex]}},methods:{onMoodleEditModeChanged(mode){this.edit.studyline.editmode=mode},columns:page=>1+2*page.periods,columns_stylerule(page){let s="grid-template-columns: var(--studyplan-filter-width)";for(let i=0;i!!type.item,countLineLayers(line,page){if(this.cache.linelayers[line.id]&&new Date-this.cache.linelayers[line.id].timestamp<1e3)return this.cache.linelayers[line.id].value;{let maxLayer=-1;for(let i=0;i<=page.periods;i++)if(line.slots[i]){line.slots[i];for(const ix in line.slots[i].courses){const item=line.slots[i].courses[ix];item.layer>maxLayer&&(maxLayer=item.layer)}for(const ix in line.slots[i].filters){const item=line.slots[i].filters[ix];item.layer>maxLayer&&(maxLayer=item.layer)}}return this.cache.linelayers[line.id]={value:maxLayer+1,timestamp:new Date},maxLayer+1}},slotsempty(slots){if(Array.isArray(slots)){let count=0;for(let i=0;i0&&item.span-i>0&&(show=!1):item.span-i>1&&(show=!1))}}return show},periodEdited(pi){const prev=this.$refs["periodeditor-"+(pi.period-1)][0];prev&&prev.refresh();const next=this.$refs["periodeditor-"+(pi.period+1)][0];next&&next.refresh()},add_day:(date,days)=>(void 0===days&&(days=1),(0,_dateHelper.add_days)(date,days)),sub_day:(date,days)=>(void 0===days&&(days=1),(0,_dateHelper.add_days)(date,0-days)),toolbox_switched(event){this.$emit("toggletoolbox",event)},pagecreated(page){this.value.pages.push(page)},selectedpageChanged(newTabIndex,prevTabIndex){const page=this.value.pages[newTabIndex];this.$emit("pagechanged",page)}},template:'\n !0},methods:{onEdit(){this.$emit("edit",this.value)},onDelete(){this.$emit("delete",this.value)}},template:"\n \n "}),Vue.component("t-studyline-slot",{props:{type:{type:String,default:"gradable"},slotindex:{type:Number,default:""},line:{type:Object,default:()=>null},layer:{type:Number},value:{type:Array,default:()=>[]},plan:{type:Object,default:()=>null},page:{type:Object,default:()=>null},period:{type:Object,default:()=>null}},mounted(){const self=this;"gradable"==self.type&&1==self.slotindex&&(self.resizeListener=new ResizeObserver((()=>{if(self.$refs.main){const size=self.$refs.main.getBoundingClientRect();ItemEventBus.$emit("lineHeightChange",self.line.id,self.layer,size.height)}})).observe(self.$refs.main))},unmounted(){this.resizeListener&&this.resizeListener.disconnect()},computed:{slotkey(){return`${this.type}'-'${this.line.id}-${this.slotindex}-${this.layer}`},itemidx(){for(const ix in this.value){if(this.value[ix].layer==this.layer)return ix}return null},item(){for(const ix in this.value){const itm=this.value[ix];if(itm.layer==this.layer)return itm}return null},listtype(){return this.type},dragacceptlist(){return"gradable"==this.type?["course","gradable-item"]:["filter","filter-item"]},courseHoverDummy(){return{course:this.hover.component}},spanCss(){if(this.item&&this.item.span>1){return`width: 100%; grid-column: span ${2*this.item.span-1};`}return""}},data:()=>({text:strings.course_timing,resizeListener:null,hover:{component:null,type:null},datechanger:{coursespan:null,periodspan:null,default:!1,defaultchoice:!1,hidewarn:!1}}),methods:{onDrop(event){this.hover.component=null,this.hover.type=null,debug.info(event);const self=this;if(event.type.item){let item=event.data;item.layer=this.layer,item.slot=this.slotindex,self.value.push(item),self.$emit("input",self.value),self.relocateStudyItem(item).done((()=>{this.$refs.timingChecker&&this.$refs.timingChecker.validate_course_period()}))}else event.type.component&&(debug.info("Adding new component"),"gradable"==event.type.type?(0,_ajax.call)([{methodname:"local_treestudyplan_add_studyitem",args:{line_id:self.line.id,slot:self.slotindex,layer:self.layer,type:"course",details:{competency_id:null,conditions:"",course_id:event.data.id,badge_id:null,continuation_id:null}}}])[0].then((response=>{let item=response;self.relocateStudyItem(item).done((()=>{self.value.push(item),self.$emit("input",self.value),this.$nextTick((()=>{this.$refs.timingChecker&&this.$refs.timingChecker.validate_course_period()})),ItemEventBus.$emit("coursechange")}))})).catch(_notification.default.exception):"filter"==event.type.type&&(debug.info("Adding new filter compenent"),(0,_ajax.call)([{methodname:"local_treestudyplan_add_studyitem",args:{line_id:self.line.id,slot:self.slotindex,type:event.data.type,details:{badge_id:event.data.badge?event.data.badge.id:void 0}}}])[0].then((response=>{let item=response;self.relocateStudyItem(item).done((()=>{item.layer=this.layer,self.value.push(item),self.$emit("input",self.value)}))})).catch(_notification.default.exception)))},onCut(event){const self=this;let id=event.data.id;for(let i=0;i\n 0&&(0,_ajax.call)([{methodname:"local_treestudyplan_reorder_studyitems",args:{items:items}}])[0].catch(_notification.default.exception).done((response=>{}))},change_span(span){const self=this;return this.shift_collisions(span),(0,_ajax.call)([{methodname:"local_treestudyplan_set_studyitem_span",args:{id:self.value.id,span:span}}])[0].catch(_notification.default.exception).done((response=>{self.value.span=response.span,self.$emit("input",self.value),self.$nextTick((()=>{self.validate_course_period()}))}))},format_duration(dsi){let s="";return 1==dsi.years?s+=`1 ${this.text.year}, `:dsi.years>1&&(s+=`${dsi.years} ${this.text.years}, `),1==dsi.weeks?s+=`1 ${this.text.week}, `:dsi.weeks>1&&(s+=`${dsi.weeks} ${this.text.weeks}, `),1==dsi.days?s+=`1 ${this.text.day}, `:dsi.days>1&&(s+=`${dsi.days} ${this.text.days}, `),s.toLocaleLowerCase()}},template:'\n \n
\n "}),Vue.component("t-item-course-competency",{props:{value:{type:Object,default:function(){return{}}},guestmode:{type:Boolean,default:!1},item:{type:Object,default:function(){return{id:null}}}},data:()=>({text:strings.competency}),created(){},computed:{hasCompletions(){if(this.value.conditions)for(const cgroup of this.value.conditions)if(cgroup.items&&cgroup.items.length>0)return!0;return!1},wwwroot:()=>_config.default.wwwroot},methods:{pathtags(competency){const path=competency.path;let s="";for(const ix in path){const p=path[ix];let url;ix>0&&(s+=" / "),url="competency"==p.type?`/admin/tool/lp/competencies.php?competencyid=${p.id}`:`/admin/tool/lp/competencies.php?competencyframeworkid=${p.id}&pagecontextid=${p.contextid}`,s+=`${p.title}`}return s},requiredChanged(newValue,c){(0,_ajax.call)([{methodname:"local_treestudyplan_require_competency",args:{competency_id:c.id,item_id:this.item.id,required:newValue}}])[0].catch(_notification.default.exception)}},template:'\n \n
\n '}),Vue.component("t-item-junction",{props:{value:{type:Object,default:function(){return{}}}},data:()=>({condition_options:string_keys.conditions}),methods:{},template:"\n \n \n \n \n \n \n {{ value.category.name }}\n \n \n \n \n \n \n {{ value.category.name }}\n \n \n \n \n \n '}),Vue.component("t-course-list",{props:{value:{type:Array,default:function(){return{}}}},data:()=>({}),methods:{makeType:()=>({item:!1,component:!0,span:1,type:"gradable"})},template:'\n \n \n \n {{ text.advanced_warning}}\n \n \n \n \n \n \n \n \n \n \n `\n });\n\n\n /*\n * T-STUDYPLAN-EDIT\n */\n Vue.component('t-studyplan-edit', {\n props: {\n 'value' :{\n type: Object,\n default(){ return null;},\n },\n 'mode' :{\n type: String,\n default() { return \"edit\";},\n },\n 'type' :{\n type: String,\n default() { return \"link\";},\n },\n 'variant' : {\n type: String,\n default() { return \"\";},\n },\n 'contextid': {\n type: Number,\n default: 1\n },\n },\n data() {\n return {\n text: strings.studyplan_edit,\n };\n },\n computed: {\n },\n methods: {\n planSaved(updatedplan){\n const self = this;\n debug.info(\"Got new plan data\",updatedplan);\n\n if(self.mode == 'create'){\n // Inform parent of the details of the newly created plan\n self.$emit(\"created\",updatedplan);\n }\n else {\n // determine if the plan moved context...\n const moved_from = self.value.context_id;\n const moved_to = updatedplan.context_id;\n const moved = (moved_from != moved_to);\n\n if(updatedplan.pages[0].periods != self.value.pages[0].periods){\n // If the pages changed, just reload the entire model for the plan\n call([{\n methodname: 'local_treestudyplan_get_studyplan_map',\n args: { id: self.value.id}\n }])[0].then(function(response){\n self.value = ProcessStudyplan(response,true);\n debug.info('studyplan processed');\n self.$emit('input',self.value);\n }).catch(function(error){\n notification.exception(error);\n });\n } else {\n // Copy updated fields and trigger update\n objCopy(self.value,updatedplan,STUDYPLAN_EDITOR_FIELDS);\n self.$emit('input',self.value);\n if(moved){\n self.$emit('moved',self.value, moved_from, moved_to);\n }\n }\n }\n },\n }\n ,\n template:\n `\n \n \n \n \n \n \n {{text.associated_cohorts}} \n {{text.associate_cohorts}} \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n {{text.delete_association}} \n \n \n {{text.add_association}} \n \n \n \n \n \n \n \n {{text.associated_users}} \n {{text.associate_users}} \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n {{text.delete_association}} \n \n \n {{text.add_association}} \n \n \n \n \n \n \n \n`\n });\n\n /*******************\n *\n * Period editor\n *\n *************/\n\n Vue.component('t-period-edit', {\n props: {\n 'value' :{\n type: Object,\n default(){ return null;},\n },\n 'type' :{\n type: String,\n default() { return \"link\";},\n },\n 'variant' : {\n type: String,\n default() { return \"\";},\n },\n 'minstart' : {\n type: String,\n default() { return null;},\n },\n 'maxend' : {\n type: String,\n default() { return null;},\n }\n },\n data() {\n return {\n show: false,\n editdata: {\n fullname: '',\n shortname: '',\n startdate: (new Date()).getFullYear() + '-08-01',\n enddate: ((new Date()).getFullYear()+1) + '-08-01',\n },\n text: strings.period_edit,\n };\n },\n created() {\n },\n mounted() {\n },\n updated() {\n\n },\n computed: {\n },\n methods: {\n editStart(){\n objCopy(this.editdata,this.value,PERIOD_EDITOR_FIELDS);\n this.show = true;\n },\n editFinish(){\n const self = this;\n let args = { 'id': this.value.id };\n\n objCopy(args,this.editdata,PERIOD_EDITOR_FIELDS);\n\n call([{\n methodname: 'local_treestudyplan_edit_period',\n args: args\n }])[0].then(function(response){\n objCopy(self.value,response,PERIOD_EDITOR_FIELDS);\n self.$emit('input',self.value);\n self.$emit('edited',self.value);\n }).catch(notification.exception);\n },\n refresh(){\n const self = this;\n call([{\n methodname: 'local_treestudyplan_get_period',\n args: { 'id': this.value.id },\n }])[0].then(function(response){\n objCopy(self.value,response,PERIOD_EDITOR_FIELDS);\n self.$emit('input',self.value);\n }).catch(notification.exception);\n },\n add_day(date,days) {\n if( days === undefined ){\n days = 1;\n }\n return add_days(date,days);\n },\n sub_day(date,days) {\n if( days === undefined ){\n days = 1;\n }\n return add_days(date,0 - days);\n },\n }\n ,\n template:\n `\n \n \n \n \n {{ text.fullname}} \n \n \n \n \n {{ text.shortname}} \n \n \n \n \n {{ text.studyplan_startdate}} \n \n \n \n \n \n {{ text.studyplan_enddate}} \n \n \n \n \n \n \n \n `\n });\n\n // TAG: Start studyplan component\n /*\n * T-STUDYPLAN\n */\n Vue.component('t-studyplan', {\n props: [ 'value', 'index', 'initeditmode'],\n data() {\n return {\n config: {\n userfields: [\n { key: \"selected\",},\n { key: \"firstname\", \"sortable\": true,},\n { key: \"lastname\", \"sortable\": true,},\n ],\n cohortfields:[\n { key: \"selected\",},\n { key: \"name\", \"sortable\": true,},\n { key: \"context\", \"sortable\": true,},\n ]\n },\n create: {\n studyline: {\n 'name': '',\n 'shortname': '',\n 'color': '#DDDDDD',\n },\n page: {\n 'id': -1,\n 'name' : '',\n 'shortname' : ''\n }\n },\n edit: {\n toolbox_shown: false,\n studyline: {\n editmode: false,\n data: {\n name: '',\n shortname: '',\n color: '#DDDDDD',\n },\n original: {},\n },\n studyplan: {\n data: {\n name: '',\n shortname: '',\n description: '',\n slots : 4,\n startdate: '2020-08-01',\n enddate: '',\n aggregation: '',\n aggregation_config: '',\n aggregation_info: {\n useRequiredGrades: true,\n useItemCondition: false,\n },\n\n },\n original: {},\n }\n },\n text: strings.studyplan_text,\n cache: {\n linelayers: {},\n },\n selectedpageindex: 0,\n emptyline: {\n id: -1,\n name: '',\n shortname: '',\n color: '#FF0000',\n filterslots: [{}],\n courseslots: [{}]\n }\n };\n },\n created() {\n const self = this;\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('editModeSet', this.onMoodleEditModeChanged);\n ItemEventBus.$on('coursechange', () => {\n self.$emit('pagechanged',this.selectedpage);\n });\n },\n mounted() {\n /*if(this.value.pages[0].studylines.length == 0){\n // start in editmode if studylines on first page are empty\n this.edit.studyline.editmode = true;\n }*/\n this.edit.studyline.editmode = this.initeditmode;\n this.$root.$emit('redrawLines');\n this.$emit('pagechanged',this.selectedpage);\n },\n updated() {\n this.$root.$emit('redrawLines');\n ItemEventBus.$emit('redrawLines');\n },\n computed: {\n selectedpage() {\n return this.value.pages[this.selectedpageindex];\n }\n },\n methods: {\n onMoodleEditModeChanged(mode){\n this.edit.studyline.editmode = mode;\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 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 }\n }\n this.cache.linelayers[line.id] = {\n value: (maxLayer + 1),\n timestamp: (new Date()),\n };\n return maxLayer+1;\n }\n },\n slotsempty(slots) {\n if(Array.isArray(slots)){\n let count = 0;\n for(let i = 0; i < slots.length; i++) {\n if(Array.isArray(slots[i].courses)){\n count += slots[i].courses.length;\n }\n if(Array.isArray(slots[i].filters)){\n count += slots[i].filters.length;\n }\n }\n return (count == 0);\n } else {\n return false;\n }\n },\n movedStudyplan(plan,from,to) {\n this.$emit('moved',plan,from,to); // Throw the event up....\n },\n addStudyLine(page,newlineinfo) {\n call([{\n methodname: 'local_treestudyplan_add_studyline',\n args: {\n 'page_id': page.id,\n 'name': newlineinfo.name,\n 'shortname': newlineinfo.shortname,\n 'color': newlineinfo.color,\n 'sequence': page.studylines.length,\n }\n }])[0].then(function(response){\n page.studylines.push(response);\n newlineinfo.name = '';\n newlineinfo.shortname = '';\n newlineinfo.color = \"#dddddd\";\n }).catch(notification.exception);\n },\n editLineStart(line) {\n Object.assign(this.edit.studyline.data,line);\n this.edit.studyline.original = line;\n this.$bvModal.show('modal-edit-studyline-'+this.value.id);\n },\n editLineFinish() {\n let editedline = this.edit.studyline.data;\n let originalline = this.edit.studyline.original;\n call([{\n methodname: 'local_treestudyplan_edit_studyline',\n args: { 'id': editedline.id,\n 'name': editedline.name,\n 'shortname': editedline.shortname,\n 'color': editedline.color,}\n }])[0].then(function(response){\n originalline['name'] = response['name'];\n originalline['shortname'] = response['shortname'];\n originalline['color'] = response['color'];\n }).catch(notification.exception);\n },\n deleteLine(page,line) {\n const self=this;\n get_strings([\n {key: 'studyline_confirm_remove', param: line.name, component: 'local_treestudyplan' },\n {key: 'delete', component: 'core' },\n ]).then(function(s){\n self.$bvModal.msgBoxConfirm(s[0], {\n okTitle: s[1],\n okVariant: 'danger',\n }).then(function(modalresponse){\n if(modalresponse){\n call([{\n methodname: 'local_treestudyplan_delete_studyline',\n args: { 'id': line.id, }\n }])[0].then(function(response){\n if(response.success == true){\n let index = page.studylines.indexOf(line);\n page.studylines.splice(index, 1);\n }\n }).catch(notification.exception);\n }\n });\n });\n },\n reorderLines(event,lines){\n\n // apply reordering\n event.apply(lines);\n // send the new sequence to the server\n let sequence = [];\n for(let idx in lines)\n {\n sequence.push({'id': lines[idx].id,'sequence': idx});\n }\n call([{\n methodname: 'local_treestudyplan_reorder_studylines',\n args: { 'sequence': sequence }\n }])[0].then(function(response){\n }).catch(notification.exception);\n },\n deletePlan(studyplan){\n const self=this;\n get_strings([\n {key: 'studyplan_confirm_remove', param: studyplan.name, component: 'local_treestudyplan' },\n {key: 'delete', component: 'core' },\n ]).then(function(s){\n self.$bvModal.msgBoxConfirm(s[0], {\n okTitle: s[1],\n okVariant: 'danger',\n }).then(function(modalresponse){\n if(modalresponse){\n call([{\n methodname: 'local_treestudyplan_delete_studyplan',\n args: { 'id': studyplan.id, force: true}\n }])[0].then(function(response){\n if(response.success == true){\n self.$root.$emit(\"studyplanRemoved\",studyplan);\n }\n }).catch(notification.exception);\n }\n });\n });\n },\n deleteStudyItem(event){\n //const self = this;\n let item = event.data;\n call([{\n methodname: 'local_treestudyplan_delete_studyitem',\n args: { 'id': item.id, }\n }])[0].then(function(response){\n if(response.success == true){\n event.source.$emit('cut',event);\n }\n }).catch(notification.exception);\n\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){ // Really wish that 'for of' would work with the minifier moodle uses\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 periodEdited(pi) {\n const prev = this.$refs[\"periodeditor-\" + (pi.period - 1)][0];\n if(prev) {\n prev.refresh();\n }\n const next = this.$refs[\"periodeditor-\" + (pi.period + 1)][0];\n if(next) {\n next.refresh();\n }\n },\n add_day(date,days) {\n if( days === undefined ){\n days = 1;\n }\n return add_days(date,days);\n },\n sub_day(date,days) {\n if( days === undefined ){\n days = 1;\n }\n return add_days(date,0 - days);\n },\n toolbox_switched(event){\n this.$emit('toggletoolbox',event);\n },\n pagecreated(page) {\n this.value.pages.push(page);\n },\n selectedpageChanged(newTabIndex,prevTabIndex) {\n const page = this.value.pages[newTabIndex];\n this.$emit('pagechanged',page);\n }\n }\n ,\n template:\n `\n 0?' secondary':' primary')\"\n :accepts-type=\"checkType\"\n @drop=\"onDrop\"\n mode=\"cut\"\n @dragenter=\"onDragEnter\"\n @dragleave=\"onDragLeave\"\n >\n \n
\n `,\n });\n\n //TAG: Course competency\n Vue.component('t-item-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 },\n methods: {\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 = `/admin/tool/lp/competencies.php?competencyid=${p.id}`;\n } else {\n url = `/admin/tool/lp/competencies.php?competencyframeworkid=${p.id}&pagecontextid=${p.contextid}`;\n }\n \n s += `${p.title}`;\n }\n return s;\n },\n requiredChanged(newValue,c){\n call([{\n methodname: 'local_treestudyplan_require_competency',\n args: { 'competency_id': c.id,\n 'item_id': this.item.id,\n 'required': newValue,\n }\n }])[0].catch(notification.exception);\n },\n },\n template: `\n \n
\n `,\n });\n /************************************\n * *\n * Toolbox list components *\n * *\n ************************************/\n Vue.component('t-item-junction',{\n props: {\n value : {\n type: Object,\n default: function(){ return {};},\n },\n },\n data() {\n return {\n condition_options: string_keys.conditions,\n };\n },\n methods: {\n\n },\n template: `\n \n \n \n \n \n \n {{ value.category.name }}\n \n \n \n \n \n \n {{ value.category.name }}\n \n \n \n \n \n `,\n });\n\n Vue.component('t-course-list',{\n props: {\n value : {\n type: Array,\n default: function(){ return {};},\n },\n },\n data() {\n return {\n };\n },\n methods: {\n makeType(){\n return {\n item: false,\n component: true,\n span: 1, //TODO: Detect longer courses and give them an appropriate span\n type: 'gradable',\n };\n },\n },\n template: `\n \n \n \n {{ text.advanced_warning}}\n \n \n \n \n \n \n \n \n \n \n `\n });\n\n\n /*\n * T-STUDYPLAN-EDIT\n */\n Vue.component('t-studyplan-edit', {\n props: {\n 'value' :{\n type: Object,\n default(){ return null;},\n },\n 'mode' :{\n type: String,\n default() { return \"edit\";},\n },\n 'type' :{\n type: String,\n default() { return \"link\";},\n },\n 'variant' : {\n type: String,\n default() { return \"\";},\n },\n 'contextid': {\n type: Number,\n default: 1\n },\n },\n data() {\n return {\n text: strings.studyplan_edit,\n };\n },\n computed: {\n },\n methods: {\n planSaved(updatedplan){\n const self = this;\n debug.info(\"Got new plan data\",updatedplan);\n\n if(self.mode == 'create'){\n // Inform parent of the details of the newly created plan\n self.$emit(\"created\",updatedplan);\n }\n else {\n // determine if the plan moved context...\n const moved_from = self.value.context_id;\n const moved_to = updatedplan.context_id;\n const moved = (moved_from != moved_to);\n\n if(updatedplan.pages[0].periods != self.value.pages[0].periods){\n // If the pages changed, just reload the entire model for the plan\n call([{\n methodname: 'local_treestudyplan_get_studyplan_map',\n args: { id: self.value.id}\n }])[0].then(function(response){\n self.value = ProcessStudyplan(response,true);\n debug.info('studyplan processed');\n self.$emit('input',self.value);\n }).catch(function(error){\n notification.exception(error);\n });\n } else {\n // Copy updated fields and trigger update\n objCopy(self.value,updatedplan,STUDYPLAN_EDITOR_FIELDS);\n self.$emit('input',self.value);\n if(moved){\n self.$emit('moved',self.value, moved_from, moved_to);\n }\n }\n }\n },\n }\n ,\n template:\n `\n \n \n \n \n \n \n {{text.associated_cohorts}} \n {{text.associate_cohorts}} \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n {{text.delete_association}} \n \n \n {{text.add_association}} \n \n \n \n \n \n \n \n {{text.associated_users}} \n {{text.associate_users}} \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n {{text.delete_association}} \n \n \n {{text.add_association}} \n \n \n \n \n \n \n \n`\n });\n\n /*******************\n *\n * Period editor\n *\n *************/\n\n Vue.component('t-period-edit', {\n props: {\n 'value' :{\n type: Object,\n default(){ return null;},\n },\n 'type' :{\n type: String,\n default() { return \"link\";},\n },\n 'variant' : {\n type: String,\n default() { return \"\";},\n },\n 'minstart' : {\n type: String,\n default() { return null;},\n },\n 'maxend' : {\n type: String,\n default() { return null;},\n }\n },\n data() {\n return {\n show: false,\n editdata: {\n fullname: '',\n shortname: '',\n startdate: (new Date()).getFullYear() + '-08-01',\n enddate: ((new Date()).getFullYear()+1) + '-08-01',\n },\n text: strings.period_edit,\n };\n },\n created() {\n },\n mounted() {\n },\n updated() {\n\n },\n computed: {\n },\n methods: {\n editStart(){\n objCopy(this.editdata,this.value,PERIOD_EDITOR_FIELDS);\n this.show = true;\n },\n editFinish(){\n const self = this;\n let args = { 'id': this.value.id };\n\n objCopy(args,this.editdata,PERIOD_EDITOR_FIELDS);\n\n call([{\n methodname: 'local_treestudyplan_edit_period',\n args: args\n }])[0].then(function(response){\n objCopy(self.value,response,PERIOD_EDITOR_FIELDS);\n self.$emit('input',self.value);\n self.$emit('edited',self.value);\n }).catch(notification.exception);\n },\n refresh(){\n const self = this;\n call([{\n methodname: 'local_treestudyplan_get_period',\n args: { 'id': this.value.id },\n }])[0].then(function(response){\n objCopy(self.value,response,PERIOD_EDITOR_FIELDS);\n self.$emit('input',self.value);\n }).catch(notification.exception);\n },\n add_day(date,days) {\n if( days === undefined ){\n days = 1;\n }\n return add_days(date,days);\n },\n sub_day(date,days) {\n if( days === undefined ){\n days = 1;\n }\n return add_days(date,0 - days);\n },\n }\n ,\n template:\n `\n \n \n \n \n {{ text.fullname}} \n \n \n \n \n {{ text.shortname}} \n \n \n \n \n {{ text.studyplan_startdate}} \n \n \n \n \n \n {{ text.studyplan_enddate}} \n \n \n \n \n \n \n \n `\n });\n\n // TAG: Start studyplan component\n /*\n * T-STUDYPLAN\n */\n Vue.component('t-studyplan', {\n props: [ 'value', 'index', 'initeditmode'],\n data() {\n return {\n config: {\n userfields: [\n { key: \"selected\",},\n { key: \"firstname\", \"sortable\": true,},\n { key: \"lastname\", \"sortable\": true,},\n ],\n cohortfields:[\n { key: \"selected\",},\n { key: \"name\", \"sortable\": true,},\n { key: \"context\", \"sortable\": true,},\n ]\n },\n create: {\n studyline: {\n 'name': '',\n 'shortname': '',\n 'color': '#DDDDDD',\n },\n page: {\n 'id': -1,\n 'name' : '',\n 'shortname' : ''\n }\n },\n edit: {\n toolbox_shown: false,\n studyline: {\n editmode: false,\n data: {\n name: '',\n shortname: '',\n color: '#DDDDDD',\n },\n original: {},\n },\n studyplan: {\n data: {\n name: '',\n shortname: '',\n description: '',\n slots : 4,\n startdate: '2020-08-01',\n enddate: '',\n aggregation: '',\n aggregation_config: '',\n aggregation_info: {\n useRequiredGrades: true,\n useItemCondition: false,\n },\n\n },\n original: {},\n }\n },\n text: strings.studyplan_text,\n cache: {\n linelayers: {},\n },\n selectedpageindex: 0,\n emptyline: {\n id: -1,\n name: '',\n shortname: '',\n color: '#FF0000',\n filterslots: [{}],\n courseslots: [{}]\n }\n };\n },\n created() {\n const self = this;\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('editModeSet', this.onMoodleEditModeChanged);\n ItemEventBus.$on('coursechange', () => {\n self.$emit('pagechanged',this.selectedpage);\n });\n },\n mounted() {\n /*if(this.value.pages[0].studylines.length == 0){\n // start in editmode if studylines on first page are empty\n this.edit.studyline.editmode = true;\n }*/\n this.edit.studyline.editmode = this.initeditmode;\n this.$root.$emit('redrawLines');\n this.$emit('pagechanged',this.selectedpage);\n },\n updated() {\n this.$root.$emit('redrawLines');\n ItemEventBus.$emit('redrawLines');\n },\n computed: {\n selectedpage() {\n return this.value.pages[this.selectedpageindex];\n }\n },\n methods: {\n onMoodleEditModeChanged(mode){\n this.edit.studyline.editmode = mode;\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 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 }\n }\n this.cache.linelayers[line.id] = {\n value: (maxLayer + 1),\n timestamp: (new Date()),\n };\n return maxLayer+1;\n }\n },\n slotsempty(slots) {\n if(Array.isArray(slots)){\n let count = 0;\n for(let i = 0; i < slots.length; i++) {\n if(Array.isArray(slots[i].courses)){\n count += slots[i].courses.length;\n }\n if(Array.isArray(slots[i].filters)){\n count += slots[i].filters.length;\n }\n }\n return (count == 0);\n } else {\n return false;\n }\n },\n movedStudyplan(plan,from,to) {\n this.$emit('moved',plan,from,to); // Throw the event up....\n },\n addStudyLine(page,newlineinfo) {\n call([{\n methodname: 'local_treestudyplan_add_studyline',\n args: {\n 'page_id': page.id,\n 'name': newlineinfo.name,\n 'shortname': newlineinfo.shortname,\n 'color': newlineinfo.color,\n 'sequence': page.studylines.length,\n }\n }])[0].then(function(response){\n page.studylines.push(response);\n newlineinfo.name = '';\n newlineinfo.shortname = '';\n newlineinfo.color = \"#dddddd\";\n }).catch(notification.exception);\n },\n editLineStart(line) {\n Object.assign(this.edit.studyline.data,line);\n this.edit.studyline.original = line;\n this.$bvModal.show('modal-edit-studyline-'+this.value.id);\n },\n editLineFinish() {\n let editedline = this.edit.studyline.data;\n let originalline = this.edit.studyline.original;\n call([{\n methodname: 'local_treestudyplan_edit_studyline',\n args: { 'id': editedline.id,\n 'name': editedline.name,\n 'shortname': editedline.shortname,\n 'color': editedline.color,}\n }])[0].then(function(response){\n originalline['name'] = response['name'];\n originalline['shortname'] = response['shortname'];\n originalline['color'] = response['color'];\n }).catch(notification.exception);\n },\n deleteLine(page,line) {\n const self=this;\n get_strings([\n {key: 'studyline_confirm_remove', param: line.name, component: 'local_treestudyplan' },\n {key: 'delete', component: 'core' },\n ]).then(function(s){\n self.$bvModal.msgBoxConfirm(s[0], {\n okTitle: s[1],\n okVariant: 'danger',\n }).then(function(modalresponse){\n if(modalresponse){\n call([{\n methodname: 'local_treestudyplan_delete_studyline',\n args: { 'id': line.id, }\n }])[0].then(function(response){\n if(response.success == true){\n let index = page.studylines.indexOf(line);\n page.studylines.splice(index, 1);\n }\n }).catch(notification.exception);\n }\n });\n });\n },\n reorderLines(event,lines){\n\n // apply reordering\n event.apply(lines);\n // send the new sequence to the server\n let sequence = [];\n for(let idx in lines)\n {\n sequence.push({'id': lines[idx].id,'sequence': idx});\n }\n call([{\n methodname: 'local_treestudyplan_reorder_studylines',\n args: { 'sequence': sequence }\n }])[0].then(function(response){\n }).catch(notification.exception);\n },\n deletePlan(studyplan){\n const self=this;\n get_strings([\n {key: 'studyplan_confirm_remove', param: studyplan.name, component: 'local_treestudyplan' },\n {key: 'delete', component: 'core' },\n ]).then(function(s){\n self.$bvModal.msgBoxConfirm(s[0], {\n okTitle: s[1],\n okVariant: 'danger',\n }).then(function(modalresponse){\n if(modalresponse){\n call([{\n methodname: 'local_treestudyplan_delete_studyplan',\n args: { 'id': studyplan.id, force: true}\n }])[0].then(function(response){\n if(response.success == true){\n self.$root.$emit(\"studyplanRemoved\",studyplan);\n }\n }).catch(notification.exception);\n }\n });\n });\n },\n deleteStudyItem(event){\n //const self = this;\n let item = event.data;\n call([{\n methodname: 'local_treestudyplan_delete_studyitem',\n args: { 'id': item.id, }\n }])[0].then(function(response){\n if(response.success == true){\n event.source.$emit('cut',event);\n }\n }).catch(notification.exception);\n\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){ // Really wish that 'for of' would work with the minifier moodle uses\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 periodEdited(pi) {\n const prev = this.$refs[\"periodeditor-\" + (pi.period - 1)][0];\n if(prev) {\n prev.refresh();\n }\n const next = this.$refs[\"periodeditor-\" + (pi.period + 1)][0];\n if(next) {\n next.refresh();\n }\n },\n add_day(date,days) {\n if( days === undefined ){\n days = 1;\n }\n return add_days(date,days);\n },\n sub_day(date,days) {\n if( days === undefined ){\n days = 1;\n }\n return add_days(date,0 - days);\n },\n toolbox_switched(event){\n this.$emit('toggletoolbox',event);\n },\n pagecreated(page) {\n this.value.pages.push(page);\n },\n selectedpageChanged(newTabIndex,prevTabIndex) {\n const page = this.value.pages[newTabIndex];\n this.$emit('pagechanged',page);\n }\n }\n ,\n template:\n `\n 0?' secondary':' primary')\"\n :accepts-type=\"checkType\"\n @drop=\"onDrop\"\n mode=\"cut\"\n @dragenter=\"onDragEnter\"\n @dragleave=\"onDragLeave\"\n >\n \n
\n `,\n });\n\n //TAG: Course competency\n Vue.component('t-item-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 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 = `/admin/tool/lp/competencies.php?competencyid=${p.id}`;\n } else {\n url = `/admin/tool/lp/competencies.php?competencyframeworkid=${p.id}&pagecontextid=${p.contextid}`;\n }\n \n s += `${p.title}`;\n }\n return s;\n },\n requiredChanged(newValue,c){\n call([{\n methodname: 'local_treestudyplan_require_competency',\n args: { 'competency_id': c.id,\n 'item_id': this.item.id,\n 'required': newValue,\n }\n }])[0].catch(notification.exception);\n },\n },\n template: `\n \n
\n `,\n });\n /************************************\n * *\n * Toolbox list components *\n * *\n ************************************/\n Vue.component('t-item-junction',{\n props: {\n value : {\n type: Object,\n default: function(){ return {};},\n },\n },\n data() {\n return {\n condition_options: string_keys.conditions,\n };\n },\n methods: {\n\n },\n template: `\n \n \n \n \n \n \n {{ value.category.name }}\n \n \n \n \n \n \n {{ value.category.name }}\n \n \n \n \n \n `,\n });\n\n Vue.component('t-course-list',{\n props: {\n value : {\n type: Array,\n default: function(){ return {};},\n },\n },\n data() {\n return {\n };\n },\n methods: {\n makeType(){\n return {\n item: false,\n component: true,\n span: 1, //TODO: Detect longer courses and give them an appropriate span\n type: 'gradable',\n };\n },\n },\n template: `\n
\n
\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 layers: {\n type: Number,\n default: 1,\n },\n },\n data() {\n return {\n layerHeights: {}\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\n },\n methods: {\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 },\n template: `\n \n \n \n 0\"\n v-model=\"page.perioddesc[index-1]\"\n :identifier=\"Number(page.id)\"\n >\n \n \n\n \n \n 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 > \n
\n \n \n \n \n
\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 },\n data() {\n return {\n };\n },\n methods: {\n\n },\n template: `\n \n {{ value.shortname }}\n
\n \n
\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 \n \n \n \n \n \n \n \n {{ text.error }}\n \n \n \n \n
\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 format_date(this.value.course.startdate);\n },\n enddate(){\n if(this.value.course.enddate){\n return format_date(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 \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n \n \n \n \n \n
\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 \n
\n \n
\n {{ value.course.fullname }}
\n {{ value.course.context.path.join(\" / \")}}\n\n
\n \n \n {{text.not_enrolled}}\n \n \n \n {{text['completion_'+value.completion]}}\n
\n \n {{text['coursetiming_'+value.course.timing]}}
\n {{ startdate }} - {{ enddate }}\n
\n \n {{ startdate }} - {{ enddate }}\n
| \n | {{g.grade}} | \n\n | \n\n {{ text[\"view_feedback\"]}}\n {{ value.course.fullname }}\n {{g.name}}\n \n \n \n | \n
`;\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
| {{ text.aggregation_overall_one }}{{ text.aggregation_overall_all}}{{ text.aggregation_overall_any }} | \n|||
| {{text.completion_not_configured}}!\n | \n|||
| 1\"\n >{{ text.aggregation_all}}{{ text.aggregation_any}}{{ text.aggregation_one }}\n {{ cgroup.title.toLowerCase() }}:\n | \n|||
|---|---|---|---|
| \n \n \n | \n \n \n | \n\n {{ text[\"view_feedback\"]}}\n {{ course.fullname }}\n {{ci.name}}\n \n \n \n | \n |
| {{text.completion_not_enabled}} | \n|||
| {{text.student_not_tracked}} | \n|||
| {{text.competencies_not_configured}}!\n {{text.configure_competencies}}\n | \n |||||||||||
| \n \n | \n\n \n \n | \n\n \n \n \n {{ (c.proficient === null)?text.unrated:c.grade }}\n \n \n | \n \n {{ text[\"view_feedback\"]}}\n {{ c.title }}\n \n \n \n | \n ||||||||
| {{text.heading}} | \n{{text.results}} | \n||||
|---|---|---|---|---|---|
| \n \n | \n\n \n \n | \n\n {{ (cc.proficient === null)?text.unrated:cc.grade }} | \n{{ cc.points }} {{ text.points }} | \n\n | \n\n {{ text[\"view_feedback\"]}}\n {{ cc.title }}\n \n \n \n | \n
\n \n \n \n \n \n \n \n
\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 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 \n \n
\n \n \n
\n \n \n {{ value.course.displayname }}\n \n
\n \n {{ value.course.fullname }}\n
\n {{ value.course.context.path.join(\" / \") }}\n
\n {{ value.course.fullname }}\n 0\"\n :useRequiredGrades=\"useRequiredGrades\"\n :plan=\"plan\"\n > \n \n
\n {{ value.course.context.path.join(\" / \") }}\n \n {{ value.course.numenrolled }} {{ text.students_from_plan_enrolled }}\n 1 {{ text.student_from_plan_enrolled }} \n
\n \n
\n \n \n
\n \n {{ text['coursetiming_'+value.course.timing] }}
\n {{ startdate }} - {{ enddate }}\n
\n \n {{ startdate }} - {{ enddate }}\n
\n
\n {{ value.course.fullname }}
\n {{ value.course.context.path.join(\" / \")}} / {{value.course.displayname}}\n\n
\n \n {{text['coursetiming_'+value.course.timing]}}
\n {{ value.course.startdate }} - {{ value.course.enddate }}\n
\n \n {{ value.course.startdate }} - {{ value.course.enddate }}\n
- \n
- \n {{text.grade_include}}{{text.grade_require}}\n \n
- \n
\n \n
\n \n
\n
\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 | \n | \n | \n\n | \n
| {{ text.aggregation_overall_one }}{{ text.aggregation_overall_all}}{{ text.aggregation_overall_any }} | \n|
| {{text.completion_not_configured}}!\n \n {{text.configure_completion}}\n \n | \n |
| 1\"\n >{{ text.aggregation_all}}{{ text.aggregation_any}}{{ text.aggregation_one }}\n {{ cgroup.title.toLowerCase() }}:\n | \n|
|---|---|
| \n \n | \n\n | \n
| \n {{ text.view_completion_report}}\n | |
| {{text.competencies_not_configured}}!\n {{text.configure_competencies}}\n | \n ||||||||||
| \n \n | \n\n \n \n | \n\n {{ text[\"view_feedback\"]}}\n {{ c.title }}\n \n \n \n | \n ||||||||
| {{text.heading}} | \n{{text.results}} | \n|||
|---|---|---|---|---|
| \n \n | \n\n \n \n | \n{{ cc.points }} {{ text.points }} | \n\n {{ text[\"view_feedback\"]}}\n {{ cc.title }}\n \n \n \n | \n
\n \n \n \n \n
\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 \n \n
\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 \n \n
\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 \n \n\n \n \n \n \n ![]()
\n \n \n
\n \n \n
\n `,\n });\n },\n};"],"names":["π","Math","PI","install","Vue","use","TSComponents","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","completioninfo","badgedisabled","course","not_enrolled","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","isVisible","elem","offsetWidth","offsetHeight","getClientRects","length","ItemEventBus","addEventListener","editSwEventTypes","editModeSet","e","preventDefault","$emit","detail","editMode","component","props","value","type","Number","max","default","min","stroke","bgopacity","title","String","icon","data","selectedstudyplan","computed","range","this","fraction","radius","arcpath","r","Δ","methods","template","invitekey","userid","text","studyplans","past","present","future","loadingstudyplan","teachermode","guestmode","verified_type","includes","studyplancount","updated","mounted","loadStudyplans","call_args","o","args","Array","isArray","self","methodname","then","response","console","info","plans","ix","plan","push","sort","a","b","t","Date","getTime","name","localeCompare","selectStudyplan","lengh","catch","notification","exception","studyplanid","id","deselectStudyplan","Object","Boolean","selectedpageindex","selectedpage","pages","startpageindex","firststart","page","s","pageduration","columns","periods","columns_stylerule","i","countLineLayers","line","maxLayer","slots","courses","item","layer","filters","showslot","index","layeridx","forGradable","show","list","span","selectedpageChanged","newTabIndex","prevTabIndex","$root","layers","layerHeights","created","$on","onLineHeightChange","lineid","$refs","mainEl","items","querySelectorAll","heightSum","forEach","el","height","getBoundingClientRect","heightStyle","style","slotindex","period","resizeListener","ResizeObserver","sizeElement","observe","itm","spanCss","lines","lineColor","redrawLine","conn","start","getElementById","from_id","end","to_id","remove","SimpleLine","color","gravity","redrawLines","lineinfo","undefined","connections","out","onWindowResize","onRedrawLines","removeLine","hasConnectionsOut","hasConnectionsIn","hasContext","setTimeout","window","beforeDestroy","removeEventListener","$off","beforeUpdate","dummy","noenddate","courseprogress","enrolled","count","grades","gradeprogress","hasprogressinfo","wwwroot","Config","completion_icon","circle_icon","g","pendingsubmission","result","useRequiredGrades","aggregation_info","completion_tag","cgroup","hasCompletions","conditions","requirementHTML","requirements","rqs","split","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","students","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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"}
\ No newline at end of file
diff --git a/amd/build/studyplan-editor-components.min.js b/amd/build/studyplan-editor-components.min.js
index d775f9d..cb91e5d 100644
--- a/amd/build/studyplan-editor-components.min.js
+++ b/amd/build/studyplan-editor-components.min.js
@@ -1,3 +1,3 @@
-define("local_treestudyplan/studyplan-editor-components",["exports","./simpleline/simpleline","core/ajax","core/notification","core/str","./util/string-helper","./util/date-helper","./studyplan-processor","./util/debugger","./downloader","core/edit_switch","./treestudyplan-components","./util/mform-helper"],(function(_exports,_simpleline,_ajax,_notification,_str,_stringHelper,_dateHelper,_studyplanProcessor,_debugger,_downloader,_edit_switch,_treestudyplanComponents,_mformHelper){function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}Object.defineProperty(_exports,"__esModule",{value:!0}),_exports.default=void 0,_notification=_interopRequireDefault(_notification),_debugger=_interopRequireDefault(_debugger),_treestudyplanComponents=_interopRequireDefault(_treestudyplanComponents),_mformHelper=_interopRequireDefault(_mformHelper);const STUDYPLAN_EDITOR_FIELDS=["name","shortname","description","idnumber","context_id","aggregation","aggregation_config"],PERIOD_EDITOR_FIELDS=["fullname","shortname","startdate","enddate"],datechanger_globals={default:!1,defaultchoice:!1,hidewarn:!1};var _default={STUDYPLAN_EDITOR_FIELDS:STUDYPLAN_EDITOR_FIELDS,install(Vue){Vue.use(_treestudyplanComponents.default),Vue.use(_mformHelper.default);let debug=new _debugger.default("treestudyplan-editor");function isVisible(elem){return!!(elem.offsetWidth||elem.offsetHeight||elem.getClientRects().length)}const ItemEventBus=new Vue;document.addEventListener(_edit_switch.eventTypes.editModeSet,(e=>{e.preventDefault(),ItemEventBus.$emit("editModeSet",e.detail.editMode)}));let string_keys=(0,_stringHelper.load_stringkeys)({conditions:[{value:"ALL",textkey:"condition_all"},{value:"ANY",textkey:"condition_any"}]}),strings=(0,_stringHelper.load_strings)({studyplan_text:{studyline_editmode:"studyline_editmode",toolbox_toggle:"toolbox_toggle",editmode_modules_hidden:"editmode_modules_hidden",studyline_add:"studyline_add",add$core:"add$core",edit$core:"edit$core",studyline_name:"studyline_name",studyline_name_ph:"studyline_name_ph",studyline_shortname:"studyline_shortname",studyline_shortname_ph:"studyline_shortname_ph",studyline_color:"studyline_color",associations:"associations",associated_cohorts:"associated_cohorts",associated_users:"associated_users",studyline_edit:"studyline_edit",studyplan_name:"studyplan_name",studyplan_name_ph:"studyplan_name_ph",studyplan_shortname:"studyplan_shortname",studyplan_shortname_ph:"studyplan_shortname_ph",studyplan_description:"studyplan_description",studyplan_description_ph:"studyplan_description_ph",studyplan_idnumber:"studyplan_idnumber",studyplan_idnumber_ph:"studyplan_idnumber_ph",studyplan_slots:"studyplan_slots",studyplan_startdate:"studyplan_startdate",studyplan_enddate:"studyplan_enddate"},studyplan_advanced:{advanced_tools:"advanced_tools",confirm_cancel:"confirm_cancel",confirm_ok:"confirm_ok",success$core:"success$core",error$core:"failed$core",advanced_converted:"advanced_converted",advanced_skipped:"advanced_skipped",advanced_failed:"advanced_failed",advanced_locked:"advanced_locked",advanced_multiple:"advanced_multiple",advanced_error:"advanced_error",advanced_tools_heading:"advanced_tools_heading",advanced_warning_title:"advanced_warning_title",advanced_warning:"advanced_warning",advanced_pick_scale:"advanced_pick_scale",advanced_course_manipulation_title:"advanced_course_manipulation_title",advanced_bulk_course_timing:"advanced_bulk_course_timing",advanced_bulk_course_timing_desc:"advanced_bulk_course_timing_desc",advanced_force_scale_title:"advanced_force_scale_title",advanced_force_scale_desc:"advanced_force_scale_desc",advanced_force_scale_button:"advanced_force_scale_button",advanced_confirm_header:"advanced_confirm_header",advanced_force_scale_confirm:"advanced_force_scale_confirm",advanced_backup_restore:"advanced_backup_restore",advanced_restore:"advanced_restore",advanced_backup:"advanced_backup",advanced_restore_pages:"advanced_restore_pages",advanced_restore_lines:"advanced_restore_lines",advanced_backup_plan:"advanced_backup_plan",advanced_backup_page:"advanced_backup_page",advanced_export:"advanced_export",advanced_export_csv_plan:"advanced_export_csv_plan",advanced_export_csv_page:"advanced_export_csv_page",advanced_import_from_file:"advanced_import_from_file",advanced_purge:"advanced_purge",advanced_purge_plan:"advanced_purge_plan",advanced_purge_plan_expl:"advanced_purge_plan_expl",advanced_purge_page:"advanced_purge_page",advanced_purge_page_expl:"advanced_purge_page_expl",advanced_cascade_cohortsync_title:"advanced_cascade_cohortsync_title",advanced_cascade_cohortsync_desc:"advanced_cascade_cohortsync_desc",advanced_cascade_cohortsync:"advanced_cascade_cohortsync",currentpage:"currentpage"},studyplan_edit:{studyplan_edit:"studyplan_edit",studyplan_add:"studyplan_add",studyplanpage_add:"studyplanpage_add",studyplanpage_edit:"studyplanpage_edit",info_periodsextended:"studyplanpage_info_periodsextended",warning:"warning@core"},period_edit:{edit:"period_edit",fullname:"studyplan_name",shortname:"studyplan_shortname",startdate:"studyplan_startdate",enddate:"studyplan_enddate"},course_timing:{title:"course_timing_title",desc:"course_timing_desc",question:"course_timing_question",warning:"course_timing_warning",timing_ok:"course_timing_ok",timing_off:"course_timing_off",course:"course@core",period:"period",yes:"yes$core",no:"no$core",duration:"duration",years:"years$core",year:"year$core",weeks:"weeks$core",week:"week$core",days:"days$core",day:"day$core",rememberchoice:"course_timing_rememberchoice",hidewarning:"course_timing_hidewarning",periodspan:"course_period_span",periods:"periods",periodspan_desc:"course_period_span_desc"},studyplan_associate:{associations:"associations",associated_cohorts:"associated_cohorts",associated_users:"associated_users",associate_cohorts:"associate_cohorts",associate_users:"associate_users",add_association:"add_association",delete_association:"delete_association",associations_empty:"associations_empty",associations_search:"associations_search",cohorts:"cohorts",users:"users",selected:"selected",name:"name",context:"context"},item_text:{select_conditions:"select_conditions",item_configuration:"item_configuration",ok:"ok@core",delete:"delete@core",item_delete_message:"item_delete_message",type_course:"course@core",type_junction:"tool-junction",type_start:"tool-start",type_finish:"tool-finish",type_badge:"tool-badge",type_invalid:"course-invalid"},item_course_text:{select_conditions:"select_conditions",select_grades:"select_grades",coursetiming_past:"coursetiming_past",coursetiming_present:"coursetiming_present",coursetiming_future:"coursetiming_future",grade_include:"grade_include",grade_require:"grade_require",ok:"ok@core",cancel:"cancel@core",delete:"delete@core"},invalid:{error:"error"},completion:{completion_completed:"completion_completed",completion_incomplete:"completion_incomplete",aggregation_all:"aggregation_all",aggregation_any:"aggregation_any",aggregation_overall_all:"aggregation_overall_all",aggregation_overall_any:"aggregation_overall_any",completion_not_configured:"completion_not_configured",configure_completion:"configure_completion"},competency:{competency_not_configured:"competency_not_configured",configure_competency:"configure_competency",when:"when",required:"required",points:"points@core_grades",heading:"competency_heading",details:"competency_details"},badge:{share_badge:"share_badge",dateissued:"dateissued",dateexpire:"dateexpire",badgeinfo:"badgeinfo"}});Vue.component("t-studyplan-advanced",{props:{value:{type:Object,default:()=>null},selectedpage:{type:Object,default:()=>null}},data:()=>({force_scales:{selected_scale:null,result:[]},text:strings.studyplan_advanced}),created(){},mounted(){},updated(){},computed:{scales(){return[{id:null,disabled:!0,name:this.text.advanced_pick_scale}].concat(this.value.advanced.force_scales.scales)}},methods:{force_scales_start(){const self=this;this.$bvModal.msgBoxConfirm(this.text.advanced_force_scale_confirm,{title:this.text.advanced_force_scale_confirm,okVariant:"danger",okTitle:this.text.confirm_ok,cancelTitle:this.text.confirm_cancel}).then((value=>{1==value&&(0,_ajax.call)([{methodname:"local_treestudyplan_force_studyplan_scale",args:{studyplan_id:this.value.id,scale_id:this.force_scales.selected_scale}}])[0].then((function(response){self.force_scales.result=response})).catch(_notification.default.exception)}))},export_page(format){const self=this;null!=format&&["json","csv"].includes(format)||(format="json"),(0,_ajax.call)([{methodname:"local_treestudyplan_export_page",args:{page_id:this.selectedpage.id,format:format}}])[0].then((function(response){(0,_downloader.download)(self.value.shortname+".page."+format,response.content,response.format)})).catch(_notification.default.exception)},export_plan(){const self=this;(0,_ajax.call)([{methodname:"local_treestudyplan_export_plan",args:{studyplan_id:this.value.id,format:"json"}}])[0].then((function(response){(0,_downloader.download)(self.value.shortname+".plan.json",response.content,response.format)})).catch(_notification.default.exception)},bulk_course_timing(){(0,_ajax.call)([{methodname:"local_treestudyplan_bulk_course_timing",args:{page_id:this.selectedpage.id}}])[0].then((function(response){response.success?location.reload():(this.$bvModal.msgBoxOk(response.msg,{title:"Could not set bulk course timing"}),debug.error("Could not set bulk course timing: ",response.msg))})).catch(_notification.default.exception)},import_studylines(){(0,_downloader.upload)(((filename,content)=>{(0,_ajax.call)([{methodname:"local_treestudyplan_import_studylines",args:{page_id:this.selectedpage.id,content:content,format:"application/json"}}])[0].then((function(response){response.success?location.reload():(this.$bvModal.msgBoxOk(response.msg,{title:"Import failed"}),debug.error("Import failed: ",response.msg))})).catch(_notification.default.exception)}),"application/json")},import_pages(){(0,_downloader.upload)(((filename,content)=>{(0,_ajax.call)([{methodname:"local_treestudyplan_import_pages",args:{studyplan_id:this.value.id,content:content,format:"application/json"}}])[0].then((function(response){response.success?location.reload():(this.$bvModal.msgBoxOk(response.msg,{title:"Import failed"}),debug.error("Import failed: ",response.msg))})).catch(_notification.default.exception)}),"application/json")},purge_studyplan(){(0,_ajax.call)([{methodname:"local_treestudyplan_delete_studyplan",args:{id:this.value.id,force:!0}}])[0].then((function(response){response.success?location.reload():(this.$bvModal.msgBoxOk(response.msg,{title:"Could not delete plan "}),debug.error("Could not delete plan: ",response.msg))})).catch(_notification.default.exception)},purge_studyplanpage(){this.selectedpage&&(0,_ajax.call)([{methodname:"local_treestudyplan_delete_studyplanpage",args:{id:this.selectedpage.id,force:!0}}])[0].then((function(response){response.success?location.reload():(this.$bvModal.msgBoxOk(response.msg,{title:"Could not delete page"}),debug.error("Could not delete page: ",response.msg))})).catch(_notification.default.exception)},cascade_cohortsync(){const self=this;(0,_ajax.call)([{methodname:"local_treestudyplan_cascade_cohortsync",args:{studyplan_id:this.value.id}}])[0].then((function(response){self.$bvModal.msgBoxOk(response.success?self.text.success$core:self.text.error$core,{title:self.text.advanced_cascade_cohortsync})})).catch(_notification.default.exception)},modal_close(){this.force_scales.result=[]}},template:'\n \n {{text.advanced_tools}}\n \n
\n \n {{ value.badge.name }}
\n\n
\n \n \n {{ text['completion_'+completion] }}\n \n
\n {{value.badge.description}}
\n- \n
- \n {{text.dateissued}}: {{ value.badge.dateissued }} \n
- \n {{text.dateexpired}}: {{ value.badge.dateexpired }} \n
- \n {{text.share_badge}} \n
| \n | |
|---|---|
| 1\"\n > | \n\n |
| \n \n \n | \n | \n
| \n | \n|
| {{text.badgedisabled}} | \n
{{text.badgeissuedstats}}:
\n
{{ text.advanced_cascade_cohortsync_title}}
\n{{ text.advanced_cascade_cohortsync_desc}}
\n{{ text.advanced_bulk_course_timing}}
\n{{ text.advanced_bulk_course_timing_desc}}
\n{{text.currentpage}} {{selectedpage.fullname}}
\n{{ text.advanced_force_scale_title}}
\n {{ text.advanced_force_scale_desc}}\n\n
- \n
- \n {{c.course.fullname}}\n
- \n
- \n {{text.advanced_converted}}{{text.advanced_skipped}}{{text.advanced_error}} \n
\n
{{ text.advanced_backup }}
\n{{ text.advanced_restore }}
\n{{ text.advanced_export }}
\n{{text.advanced_purge_page_expl}}
\n{{text.currentpage}} {{selectedpage.fullname}}
\n{{text.advanced_purge_plan_expl}}
\n\n \n \n \x3c!-- New Tab Button (Using tabs-end slot) --\x3e\n \n \n \n {{page.shortname}}\n \n \n \n {{text.studyline_name}} \n \n \n \n \n {{text.studyline_shortname}} \n \n \n \n \n \n {{text.studyline_color}} \n \n \n \x3c!-- hsluv-picker v-model="create.studyline.color" horizontal displaysize="175" >\n \n \n \n \n \n \n {{ text.studyline_name}} \n \n \n \n \n \n {{ text.studyline_shortname}} \n \n \n \n \n \n {{ text.studyline_color}} \n \n \n \n \n \n \n \n \n \n
\n '}),Vue.component("t-studyline-heading",{props:{value:{type:Object,default:function(){return{}}},layers:{type:Number,default:1}},data:()=>({layerHeights:{}}),created(){ItemEventBus.$on("lineHeightChange",this.onLineHeightChange)},computed:{},methods:{onLineHeightChange(lineid,layerid,newheight){if(this.$refs.main&&lineid==this.value.id){const items=document.querySelectorAll(`.t-studyline-slot-0[data-studyline='${this.value.id}']`);let heightSum=0;items.forEach((el=>{const height=el.getBoundingClientRect().height;heightSum+=height}));const heightStyle=`${heightSum}px`;this.$refs.main.style.height=heightStyle}}},template:'\n \n
\n \n {{ text.studyline_editmode }} \n {{ text.toolbox_toggle}} \n \n \n
\n \n \n \n \n \n \n \n \n \n \n \n
\n {{ text.editmode_modules_hidden}}
\n \n \n \n \x3c!-- Now paint the headings column --\x3e\n
\n \n \n
\n \x3c!-- Next, paint all the cells in the scrollable --\x3e\n \n
\n \n \x3c!-- add period information --\x3e \n \n
\n \n
\n '}),Vue.component("t-studyline-edit",{props:{value:{type:Object,default:function(){return{}}}},data:()=>({}),computed:{deletable(){const slots=this.value.slots;if(Array.isArray(slots)){let count=0;for(let i=0;i\n {{ value.shortname }}\n
\n --{{ hover.type }}--\n
\n '}),Vue.component("t-item-timing-checker",{props:{value:{type:Object},page:{type:Object},line:{type:Object},period:{type:Object},maxspan:{type:Number},hidden:{type:Boolean,default:!1}},computed:{endperiod(){const endperiodnr=Math.min(this.page.periods,this.period.period+(this.value.span-1));return this.page.perioddesc[endperiodnr-1]},course_period_matches(){const self=this;return self.value&&"course"==self.value.type?(self.datechanger.coursespan=(0,_dateHelper.datespaninfo)(self.value.course.startdate,self.value.course.enddate),self.datechanger.periodspan=(0,_dateHelper.datespaninfo)(self.period.startdate,self.endperiod.enddate),self.datechanger.coursespan.first.getTime()==self.datechanger.periodspan.first.getTime()&&self.datechanger.coursespan.last.getTime()==self.datechanger.periodspan.last.getTime()):(debug.warn("Timing thing not properly configured",self.value,self.period,self.maxspan),!1)}},data:()=>({id:Math.floor(Math.random()*Date.now()).toString(16),text:strings.course_timing,datechanger:{coursespan:null,periodspan:null,globals:datechanger_globals}}),methods:{validate_course_period(){const self=this;debug.info("Validating course and period"),self.course_period_matches?debug.info("Course timing matches period",self.datechanger):(debug.info("Course timing does not match period timing"),self.value.course.canupdatecourse?self.hidden&&self.datechanger.globals.default?self.datechanger.globals.defaultvalue&&self.change_course_period():this.$bvModal.show("t-course-timing-matching-"+this.id):self.hidden&&self.datechanger.globals.hidewarn||this.$bvModal.show("t-course-timing-warning-"+this.id))},has_filter(){this.page.slots},change_course_period(){const self=this;return self.datechanger.globals.default&&(self.datechanger.globals.defaultvalue=!0),(0,_ajax.call)([{methodname:"local_treestudyplan_course_period_timing",args:{period_id:self.period.id,course_id:this.value.course.id,span:this.value.span}}])[0].catch(_notification.default.exception).done((response=>{self.value.course.startdate=response.startdate,self.value.course.enddate=response.enddate,self.value.course.timing=response.timing,self.$emit("input",self.value)}))},checkFilterSlotBusy(slotindex){if(debug.info("checking filter",this.line.slots,slotindex,this.value.layer),this.line.slots[slotindex]){const list=this.line.slots[slotindex].filters;for(const ix in list)if(list[ix].layer==this.value.layer)return debug.info("Busy:",list[ix]),list[ix]}return null},nextFreeFilterLayer(slotindex){const layer=this.value.layer,list=this.line.slots[slotindex].filters,usedLayers=[];for(const ix in list)usedLayers.push(list[ix].layer);let nextlyr=layer+1;for(;usedLayers.includes(nextlyr);)nextlyr++;return nextlyr},checkCourseSlotBusy(slotindex){if(debug.info("checking ",this.line.slots,slotindex,this.value.layer),this.line.slots[slotindex]){const list=this.line.slots[slotindex].courses;for(const ix in list)if(list[ix].layer==this.value.layer)return debug.info("Busy:",list[ix]),list[ix]}return null},nextFreeCourseLayer(slotindex){const layer=this.value.layer,list=this.line.slots[slotindex].courses,usedLayers=[];for(const ix in list)usedLayers.push(list[ix].layer);let nextlyr=layer+1;for(;usedLayers.includes(nextlyr);)nextlyr++;return nextlyr},shift_collisions(span){const items=[];for(let i=this.value.slot;i\n \n \n \n \n \n \n \n {{ text.periodspan\n }} \n {{ n }} \n {{value.span}} {{\n (value.span == 1)?text.period.toLowerCase():text.periods.toLowerCase()\n }}\n \n \n \n \n {{ text.desc }} \n \n \n \n \n \n \n {{ text.rememberchoice }} \n \n \n \n \n {{ text.desc }} \n \n \n "6">\n \n \n \n {{ text.hidewarning }} \n \n \n
\n '}),Vue.component("t-item",{props:{value:{type:Object,default:()=>null},dummy:{type:Boolean,default:()=>!1},plan:{type:Object,default:()=>null},line:{type:Object,default:()=>null},page:{type:Object,default:()=>null},period:{type:Object,default:()=>null},maxspan:{type:Number,default:()=>0}},data:()=>({dragLine:null,dragEventListener:null,deleteMode:!1,condition_options:string_keys.conditions,text:strings.item_text,showContext:!1,lines:[]}),methods:{dragStart(event){this.deleteMode=!1;let start=document.getElementById("studyitem-"+this.value.id),dragelement=document.getElementById("t-item-cdrag-"+this.value.id);dragelement.style.position="fixed",dragelement.style.left=event.position.x+"px",dragelement.style.top=event.position.y+"px",this.dragLine=new _simpleline.SimpleLine(start,dragelement,{color:"#777",gravity:{start:1.3,end:1.3}}),document.addEventListener("mousemove",this.onMouseMove)},dragEnd(){null!==this.dragLine&&this.dragLine.remove();let dragelement=document.getElementById("t-item-cdrag-"+this.value.id);dragelement.style.removeProperty("left"),dragelement.style.removeProperty("top"),dragelement.style.removeProperty("position"),document.removeEventListener("mousemove",this.onMouseMove)},onMouseMove:function(event){let dragelement=document.getElementById("t-item-cdrag-"+this.value.id);dragelement.style.position="fixed",dragelement.style.left=event.clientX+"px",dragelement.style.top=event.clientY+"px"},onDrop(event){let from_id=event.data.id,to_id=this.value.id;this.redrawLines(),(0,_ajax.call)([{methodname:"local_treestudyplan_connect_studyitems",args:{from_id:from_id,to_id:to_id}}])[0].then((response=>{let conn={id:response.id,from_id:response.from_id,to_id:response.to_id};ItemEventBus.$emit("createdConnection",conn),this.value.connections.in.push(conn)})).catch(_notification.default.exception)},redrawLine(conn){const start=document.getElementById(`studyitem-${conn.from_id}`),end=document.getElementById(`studyitem-${conn.to_id}`);this.lines[conn.to_id]&&(this.lines[conn.to_id].remove(),delete this.lines[conn.to_id]),null!==start&&null!==end&&isVisible(start)&&isVisible(end)&&(this.lines[conn.to_id]=new _simpleline.SimpleLine(start,end,{color:"var(--success)",gravity:{start:1.3,end:1.3}}))},deleteLine(conn){const self=this;(0,_ajax.call)([{methodname:"local_treestudyplan_disconnect_studyitems",args:{from_id:conn.from_id,to_id:conn.to_id}}])[0].then((response=>{if(response.success){this.removeLine(conn),ItemEventBus.$emit("connectionDisconnected",conn);let index=self.value.connections.out.indexOf(conn);self.value.connections.out.splice(index,1)}})).catch(_notification.default.exception)},highlight(conn){this.lines[conn.to_id]&&this.lines[conn.to_id].setConfig({color:"var(--danger)"})},normalize(conn){this.lines[conn.to_id]&&this.lines[conn.to_id].setConfig({color:"var(--success)"})},updateItem(){(0,_ajax.call)([{methodname:"local_treestudyplan_edit_studyitem",args:{id:this.value.id,conditions:this.value.conditions,continuation_id:this.value.continuation_id}}])[0].catch(_notification.default.exception)},doShowContext(event){this.hasContext&&(this.showContext=!0,event.preventDefault())},redrawLines(){if(this.value.connections&&this.value.connections.out)for(let i in this.value.connections.out){let conn=this.value.connections.out[i];this.redrawLine(conn)}},onCreatedConnection(conn){conn.from_id==this.value.id&&(this.value.connections.out.push(conn),this.redrawLine(conn))},onRemovedConnection(conn){if(this.value.connections&&this.value.connections.out)for(let i in this.value.connections.in){let c_in=this.value.connections.in[i];conn.id==c_in.id&&self.value.connections.out.splice(i,1)}},onRePositioned(){this.redrawLines()},onDisPositioned(re_id){if(this.value.connections&&this.value.connections.out)for(let i in this.value.connections.out){let conn=this.value.connections.out[i];conn.to_id==re_id&&this.removeLine(conn)}},onItemDeleted(item_id){const self=this;if(this.value.connections&&this.value.connections.out)for(const i in this.value.connections.out){let conn=this.value.connections.out[i];conn.to_id==item_id&&(self.removeLine(conn),self.value.connections.out.splice(i,1))}if(this.value.connections&&this.value.connections.in)for(const i in this.value.connections.in){this.value.connections.in[i].from_id==item_id&&self.value.connections.out.splice(i,1)}},onRedrawLines(){this.redrawLines()},removeLine(conn){this.lines[conn.to_id]&&(this.lines[conn.to_id].remove(),delete this.lines[conn.to_id])},deleteItem(){const self=this,msgparams={item:this.text["type_"+this.value.type].toLocaleLowerCase(),name:"course"==this.value.type?this.value.course.displayname:"",line:this.line?this.line.name:"",period:this.period?this.period.fullname:this.plan.name};this.$bvModal.msgBoxConfirm((0,_stringHelper.strformat)(this.text.item_delete_message,msgparams),{okVariant:"danger",okTitle:this.text.ok,cancelTitle:this.text.cancel}).then((value=>{value&&(0,_ajax.call)([{methodname:"local_treestudyplan_delete_studyitem",args:{id:self.value.id}}])[0].then((function(response){1==response.success&&self.$emit("deleted",{data:self.value})})).catch(_notification.default.exception)})).catch((err=>{debug.console.error(err)}))}},computed:{hasConnectionsOut(){return!["finish"].includes(this.value.type)},hasConnectionsIn(){return!["start"].includes(this.value.type)},hasContext(){return["start","junction","finish"].includes(this.value.type)}},created(){this.dummy||(ItemEventBus.$on("createdConnection",this.onCreatedConnection),ItemEventBus.$on("removedConnection",this.onRemovedConnection),ItemEventBus.$on("rePositioned",this.onRePositioned),ItemEventBus.$on("disPositioned",this.onDisPositioned),ItemEventBus.$on("itemDeleted",this.onItemDeleted),ItemEventBus.$on("redrawLines",this.onRedrawLines))},mounted(){this.dummy||(this.redrawLines(),setTimeout((()=>{ItemEventBus.$emit("rePositioned",this.value.id)}),10))},beforeDestroy(){if(!this.dummy){for(let i in this.value.connections.out){let conn=this.value.connections.out[i];this.removeLine(conn)}ItemEventBus.$emit("disPositioned",this.value.id),ItemEventBus.$off("createdConnection",this.onCreatedConnection),ItemEventBus.$off("removedConnection",this.onRemovedConnection),ItemEventBus.$off("rePositioned",this.onRePositioned),ItemEventBus.$off("disPositioned",this.onDisPositioned),ItemEventBus.$off("itemDeleted",this.onItemDeleted),ItemEventBus.$off("redrawLines",this.onRedrawLines)}},beforeUpdate(){},updated(){this.dummy||this.redrawLines()},template:'\n {{ text.question }}
{{ text.course }}
\n{{ value.course.fullname }}
\n{{ value.course.shortname }}
\n{{ datechanger.coursespan.formatted.first}} - {{ datechanger.coursespan.formatted.last}}
\n{{ text.duration }}
\n {{ format_duration(datechanger.coursespan)}}
{{ text.period }}
\n{{ period.fullname }} - {{ endperiod.fullname }}
\n{{ period.shortname }} - {{ endperiod.shortname }}
\n{{ datechanger.periodspan.formatted.first}} - {{ datechanger.periodspan.formatted.last}}
\n{{ text.duration }}
\n {{ format_duration(datechanger.periodspan)}}
{{ text.warning }}
{{ text.course }}
\n{{ value.course.fullname }}
\n{{ value.course.shortname }}
\n{{ datechanger.coursespan.formatted.first}} - {{ datechanger.coursespan.formatted.last}}
\n{{ text.duration }}
\n {{ format_duration(datechanger.coursespan)}}
{{ text.period }}
\n{{ period.fullname }} - {{ endperiod.fullname }}
\n{{ period.shortname }} - {{ endperiod.shortname }}
\n{{ datechanger.periodspan.formatted.first}} - {{ datechanger.periodspan.formatted.last}}
\n{{ text.duration }}
\n {{ format_duration(datechanger.periodspan)}}
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n {{ text.ok }}\n \n \n\n \n
\n '}),Vue.component("t-item-invalid",{props:{value:{type:Object,default:function(){return null}}},data:()=>({text:strings.invalid}),methods:{},template:'\n \n '}),Vue.component("t-item-course",{props:{value:{type:Object,default:()=>null},plan:{type:Object,default:()=>null},line:{type:Object,default:()=>null},page:{type:Object,default:()=>null},period:{type:Object,default:()=>null},maxspan:{type:Number,default:()=>0}},data:()=>({condition_options:string_keys.conditions,text:strings.item_course_text}),computed:{useItemConditions(){return!(!this.plan||!this.plan.aggregation_info||void 0===this.plan.aggregation_info.useItemConditions)&&this.plan.aggregation_info.useItemConditions},configurationState(){return this.hasGrades()||this.hasCompletions()||this.hasCompetencies()?"t-configured-ok":"t-configured-alert"},configurationIcon(){return this.hasGrades()||this.hasCompletions()||this.hasCompetencies()?"check":"exclamation-circle"},startdate(){return(0,_dateHelper.format_date)(this.value.course.startdate)},enddate(){return this.value.course.enddate?(0,_dateHelper.format_date)(this.value.course.enddate):this.text.noenddate}},methods:{hasGrades(){if(this.value.course.grades&&this.value.course.grades.length>0)for(const g of this.value.course.grades)if(g.selected)return!0;return!1},hasCompletions(){if(this.value.course.completion&&this.value.course.completion.conditions)for(const cgroup of this.value.course.completion.conditions)if(cgroup.items&&cgroup.items.length>0)return!0;return!1},hasCompetencies(){return!(!this.value.course.competency||!this.value.course.competency.competencies)&&this.value.course.competency.competencies.length>0},includeChanged(newValue,g){(0,_ajax.call)([{methodname:"local_treestudyplan_include_grade",args:{grade_id:g.id,item_id:this.value.id,include:newValue,required:g.required}}])[0].catch(_notification.default.exception)},requiredChanged(newValue,g){(0,_ajax.call)([{methodname:"local_treestudyplan_include_grade",args:{grade_id:g.id,item_id:this.value.id,include:g.selected,required:newValue}}])[0].catch(_notification.default.exception)},updateConditions(){(0,_ajax.call)([{methodname:"local_treestudyplan_edit_studyitem",args:{id:this.value.id,conditions:this.value.conditions}}])[0].catch(_notification.default.exception)}},created(){},template:'\n \n \n \n \n
\n \n \n \n \n \n 0\'\n v-model=\'value\' :plan="plan"\n >\n \n \n \n {{ text.ok }}\n \n \n \n
\n '}),Vue.component("t-item-course-grades",{props:{value:{type:Object,default:()=>null},plan:{type:Object,default:()=>null}},data:()=>({condition_options:string_keys.conditions,text:strings.item_course_text}),computed:{useRequiredGrades(){return!(!this.plan||!this.plan.aggregation_info||void 0===this.plan.aggregation_info.useRequiredGrades)&&this.plan.aggregation_info.useRequiredGrades},selectedgrades(){let list=[];for(let ix in this.value.course.grades){let g=this.value.course.grades[ix];g.selected&&list.push(g)}return list}},methods:{includeChanged(newValue,g){(0,_ajax.call)([{methodname:"local_treestudyplan_include_grade",args:{grade_id:g.id,item_id:this.value.id,include:newValue,required:g.required}}])[0].catch(_notification.default.exception)},requiredChanged(newValue,g){(0,_ajax.call)([{methodname:"local_treestudyplan_include_grade",args:{grade_id:g.id,item_id:this.value.id,include:g.selected,required:newValue}}])[0].catch(_notification.default.exception)}},created(){},template:'\n \n
\n \n \n
\n \n \n \n {{ value.course.displayname }}\n \n
\n \n
\n {{ value.course.fullname }}\n \n
\n {{ value.course.context.path.join(" / ")}} / {{value.course.shortname}}\n\n \n
\n \n\n \n {{text[\'coursetiming_\'+value.course.timing]}}
\n {{ startdate }} - {{ enddate }}\n
\n \n {{ startdate }} - {{ enddate }}\n
\n
\n '}),Vue.component("t-item-course-completion",{props:{value:{type:Object,default:function(){return{}}},guestmode:{type:Boolean,default:!1},course:{type:Object,default:function(){return{}}}},data:()=>({text:strings.completion}),created(){const self=this;let stringkeys=[];for(const key in this.text)stringkeys.push({key:key,component:"local_treestudyplan"});(0,_str.get_strings)(stringkeys).then((function(strings){let i=0;for(const key in self.text)self.text[key]=strings[i],i++}))},computed:{hasCompletions(){if(this.value.conditions)for(const cgroup of this.value.conditions)if(cgroup.items&&cgroup.items.length>0)return!0;return!1}},methods:{completion_icon(completion){switch(completion){case"progress":return"exclamation-circle";case"complete":case"complete-pass":return"check-circle";case"complete-fail":return"times-circle";default:return"circle-o"}},completion_tag:cgroup=>cgroup.completion?"completed":"incomplete"},template:"\n - \n
- \n {{text.grade_include}}{{text.grade_require}}\n \n
- \n
\n \n \n \n
| {{ text.aggregation_overall_all}}{{ text.aggregation_overall_any}} | \n|
| {{text.completion_not_configured}}!\n {{text.configure_completion}}\n | \n |
| 1\"\n >{{ text.aggregation_all}}{{ text.aggregation_any}}\n {{cgroup.title}} | \n|
|---|---|
| \n | \n\n {{ci.details.requirement}}\n | \n
| {{text.competency_not_configured}}\n {{text.configure_competency}}\n | \n |||||||||
| {{text.heading}} | \n\n | {{text.required}} | \n|||||||
|---|---|---|---|---|---|---|---|---|---|
| \n | \n \n | \n\n | \n
| {{text.heading}} | \n\n | {{text.required}} | \n|
|---|---|---|---|
| \n | \n | {{ cc.points }} {{ text.points }} | \n{{ text.required }} | \n
\n \n
\n "}),Vue.component("t-item-finish",{props:{value:{type:Object,default:function(){return{}}}},data:()=>({}),methods:{},template:"\n \n \n
\n "}),Vue.component("t-item-start",{props:{value:{type:Object,default:function(){return{}}}},data:()=>({}),created(){},methods:{},template:"\n \n \n
\n "}),Vue.component("t-item-badge",{props:{value:{type:Object,default:function(){return{badge:{}}}}},data:()=>({txt:strings,text:strings.item_text}),methods:{},template:'\n \n \n \n \n \n \n \n ![]()
\n \n \n \n \n {{ text.delete }}\n \n \n {{ text.ok }}\n \n \n \n\n
\n '}),Vue.component("t-coursecat-list",{props:{value:{type:Array,default:function(){return{}}}},data:()=>({}),methods:{},template:'\n \n
\n \n \n {{ value.badge.name }}
\n{{value.badge.description}}
\n- \n
- \n
- \n
{{ text.advanced_cascade_cohortsync_title}}
\n{{ text.advanced_cascade_cohortsync_desc}}
\n{{ text.advanced_bulk_course_timing}}
\n{{ text.advanced_bulk_course_timing_desc}}
\n{{text.currentpage}} {{selectedpage.fullname}}
\n{{ text.advanced_force_scale_title}}
\n {{ text.advanced_force_scale_desc}}\n\n
- \n
- \n {{c.course.fullname}}\n
- \n
- \n {{text.advanced_converted}}{{text.advanced_skipped}}{{text.advanced_error}} \n
\n
{{ text.advanced_backup }}
\n{{ text.advanced_restore }}
\n{{ text.advanced_export }}
\n{{text.advanced_purge_page_expl}}
\n{{text.currentpage}} {{selectedpage.fullname}}
\n{{text.advanced_purge_plan_expl}}
\n\n \n \n \x3c!-- New Tab Button (Using tabs-end slot) --\x3e\n \n \n \n {{page.shortname}}\n \n \n \n {{text.studyline_name}} \n \n \n \n \n {{text.studyline_shortname}} \n \n \n \n \n \n {{text.studyline_color}} \n \n \n \x3c!-- hsluv-picker v-model="create.studyline.color" horizontal displaysize="175" >\n \n \n \n \n \n \n {{ text.studyline_name}} \n \n \n \n \n \n {{ text.studyline_shortname}} \n \n \n \n \n \n {{ text.studyline_color}} \n \n \n \n \n \n \n \n \n \n
\n '}),Vue.component("t-studyline-heading",{props:{value:{type:Object,default:function(){return{}}},layers:{type:Number,default:1}},data:()=>({layerHeights:{}}),created(){ItemEventBus.$on("lineHeightChange",this.onLineHeightChange)},computed:{},methods:{onLineHeightChange(lineid,layerid,newheight){if(this.$refs.main&&lineid==this.value.id){const items=document.querySelectorAll(`.t-studyline-slot-0[data-studyline='${this.value.id}']`);let heightSum=0;items.forEach((el=>{const height=el.getBoundingClientRect().height;heightSum+=height}));const heightStyle=`${heightSum}px`;this.$refs.main.style.height=heightStyle}}},template:'\n \n
\n \n {{ text.studyline_editmode }} \n {{ text.toolbox_toggle}} \n \n \n
\n \n \n \n \n \n \n \n \n \n \n \n
\n {{ text.editmode_modules_hidden}}
\n \n \n \n \x3c!-- Now paint the headings column --\x3e\n
\n \n \n
\n \x3c!-- Next, paint all the cells in the scrollable --\x3e\n \n
\n \n \x3c!-- add period information --\x3e \n \n
\n \n
\n '}),Vue.component("t-studyline-edit",{props:{value:{type:Object,default:function(){return{}}}},data:()=>({}),computed:{deletable(){const slots=this.value.slots;if(Array.isArray(slots)){let count=0;for(let i=0;i\n {{ value.shortname }}\n
\n --{{ hover.type }}--\n
\n '}),Vue.component("t-item-timing-checker",{props:{value:{type:Object},page:{type:Object},line:{type:Object},period:{type:Object},maxspan:{type:Number},hidden:{type:Boolean,default:!1}},computed:{endperiod(){const endperiodnr=Math.min(this.page.periods,this.period.period+(this.value.span-1));return this.page.perioddesc[endperiodnr-1]},course_period_matches(){const self=this;return self.value&&"course"==self.value.type?(self.datechanger.coursespan=(0,_dateHelper.datespaninfo)(self.value.course.startdate,self.value.course.enddate),self.datechanger.periodspan=(0,_dateHelper.datespaninfo)(self.period.startdate,self.endperiod.enddate),self.datechanger.coursespan.first.getTime()==self.datechanger.periodspan.first.getTime()&&self.datechanger.coursespan.last.getTime()==self.datechanger.periodspan.last.getTime()):(debug.warn("Timing thing not properly configured",self.value,self.period,self.maxspan),!1)}},data:()=>({id:Math.floor(Math.random()*Date.now()).toString(16),text:strings.course_timing,datechanger:{coursespan:null,periodspan:null,globals:datechanger_globals}}),methods:{validate_course_period(){const self=this;debug.info("Validating course and period"),self.course_period_matches?debug.info("Course timing matches period",self.datechanger):(debug.info("Course timing does not match period timing"),self.value.course.canupdatecourse?self.hidden&&self.datechanger.globals.default?self.datechanger.globals.defaultvalue&&self.change_course_period():this.$bvModal.show("t-course-timing-matching-"+this.id):self.hidden&&self.datechanger.globals.hidewarn||this.$bvModal.show("t-course-timing-warning-"+this.id))},has_filter(){this.page.slots},change_course_period(){const self=this;return self.datechanger.globals.default&&(self.datechanger.globals.defaultvalue=!0),(0,_ajax.call)([{methodname:"local_treestudyplan_course_period_timing",args:{period_id:self.period.id,course_id:this.value.course.id,span:this.value.span}}])[0].catch(_notification.default.exception).done((response=>{self.value.course.startdate=response.startdate,self.value.course.enddate=response.enddate,self.value.course.timing=response.timing,self.$emit("input",self.value)}))},checkFilterSlotBusy(slotindex){if(debug.info("checking filter",this.line.slots,slotindex,this.value.layer),this.line.slots[slotindex]){const list=this.line.slots[slotindex].filters;for(const ix in list)if(list[ix].layer==this.value.layer)return debug.info("Busy:",list[ix]),list[ix]}return null},nextFreeFilterLayer(slotindex){const layer=this.value.layer,list=this.line.slots[slotindex].filters,usedLayers=[];for(const ix in list)usedLayers.push(list[ix].layer);let nextlyr=layer+1;for(;usedLayers.includes(nextlyr);)nextlyr++;return nextlyr},checkCourseSlotBusy(slotindex){if(debug.info("checking ",this.line.slots,slotindex,this.value.layer),this.line.slots[slotindex]){const list=this.line.slots[slotindex].courses;for(const ix in list)if(list[ix].layer==this.value.layer)return debug.info("Busy:",list[ix]),list[ix]}return null},nextFreeCourseLayer(slotindex){const layer=this.value.layer,list=this.line.slots[slotindex].courses,usedLayers=[];for(const ix in list)usedLayers.push(list[ix].layer);let nextlyr=layer+1;for(;usedLayers.includes(nextlyr);)nextlyr++;return nextlyr},shift_collisions(span){const items=[];for(let i=this.value.slot;i\n \n \n \n \n \n \n \n {{ text.periodspan\n }} \n {{ n }} \n {{value.span}} {{\n (value.span == 1)?text.period.toLowerCase():text.periods.toLowerCase()\n }}\n \n \n \n \n {{ text.desc }} \n \n \n \n \n \n \n {{ text.rememberchoice }} \n \n \n \n \n {{ text.desc }} \n \n \n "6">\n \n \n \n {{ text.hidewarning }} \n \n \n
\n '}),Vue.component("t-item",{props:{value:{type:Object,default:()=>null},dummy:{type:Boolean,default:()=>!1},plan:{type:Object,default:()=>null},line:{type:Object,default:()=>null},page:{type:Object,default:()=>null},period:{type:Object,default:()=>null},maxspan:{type:Number,default:()=>0}},data:()=>({dragLine:null,dragEventListener:null,deleteMode:!1,condition_options:string_keys.conditions,text:strings.item_text,showContext:!1,lines:[]}),methods:{dragStart(event){this.deleteMode=!1;let start=document.getElementById("studyitem-"+this.value.id),dragelement=document.getElementById("t-item-cdrag-"+this.value.id);dragelement.style.position="fixed",dragelement.style.left=event.position.x+"px",dragelement.style.top=event.position.y+"px",this.dragLine=new _simpleline.SimpleLine(start,dragelement,{color:"#777",gravity:{start:1.3,end:1.3}}),document.addEventListener("mousemove",this.onMouseMove)},dragEnd(){null!==this.dragLine&&this.dragLine.remove();let dragelement=document.getElementById("t-item-cdrag-"+this.value.id);dragelement.style.removeProperty("left"),dragelement.style.removeProperty("top"),dragelement.style.removeProperty("position"),document.removeEventListener("mousemove",this.onMouseMove)},onMouseMove:function(event){let dragelement=document.getElementById("t-item-cdrag-"+this.value.id);dragelement.style.position="fixed",dragelement.style.left=event.clientX+"px",dragelement.style.top=event.clientY+"px"},onDrop(event){let from_id=event.data.id,to_id=this.value.id;this.redrawLines(),(0,_ajax.call)([{methodname:"local_treestudyplan_connect_studyitems",args:{from_id:from_id,to_id:to_id}}])[0].then((response=>{let conn={id:response.id,from_id:response.from_id,to_id:response.to_id};ItemEventBus.$emit("createdConnection",conn),this.value.connections.in.push(conn)})).catch(_notification.default.exception)},redrawLine(conn){const start=document.getElementById(`studyitem-${conn.from_id}`),end=document.getElementById(`studyitem-${conn.to_id}`);this.lines[conn.to_id]&&(this.lines[conn.to_id].remove(),delete this.lines[conn.to_id]),null!==start&&null!==end&&isVisible(start)&&isVisible(end)&&(this.lines[conn.to_id]=new _simpleline.SimpleLine(start,end,{color:"var(--success)",gravity:{start:1.3,end:1.3}}))},deleteLine(conn){const self=this;(0,_ajax.call)([{methodname:"local_treestudyplan_disconnect_studyitems",args:{from_id:conn.from_id,to_id:conn.to_id}}])[0].then((response=>{if(response.success){this.removeLine(conn),ItemEventBus.$emit("connectionDisconnected",conn);let index=self.value.connections.out.indexOf(conn);self.value.connections.out.splice(index,1)}})).catch(_notification.default.exception)},highlight(conn){this.lines[conn.to_id]&&this.lines[conn.to_id].setConfig({color:"var(--danger)"})},normalize(conn){this.lines[conn.to_id]&&this.lines[conn.to_id].setConfig({color:"var(--success)"})},updateItem(){(0,_ajax.call)([{methodname:"local_treestudyplan_edit_studyitem",args:{id:this.value.id,conditions:this.value.conditions,continuation_id:this.value.continuation_id}}])[0].catch(_notification.default.exception)},doShowContext(event){this.hasContext&&(this.showContext=!0,event.preventDefault())},redrawLines(){if(this.value.connections&&this.value.connections.out)for(let i in this.value.connections.out){let conn=this.value.connections.out[i];this.redrawLine(conn)}},onCreatedConnection(conn){conn.from_id==this.value.id&&(this.value.connections.out.push(conn),this.redrawLine(conn))},onRemovedConnection(conn){if(this.value.connections&&this.value.connections.out)for(let i in this.value.connections.in){let c_in=this.value.connections.in[i];conn.id==c_in.id&&self.value.connections.out.splice(i,1)}},onRePositioned(){this.redrawLines()},onDisPositioned(re_id){if(this.value.connections&&this.value.connections.out)for(let i in this.value.connections.out){let conn=this.value.connections.out[i];conn.to_id==re_id&&this.removeLine(conn)}},onItemDeleted(item_id){const self=this;if(this.value.connections&&this.value.connections.out)for(const i in this.value.connections.out){let conn=this.value.connections.out[i];conn.to_id==item_id&&(self.removeLine(conn),self.value.connections.out.splice(i,1))}if(this.value.connections&&this.value.connections.in)for(const i in this.value.connections.in){this.value.connections.in[i].from_id==item_id&&self.value.connections.out.splice(i,1)}},onRedrawLines(){this.redrawLines()},removeLine(conn){this.lines[conn.to_id]&&(this.lines[conn.to_id].remove(),delete this.lines[conn.to_id])},deleteItem(){const self=this,msgparams={item:this.text["type_"+this.value.type].toLocaleLowerCase(),name:"course"==this.value.type?this.value.course.displayname:"",line:this.line?this.line.name:"",period:this.period?this.period.fullname:this.plan.name};this.$bvModal.msgBoxConfirm((0,_stringHelper.strformat)(this.text.item_delete_message,msgparams),{okVariant:"danger",okTitle:this.text.ok,cancelTitle:this.text.cancel}).then((value=>{value&&(0,_ajax.call)([{methodname:"local_treestudyplan_delete_studyitem",args:{id:self.value.id}}])[0].then((function(response){1==response.success&&self.$emit("deleted",{data:self.value})})).catch(_notification.default.exception)})).catch((err=>{debug.console.error(err)}))}},computed:{hasConnectionsOut(){return!["finish"].includes(this.value.type)},hasConnectionsIn(){return!["start"].includes(this.value.type)},hasContext(){return["start","junction","finish"].includes(this.value.type)}},created(){this.dummy||(ItemEventBus.$on("createdConnection",this.onCreatedConnection),ItemEventBus.$on("removedConnection",this.onRemovedConnection),ItemEventBus.$on("rePositioned",this.onRePositioned),ItemEventBus.$on("disPositioned",this.onDisPositioned),ItemEventBus.$on("itemDeleted",this.onItemDeleted),ItemEventBus.$on("redrawLines",this.onRedrawLines))},mounted(){this.dummy||(this.redrawLines(),setTimeout((()=>{ItemEventBus.$emit("rePositioned",this.value.id)}),10))},beforeDestroy(){if(!this.dummy){for(let i in this.value.connections.out){let conn=this.value.connections.out[i];this.removeLine(conn)}ItemEventBus.$emit("disPositioned",this.value.id),ItemEventBus.$off("createdConnection",this.onCreatedConnection),ItemEventBus.$off("removedConnection",this.onRemovedConnection),ItemEventBus.$off("rePositioned",this.onRePositioned),ItemEventBus.$off("disPositioned",this.onDisPositioned),ItemEventBus.$off("itemDeleted",this.onItemDeleted),ItemEventBus.$off("redrawLines",this.onRedrawLines)}},beforeUpdate(){},updated(){this.dummy||this.redrawLines()},template:'\n {{ text.question }}
{{ text.course }}
\n{{ value.course.fullname }}
\n{{ value.course.shortname }}
\n{{ datechanger.coursespan.formatted.first}} - {{ datechanger.coursespan.formatted.last}}
\n{{ text.duration }}
\n {{ format_duration(datechanger.coursespan)}}
{{ text.period }}
\n{{ period.fullname }} - {{ endperiod.fullname }}
\n{{ period.shortname }} - {{ endperiod.shortname }}
\n{{ datechanger.periodspan.formatted.first}} - {{ datechanger.periodspan.formatted.last}}
\n{{ text.duration }}
\n {{ format_duration(datechanger.periodspan)}}
{{ text.warning }}
{{ text.course }}
\n{{ value.course.fullname }}
\n{{ value.course.shortname }}
\n{{ datechanger.coursespan.formatted.first}} - {{ datechanger.coursespan.formatted.last}}
\n{{ text.duration }}
\n {{ format_duration(datechanger.coursespan)}}
{{ text.period }}
\n{{ period.fullname }} - {{ endperiod.fullname }}
\n{{ period.shortname }} - {{ endperiod.shortname }}
\n{{ datechanger.periodspan.formatted.first}} - {{ datechanger.periodspan.formatted.last}}
\n{{ text.duration }}
\n {{ format_duration(datechanger.periodspan)}}
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n {{ text.ok }}\n \n \n\n \n
\n '}),Vue.component("t-item-invalid",{props:{value:{type:Object,default:function(){return null}}},data:()=>({text:strings.invalid}),methods:{},template:'\n \n '}),Vue.component("t-item-course",{props:{value:{type:Object,default:()=>null},plan:{type:Object,default:()=>null},line:{type:Object,default:()=>null},page:{type:Object,default:()=>null},period:{type:Object,default:()=>null},maxspan:{type:Number,default:()=>0}},data:()=>({condition_options:string_keys.conditions,text:strings.item_course_text}),computed:{useItemConditions(){return!(!this.plan||!this.plan.aggregation_info||void 0===this.plan.aggregation_info.useItemConditions)&&this.plan.aggregation_info.useItemConditions},configurationState(){return this.hasGrades()||this.hasCompletions()||this.hasCompetencies()?"t-configured-ok":"t-configured-alert"},configurationIcon(){return this.hasGrades()||this.hasCompletions()||this.hasCompetencies()?"check":"exclamation-circle"},startdate(){return(0,_dateHelper.format_date)(this.value.course.startdate)},enddate(){return this.value.course.enddate?(0,_dateHelper.format_date)(this.value.course.enddate):this.text.noenddate},wwwroot:()=>_config.default.wwwroot},methods:{hasGrades(){if(this.value.course.grades&&this.value.course.grades.length>0)for(const g of this.value.course.grades)if(g.selected)return!0;return!1},hasCompletions(){if(this.value.course.completion&&this.value.course.completion.conditions)for(const cgroup of this.value.course.completion.conditions)if(cgroup.items&&cgroup.items.length>0)return!0;return!1},hasCompetencies(){return!(!this.value.course.competency||!this.value.course.competency.competencies)&&this.value.course.competency.competencies.length>0},includeChanged(newValue,g){(0,_ajax.call)([{methodname:"local_treestudyplan_include_grade",args:{grade_id:g.id,item_id:this.value.id,include:newValue,required:g.required}}])[0].catch(_notification.default.exception)},requiredChanged(newValue,g){(0,_ajax.call)([{methodname:"local_treestudyplan_include_grade",args:{grade_id:g.id,item_id:this.value.id,include:g.selected,required:newValue}}])[0].catch(_notification.default.exception)},updateConditions(){(0,_ajax.call)([{methodname:"local_treestudyplan_edit_studyitem",args:{id:this.value.id,conditions:this.value.conditions}}])[0].catch(_notification.default.exception)}},created(){},template:'\n \n \n \n \n
\n \n \n \n \n \n 0\'\n v-model=\'value\' :plan="plan"\n >\n \n \n \n {{ text.ok }}\n \n \n \n
\n '}),Vue.component("t-item-course-grades",{props:{value:{type:Object,default:()=>null},plan:{type:Object,default:()=>null}},data:()=>({condition_options:string_keys.conditions,text:strings.item_course_text}),computed:{useRequiredGrades(){return!(!this.plan||!this.plan.aggregation_info||void 0===this.plan.aggregation_info.useRequiredGrades)&&this.plan.aggregation_info.useRequiredGrades},selectedgrades(){let list=[];for(let ix in this.value.course.grades){let g=this.value.course.grades[ix];g.selected&&list.push(g)}return list}},methods:{includeChanged(newValue,g){(0,_ajax.call)([{methodname:"local_treestudyplan_include_grade",args:{grade_id:g.id,item_id:this.value.id,include:newValue,required:g.required}}])[0].catch(_notification.default.exception)},requiredChanged(newValue,g){(0,_ajax.call)([{methodname:"local_treestudyplan_include_grade",args:{grade_id:g.id,item_id:this.value.id,include:g.selected,required:newValue}}])[0].catch(_notification.default.exception)}},created(){},template:'\n \n
\n \n \n
\n \n \n \n {{ value.course.displayname }}\n \n
\n \n
\n {{ value.course.fullname }}\n \n
\n {{ value.course.context.path.join(" / ")}} / {{value.course.shortname}}\n\n \n
\n \n\n \n {{text[\'coursetiming_\'+value.course.timing]}}
\n {{ startdate }} - {{ enddate }}\n
\n \n {{ startdate }} - {{ enddate }}\n
\n
\n '}),Vue.component("t-item-course-completion",{props:{value:{type:Object,default:function(){return{}}},guestmode:{type:Boolean,default:!1},course:{type:Object,default:function(){return{}}}},data:()=>({text:strings.completion}),created(){const self=this;let stringkeys=[];for(const key in this.text)stringkeys.push({key:key,component:"local_treestudyplan"});(0,_str.get_strings)(stringkeys).then((function(strings){let i=0;for(const key in self.text)self.text[key]=strings[i],i++}))},computed:{hasCompletions(){if(this.value.conditions)for(const cgroup of this.value.conditions)if(cgroup.items&&cgroup.items.length>0)return!0;return!1},wwwroot:()=>_config.default.wwwroot},methods:{completion_icon(completion){switch(completion){case"progress":return"exclamation-circle";case"complete":case"complete-pass":return"check-circle";case"complete-fail":return"times-circle";default:return"circle-o"}},completion_tag:cgroup=>cgroup.completion?"completed":"incomplete"},template:"\n - \n
- \n {{text.grade_include}}{{text.grade_require}}\n \n
- \n
\n \n \n \n
| {{ text.aggregation_overall_all}}{{ text.aggregation_overall_any}} | \n|
| {{text.completion_not_configured}}!\n {{text.configure_completion}}\n | \n |
| 1\"\n >{{ text.aggregation_all}}{{ text.aggregation_any}}\n {{cgroup.title}} | \n|
|---|---|
| \n | \n\n {{ci.details.requirement}}\n | \n
| {{text.competency_not_configured}}\n {{text.configure_competency}}\n | \n |||||||||
| {{text.heading}} | \n\n | {{text.required}} | \n|||||||
|---|---|---|---|---|---|---|---|---|---|
| \n | \n \n | \n\n | \n
| {{text.heading}} | \n\n | {{text.required}} | \n|
|---|---|---|---|
| \n | \n | {{ cc.points }} {{ text.points }} | \n{{ text.required }} | \n
\n \n
\n "}),Vue.component("t-item-finish",{props:{value:{type:Object,default:function(){return{}}}},data:()=>({}),methods:{},template:"\n \n \n
\n "}),Vue.component("t-item-start",{props:{value:{type:Object,default:function(){return{}}}},data:()=>({}),created(){},methods:{},template:"\n \n \n
\n "}),Vue.component("t-item-badge",{props:{value:{type:Object,default:function(){return{badge:{}}}}},data:()=>({txt:strings,text:strings.item_text}),methods:{},template:'\n \n \n \n \n \n \n \n ![]()
\n \n \n \n \n {{ text.delete }}\n \n \n {{ text.ok }}\n \n \n \n\n
\n '}),Vue.component("t-coursecat-list",{props:{value:{type:Array,default:function(){return{}}}},data:()=>({}),methods:{},template:'\n \n
\n \n \n {{ value.badge.name }}
\n{{value.badge.description}}
\n- \n
- \n
- \n
{{ text.advanced_cascade_cohortsync_title}}
\n{{ text.advanced_cascade_cohortsync_desc}}
\n{{ text.advanced_bulk_course_timing}}
\n{{ text.advanced_bulk_course_timing_desc}}
\n{{text.currentpage}} {{selectedpage.fullname}}
\n{{ text.advanced_force_scale_title}}
\n {{ text.advanced_force_scale_desc}}\n\n
- 0\">\n
- \n {{c.course.fullname}}\n
- 0\">\n
- \n {{text.advanced_converted}}{{text.advanced_skipped}}{{text.advanced_error}} \n
\n
{{ text.advanced_backup }}
\n{{ text.advanced_restore }}
\n{{ text.advanced_export }}
\n{{text.advanced_purge_page_expl}}
\n{{text.currentpage}} {{selectedpage.fullname}}
\n{{text.advanced_purge_plan_expl}}
\n\n \n \n \n \n \n \n {{page.shortname}}\n \n \n \n {{text.studyline_name}} \n \n \n \n \n {{text.studyline_shortname}} \n \n \n \n \n \n {{text.studyline_color}} \n \n \n \n \n \n \n \n \n \n \n {{ text.studyline_name}} \n \n \n \n \n \n {{ text.studyline_shortname}} \n \n \n \n \n \n {{ text.studyline_color}} \n \n \n \n \n \n \n \n \n \n
\n `\n });\n\n\n /*\n * T-STUDYLINE-HEADER\n */\n Vue.component('t-studyline-heading', {\n props: {\n value : {\n type: Object, // Studyline\n default: function(){ return {};},\n },\n layers: {\n type: Number,\n default: 1,\n },\n },\n data() {\n return {\n layerHeights: {}\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\n },\n methods: {\n onLineHeightChange(lineid,layerid,newheight){\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.main && lineid == this.value.id){\n const items = document.querySelectorAll(\n `.t-studyline-slot-0[data-studyline='${this.value.id}']`);\n\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.main.style.height = heightStyle;\n }\n }\n },\n template: `\n \n
\n \n {{ text.studyline_editmode }} \n {{ text.toolbox_toggle}} \n \n \n
\n \n \n \n \n \n \n \n \n \n \n \n
\n {{ text.editmode_modules_hidden}}
\n \n \n \n \n
\n \n \n
\n \n \n
\n \n \n \n 0\"\n v-model=\"page.perioddesc[index-1]\"\n > 1) ? add_day(page.perioddesc[index-2].startdate,2) : null\"\n :maxend=\"(index < page.periods) ? sub_day(page.perioddesc[index].enddate,2) : null\"\n > \n \n \n\n \n \n 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 :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 + ((layernr == countLineLayers(line,page)+1)?' newlyr ':' ')\"\n >
\n \n
\n `,\n });\n\n /*\n * T-STUDYLINE (Used only for study line edit mode)\n */\n Vue.component('t-studyline-edit', {\n props: {\n value : {\n type: Object, // Studyline\n default: function(){ return {};},\n }\n },\n data() {\n return {\n };\n },\n computed: {\n deletable() {\n // Check if all the slots are empty\n const slots = this.value.slots;\n if(Array.isArray(slots)){\n let count = 0;\n for(let i = 0; i < slots.length; i++) {\n if(Array.isArray(slots[i].courses)){\n count += slots[i].courses.length;\n }\n if(Array.isArray(slots[i].filters)){\n count += slots[i].filters.length;\n }\n }\n return (count == 0);\n } else {\n return false;\n }\n },\n editable() {\n return true;\n }\n },\n methods: {\n onEdit() {\n this.$emit('edit',this.value);\n },\n onDelete() {\n this.$emit('delete',this.value);\n },\n\n },\n template: `\n \n `,\n });\n\n /*\n * During a redisign it was decided to have the studyline still get the entire array as a value,\n * even though it only shows one drop slot for the layer it is in. This is to make repainting easier,\n * since we modify the array for the layer we handle. FIXME: Make this less weird\n */\n Vue.component('t-studyline-slot', {\n props: {\n type : {\n type: String,\n default: 'gradable',\n },\n slotindex : {\n type: Number,\n default: '',\n },\n line : {\n type: Object,\n default(){ return null;},\n },\n layer : {\n type: Number,\n },\n value: {\n type: Array, // dict with layer as index\n default(){ return [];},\n },\n plan: {\n type: Object, // Studyplan data\n default(){ return null;},\n },\n page: {\n type: Object, // Studyplan data\n default(){ return null;},\n },\n period: {\n type: Object, // Studyplan data\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.main){\n const size = self.$refs.main.getBoundingClientRect();\n\n ItemEventBus.$emit('lineHeightChange', self.line.id, self.layer, size.height);\n }\n }).observe(self.$refs.main);\n }\n },\n unmounted() {\n if(this.resizeListener) {\n this.resizeListener.disconnect();\n }\n },\n computed: {\n slotkey(){\n return `${this.type}'-'${this.line.id}-${this.slotindex}-${this.layer}`;\n },\n itemidx(){\n for(const ix in this.value){\n const itm = this.value[ix];\n if(itm.layer == this.layer){\n return ix;\n }\n }\n return null;\n },\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 listtype() {\n return this.type;\n },\n dragacceptlist(){\n if(this.type == \"gradable\"){\n return [\"course\", \"gradable-item\"];\n } else {\n return [\"filter\", \"filter-item\"];\n }\n },\n courseHoverDummy(){\n return {course: this.hover.component};\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 },\n data() {\n return {\n text: strings.course_timing,\n resizeListener: null,\n hover: {\n component:null,\n type: null,\n },\n datechanger: {\n coursespan: null,\n periodspan: null,\n default: false,\n defaultchoice: false,\n hidewarn: false,\n }\n };\n },\n methods: {\n onDrop(event) {\n this.hover.component = null;\n this.hover.type = null;\n debug.info(event);\n const self = this;\n if(event.type.item) {\n let item = event.data;\n\n // To avoid weird visuals with the lines,\n // we add the item to the proper place in the front-end first\n item.layer = this.layer;\n item.slot = this.slotindex;\n self.value.push(item);\n self.$emit(\"input\",self.value);\n\n // then on the next tick, we inform the back end\n // Since moving things around has never been unsuccessful, unless you have other problems,\n // it's better to have nice visuals.\n self.relocateStudyItem(item).done(()=>{\n if(this.$refs.timingChecker){\n this.$refs.timingChecker.validate_course_period();\n }\n });\n }\n else if(event.type.component){\n debug.info(\"Adding new component\");\n if(event.type.type == \"gradable\"){\n call([{\n methodname: 'local_treestudyplan_add_studyitem',\n args: {\n \"line_id\": self.line.id,\n \"slot\" : self.slotindex,\n \"layer\" : self.layer,\n \"type\": 'course',\n \"details\": {\n \"competency_id\": null,\n 'conditions':'',\n 'course_id':event.data.id,\n 'badge_id':null,\n 'continuation_id':null,\n }\n }\n }])[0].then((response) => {\n let item = response;\n self.relocateStudyItem(item).done(()=>{\n self.value.push(item);\n self.$emit(\"input\",self.value);\n\n // call the validate period function on next tick,\n // since it paints the item in the slot first\n this.$nextTick(() => {\n if(this.$refs.timingChecker){\n this.$refs.timingChecker.validate_course_period();\n }\n });\n ItemEventBus.$emit('coursechange');\n });\n }).catch(notification.exception);\n }\n else if(event.type.type == \"filter\") {\n debug.info(\"Adding new filter compenent\");\n call([{\n methodname: 'local_treestudyplan_add_studyitem',\n args: {\n \"line_id\": self.line.id,\n \"slot\" : self.slotindex,\n \"type\": event.data.type,\n \"details\":{\n \"badge_id\": event.data.badge?event.data.badge.id:undefined,\n }\n }\n }])[0].then((response) => {\n let item = response;\n self.relocateStudyItem(item).done(()=>{\n item.layer = this.layer;\n self.value.push(item);\n self.$emit(\"input\",self.value);\n });\n }).catch(notification.exception);\n }\n }\n },\n onCut(event) {\n const self=this;\n let id = event.data.id;\n for(let i = 0; i < self.value.length; i++){\n if(self.value[i].id == id){\n self.value.splice(i, 1); i--;\n break; // just remove one\n }\n }\n // Do something to signal that this item has been removed\n this.$emit(\"input\",this.value);\n ItemEventBus.$emit('coursechange');\n },\n relocateStudyItem(item){\n const iteminfo = {'id': item.id, 'layer': this.layer, 'slot': this.slotindex, 'line_id': this.line.id};\n return call([{\n methodname: 'local_treestudyplan_reorder_studyitems',\n args: { 'items': [iteminfo] } // function was designed to relocate multiple items at once, hence the array\n }])[0].catch(notification.exception);\n },\n onDragEnter(event){\n this.hover.component = event.data;\n this.hover.type = event.type;\n },\n onDragLeave(){\n this.hover.component = null;\n this.hover.type = null;\n },\n maxSpan(){\n // Determine the maximum span for components in this slot\n return this.page.periods - this.slotindex + 1;\n },\n makeType(item){\n return {\n item: true,\n component: false,\n span: item.span,\n type: this.type,\n };\n },\n checkType(type) {\n if(type.type == this.type){\n if(type == 'filter'){\n return true;\n } else if(type.span <= this.maxSpan()){\n return true;\n } else {\n return false;\n }\n } else {\n return false;\n }\n }\n },\n template: `\n \n {{ value.shortname }}\n
\n --{{ hover.type }}--\n
\n `,\n });\n\n\n Vue.component('t-item-timing-checker', {\n props: {\n value: {\n type: Object, // t-item model\n },\n page: {\n type: Object, // Studyplanpage\n },\n line: {\n type: Object, // Studyline\n },\n period: {\n type: Object, // Studyplan data\n },\n maxspan: {\n type: Number,\n },\n hidden: {\n type: Boolean,\n default: false,\n }\n },\n computed: {\n endperiod() {\n const endperiodnr = Math.min(this.page.periods,this.period.period + (this.value.span - 1));\n return this.page.perioddesc[endperiodnr-1];\n },\n course_period_matches() {\n const self=this;\n if(self.value && self.value.type == 'course'){\n self.datechanger.coursespan = datespaninfo(self.value.course.startdate,self.value.course.enddate);\n self.datechanger.periodspan = datespaninfo(self.period.startdate,self.endperiod.enddate);\n if( self.datechanger.coursespan.first.getTime() == self.datechanger.periodspan.first.getTime()\n && self.datechanger.coursespan.last.getTime() == self.datechanger.periodspan.last.getTime() ){\n return true;\n }\n else {\n return false;\n }\n } else {\n debug.warn(\"Timing thing not properly configured\",self.value,self.period,self.maxspan);\n return false;\n }\n },\n },\n data() {\n return {\n // Create random id to avoid opening the wrong modals\n id: Math.floor(Math.random() * Date.now()).toString(16),\n text: strings.course_timing,\n datechanger: {\n coursespan: null,\n periodspan: null,\n globals: datechanger_globals,\n }\n };\n },\n methods: {\n validate_course_period() {\n const self = this;\n\n debug.info(\"Validating course and period\");\n if(!(self.course_period_matches)){\n debug.info(\"Course timing does not match period timing\");\n\n if(self.value.course.canupdatecourse){\n if(!self.hidden || !self.datechanger.globals.default){\n // Periods do not match, pop up the date change request\n this.$bvModal.show('t-course-timing-matching-'+this.id);\n } else if (self.datechanger.globals.defaultvalue){\n // go for it without asking\n self.change_course_period();\n }\n }\n else {\n // user is not able to change course timing - show a warning\n if(!self.hidden || !self.datechanger.globals.hidewarn){\n this.$bvModal.show('t-course-timing-warning-'+this.id);\n }\n }\n }\n else {\n debug.info(\"Course timing matches period\",self.datechanger);\n }\n },\n has_filter() {\n const slots = this.page.slots;\n },\n change_course_period() {\n const self=this;\n // Save the state\n if(self.datechanger.globals.default){\n self.datechanger.globals.defaultvalue = true;\n }\n return call([{\n methodname: 'local_treestudyplan_course_period_timing',\n args: { period_id: self.period.id,\n course_id: this.value.course.id,\n span: this.value.span,\n }\n }])[0].catch(notification.exception).done((response) => {\n self.value.course.startdate = response.startdate;\n self.value.course.enddate = response.enddate;\n self.value.course.timing = response.timing;\n self.$emit(\"input\",self.value);\n });\n },\n checkFilterSlotBusy(slotindex) {\n debug.info(\"checking filter\",this.line.slots, slotindex,this.value.layer);\n if (this.line.slots[slotindex]) {\n const list = this.line.slots[slotindex].filters;\n for(const ix in list) {\n if( list[ix].layer == this.value.layer) {\n debug.info(\"Busy:\",list[ix]);\n return list[ix];\n }\n }\n }\n return null;\n },\n nextFreeFilterLayer(slotindex) {\n const layer = this.value.layer;\n const list = this.line.slots[slotindex].filters;\n const usedLayers = [];\n for(const ix in list) {\n usedLayers.push(list[ix].layer);\n }\n let nextlyr = layer+1;\n while (usedLayers.includes(nextlyr)) {\n nextlyr++;\n }\n return nextlyr;\n },\n checkCourseSlotBusy(slotindex) {\n debug.info(\"checking \",this.line.slots, slotindex,this.value.layer);\n if (this.line.slots[slotindex]) {\n const list = this.line.slots[slotindex].courses;\n for(const ix in list) {\n if( list[ix].layer == this.value.layer) {\n debug.info(\"Busy:\",list[ix]);\n return list[ix];\n }\n }\n }\n return null;\n },\n nextFreeCourseLayer(slotindex) {\n const layer = this.value.layer;\n const list = this.line.slots[slotindex].courses;\n const usedLayers = [];\n for(const ix in list) {\n usedLayers.push(list[ix].layer);\n }\n let nextlyr = layer+1;\n while (usedLayers.includes(nextlyr)) {\n nextlyr++;\n }\n return nextlyr;\n },\n shift_collisions(span) {\n // Check all periods for collision\n const shiftfilters = [];\n const shiftcourses = [];\n const items = [];\n for(let i = this.value.slot; i < this.value.slot + span; i++) {\n const busyFilter = this.checkFilterSlotBusy(i);\n if (busyFilter) {\n const nextlyr = this.nextFreeFilterLayer(i);\n items.push({\n id: busyFilter.id,\n layer: nextlyr,\n line_id: this.line.id,\n slot: busyFilter.slot,\n });\n busyFilter.layer = nextlyr;\n }\n const busyCourse = this.checkCourseSlotBusy(i);\n if (busyCourse && busyCourse.id != this.value.id) {\n const nextlyr = this.nextFreeCourseLayer(i);\n items.push({ \n id: busyCourse.id,\n layer: nextlyr,\n line_id: this.line.id,\n slot: busyCourse.slot,\n });\n busyCourse.layer = nextlyr;\n }\n }\n if (items.length > 0){\n call([{\n methodname: 'local_treestudyplan_reorder_studyitems',\n args: { items: items }\n }])[0].catch(notification.exception).done((response) => {\n \n });\n }\n },\n change_span(span) {\n const self=this;\n this.shift_collisions(span);\n return call([{\n methodname: 'local_treestudyplan_set_studyitem_span',\n args: { id: self.value.id,\n span: span\n }\n }])[0].catch(notification.exception).done((response) => {\n self.value.span = response.span;\n self.$emit('input',self.value);\n self.$nextTick(() => {\n self.validate_course_period();\n });\n } );\n },\n format_duration(dsi){\n let s = \"\";\n if(dsi.years == 1){ s += `1 ${this.text.year}, `;}\n else if(dsi.years > 1){ s += `${dsi.years} ${this.text.years}, `;}\n if(dsi.weeks == 1){ s += `1 ${this.text.week}, `;}\n else if(dsi.weeks > 1){ s += `${dsi.weeks} ${this.text.weeks}, `;}\n if(dsi.days == 1){ s += `1 ${this.text.day}, `;}\n else if(dsi.days > 1){ s += `${dsi.days} ${this.text.days}, `;}\n\n return s.toLocaleLowerCase();\n },\n },\n // To avoid the span creeping in the dom where it shouldn't, set display to none if it is hidden\n // This does not affect the modals, which are rendered outside of this element when needed\n template: `\n \n \n \n \n \n \n \n \n {{ text.periodspan\n }} 1\"\n class=\"\"\n size=\"sm\" @change=\"change_span\" v-model=\"value.span\">\n {{ n }} \n {{value.span}} {{\n (value.span == 1)?text.period.toLowerCase():text.periods.toLowerCase()\n }}\n \n \n \n \n {{ text.desc }} \n \n \n \n \n \n \n {{ text.rememberchoice }} \n \n \n \n \n {{ text.desc }} \n \n \n \"6\">\n \n \n \n {{ text.hidewarning }} \n \n \n
\n `,\n });\n\n\n Vue.component('t-item', {\n props: {\n value :{\n type: Object,\n default(){ return null;},\n },\n dummy :{\n type: Boolean,\n default() { return false;},\n },\n plan: {\n type: Object, // Studyplan page\n default() { return null;},\n },\n line: {\n type: Object, // Studyplan page\n default() { return null;},\n },\n page: {\n type: Object, // Studyplan page\n default() { return null;},\n },\n period: {\n type: Object, // Studyplan page\n default() { return null;},\n },\n maxspan: {\n type: Number,\n default() { return 0;},\n },\n },\n data() {\n return {\n dragLine: null,\n dragEventListener: null,\n deleteMode: false,\n condition_options: string_keys.conditions,\n text: strings.item_text,\n showContext: false,\n lines: [],\n };\n },\n methods: {\n dragStart(event){\n // Add line between start point and drag image\n this.deleteMode = false;\n let start = document.getElementById('studyitem-'+this.value.id);\n let dragelement= document.getElementById('t-item-cdrag-'+this.value.id);\n dragelement.style.position = 'fixed';\n dragelement.style.left = event.position.x+'px';\n dragelement.style.top = event.position.y+'px';\n this.dragLine = new SimpleLine(start,dragelement,{\n color: \"#777\",\n gravity: {\n start: LINE_GRAVITY,\n end: LINE_GRAVITY,\n },\n });\n // Add separate event listener to reposition mouse move\n document.addEventListener(\"mousemove\",this.onMouseMove);\n },\n dragEnd(){\n if(this.dragLine !== null) {\n this.dragLine.remove();\n }\n let dragelement = document.getElementById('t-item-cdrag-'+this.value.id);\n dragelement.style.removeProperty('left');\n dragelement.style.removeProperty('top');\n dragelement.style.removeProperty('position');\n document.removeEventListener(\"mousemove\",this.onMouseMove);\n },\n onMouseMove: function(event){\n let dragelement = document.getElementById('t-item-cdrag-'+this.value.id);\n dragelement.style.position = 'fixed';\n dragelement.style.left = event.clientX+'px';\n dragelement.style.top = event.clientY+'px';\n // line will follow automatically\n },\n onDrop(event){\n let from_id = event.data.id;\n let to_id = this.value.id;\n this.redrawLines();\n call([{\n methodname: 'local_treestudyplan_connect_studyitems',\n args: { 'from_id': from_id, 'to_id': to_id }\n }])[0].then((response)=>{\n let conn = {'id': response.id, 'from_id': response.from_id, 'to_id': response.to_id};\n ItemEventBus.$emit(\"createdConnection\",conn);\n this.value.connections.in.push(conn);\n }).catch(notification.exception);\n },\n redrawLine(conn){\n const lineColor = \"var(--success)\";\n const start = document.getElementById(`studyitem-${conn.from_id}`);\n const 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 // create a new line if the start and finish items are visible\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 });\n }\n\n },\n deleteLine(conn){\n const self = this;\n call([{\n methodname: 'local_treestudyplan_disconnect_studyitems',\n args: { 'from_id': conn.from_id, 'to_id': conn.to_id }\n }])[0].then((response)=>{\n if(response.success){\n this.removeLine(conn);\n // send disconnect event on message bus, so the connection on the other end can delete it too\n ItemEventBus.$emit(\"connectionDisconnected\",conn);\n // Remove connection from our outgoing list\n let index = self.value.connections.out.indexOf(conn);\n self.value.connections.out.splice(index, 1);\n }\n }).catch(notification.exception);\n },\n highlight(conn){\n if(this.lines[conn.to_id]){\n this.lines[conn.to_id].setConfig({color:\"var(--danger)\",});\n }\n },\n normalize(conn){\n if(this.lines[conn.to_id]){\n this.lines[conn.to_id].setConfig({color:\"var(--success)\",});\n }\n },\n updateItem() {\n call([{\n methodname: 'local_treestudyplan_edit_studyitem',\n args: { 'id': this.value.id,\n 'conditions': this.value.conditions,\n 'continuation_id': this.value.continuation_id,}\n }])[0].catch(notification.exception);\n },\n doShowContext(event) {\n if(this.hasContext){\n this.showContext=true;\n event.preventDefault();\n }\n },\n redrawLines(){\n if(this.value.connections && this.value.connections.out){\n for(let i in this.value.connections.out){\n let conn = this.value.connections.out[i];\n this.redrawLine(conn);\n }\n }\n },\n\n // EVENT LISTENERS\n onCreatedConnection(conn){\n if(conn.from_id == this.value.id){\n this.value.connections.out.push(conn);\n this.redrawLine(conn);\n }\n },\n // Listener for the signal that a connection was removed by the outgoing item\n onRemovedConnection(conn){\n if(this.value.connections && this.value.connections.out){\n for(let i in this.value.connections.in){\n let c_in = this.value.connections.in[i];\n if(conn.id == c_in.id){\n self.value.connections.out.splice(i, 1);\n }\n }\n }\n },\n // Listener for reposition events\n // When an item in the list is repositioned, all lines need to be redrawn\n onRePositioned(){\n this.redrawLines();\n },\n // When an item is disPositioned - (temporarily) removed from the list,\n // all connections need to be deleted.\n onDisPositioned(re_id){\n if(this.value.connections && this.value.connections.out){\n for(let i in this.value.connections.out){\n let conn = this.value.connections.out[i];\n if(conn.to_id == re_id){\n this.removeLine(conn);\n }\n }\n }\n },\n\n // When an item is deleted\n // all connections to/from that item need to be cleaned up\n onItemDeleted(item_id){\n const self = this;\n if(this.value.connections && this.value.connections.out){\n for(const i in this.value.connections.out){\n let conn = this.value.connections.out[i];\n if(conn.to_id == item_id){\n self.removeLine(conn);\n self.value.connections.out.splice(i, 1);\n }\n }\n }\n if(this.value.connections && this.value.connections.in){\n for(const i in this.value.connections.in){\n let conn = this.value.connections.in[i];\n if(conn.from_id == item_id){\n self.value.connections.out.splice(i, 1);\n }\n }\n }\n },\n\n onRedrawLines(){\n this.redrawLines();\n },\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 deleteItem(){\n const self = this;\n const msgparams = {\n item: this.text['type_' + this.value.type].toLocaleLowerCase(),\n name: (this.value.type=='course')?this.value.course.displayname:\"\",\n line: (this.line) ? this.line.name : \"\",\n period: (this.period) ? this.period.fullname : this.plan.name,\n };\n\n this.$bvModal.msgBoxConfirm(strformat(this.text.item_delete_message, msgparams), {\n okVariant : 'danger',\n okTitle : this.text.ok,\n cancelTitle: this.text.cancel,\n }).then(value => {\n if ( value ) {\n // Confirmed to delete.\n call([{\n methodname: 'local_treestudyplan_delete_studyitem',\n args: { 'id': self.value.id, }\n }])[0].then(function(response){\n if(response.success == true){\n self.$emit(\"deleted\",{ data: self.value });\n }\n }).catch(notification.exception);\n }\n }).catch(err => {\n debug.console.error(err);\n });\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 // Add event listeners on the message bus\n // But only if not in \"dummy\" mode - mode which is used for droplist placeholders\n // Since an item is \"fully made\" with all references, not specifying dummy mode really messes things up\n if(!this.dummy){\n\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('createdConnection', this.onCreatedConnection);\n // Listener for the signal that a connection was removed by the outgoing item\n ItemEventBus.$on('removedConnection', this.onRemovedConnection);\n // Listener for reposition events\n // When an item in the list is repositioned, all lines need to be redrawn\n ItemEventBus.$on('rePositioned', this.onRePositioned);\n // When an item is disPositioned - (temporarily) removed from the list,\n // all connections need to be deleted.\n ItemEventBus.$on('disPositioned', this.onDisPositioned);\n // When an item is deleted\n // all connections to/from that item need to be cleaned up\n ItemEventBus.$on('itemDeleted', this.onItemDeleted);\n ItemEventBus.$on('redrawLines', this.onRedrawLines);\n\n\n }\n },\n mounted(){\n // Initialize connection lines when mounting\n // But only if not in \"dummy\" mode - mode which is used for droplist placeholders\n // Since an item is \"fully made\" with all references, not specifying dummy mode really messes things up\n\n if(!this.dummy)\n {\n this.redrawLines();\n setTimeout(()=>{\n ItemEventBus.$emit(\"rePositioned\",this.value.id);\n },10);\n }\n },\n beforeDestroy(){\n if(!this.dummy) {\n for(let i in this.value.connections.out){\n let conn = this.value.connections.out[i];\n this.removeLine(conn);\n }\n ItemEventBus.$emit(\"disPositioned\",this.value.id);\n\n // Remove event listeners\n ItemEventBus.$off('createdConnection', this.onCreatedConnection);\n ItemEventBus.$off('removedConnection', this.onRemovedConnection);\n ItemEventBus.$off('rePositioned', this.onRePositioned);\n ItemEventBus.$off('disPositioned', this.onDisPositioned);\n ItemEventBus.$off('itemDeleted', this.onItemDeleted);\n ItemEventBus.$off('redrawLines', this.onRedrawLines);\n }\n },\n beforeUpdate(){\n },\n updated(){\n if(!this.dummy) {\n this.redrawLines();\n }\n },\n template: `\n {{ text.question }}
{{ text.course }}
\n{{ value.course.fullname }}
\n{{ value.course.shortname }}
\n{{ datechanger.coursespan.formatted.first}} - {{ datechanger.coursespan.formatted.last}}
\n{{ text.duration }}
\n {{ format_duration(datechanger.coursespan)}}
{{ text.period }}
\n{{ period.fullname }} 1\"> - {{ endperiod.fullname }}
\n{{ period.shortname }} 1\"> - {{ endperiod.shortname }}
\n{{ datechanger.periodspan.formatted.first}} - {{ datechanger.periodspan.formatted.last}}
\n{{ text.duration }}
\n {{ format_duration(datechanger.periodspan)}}
{{ text.warning }}
{{ text.course }}
\n{{ value.course.fullname }}
\n{{ value.course.shortname }}
\n{{ datechanger.coursespan.formatted.first}} - {{ datechanger.coursespan.formatted.last}}
\n{{ text.duration }}
\n {{ format_duration(datechanger.coursespan)}}
{{ text.period }}
\n{{ period.fullname }} 1\"> - {{ endperiod.fullname }}
\n{{ period.shortname }} 1\"> - {{ endperiod.shortname }}
\n{{ datechanger.periodspan.formatted.first}} - {{ datechanger.periodspan.formatted.last}}
\n{{ text.duration }}
\n {{ format_duration(datechanger.periodspan)}}
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n {{ text.ok }}\n \n \n\n \n
\n `,\n });\n\n Vue.component('t-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 \n `,\n });\n\n //TAG: Course item\n Vue.component('t-item-course', {\n props: {\n value:{\n type: Object,\n default(){ return null;},\n },\n plan:{\n type: Object,\n default(){ return null;},\n },\n line:{\n type: Object,\n default(){ return null;},\n },\n page: {\n type: Object, // PAge data\n default() { return null;}\n },\n period: {\n type: Object, // Period data\n default() { return null;}\n },\n maxspan: {\n type: Number,\n default() { return 0;}\n },\n },\n data() {\n return {\n condition_options: string_keys.conditions,\n text: strings.item_course_text,\n };\n },\n computed: {\n useItemConditions() {\n if(this.plan && this.plan.aggregation_info && this.plan.aggregation_info.useItemConditions !== undefined){\n return this.plan.aggregation_info.useItemConditions;\n }\n else {\n return false;\n }\n },\n\n configurationState(){\n if(this.hasGrades() || this.hasCompletions() || this.hasCompetencies()) {\n return \"t-configured-ok\";\n } else {\n return \"t-configured-alert\";\n }\n },\n\n configurationIcon(){\n if(this.hasGrades() || this.hasCompletions() || this.hasCompetencies()) {\n return \"check\";\n } else {\n return \"exclamation-circle\";\n }\n },\n startdate(){\n return format_date(this.value.course.startdate);\n },\n enddate(){\n if(this.value.course.enddate){\n return format_date(this.value.course.enddate);\n }\n else {\n return this.text.noenddate;\n }\n }\n\n },\n methods: {\n hasGrades() {\n if(this.value.course.grades && this.value.course.grades.length > 0){\n for(const g of this.value.course.grades){\n if(g.selected){\n return true;\n }\n }\n }\n return false;\n },\n hasCompletions() {\n if(this.value.course.completion && this.value.course.completion.conditions) {\n for(const cgroup of this.value.course.completion.conditions){\n if(cgroup.items && cgroup.items.length > 0){\n return true;\n }\n }\n }\n return false;\n },\n hasCompetencies() {\n if(this.value.course.competency && this.value.course.competency.competencies) {\n return (this.value.course.competency.competencies.length > 0);\n }\n return false;\n },\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 updateConditions() {\n call([{\n methodname: 'local_treestudyplan_edit_studyitem',\n args: { 'id': this.value.id,\n 'conditions': this.value.conditions,\n }\n }])[0].catch(notification.exception);\n },\n },\n created() {\n\n },\n template: `\n 0\"\n >\n \n \n \n
\n \n \n \n \n \n \n \n \n \n {{ text.ok }}\n \n \n \n
\n `,\n });\n\n\n Vue.component('t-item-course-grades', {\n props: {\n 'value' :{\n type: Object,\n default(){ return null;},\n },\n 'plan' :{\n type: Object,\n default(){ return null;},\n },\n },\n data() {\n return {\n condition_options: string_keys.conditions,\n text: strings.item_course_text,\n };\n },\n computed: {\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 selectedgrades(){\n let list = [];\n for(let ix in this.value.course.grades){\n let g = this.value.course.grades[ix];\n if(g.selected){\n list.push(g);\n }\n }\n return list;\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 created() {\n\n },\n template: `\n \n
\n \n \n
\n \n \n \n {{ value.course.displayname }}\n \n
\n \n
\n {{ value.course.fullname }}\n \n
\n {{ value.course.context.path.join(\" / \")}} / {{value.course.shortname}}\n\n \n
\n \n\n \n {{text['coursetiming_'+value.course.timing]}}
\n {{ startdate }} - {{ enddate }}\n
\n \n {{ startdate }} - {{ enddate }}\n
\n
\n `,\n });\n\n Vue.component('t-item-course-completion',{\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 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 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\n completion_tag(cgroup){\n return cgroup.completion?'completed':'incomplete';\n }\n },\n template: `\n - \n
- \n {{text.grade_include}}{{text.grade_require}}\n \n
- \n
\n \n \n \n
| {{ text.aggregation_overall_all}}{{ text.aggregation_overall_any}} | \n|
| {{text.completion_not_configured}}!\n {{text.configure_completion}}\n | \n |
| 1\"\n >{{ text.aggregation_all}}{{ text.aggregation_any}}\n {{cgroup.title}} | \n|
|---|---|
| \n | \n\n {{ci.details.requirement}}\n | \n
| {{text.competency_not_configured}}\n {{text.configure_competency}}\n | \n |||||||||
| {{text.heading}} | \n\n | {{text.required}} | \n|||||||
|---|---|---|---|---|---|---|---|---|---|
| \n | \n \n | \n\n | \n |||||||
| {{text.heading}} | \n\n | {{text.required}} | \n|
|---|---|---|---|
| \n | \n | {{ cc.points }} {{ text.points }} | \n{{ text.required }} | \n
\n \n
\n `,\n });\n\n Vue.component('t-item-finish',{\n props: {\n value : {\n type: Object,\n default: function(){ return {};},\n },\n },\n data() {\n return {\n };\n },\n methods: {\n },\n template: `\n \n \n
\n `,\n });\n\n Vue.component('t-item-start',{\n props: {\n value : {\n type: Object,\n default: function(){ return {};},\n },\n },\n data() {\n return {\n };\n },\n created(){\n\n },\n methods: {\n },\n template: `\n \n \n
\n `,\n });\n\n Vue.component('t-item-badge',{\n props: {\n value : {\n type: Object,\n default: function(){ return { badge: {}};},\n },\n },\n data() {\n return {\n txt: strings,\n text: strings.item_text,\n };\n },\n methods: {\n },\n template: `\n \n \n \n \n \n \n \n ![]()
\n \n \n \n \n {{ text.delete }}\n \n \n {{ text.ok }}\n \n \n \n\n
\n `,\n });\n\n Vue.component('t-coursecat-list',{\n props: {\n value : {\n type: Array,\n default: function(){ return {};},\n },\n },\n data() {\n return {\n };\n },\n methods: {\n },\n template: `\n \n
\n \n \n {{ value.badge.name }}
\n{{value.badge.description}}
\n- \n
- \n
- \n
{{ text.advanced_cascade_cohortsync_title}}
\n{{ text.advanced_cascade_cohortsync_desc}}
\n{{ text.advanced_bulk_course_timing}}
\n{{ text.advanced_bulk_course_timing_desc}}
\n{{text.currentpage}} {{selectedpage.fullname}}
\n{{ text.advanced_force_scale_title}}
\n {{ text.advanced_force_scale_desc}}\n\n
- 0\">\n
- \n {{c.course.fullname}}\n
- 0\">\n
- \n {{text.advanced_converted}}{{text.advanced_skipped}}{{text.advanced_error}} \n
\n
{{ text.advanced_backup }}
\n{{ text.advanced_restore }}
\n{{ text.advanced_export }}
\n{{text.advanced_purge_page_expl}}
\n{{text.currentpage}} {{selectedpage.fullname}}
\n{{text.advanced_purge_plan_expl}}
\n\n \n \n \n \n \n \n {{page.shortname}}\n \n \n \n {{text.studyline_name}} \n \n \n \n \n {{text.studyline_shortname}} \n \n \n \n \n \n {{text.studyline_color}} \n \n \n \n \n \n \n \n \n \n \n {{ text.studyline_name}} \n \n \n \n \n \n {{ text.studyline_shortname}} \n \n \n \n \n \n {{ text.studyline_color}} \n \n \n \n \n \n \n \n \n \n
\n `\n });\n\n\n /*\n * T-STUDYLINE-HEADER\n */\n Vue.component('t-studyline-heading', {\n props: {\n value : {\n type: Object, // Studyline\n default: function(){ return {};},\n },\n layers: {\n type: Number,\n default: 1,\n },\n },\n data() {\n return {\n layerHeights: {}\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\n },\n methods: {\n onLineHeightChange(lineid,layerid,newheight){\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.main && lineid == this.value.id){\n const items = document.querySelectorAll(\n `.t-studyline-slot-0[data-studyline='${this.value.id}']`);\n\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.main.style.height = heightStyle;\n }\n }\n },\n template: `\n \n
\n \n {{ text.studyline_editmode }} \n {{ text.toolbox_toggle}} \n \n \n
\n \n \n \n \n \n \n \n \n \n \n \n
\n {{ text.editmode_modules_hidden}}
\n \n \n \n \n
\n \n \n
\n \n \n
\n \n \n \n 0\"\n v-model=\"page.perioddesc[index-1]\"\n > 1) ? add_day(page.perioddesc[index-2].startdate,2) : null\"\n :maxend=\"(index < page.periods) ? sub_day(page.perioddesc[index].enddate,2) : null\"\n > \n \n \n\n \n \n 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 :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 + ((layernr == countLineLayers(line,page)+1)?' newlyr ':' ')\"\n >
\n \n
\n `,\n });\n\n /*\n * T-STUDYLINE (Used only for study line edit mode)\n */\n Vue.component('t-studyline-edit', {\n props: {\n value : {\n type: Object, // Studyline\n default: function(){ return {};},\n }\n },\n data() {\n return {\n };\n },\n computed: {\n deletable() {\n // Check if all the slots are empty\n const slots = this.value.slots;\n if(Array.isArray(slots)){\n let count = 0;\n for(let i = 0; i < slots.length; i++) {\n if(Array.isArray(slots[i].courses)){\n count += slots[i].courses.length;\n }\n if(Array.isArray(slots[i].filters)){\n count += slots[i].filters.length;\n }\n }\n return (count == 0);\n } else {\n return false;\n }\n },\n editable() {\n return true;\n }\n },\n methods: {\n onEdit() {\n this.$emit('edit',this.value);\n },\n onDelete() {\n this.$emit('delete',this.value);\n },\n\n },\n template: `\n \n `,\n });\n\n /*\n * During a redisign it was decided to have the studyline still get the entire array as a value,\n * even though it only shows one drop slot for the layer it is in. This is to make repainting easier,\n * since we modify the array for the layer we handle. FIXME: Make this less weird\n */\n Vue.component('t-studyline-slot', {\n props: {\n type : {\n type: String,\n default: 'gradable',\n },\n slotindex : {\n type: Number,\n default: '',\n },\n line : {\n type: Object,\n default(){ return null;},\n },\n layer : {\n type: Number,\n },\n value: {\n type: Array, // dict with layer as index\n default(){ return [];},\n },\n plan: {\n type: Object, // Studyplan data\n default(){ return null;},\n },\n page: {\n type: Object, // Studyplan data\n default(){ return null;},\n },\n period: {\n type: Object, // Studyplan data\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.main){\n const size = self.$refs.main.getBoundingClientRect();\n\n ItemEventBus.$emit('lineHeightChange', self.line.id, self.layer, size.height);\n }\n }).observe(self.$refs.main);\n }\n },\n unmounted() {\n if(this.resizeListener) {\n this.resizeListener.disconnect();\n }\n },\n computed: {\n slotkey(){\n return `${this.type}'-'${this.line.id}-${this.slotindex}-${this.layer}`;\n },\n itemidx(){\n for(const ix in this.value){\n const itm = this.value[ix];\n if(itm.layer == this.layer){\n return ix;\n }\n }\n return null;\n },\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 listtype() {\n return this.type;\n },\n dragacceptlist(){\n if(this.type == \"gradable\"){\n return [\"course\", \"gradable-item\"];\n } else {\n return [\"filter\", \"filter-item\"];\n }\n },\n courseHoverDummy(){\n return {course: this.hover.component};\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 },\n data() {\n return {\n text: strings.course_timing,\n resizeListener: null,\n hover: {\n component:null,\n type: null,\n },\n datechanger: {\n coursespan: null,\n periodspan: null,\n default: false,\n defaultchoice: false,\n hidewarn: false,\n }\n };\n },\n methods: {\n onDrop(event) {\n this.hover.component = null;\n this.hover.type = null;\n debug.info(event);\n const self = this;\n if(event.type.item) {\n let item = event.data;\n\n // To avoid weird visuals with the lines,\n // we add the item to the proper place in the front-end first\n item.layer = this.layer;\n item.slot = this.slotindex;\n self.value.push(item);\n self.$emit(\"input\",self.value);\n\n // then on the next tick, we inform the back end\n // Since moving things around has never been unsuccessful, unless you have other problems,\n // it's better to have nice visuals.\n self.relocateStudyItem(item).done(()=>{\n if(this.$refs.timingChecker){\n this.$refs.timingChecker.validate_course_period();\n }\n });\n }\n else if(event.type.component){\n debug.info(\"Adding new component\");\n if(event.type.type == \"gradable\"){\n call([{\n methodname: 'local_treestudyplan_add_studyitem',\n args: {\n \"line_id\": self.line.id,\n \"slot\" : self.slotindex,\n \"layer\" : self.layer,\n \"type\": 'course',\n \"details\": {\n \"competency_id\": null,\n 'conditions':'',\n 'course_id':event.data.id,\n 'badge_id':null,\n 'continuation_id':null,\n }\n }\n }])[0].then((response) => {\n let item = response;\n self.relocateStudyItem(item).done(()=>{\n self.value.push(item);\n self.$emit(\"input\",self.value);\n\n // call the validate period function on next tick,\n // since it paints the item in the slot first\n this.$nextTick(() => {\n if(this.$refs.timingChecker){\n this.$refs.timingChecker.validate_course_period();\n }\n });\n ItemEventBus.$emit('coursechange');\n });\n }).catch(notification.exception);\n }\n else if(event.type.type == \"filter\") {\n debug.info(\"Adding new filter compenent\");\n call([{\n methodname: 'local_treestudyplan_add_studyitem',\n args: {\n \"line_id\": self.line.id,\n \"slot\" : self.slotindex,\n \"type\": event.data.type,\n \"details\":{\n \"badge_id\": event.data.badge?event.data.badge.id:undefined,\n }\n }\n }])[0].then((response) => {\n let item = response;\n self.relocateStudyItem(item).done(()=>{\n item.layer = this.layer;\n self.value.push(item);\n self.$emit(\"input\",self.value);\n });\n }).catch(notification.exception);\n }\n }\n },\n onCut(event) {\n const self=this;\n let id = event.data.id;\n for(let i = 0; i < self.value.length; i++){\n if(self.value[i].id == id){\n self.value.splice(i, 1); i--;\n break; // just remove one\n }\n }\n // Do something to signal that this item has been removed\n this.$emit(\"input\",this.value);\n ItemEventBus.$emit('coursechange');\n },\n relocateStudyItem(item){\n const iteminfo = {'id': item.id, 'layer': this.layer, 'slot': this.slotindex, 'line_id': this.line.id};\n return call([{\n methodname: 'local_treestudyplan_reorder_studyitems',\n args: { 'items': [iteminfo] } // function was designed to relocate multiple items at once, hence the array\n }])[0].catch(notification.exception);\n },\n onDragEnter(event){\n this.hover.component = event.data;\n this.hover.type = event.type;\n },\n onDragLeave(){\n this.hover.component = null;\n this.hover.type = null;\n },\n maxSpan(){\n // Determine the maximum span for components in this slot\n return this.page.periods - this.slotindex + 1;\n },\n makeType(item){\n return {\n item: true,\n component: false,\n span: item.span,\n type: this.type,\n };\n },\n checkType(type) {\n if(type.type == this.type){\n if(type == 'filter'){\n return true;\n } else if(type.span <= this.maxSpan()){\n return true;\n } else {\n return false;\n }\n } else {\n return false;\n }\n }\n },\n template: `\n \n {{ value.shortname }}\n
\n --{{ hover.type }}--\n
\n `,\n });\n\n\n Vue.component('t-item-timing-checker', {\n props: {\n value: {\n type: Object, // t-item model\n },\n page: {\n type: Object, // Studyplanpage\n },\n line: {\n type: Object, // Studyline\n },\n period: {\n type: Object, // Studyplan data\n },\n maxspan: {\n type: Number,\n },\n hidden: {\n type: Boolean,\n default: false,\n }\n },\n computed: {\n endperiod() {\n const endperiodnr = Math.min(this.page.periods,this.period.period + (this.value.span - 1));\n return this.page.perioddesc[endperiodnr-1];\n },\n course_period_matches() {\n const self=this;\n if(self.value && self.value.type == 'course'){\n self.datechanger.coursespan = datespaninfo(self.value.course.startdate,self.value.course.enddate);\n self.datechanger.periodspan = datespaninfo(self.period.startdate,self.endperiod.enddate);\n if( self.datechanger.coursespan.first.getTime() == self.datechanger.periodspan.first.getTime()\n && self.datechanger.coursespan.last.getTime() == self.datechanger.periodspan.last.getTime() ){\n return true;\n }\n else {\n return false;\n }\n } else {\n debug.warn(\"Timing thing not properly configured\",self.value,self.period,self.maxspan);\n return false;\n }\n },\n },\n data() {\n return {\n // Create random id to avoid opening the wrong modals\n id: Math.floor(Math.random() * Date.now()).toString(16),\n text: strings.course_timing,\n datechanger: {\n coursespan: null,\n periodspan: null,\n globals: datechanger_globals,\n }\n };\n },\n methods: {\n validate_course_period() {\n const self = this;\n\n debug.info(\"Validating course and period\");\n if(!(self.course_period_matches)){\n debug.info(\"Course timing does not match period timing\");\n\n if(self.value.course.canupdatecourse){\n if(!self.hidden || !self.datechanger.globals.default){\n // Periods do not match, pop up the date change request\n this.$bvModal.show('t-course-timing-matching-'+this.id);\n } else if (self.datechanger.globals.defaultvalue){\n // go for it without asking\n self.change_course_period();\n }\n }\n else {\n // user is not able to change course timing - show a warning\n if(!self.hidden || !self.datechanger.globals.hidewarn){\n this.$bvModal.show('t-course-timing-warning-'+this.id);\n }\n }\n }\n else {\n debug.info(\"Course timing matches period\",self.datechanger);\n }\n },\n has_filter() {\n const slots = this.page.slots;\n },\n change_course_period() {\n const self=this;\n // Save the state\n if(self.datechanger.globals.default){\n self.datechanger.globals.defaultvalue = true;\n }\n return call([{\n methodname: 'local_treestudyplan_course_period_timing',\n args: { period_id: self.period.id,\n course_id: this.value.course.id,\n span: this.value.span,\n }\n }])[0].catch(notification.exception).done((response) => {\n self.value.course.startdate = response.startdate;\n self.value.course.enddate = response.enddate;\n self.value.course.timing = response.timing;\n self.$emit(\"input\",self.value);\n });\n },\n checkFilterSlotBusy(slotindex) {\n debug.info(\"checking filter\",this.line.slots, slotindex,this.value.layer);\n if (this.line.slots[slotindex]) {\n const list = this.line.slots[slotindex].filters;\n for(const ix in list) {\n if( list[ix].layer == this.value.layer) {\n debug.info(\"Busy:\",list[ix]);\n return list[ix];\n }\n }\n }\n return null;\n },\n nextFreeFilterLayer(slotindex) {\n const layer = this.value.layer;\n const list = this.line.slots[slotindex].filters;\n const usedLayers = [];\n for(const ix in list) {\n usedLayers.push(list[ix].layer);\n }\n let nextlyr = layer+1;\n while (usedLayers.includes(nextlyr)) {\n nextlyr++;\n }\n return nextlyr;\n },\n checkCourseSlotBusy(slotindex) {\n debug.info(\"checking \",this.line.slots, slotindex,this.value.layer);\n if (this.line.slots[slotindex]) {\n const list = this.line.slots[slotindex].courses;\n for(const ix in list) {\n if( list[ix].layer == this.value.layer) {\n debug.info(\"Busy:\",list[ix]);\n return list[ix];\n }\n }\n }\n return null;\n },\n nextFreeCourseLayer(slotindex) {\n const layer = this.value.layer;\n const list = this.line.slots[slotindex].courses;\n const usedLayers = [];\n for(const ix in list) {\n usedLayers.push(list[ix].layer);\n }\n let nextlyr = layer+1;\n while (usedLayers.includes(nextlyr)) {\n nextlyr++;\n }\n return nextlyr;\n },\n shift_collisions(span) {\n // Check all periods for collision\n const shiftfilters = [];\n const shiftcourses = [];\n const items = [];\n for(let i = this.value.slot; i < this.value.slot + span; i++) {\n const busyFilter = this.checkFilterSlotBusy(i);\n if (busyFilter) {\n const nextlyr = this.nextFreeFilterLayer(i);\n items.push({\n id: busyFilter.id,\n layer: nextlyr,\n line_id: this.line.id,\n slot: busyFilter.slot,\n });\n busyFilter.layer = nextlyr;\n }\n const busyCourse = this.checkCourseSlotBusy(i);\n if (busyCourse && busyCourse.id != this.value.id) {\n const nextlyr = this.nextFreeCourseLayer(i);\n items.push({ \n id: busyCourse.id,\n layer: nextlyr,\n line_id: this.line.id,\n slot: busyCourse.slot,\n });\n busyCourse.layer = nextlyr;\n }\n }\n if (items.length > 0){\n call([{\n methodname: 'local_treestudyplan_reorder_studyitems',\n args: { items: items }\n }])[0].catch(notification.exception).done((response) => {\n \n });\n }\n },\n change_span(span) {\n const self=this;\n this.shift_collisions(span);\n return call([{\n methodname: 'local_treestudyplan_set_studyitem_span',\n args: { id: self.value.id,\n span: span\n }\n }])[0].catch(notification.exception).done((response) => {\n self.value.span = response.span;\n self.$emit('input',self.value);\n self.$nextTick(() => {\n self.validate_course_period();\n });\n } );\n },\n format_duration(dsi){\n let s = \"\";\n if(dsi.years == 1){ s += `1 ${this.text.year}, `;}\n else if(dsi.years > 1){ s += `${dsi.years} ${this.text.years}, `;}\n if(dsi.weeks == 1){ s += `1 ${this.text.week}, `;}\n else if(dsi.weeks > 1){ s += `${dsi.weeks} ${this.text.weeks}, `;}\n if(dsi.days == 1){ s += `1 ${this.text.day}, `;}\n else if(dsi.days > 1){ s += `${dsi.days} ${this.text.days}, `;}\n\n return s.toLocaleLowerCase();\n },\n },\n // To avoid the span creeping in the dom where it shouldn't, set display to none if it is hidden\n // This does not affect the modals, which are rendered outside of this element when needed\n template: `\n \n \n \n \n \n \n \n \n {{ text.periodspan\n }} 1\"\n class=\"\"\n size=\"sm\" @change=\"change_span\" v-model=\"value.span\">\n {{ n }} \n {{value.span}} {{\n (value.span == 1)?text.period.toLowerCase():text.periods.toLowerCase()\n }}\n \n \n \n \n {{ text.desc }} \n \n \n \n \n \n \n {{ text.rememberchoice }} \n \n \n \n \n {{ text.desc }} \n \n \n \"6\">\n \n \n \n {{ text.hidewarning }} \n \n \n
\n `,\n });\n\n\n Vue.component('t-item', {\n props: {\n value :{\n type: Object,\n default(){ return null;},\n },\n dummy :{\n type: Boolean,\n default() { return false;},\n },\n plan: {\n type: Object, // Studyplan page\n default() { return null;},\n },\n line: {\n type: Object, // Studyplan page\n default() { return null;},\n },\n page: {\n type: Object, // Studyplan page\n default() { return null;},\n },\n period: {\n type: Object, // Studyplan page\n default() { return null;},\n },\n maxspan: {\n type: Number,\n default() { return 0;},\n },\n },\n data() {\n return {\n dragLine: null,\n dragEventListener: null,\n deleteMode: false,\n condition_options: string_keys.conditions,\n text: strings.item_text,\n showContext: false,\n lines: [],\n };\n },\n methods: {\n dragStart(event){\n // Add line between start point and drag image\n this.deleteMode = false;\n let start = document.getElementById('studyitem-'+this.value.id);\n let dragelement= document.getElementById('t-item-cdrag-'+this.value.id);\n dragelement.style.position = 'fixed';\n dragelement.style.left = event.position.x+'px';\n dragelement.style.top = event.position.y+'px';\n this.dragLine = new SimpleLine(start,dragelement,{\n color: \"#777\",\n gravity: {\n start: LINE_GRAVITY,\n end: LINE_GRAVITY,\n },\n });\n // Add separate event listener to reposition mouse move\n document.addEventListener(\"mousemove\",this.onMouseMove);\n },\n dragEnd(){\n if(this.dragLine !== null) {\n this.dragLine.remove();\n }\n let dragelement = document.getElementById('t-item-cdrag-'+this.value.id);\n dragelement.style.removeProperty('left');\n dragelement.style.removeProperty('top');\n dragelement.style.removeProperty('position');\n document.removeEventListener(\"mousemove\",this.onMouseMove);\n },\n onMouseMove: function(event){\n let dragelement = document.getElementById('t-item-cdrag-'+this.value.id);\n dragelement.style.position = 'fixed';\n dragelement.style.left = event.clientX+'px';\n dragelement.style.top = event.clientY+'px';\n // line will follow automatically\n },\n onDrop(event){\n let from_id = event.data.id;\n let to_id = this.value.id;\n this.redrawLines();\n call([{\n methodname: 'local_treestudyplan_connect_studyitems',\n args: { 'from_id': from_id, 'to_id': to_id }\n }])[0].then((response)=>{\n let conn = {'id': response.id, 'from_id': response.from_id, 'to_id': response.to_id};\n ItemEventBus.$emit(\"createdConnection\",conn);\n this.value.connections.in.push(conn);\n }).catch(notification.exception);\n },\n redrawLine(conn){\n const lineColor = \"var(--success)\";\n const start = document.getElementById(`studyitem-${conn.from_id}`);\n const 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 // create a new line if the start and finish items are visible\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 });\n }\n\n },\n deleteLine(conn){\n const self = this;\n call([{\n methodname: 'local_treestudyplan_disconnect_studyitems',\n args: { 'from_id': conn.from_id, 'to_id': conn.to_id }\n }])[0].then((response)=>{\n if(response.success){\n this.removeLine(conn);\n // send disconnect event on message bus, so the connection on the other end can delete it too\n ItemEventBus.$emit(\"connectionDisconnected\",conn);\n // Remove connection from our outgoing list\n let index = self.value.connections.out.indexOf(conn);\n self.value.connections.out.splice(index, 1);\n }\n }).catch(notification.exception);\n },\n highlight(conn){\n if(this.lines[conn.to_id]){\n this.lines[conn.to_id].setConfig({color:\"var(--danger)\",});\n }\n },\n normalize(conn){\n if(this.lines[conn.to_id]){\n this.lines[conn.to_id].setConfig({color:\"var(--success)\",});\n }\n },\n updateItem() {\n call([{\n methodname: 'local_treestudyplan_edit_studyitem',\n args: { 'id': this.value.id,\n 'conditions': this.value.conditions,\n 'continuation_id': this.value.continuation_id,}\n }])[0].catch(notification.exception);\n },\n doShowContext(event) {\n if(this.hasContext){\n this.showContext=true;\n event.preventDefault();\n }\n },\n redrawLines(){\n if(this.value.connections && this.value.connections.out){\n for(let i in this.value.connections.out){\n let conn = this.value.connections.out[i];\n this.redrawLine(conn);\n }\n }\n },\n\n // EVENT LISTENERS\n onCreatedConnection(conn){\n if(conn.from_id == this.value.id){\n this.value.connections.out.push(conn);\n this.redrawLine(conn);\n }\n },\n // Listener for the signal that a connection was removed by the outgoing item\n onRemovedConnection(conn){\n if(this.value.connections && this.value.connections.out){\n for(let i in this.value.connections.in){\n let c_in = this.value.connections.in[i];\n if(conn.id == c_in.id){\n self.value.connections.out.splice(i, 1);\n }\n }\n }\n },\n // Listener for reposition events\n // When an item in the list is repositioned, all lines need to be redrawn\n onRePositioned(){\n this.redrawLines();\n },\n // When an item is disPositioned - (temporarily) removed from the list,\n // all connections need to be deleted.\n onDisPositioned(re_id){\n if(this.value.connections && this.value.connections.out){\n for(let i in this.value.connections.out){\n let conn = this.value.connections.out[i];\n if(conn.to_id == re_id){\n this.removeLine(conn);\n }\n }\n }\n },\n\n // When an item is deleted\n // all connections to/from that item need to be cleaned up\n onItemDeleted(item_id){\n const self = this;\n if(this.value.connections && this.value.connections.out){\n for(const i in this.value.connections.out){\n let conn = this.value.connections.out[i];\n if(conn.to_id == item_id){\n self.removeLine(conn);\n self.value.connections.out.splice(i, 1);\n }\n }\n }\n if(this.value.connections && this.value.connections.in){\n for(const i in this.value.connections.in){\n let conn = this.value.connections.in[i];\n if(conn.from_id == item_id){\n self.value.connections.out.splice(i, 1);\n }\n }\n }\n },\n\n onRedrawLines(){\n this.redrawLines();\n },\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 deleteItem(){\n const self = this;\n const msgparams = {\n item: this.text['type_' + this.value.type].toLocaleLowerCase(),\n name: (this.value.type=='course')?this.value.course.displayname:\"\",\n line: (this.line) ? this.line.name : \"\",\n period: (this.period) ? this.period.fullname : this.plan.name,\n };\n\n this.$bvModal.msgBoxConfirm(strformat(this.text.item_delete_message, msgparams), {\n okVariant : 'danger',\n okTitle : this.text.ok,\n cancelTitle: this.text.cancel,\n }).then(value => {\n if ( value ) {\n // Confirmed to delete.\n call([{\n methodname: 'local_treestudyplan_delete_studyitem',\n args: { 'id': self.value.id, }\n }])[0].then(function(response){\n if(response.success == true){\n self.$emit(\"deleted\",{ data: self.value });\n }\n }).catch(notification.exception);\n }\n }).catch(err => {\n debug.console.error(err);\n });\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 // Add event listeners on the message bus\n // But only if not in \"dummy\" mode - mode which is used for droplist placeholders\n // Since an item is \"fully made\" with all references, not specifying dummy mode really messes things up\n if(!this.dummy){\n\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('createdConnection', this.onCreatedConnection);\n // Listener for the signal that a connection was removed by the outgoing item\n ItemEventBus.$on('removedConnection', this.onRemovedConnection);\n // Listener for reposition events\n // When an item in the list is repositioned, all lines need to be redrawn\n ItemEventBus.$on('rePositioned', this.onRePositioned);\n // When an item is disPositioned - (temporarily) removed from the list,\n // all connections need to be deleted.\n ItemEventBus.$on('disPositioned', this.onDisPositioned);\n // When an item is deleted\n // all connections to/from that item need to be cleaned up\n ItemEventBus.$on('itemDeleted', this.onItemDeleted);\n ItemEventBus.$on('redrawLines', this.onRedrawLines);\n\n\n }\n },\n mounted(){\n // Initialize connection lines when mounting\n // But only if not in \"dummy\" mode - mode which is used for droplist placeholders\n // Since an item is \"fully made\" with all references, not specifying dummy mode really messes things up\n\n if(!this.dummy)\n {\n this.redrawLines();\n setTimeout(()=>{\n ItemEventBus.$emit(\"rePositioned\",this.value.id);\n },10);\n }\n },\n beforeDestroy(){\n if(!this.dummy) {\n for(let i in this.value.connections.out){\n let conn = this.value.connections.out[i];\n this.removeLine(conn);\n }\n ItemEventBus.$emit(\"disPositioned\",this.value.id);\n\n // Remove event listeners\n ItemEventBus.$off('createdConnection', this.onCreatedConnection);\n ItemEventBus.$off('removedConnection', this.onRemovedConnection);\n ItemEventBus.$off('rePositioned', this.onRePositioned);\n ItemEventBus.$off('disPositioned', this.onDisPositioned);\n ItemEventBus.$off('itemDeleted', this.onItemDeleted);\n ItemEventBus.$off('redrawLines', this.onRedrawLines);\n }\n },\n beforeUpdate(){\n },\n updated(){\n if(!this.dummy) {\n this.redrawLines();\n }\n },\n template: `\n {{ text.question }}
{{ text.course }}
\n{{ value.course.fullname }}
\n{{ value.course.shortname }}
\n{{ datechanger.coursespan.formatted.first}} - {{ datechanger.coursespan.formatted.last}}
\n{{ text.duration }}
\n {{ format_duration(datechanger.coursespan)}}
{{ text.period }}
\n{{ period.fullname }} 1\"> - {{ endperiod.fullname }}
\n{{ period.shortname }} 1\"> - {{ endperiod.shortname }}
\n{{ datechanger.periodspan.formatted.first}} - {{ datechanger.periodspan.formatted.last}}
\n{{ text.duration }}
\n {{ format_duration(datechanger.periodspan)}}
{{ text.warning }}
{{ text.course }}
\n{{ value.course.fullname }}
\n{{ value.course.shortname }}
\n{{ datechanger.coursespan.formatted.first}} - {{ datechanger.coursespan.formatted.last}}
\n{{ text.duration }}
\n {{ format_duration(datechanger.coursespan)}}
{{ text.period }}
\n{{ period.fullname }} 1\"> - {{ endperiod.fullname }}
\n{{ period.shortname }} 1\"> - {{ endperiod.shortname }}
\n{{ datechanger.periodspan.formatted.first}} - {{ datechanger.periodspan.formatted.last}}
\n{{ text.duration }}
\n {{ format_duration(datechanger.periodspan)}}
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n {{ text.ok }}\n \n \n\n \n
\n `,\n });\n\n Vue.component('t-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 \n `,\n });\n\n //TAG: Course item\n Vue.component('t-item-course', {\n props: {\n value:{\n type: Object,\n default(){ return null;},\n },\n plan:{\n type: Object,\n default(){ return null;},\n },\n line:{\n type: Object,\n default(){ return null;},\n },\n page: {\n type: Object, // PAge data\n default() { return null;}\n },\n period: {\n type: Object, // Period data\n default() { return null;}\n },\n maxspan: {\n type: Number,\n default() { return 0;}\n },\n },\n data() {\n return {\n condition_options: string_keys.conditions,\n text: strings.item_course_text,\n };\n },\n computed: {\n useItemConditions() {\n if(this.plan && this.plan.aggregation_info && this.plan.aggregation_info.useItemConditions !== undefined){\n return this.plan.aggregation_info.useItemConditions;\n }\n else {\n return false;\n }\n },\n\n configurationState(){\n if(this.hasGrades() || this.hasCompletions() || this.hasCompetencies()) {\n return \"t-configured-ok\";\n } else {\n return \"t-configured-alert\";\n }\n },\n\n configurationIcon(){\n if(this.hasGrades() || this.hasCompletions() || this.hasCompetencies()) {\n return \"check\";\n } else {\n return \"exclamation-circle\";\n }\n },\n startdate(){\n return format_date(this.value.course.startdate);\n },\n enddate(){\n if(this.value.course.enddate){\n return format_date(this.value.course.enddate);\n }\n else {\n return this.text.noenddate;\n }\n },\n wwwroot() {\n return Config.wwwroot;\n }\n\n },\n methods: {\n hasGrades() {\n if(this.value.course.grades && this.value.course.grades.length > 0){\n for(const g of this.value.course.grades){\n if(g.selected){\n return true;\n }\n }\n }\n return false;\n },\n hasCompletions() {\n if(this.value.course.completion && this.value.course.completion.conditions) {\n for(const cgroup of this.value.course.completion.conditions){\n if(cgroup.items && cgroup.items.length > 0){\n return true;\n }\n }\n }\n return false;\n },\n hasCompetencies() {\n if(this.value.course.competency && this.value.course.competency.competencies) {\n return (this.value.course.competency.competencies.length > 0);\n }\n return false;\n },\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 updateConditions() {\n call([{\n methodname: 'local_treestudyplan_edit_studyitem',\n args: { 'id': this.value.id,\n 'conditions': this.value.conditions,\n }\n }])[0].catch(notification.exception);\n },\n },\n created() {\n\n },\n template: `\n 0\"\n >\n \n \n \n
\n \n \n \n \n \n \n \n \n \n {{ text.ok }}\n \n \n \n
\n `,\n });\n\n\n Vue.component('t-item-course-grades', {\n props: {\n 'value' :{\n type: Object,\n default(){ return null;},\n },\n 'plan' :{\n type: Object,\n default(){ return null;},\n },\n },\n data() {\n return {\n condition_options: string_keys.conditions,\n text: strings.item_course_text,\n };\n },\n computed: {\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 selectedgrades(){\n let list = [];\n for(let ix in this.value.course.grades){\n let g = this.value.course.grades[ix];\n if(g.selected){\n list.push(g);\n }\n }\n return list;\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 created() {\n\n },\n template: `\n \n
\n \n \n
\n \n \n \n {{ value.course.displayname }}\n \n
\n \n
\n {{ value.course.fullname }}\n \n
\n {{ value.course.context.path.join(\" / \")}} / {{value.course.shortname}}\n\n \n
\n \n\n \n {{text['coursetiming_'+value.course.timing]}}
\n {{ startdate }} - {{ enddate }}\n
\n \n {{ startdate }} - {{ enddate }}\n
\n
\n `,\n });\n\n Vue.component('t-item-course-completion',{\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 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(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\n completion_tag(cgroup){\n return cgroup.completion?'completed':'incomplete';\n }\n },\n template: `\n - \n
- \n {{text.grade_include}}{{text.grade_require}}\n \n
- \n
\n \n \n \n
| {{ text.aggregation_overall_all}}{{ text.aggregation_overall_any}} | \n|
| {{text.completion_not_configured}}!\n {{text.configure_completion}}\n | \n |
| 1\"\n >{{ text.aggregation_all}}{{ text.aggregation_any}}\n {{cgroup.title}} | \n|
|---|---|
| \n | \n\n {{ci.details.requirement}}\n | \n
| {{text.competency_not_configured}}\n {{text.configure_competency}}\n | \n |||||||||
| {{text.heading}} | \n\n | {{text.required}} | \n|||||||
|---|---|---|---|---|---|---|---|---|---|
| \n | \n \n | \n\n | \n |||||||
| {{text.heading}} | \n\n | {{text.required}} | \n|
|---|---|---|---|
| \n | \n | {{ cc.points }} {{ text.points }} | \n{{ text.required }} | \n
\n \n
\n `,\n });\n\n Vue.component('t-item-finish',{\n props: {\n value : {\n type: Object,\n default: function(){ return {};},\n },\n },\n data() {\n return {\n };\n },\n methods: {\n },\n template: `\n \n \n
\n `,\n });\n\n Vue.component('t-item-start',{\n props: {\n value : {\n type: Object,\n default: function(){ return {};},\n },\n },\n data() {\n return {\n };\n },\n created(){\n\n },\n methods: {\n },\n template: `\n \n \n
\n `,\n });\n\n Vue.component('t-item-badge',{\n props: {\n value : {\n type: Object,\n default: function(){ return { badge: {}};},\n },\n },\n data() {\n return {\n txt: strings,\n text: strings.item_text,\n };\n },\n methods: {\n },\n template: `\n \n \n \n \n \n \n \n ![]()
\n \n \n \n \n {{ text.delete }}\n \n \n {{ text.ok }}\n \n \n \n\n
\n `,\n });\n\n Vue.component('t-coursecat-list',{\n props: {\n value : {\n type: Array,\n default: function(){ return {};},\n },\n },\n data() {\n return {\n };\n },\n methods: {\n },\n template: `\n \n
\n \n \n {{ value.badge.name }}
\n{{value.badge.description}}
\n- \n
- \n
- \n
-
@@ -1575,6 +1578,9 @@ export default {
}
return false;
},
+ wwwroot() {
+ return Config.wwwroot;
+ }
},
methods: {
completion_icon(competency) {
@@ -1613,7 +1619,7 @@ export default {
}
let url;
if (p.type =='competency') {
- url = `/admin/tool/lp/user_competency_in_course.php?courseid=${this.item.course.id}&competencyid=${p.id}`;
+ url = Config.wwwroot+`/admin/tool/lp/user_competency_in_course.php?courseid=${this.item.course.id}&competencyid=${p.id}`;
} else {
url = this.competencyurl(p);
}
@@ -1623,17 +1629,17 @@ export default {
return s;
},
competencyurl(c) {
- return `/admin/tool/lp/user_competency_in_course.php?courseid=${this.item.course.id}&competencyid=${c.id}`;
+ return Config.wwwroot+`/admin/tool/lp/user_competency_in_course.php?courseid=${this.item.course.id}&competencyid=${c.id}`;
},
usercompetencyurl(c) {
- return `/admin/tool/lp/user_competency.php?id=${c.ucid}`;
+ return Config.wwwroot+`/admin/tool/lp/user_competency.php?id=${c.ucid}`;
}
},
template: `
{{ value.course.fullname }}
{{ value.course.context.path.join(" / ")}}| {{text.competencies_not_configured}}!
- {{text.configure_competencies}} + {{text.configure_competencies}} |
|
| {{text.completion_not_configured}}!
- {{text.configure_completion}} + {{text.configure_completion}} |
| {{text.competencies_not_configured}}!
- {{text.configure_competencies}} + {{text.configure_competencies}} |
|
| {{text.completion_not_configured}}!
- {{text.configure_completion}} + {{text.configure_completion}} |
| {{text.competency_not_configured}}
- {{text.configure_competency}} + {{text.configure_competency}} |