\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 debug.info(`Counted ${maxLayer+1} layers for ${page.shortname}/${line.name}`),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);let debug=new _debugger.default("treestudyplan-viewer"),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}},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){\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)}},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}));
//# 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 bac06f0..340c726 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 debug.info(`Checking page ${ix} - timing ${studyplanPageTiming(page)}`,page);\n if(studyplanPageTiming(page) == \"present\") {\n debug.info(`Found page nr ${ix} to be 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 debug.info(`Counted ${maxLayer+1} layers for ${page.shortname}/${line.name}`);\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 > \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","debug","Debugger","lastCaller","scrollCurrentIntoView","handle","elCurrentHeader","document","querySelector","scrollIntoView","behavior","block","inline","strings","report","loading","studyplan_past","studyplan_present","studyplan_future","back","invalid","error","grading","ungraded","graded","allgraded","unsubmitted","nogrades","unknown","completion","completed","incomplete","completed_pass","completed_fail","aggregation_all","aggregation_any","aggregation_one","aggregation_overall_all","aggregation_overall_any","aggregation_overall_one","completion_not_configured","configure_completion","view_completion_report","completion_incomplete","completion_failed","completion_pending","completion_progress","completion_completed","completion_good","completion_excellent","view_feedback","coursetiming_past","coursetiming_present","coursetiming_future","required_goal","student_not_tracked","completion_not_enabled","badge","share_badge","dateissued","dateexpire","badgeinfo","badgeissuedstats","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 },\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 \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 {{ 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 },\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 {{ 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 ({}),template:'\n \n '}),Vue.component("s-studyplan-details",{props:{value:{type:Object},variant:{type:String,default:()=>"info"},pill:{type:Boolean,default:()=>!1},size:{type:String,default:()=>""}},data:()=>({text:strings.details}),template:'\n \n \n {{ text.details}} \n \n \n \n ![]()
\n \n \n \n \n \n \n '}),Vue.component("s-course-extrafields",{props:{value:{type:Array},variant:{type:String,default:()=>"info"},position:{type:String,default:()=>"below"},size:{type:String,default:()=>""}},data:()=>({text:strings.extrafields}),computed:{fields(){const fields=[];for(const ix in this.value){const field=this.value[ix];field.position==this.position&&field.value&&field.value.length>0&&fields.push(field)}return fields}},methods:{displaydate:field=>(0,_dateHelper.format_date)(field.value,!1)},template:'\n \n \n \n ({}),template:'\n \n '}),Vue.component("s-studyplan-details",{props:{value:{type:Object},variant:{type:String,default:()=>"info"},pill:{type:Boolean,default:()=>!1},size:{type:String,default:()=>""}},data:()=>({text:strings.details}),template:'\n \n \n {{ text.details}} \n \n \n \n ![]()
\n \n \n \n \n \n \n '}),Vue.component("s-course-extrafields",{props:{value:{type:Array},variant:{type:String,default:()=>"info"},position:{type:String,default:()=>"below"},size:{type:String,default:()=>""}},data:()=>({text:strings.extrafields}),computed:{fields(){const fields=[];for(const ix in this.value){const field=this.value[ix];field.position==this.position&&field.value&&field.value.length>0&&fields.push(field)}return fields}},methods:{displaydate:field=>(0,_dateHelper.format_date)(field.value,!1)},template:'\n \n {{text.prev}} \n \n {{text.select}} \n {{o[titlefield]}} \n \n {{o[titlefield]}} \n {{text.next}} \n \n \n \n \n {{ text.details}} \n \n \n \n ![]()
\n \n \n \n \n \n \n `,\n });\n\n Vue.component('s-course-extrafields', {\n props: {\n value: {\n type: Array, \n },\n variant: {\n type: String,\n default() { return \"info\"; }\n },\n position: {\n type: String,\n default() { return \"below\"; }\n },\n size: {\n type: String,\n default() { return \"\";}\n }\n },\n data() {\n return {\n text: strings.extrafields,\n };\n },\n computed: {\n fields() {\n const fields = [];\n for (const ix in this.value) {\n const field = this.value[ix];\n if (field.position == this.position && field.value && field.value.length > 0) {\n fields.push(field);\n }\n }\n return fields;\n },\n },\n methods: {\n displaydate(field) {\n return format_date(field.value,false);\n },\n },\n template: `\n \n \n \n \n {{ text.details}} \n \n \n \n ![]()
\n \n \n \n \n \n \n `,\n });\n\n Vue.component('s-course-extrafields', {\n props: {\n value: {\n type: Array, \n },\n variant: {\n type: String,\n default() { return \"info\"; }\n },\n position: {\n type: String,\n default() { return \"below\"; }\n },\n size: {\n type: String,\n default() { return \"\";}\n }\n },\n data() {\n return {\n text: strings.extrafields,\n };\n },\n computed: {\n fields() {\n const fields = [];\n for (const ix in this.value) {\n const field = this.value[ix];\n if (field.position == this.position && field.value && field.value.length > 0) {\n fields.push(field);\n }\n }\n return fields;\n },\n },\n methods: {\n displaydate(field) {\n return format_date(field.value,false);\n },\n },\n template: `\n
maxLayer){
diff --git a/amd/src/treestudyplan-components.js b/amd/src/treestudyplan-components.js
index 9e0c569..289eb49 100644
--- a/amd/src/treestudyplan-components.js
+++ b/amd/src/treestudyplan-components.js
@@ -24,6 +24,12 @@ export default {
},
extrafields: {
show: "show@core"
+ },
+ prevnext: {
+ prev: "prev@core",
+ previous: "previous@core",
+ next: "next@core",
+ select: "selectanoptions@core",
}
});
// Create new eventbus for interaction between item components
@@ -400,5 +406,155 @@ export default {
`,
});
+ Vue.component('s-prevnext-selector', {
+ props: {
+ value: {
+ type: Object,
+ default() { return null;}
+ },
+ options: {
+ type: Array,
+ },
+ grouped: {
+ type: Boolean,
+ default: false,
+ },
+ titlefield: {
+ type: String,
+ default: "title",
+ },
+ labelfield: {
+ type: String,
+ default: "label",
+ },
+ optionsfield: {
+ type: String,
+ default: "options",
+ },
+ defaultselectable: {
+ type: Boolean,
+ default: false,
+ },
+ variant: {
+ type: String,
+ default: "",
+ },
+ arrows: {
+ type: Boolean,
+ default: false,
+ },
+ },
+ data() {
+ return {
+ text: strings.prevnext,
+ };
+ },
+ computed: {
+ fields() {
+ const f = [];
+ if(this.defaultselectable) {
+ f.push(null);
+ }
+ if (this.grouped) {
+ for ( const gix in this.options) {
+ const group = this.options[gix];
+ for ( const ix in group) {
+ const v = this.options[ix];
+ f.push(v);
+ }
+ }
+ } else {
+ for ( const ix in this.options) {
+ const v = this.options[ix];
+ f.push(v);
+ }
+ }
+ return f;
+ },
+ bubblevalue: {
+ get() { return (this.value)?this.value:null;},
+ set(v) { this.$emit('input',(v)?v:null);},
+ }
+ },
+ methods: {
+ atFirst() {
+ if (this.fields.length > 0) {
+ return this.fields[0] == this.value;
+ }
+ return true; // Since it disables the button, do so if pressing it would make no sense.
+ },
+ atLast() {
+ if (this.fields.length > 0) {
+ const l = this.fields.length -1;
+ return this.fields[l] == this.value;
+ }
+ return true; // Since it disables the button, do so if pressing it would make no sense.
+ },
+ prev() {
+ if (this.fields.length > 0) {
+ const index = this.fields.indexOf(this.value);
+ if (index > 0) {
+ this.$emit("input",this.fields[index -1]);
+ this.$emit("change",this.fields[index -1]);
+ }
+ }
+ },
+ next() {
+ if (this.fields.length > 0) {
+ const index = this.fields.indexOf(this.value);
+ const l = this.fields.length -1;
+ if (index >= 0 && index < l) {
+ this.$emit("input",this.fields[index + 1]);
+ this.$emit("change",this.fields[index + 1]);
+ }
+ }
+ },
+ selectedchanged(value) {
+ this.$emit("change",value);
+ }
+ },
+ template: `
+
-
-
-
-
-
-
- {{student.firstname}} {{student.lastname}}
-
-
-
\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","debug","Debugger","lastCaller","scrollCurrentIntoView","handle","elCurrentHeader","document","querySelector","scrollIntoView","behavior","block","inline","strings","report","loading","studyplan_past","studyplan_present","studyplan_future","back","invalid","error","grading","ungraded","graded","allgraded","unsubmitted","nogrades","unknown","completion","completed","incomplete","completed_pass","completed_fail","aggregation_all","aggregation_any","aggregation_one","aggregation_overall_all","aggregation_overall_any","aggregation_overall_one","completion_not_configured","configure_completion","view_completion_report","completion_incomplete","completion_failed","completion_pending","completion_progress","completion_completed","completion_good","completion_excellent","view_feedback","coursetiming_past","coursetiming_present","coursetiming_future","required_goal","student_not_tracked","completion_not_enabled","badge","share_badge","dateissued","dateexpire","badgeinfo","badgeissuedstats","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
diff --git a/amd/build/studyplan-editor-components.min.js.map b/amd/build/studyplan-editor-components.min.js.map
index 11e091f..e1b1260 100644
--- a/amd/build/studyplan-editor-components.min.js.map
+++ b/amd/build/studyplan-editor-components.min.js.map
@@ -1 +1 @@
-{"version":3,"file":"studyplan-editor-components.min.js","sources":["../src/studyplan-editor-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 {call} from 'core/ajax';\nimport notification from 'core/notification';\nimport {get_strings} from 'core/str';\nimport {load_stringkeys, load_strings, strformat } from './util/string-helper';\nimport {format_date, add_days, datespaninfo } from './util/date-helper';\nimport {objCopy,transportItem} from './studyplan-processor';\nimport Debugger from './util/debugger';\nimport {download,upload} from './downloader';\nimport {ProcessStudyplan, ProcessStudyplanPage} from './studyplan-processor';\nimport {eventTypes as editSwEventTypes} from 'core/edit_switch';\n\nimport TSComponents from './treestudyplan-components';\nimport mFormComponents from \"./util/mform-helper\";\n\n\nconst STUDYPLAN_EDITOR_FIELDS =\n['name','shortname','description','idnumber','context_id', 'aggregation','aggregation_config'];\nconst STUDYPLAN_EDITOR_PAGE_FIELDS = //TODO: Add 'fullname', 'shortname' and 'description' when implementing proper page management\n['context_id', 'periods','startdate','enddate'];\nconst PERIOD_EDITOR_FIELDS =\n['fullname','shortname','startdate','enddate'];\n\nconst LINE_GRAVITY = 1.3;\n\nconst datechanger_globals = {\n default: false,\n defaultchoice: false,\n hidewarn: false,\n};\n\nexport default {\n STUDYPLAN_EDITOR_FIELDS: STUDYPLAN_EDITOR_FIELDS, // make copy available in plugin\n install(Vue/*,options*/){\n Vue.use(TSComponents);\n Vue.use(mFormComponents);\n let debug = new Debugger(\"treestudyplan-editor\");\n /************************************\n * *\n * Treestudyplan Editor 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 let string_keys = load_stringkeys({\n conditions: [\n { value: 'ALL', textkey: 'condition_all'},\n { value: 'ANY', textkey: 'condition_any'},\n ],\n });\n\n let strings = load_strings({\n studyplan_text: {\n studyline_editmode: 'studyline_editmode',\n toolbox_toggle: 'toolbox_toggle',\n editmode_modules_hidden:'editmode_modules_hidden',\n studyline_add: 'studyline_add',\n add$core: 'add$core',\n edit$core: 'edit$core',\n studyline_name: 'studyline_name',\n studyline_name_ph: 'studyline_name_ph',\n studyline_shortname: 'studyline_shortname',\n studyline_shortname_ph: 'studyline_shortname_ph',\n studyline_color: 'studyline_color',\n associations: 'associations',\n associated_cohorts: 'associated_cohorts',\n associated_users: 'associated_users',\n studyline_edit: 'studyline_edit',\n studyplan_name: 'studyplan_name',\n studyplan_name_ph: 'studyplan_name_ph',\n studyplan_shortname: 'studyplan_shortname',\n studyplan_shortname_ph: 'studyplan_shortname_ph',\n studyplan_description: 'studyplan_description',\n studyplan_description_ph: 'studyplan_description_ph',\n studyplan_idnumber: 'studyplan_idnumber',\n studyplan_idnumber_ph: 'studyplan_idnumber_ph',\n studyplan_slots: 'studyplan_slots',\n studyplan_startdate: 'studyplan_startdate',\n studyplan_enddate: 'studyplan_enddate',\n },\n studyplan_advanced: {\n advanced_tools: 'advanced_tools',\n confirm_cancel: 'confirm_cancel',\n confirm_ok: 'confirm_ok',\n success$core: 'success$core',\n error$core: 'failed$core',\n advanced_converted: 'advanced_converted',\n advanced_skipped: 'advanced_skipped',\n advanced_failed: 'advanced_failed',\n advanced_locked: 'advanced_locked',\n advanced_multiple: 'advanced_multiple',\n advanced_error: 'advanced_error',\n advanced_tools_heading: 'advanced_tools_heading',\n advanced_warning_title: 'advanced_warning_title',\n advanced_warning: 'advanced_warning',\n advanced_pick_scale: 'advanced_pick_scale',\n advanced_course_manipulation_title: 'advanced_course_manipulation_title',\n advanced_bulk_course_timing: 'advanced_bulk_course_timing', \n advanced_bulk_course_timing_desc: 'advanced_bulk_course_timing_desc', \n advanced_force_scale_title: 'advanced_force_scale_title',\n advanced_force_scale_desc: 'advanced_force_scale_desc',\n advanced_force_scale_button: 'advanced_force_scale_button',\n advanced_confirm_header: 'advanced_confirm_header',\n advanced_force_scale_confirm: 'advanced_force_scale_confirm',\n advanced_backup_restore: 'advanced_backup_restore',\n advanced_restore: 'advanced_restore',\n advanced_backup: 'advanced_backup',\n advanced_restore_pages: 'advanced_restore_pages',\n advanced_restore_lines: 'advanced_restore_lines',\n advanced_backup_plan: 'advanced_backup_plan',\n advanced_backup_page: 'advanced_backup_page',\n advanced_export: 'advanced_export',\n advanced_export_csv_plan: 'advanced_export_csv_plan',\n advanced_export_csv_page: 'advanced_export_csv_page',\n advanced_import_from_file: 'advanced_import_from_file',\n advanced_purge: \"advanced_purge\",\n advanced_purge_plan: \"advanced_purge_plan\",\n advanced_purge_plan_expl: \"advanced_purge_plan_expl\",\n advanced_purge_page: \"advanced_purge_page\",\n advanced_purge_page_expl: \"advanced_purge_page_expl\",\n advanced_cascade_cohortsync_title: \"advanced_cascade_cohortsync_title\",\n advanced_cascade_cohortsync_desc: \"advanced_cascade_cohortsync_desc\",\n advanced_cascade_cohortsync: \"advanced_cascade_cohortsync\",\n currentpage: \"currentpage\",\n },\n studyplan_edit: {\n studyplan_edit: 'studyplan_edit',\n studyplan_add: 'studyplan_add',\n studyplanpage_add: 'studyplanpage_add',\n studyplanpage_edit: 'studyplanpage_edit',\n info_periodsextended: 'studyplanpage_info_periodsextended',\n warning: 'warning@core',\n },\n period_edit: {\n edit: 'period_edit',\n fullname: 'studyplan_name',\n shortname: 'studyplan_shortname',\n startdate: 'studyplan_startdate',\n enddate: 'studyplan_enddate',\n },\n course_timing: {\n title: 'course_timing_title',\n desc: 'course_timing_desc',\n question: 'course_timing_question',\n warning: 'course_timing_warning',\n timing_ok: 'course_timing_ok',\n timing_off: 'course_timing_off',\n course: 'course@core',\n period: 'period',\n yes: 'yes$core',\n no: 'no$core',\n duration: 'duration',\n years: 'years$core',\n year: 'year$core',\n weeks: 'weeks$core',\n week: 'week$core',\n days: 'days$core',\n day: 'day$core',\n rememberchoice: 'course_timing_rememberchoice',\n hidewarning: 'course_timing_hidewarning',\n periodspan: 'course_period_span',\n periods: 'periods',\n periodspan_desc: 'course_period_span_desc',\n },\n studyplan_associate: {\n associations: 'associations',\n associated_cohorts: 'associated_cohorts',\n associated_users: 'associated_users',\n associate_cohorts: 'associate_cohorts',\n associate_users: 'associate_users',\n add_association: 'add_association',\n delete_association: 'delete_association',\n associations_empty: 'associations_empty',\n associations_search: 'associations_search',\n cohorts: 'cohorts',\n users: 'users',\n selected: 'selected',\n name: 'name',\n context: 'context',\n },\n item_text: {\n select_conditions: \"select_conditions\",\n item_configuration: \"item_configuration\",\n ok: \"ok@core\",\n delete: \"delete@core\",\n item_delete_message: \"item_delete_message\",\n type_course: \"course@core\",\n type_junction: \"tool-junction\",\n type_start: \"tool-start\",\n type_finish: \"tool-finish\",\n type_badge: \"tool-badge\",\n type_invalid: \"course-invalid\",\n },\n item_course_text: {\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 ok: \"ok@core\",\n cancel: \"cancel@core\",\n delete: \"delete@core\",\n },\n invalid: {\n error: 'error',\n },\n completion: {\n completion_completed: \"completion_completed\",\n completion_incomplete: \"completion_incomplete\",\n aggregation_all: \"aggregation_all\",\n aggregation_any: \"aggregation_any\",\n aggregation_overall_all: \"aggregation_overall_all\",\n aggregation_overall_any: \"aggregation_overall_any\",\n completion_not_configured: \"completion_not_configured\",\n configure_completion: \"configure_completion\",\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 },\n badge: {\n share_badge: \"share_badge\",\n dateissued: \"dateissued\",\n dateexpire: \"dateexpire\",\n badgeinfo: \"badgeinfo\",\n },\n });\n\n /*\n * T-STUDYPLAN-ADVANCED\n */\n Vue.component('t-studyplan-advanced', {\n props: {\n value: {\n type: Object,\n default(){ return null;},\n },\n selectedpage: {\n type: Object,\n default(){ return null;},\n }\n\n },\n data() {\n return {\n force_scales: {\n selected_scale: null,\n result: [],\n },\n text: strings.studyplan_advanced,\n };\n },\n created() {\n },\n mounted() {\n },\n updated() {\n },\n computed: {\n scales(){\n return [{\n id: null,\n disabled: true,\n name: this.text.advanced_pick_scale,\n }].concat(this.value.advanced.force_scales.scales);\n },\n },\n methods: {\n force_scales_start(){\n // set confirmation box\n const self=this;\n this.$bvModal.msgBoxConfirm(this.text.advanced_force_scale_confirm,{\n title: this.text.advanced_force_scale_confirm,\n okVariant: 'danger',\n okTitle: this.text.confirm_ok,\n cancelTitle: this.text.confirm_cancel,\n }).then( value => {\n if(value == true){\n call([{\n methodname: 'local_treestudyplan_force_studyplan_scale',\n args: {\n studyplan_id: this.value.id,\n scale_id: this.force_scales.selected_scale,\n }\n }])[0].then(function(response){\n self.force_scales.result = response;\n }).catch(notification.exception);\n }\n });\n },\n export_page(format){\n const self = this;\n if(format == undefined || ![\"json\",\"csv\"].includes(format)){\n format = \"json\";\n }\n call([{\n methodname: 'local_treestudyplan_export_page',\n args: {\n page_id: this.selectedpage.id,\n format: format,\n },\n }])[0].then(function(response){\n\n download(self.value.shortname+\".page.\"+format,response.content,response.format);\n }).catch(notification.exception);\n },\n export_plan(){\n const self = this;\n call([{\n methodname: 'local_treestudyplan_export_plan',\n args: {\n studyplan_id: this.value.id,\n format: \"json\",\n },\n }])[0].then(function(response){\n download(self.value.shortname+\".plan.json\",response.content,response.format);\n }).catch(notification.exception);\n },\n bulk_course_timing() {\n const self = this;\n call([{\n methodname: 'local_treestudyplan_bulk_course_timing',\n args: {\n page_id: this.selectedpage.id,\n },\n }])[0].then(function(response){\n if(response.success){\n // Reloading the webpage saves trouble reloading the specific page updated.\n location.reload();\n } else {\n this.$bvModal.msgBoxOk(response.msg, {title: \"Could not set bulk course timing\"} );\n debug.error(\"Could not set bulk course timing: \",response.msg);\n }\n }).catch(notification.exception);\n },\n import_studylines(){\n //const self = this;\n upload((filename,content)=>{\n call([{\n methodname: 'local_treestudyplan_import_studylines',\n args: {\n page_id: this.selectedpage.id,\n content: content,\n format: \"application/json\",\n },\n }])[0].then(function(response){\n if(response.success){\n location.reload();\n } else {\n this.$bvModal.msgBoxOk(response.msg, {title: \"Import failed\"} );\n debug.error(\"Import failed: \",response.msg);\n }\n }).catch(notification.exception);\n }, \"application/json\");\n },\n import_pages(){\n //const self = this;\n upload((filename,content)=>{\n call([{\n methodname: 'local_treestudyplan_import_pages',\n args: {\n studyplan_id: this.value.id,\n content: content,\n format: \"application/json\",\n },\n }])[0].then(function(response){\n if(response.success){\n location.reload();\n } else {\n this.$bvModal.msgBoxOk(response.msg, {title: \"Import failed\"} );\n debug.error(\"Import failed: \",response.msg);\n }\n }).catch(notification.exception);\n }, \"application/json\");\n },\n purge_studyplan(){\n call([{\n methodname: 'local_treestudyplan_delete_studyplan',\n args: {\n id: this.value.id,\n force: true,\n },\n }])[0].then(function(response){\n if(response.success){\n location.reload();\n } else {\n this.$bvModal.msgBoxOk(response.msg, {title: \"Could not delete plan \"} );\n debug.error(\"Could not delete plan: \",response.msg);\n }\n }).catch(notification.exception);\n },\n purge_studyplanpage(){\n if (this.selectedpage) {\n call([{\n methodname: 'local_treestudyplan_delete_studyplanpage',\n args: {\n id: this.selectedpage.id,\n force: true,\n },\n }])[0].then(function(response){\n if(response.success){\n location.reload();\n } else {\n this.$bvModal.msgBoxOk(response.msg, {title: \"Could not delete page\"} );\n debug.error(\"Could not delete page: \",response.msg);\n }\n }).catch(notification.exception);\n }\n },\n cascade_cohortsync(){\n const self = this;\n call([{\n methodname: 'local_treestudyplan_cascade_cohortsync',\n args: {\n studyplan_id: this.value.id,\n },\n }])[0].then(function(response){\n self.$bvModal.msgBoxOk(response.success?self.text.success$core:self.text.error$core,\n { title: self.text.advanced_cascade_cohortsync});\n }).catch(notification.exception);\n },\n modal_close(){\n this.force_scales.result = [];\n }\n },\n template:\n `\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
- 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\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
\n ![]()
\n
\n \n \n
\n \n \n {{ text.idnumber }}: {{ value.idnumber }}\n
\n \n \n
\n "}),Vue.component("s-studyline-header-heading",{props:{identifier:{type:Number,default:()=>0}},data:()=>({layerHeights:{}}),created(){ItemEventBus.$on("headerHeightChange",this.onHeaderHeightChange)},computed:{},methods:{onHeaderHeightChange(newheight,identifier){this.identifier==identifier&&this.$refs.main&&(this.$refs.main.style.height=`${newheight}px`)}},template:'\n \n '}),Vue.component("s-studyline-header-period",{props:{value:{type:Object},identifier:{type:Number,default:()=>0}},mounted(){const self=this;1==self.value.period&&(self.resizeListener=new ResizeObserver((()=>{if(self.$refs.main){const size=self.$refs.main.getBoundingClientRect();ItemEventBus.$emit("headerHeightChange",size.height,self.identifier)}})).observe(self.$refs.main))},unmounted(){this.resizeListener&&this.resizeListener.disconnect()},computed:{startdate(){return(0,_dateHelper.format_date)(this.value.startdate)},enddate(){return(0,_dateHelper.format_date)(this.value.enddate)},current(){if(this.value&&this.value.startdate&&this.value.enddate){const now=new Date,pstart=new Date(this.value.startdate),pend=new Date(this.value.enddate);return now>=pstart&&now\n {{ percentage_complete}} {{ text.completed.toLowerCase() }} \n
\n {{ value.shortname }}\n \n {{ startdate }} - {{ enddate }}\n
\n \n {{ startdate }} - {{ enddate }}\n \n \n
\n \n
\n
\n '})}};return _exports.default=_default,_exports.default}));
+define("local_treestudyplan/treestudyplan-components",["exports","./util/string-helper","./util/date-helper"],(function(_exports,_stringHelper,_dateHelper){Object.defineProperty(_exports,"__esModule",{value:!0}),_exports.default=void 0;var _default={install(Vue){let strings=(0,_stringHelper.load_strings)({studyplancard:{open:"open",noenddate:"noenddate",idnumber:"studyplan_idnumber",description:"studyplan_description",completed:"completed",details:"studyplan_details"},details:{details:"studyplan_details"},extrafields:{show:"show@core"},prevnext:{prev:"prev@core",previous:"previous@core",next:"next@core",select:"selectanoptions@core"}});const ItemEventBus=new Vue;Vue.component("s-studyplan-card",{props:{value:{type:Object},open:{type:Boolean}},data:()=>({text:strings.studyplancard}),computed:{timing(){return(0,_dateHelper.studyplanTiming)(this.value)},dates(){const dates=(0,_dateHelper.studyplanDates)(this.value);return{start:(0,_dateHelper.format_date)(dates.start),end:dates.end?(0,_dateHelper.format_date)(dates.end):this.text.noenddate}}},methods:{onOpenClick(e){this.$emit("open",e)}},template:"\n | {{ field.title}} | \n\n {{ displaydate(field) }}\n {{ field.value }}\n \n {{text.show}}...\n | \n
\n ![]()
\n
\n \n \n
\n \n \n {{ text.idnumber }}: {{ value.idnumber }}\n
\n \n \n
\n "}),Vue.component("s-studyline-header-heading",{props:{identifier:{type:Number,default:()=>0}},data:()=>({layerHeights:{}}),created(){ItemEventBus.$on("headerHeightChange",this.onHeaderHeightChange)},computed:{},methods:{onHeaderHeightChange(newheight,identifier){this.identifier==identifier&&this.$refs.main&&(this.$refs.main.style.height=`${newheight}px`)}},template:'\n \n '}),Vue.component("s-studyline-header-period",{props:{value:{type:Object},identifier:{type:Number,default:()=>0}},mounted(){const self=this;1==self.value.period&&(self.resizeListener=new ResizeObserver((()=>{if(self.$refs.main){const size=self.$refs.main.getBoundingClientRect();ItemEventBus.$emit("headerHeightChange",size.height,self.identifier)}})).observe(self.$refs.main))},unmounted(){this.resizeListener&&this.resizeListener.disconnect()},computed:{startdate(){return(0,_dateHelper.format_date)(this.value.startdate)},enddate(){return(0,_dateHelper.format_date)(this.value.enddate)},current(){if(this.value&&this.value.startdate&&this.value.enddate){const now=new Date,pstart=new Date(this.value.startdate),pend=new Date(this.value.enddate);return now>=pstart&&now\n {{ percentage_complete}} {{ text.completed.toLowerCase() }} \n
\n {{ value.shortname }}\n \n {{ startdate }} - {{ enddate }}\n
\n \n {{ startdate }} - {{ enddate }}\n \n \n
\n \n
\n
\n '}),Vue.component("s-prevnext-selector",{props:{value:{type:Object,default:()=>null},options:{type:Array},grouped:{type:Boolean,default:!1},titlefield:{type:String,default:"title"},labelfield:{type:String,default:"label"},optionsfield:{type:String,default:"options"},defaultselectable:{type:Boolean,default:!1},variant:{type:String,default:""},arrows:{type:Boolean,default:!1}},data:()=>({text:strings.prevnext}),computed:{fields(){const f=[];if(this.defaultselectable&&f.push(null),this.grouped)for(const gix in this.options){const group=this.options[gix];for(const ix in group){const v=this.options[ix];f.push(v)}}else for(const ix in this.options){const v=this.options[ix];f.push(v)}return f},bubblevalue:{get(){return this.value?this.value:null},set(v){this.$emit("input",v||null)}}},methods:{atFirst(){return!(this.fields.length>0)||this.fields[0]==this.value},atLast(){if(this.fields.length>0){const l=this.fields.length-1;return this.fields[l]==this.value}return!0},prev(){if(this.fields.length>0){const index=this.fields.indexOf(this.value);index>0&&(this.$emit("input",this.fields[index-1]),this.$emit("change",this.fields[index-1]))}},next(){if(this.fields.length>0){const index=this.fields.indexOf(this.value),l=this.fields.length-1;index>=0&&index| {{ field.title}} | \n\n {{ displaydate(field) }}\n {{ field.value }}\n \n {{text.show}}...\n | \n
\n ![]()
\n
\n \n \n
\n \n \n {{ text.idnumber }}: {{ value.idnumber }}\n
\n \n \n
\n `,\n });\n\n\n\n /*\n * S-STUDYLINE-HEADER-HEADING\n * The only reasing this is not a simple empty div, is the fact that the header height\n * needs to match that of the period headers\n */\n Vue.component('s-studyline-header-heading', {\n props: {\n identifier: {\n type: Number, // Page reference.\n default() { return 0;}\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('headerHeightChange', this.onHeaderHeightChange);\n },\n computed: {\n\n },\n methods: {\n onHeaderHeightChange(newheight,identifier){\n if (this.identifier == identifier) {\n if(this.$refs.main){\n this.$refs.main.style.height = `${newheight}px`;\n }\n }\n }\n },\n template: `\n \n `,\n });\n\n Vue.component('s-studyline-header-period', {\n props: {\n value: {\n type: Object, // dict with layer as index\n },\n identifier: {\n type: Number, // Page reference.\n default() { return 0;}\n }\n },\n mounted() {\n const self=this;\n if(self.value.period == 1){\n self.resizeListener = new ResizeObserver(() => {\n if(self.$refs.main){\n const size = self.$refs.main.getBoundingClientRect();\n ItemEventBus.$emit('headerHeightChange', size.height, self.identifier);\n }\n }).observe(self.$refs.main);\n }\n },\n unmounted() {\n if(this.resizeListener) {\n this.resizeListener.disconnect();\n }\n },\n computed: {\n startdate(){\n return format_date(this.value.startdate);\n },\n enddate(){\n return format_date(this.value.enddate);\n },\n current(){\n if( this.value && this.value.startdate && this.value.enddate){\n const now = new Date();\n const pstart = new Date(this.value.startdate);\n const pend = new Date(this.value.enddate);\n return (now >= pstart && now < pend);\n }\n else {\n return false;\n }\n }\n\n },\n data() {\n return {\n };\n },\n template: `\n \n {{ percentage_complete}} {{ text.completed.toLowerCase() }} \n
\n {{ value.shortname }}\n \n {{ startdate }} - {{ enddate }}\n
\n \n {{ startdate }} - {{ enddate }}\n \n \n
0)?position:'empty')\">\n 0\">\n
\n
\n `,\n });\n\n }\n};"],"names":["install","Vue","strings","studyplancard","open","noenddate","idnumber","description","completed","details","extrafields","show","ItemEventBus","component","props","value","type","Object","Boolean","data","text","computed","timing","this","dates","start","end","methods","onOpenClick","e","$emit","template","Number","min","default","max","width_completed","width_incomplete","percentage_complete","v","Math","round","identifier","layerHeights","created","$on","onHeaderHeightChange","newheight","$refs","main","style","height","mounted","self","period","resizeListener","ResizeObserver","size","getBoundingClientRect","observe","unmounted","disconnect","startdate","enddate","current","now","Date","pstart","pend","variant","String","pill","Array","position","fields","ix","field","length","push","displaydate"],"mappings":"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"}
\ No newline at end of file
+{"version":3,"file":"treestudyplan-components.min.js","sources":["../src/treestudyplan-components.js"],"sourcesContent":["/*eslint no-var: \"error\"*/\n/*eslint no-console: \"off\"*/\n/*eslint-disable no-trailing-spaces */\n/*eslint-env es6*/\n// Put this file in path/to/plugin/amd/src\n\nimport {load_strings} from './util/string-helper';\nimport {format_date, studyplanDates, studyplanTiming} from './util/date-helper';\n\nexport default {\n\n install(Vue/*,options*/){\n let strings = load_strings({\n studyplancard: {\n open: \"open\",\n noenddate: \"noenddate\",\n idnumber: \"studyplan_idnumber\",\n description: \"studyplan_description\",\n completed: \"completed\",\n details: \"studyplan_details\",\n },\n details: {\n details: \"studyplan_details\",\n },\n extrafields: {\n show: \"show@core\"\n },\n prevnext: {\n prev: \"prev@core\",\n previous: \"previous@core\",\n next: \"next@core\",\n select: \"selectanoptions@core\",\n }\n });\n // Create new eventbus for interaction between item components\n const ItemEventBus = new Vue();\n\n Vue.component('s-studyplan-card', {\n props: {\n value: {\n type: Object,\n },\n open: {\n type: Boolean\n },\n },\n data() {\n return {\n text: strings.studyplancard\n };\n },\n computed: {\n timing(){\n return studyplanTiming(this.value);\n },\n dates(){\n const dates = studyplanDates(this.value);\n return {\n start: format_date(dates.start),\n end: (dates.end)?format_date(dates.end):this.text.noenddate,\n };\n },\n \n },\n methods: {\n onOpenClick(e) {\n this.$emit('open',e);\n }\n },\n template: `\n | {{ field.title}} | \n\n {{ displaydate(field) }}\n {{ field.value }}\n \n {{text.show}}...\n | \n
\n ![]()
\n
\n \n \n
\n \n \n {{ text.idnumber }}: {{ value.idnumber }}\n
\n \n \n
\n `,\n });\n\n\n\n /*\n * S-STUDYLINE-HEADER-HEADING\n * The only reasing this is not a simple empty div, is the fact that the header height\n * needs to match that of the period headers\n */\n Vue.component('s-studyline-header-heading', {\n props: {\n identifier: {\n type: Number, // Page reference.\n default() { return 0;}\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('headerHeightChange', this.onHeaderHeightChange);\n },\n computed: {\n\n },\n methods: {\n onHeaderHeightChange(newheight,identifier){\n if (this.identifier == identifier) {\n if(this.$refs.main){\n this.$refs.main.style.height = `${newheight}px`;\n }\n }\n }\n },\n template: `\n \n `,\n });\n\n Vue.component('s-studyline-header-period', {\n props: {\n value: {\n type: Object, // dict with layer as index\n },\n identifier: {\n type: Number, // Page reference.\n default() { return 0;}\n }\n },\n mounted() {\n const self=this;\n if(self.value.period == 1){\n self.resizeListener = new ResizeObserver(() => {\n if(self.$refs.main){\n const size = self.$refs.main.getBoundingClientRect();\n ItemEventBus.$emit('headerHeightChange', size.height, self.identifier);\n }\n }).observe(self.$refs.main);\n }\n },\n unmounted() {\n if(this.resizeListener) {\n this.resizeListener.disconnect();\n }\n },\n computed: {\n startdate(){\n return format_date(this.value.startdate);\n },\n enddate(){\n return format_date(this.value.enddate);\n },\n current(){\n if( this.value && this.value.startdate && this.value.enddate){\n const now = new Date();\n const pstart = new Date(this.value.startdate);\n const pend = new Date(this.value.enddate);\n return (now >= pstart && now < pend);\n }\n else {\n return false;\n }\n }\n\n },\n data() {\n return {\n };\n },\n template: `\n \n {{ percentage_complete}} {{ text.completed.toLowerCase() }} \n
\n {{ value.shortname }}\n \n {{ startdate }} - {{ enddate }}\n
\n \n {{ startdate }} - {{ enddate }}\n \n \n
0)?position:'empty')\">\n 0\">\n
\n
\n `,\n });\n\n Vue.component('s-prevnext-selector', {\n props: {\n value: {\n type: Object, \n default() { return null;}\n },\n options: {\n type: Array,\n },\n grouped: {\n type: Boolean,\n default: false,\n },\n titlefield: {\n type: String,\n default: \"title\",\n },\n labelfield: {\n type: String,\n default: \"label\",\n },\n optionsfield: {\n type: String,\n default: \"options\",\n },\n defaultselectable: {\n type: Boolean,\n default: false,\n },\n variant: {\n type: String,\n default: \"\",\n },\n arrows: {\n type: Boolean,\n default: false,\n },\n },\n data() {\n return {\n text: strings.prevnext,\n };\n },\n computed: {\n fields() {\n const f = [];\n if(this.defaultselectable) {\n f.push(null);\n }\n if (this.grouped) {\n for ( const gix in this.options) {\n const group = this.options[gix];\n for ( const ix in group) {\n const v = this.options[ix];\n f.push(v);\n }\n }\n } else {\n for ( const ix in this.options) {\n const v = this.options[ix];\n f.push(v);\n }\n }\n return f;\n },\n bubblevalue: {\n get() { return (this.value)?this.value:null;},\n set(v) { this.$emit('input',(v)?v:null);},\n }\n },\n methods: {\n atFirst() {\n if (this.fields.length > 0) {\n return this.fields[0] == this.value;\n }\n return true; // Since it disables the button, do so if pressing it would make no sense.\n },\n atLast() {\n if (this.fields.length > 0) {\n const l = this.fields.length -1;\n return this.fields[l] == this.value;\n }\n return true; // Since it disables the button, do so if pressing it would make no sense.\n },\n prev() {\n if (this.fields.length > 0) {\n const index = this.fields.indexOf(this.value);\n if (index > 0) {\n this.$emit(\"input\",this.fields[index -1]);\n this.$emit(\"change\",this.fields[index -1]);\n }\n }\n },\n next() {\n if (this.fields.length > 0) {\n const index = this.fields.indexOf(this.value);\n const l = this.fields.length -1;\n if (index >= 0 && index < l) {\n this.$emit(\"input\",this.fields[index + 1]);\n this.$emit(\"change\",this.fields[index + 1]);\n }\n }\n },\n selectedchanged(value) {\n this.$emit(\"change\",value);\n }\n },\n template: `\n | {{ field.title}} | \n\n {{ displaydate(field) }}\n {{ field.value }}\n \n {{text.show}}...\n | \n
\n {{text.prev}} \n \n {{text.select}} \n {{o[titlefield]}} \n \n {{o[titlefield]}} \n {{text.next}} \n
\n `,\n });\n\n\n }\n};"],"names":["install","Vue","strings","studyplancard","open","noenddate","idnumber","description","completed","details","extrafields","show","prevnext","prev","previous","next","select","ItemEventBus","component","props","value","type","Object","Boolean","data","text","computed","timing","this","dates","start","end","methods","onOpenClick","e","$emit","template","Number","min","default","max","width_completed","width_incomplete","percentage_complete","v","Math","round","identifier","layerHeights","created","$on","onHeaderHeightChange","newheight","$refs","main","style","height","mounted","self","period","resizeListener","ResizeObserver","size","getBoundingClientRect","observe","unmounted","disconnect","startdate","enddate","current","now","Date","pstart","pend","variant","String","pill","Array","position","fields","ix","field","length","push","displaydate","options","grouped","titlefield","labelfield","optionsfield","defaultselectable","arrows","f","gix","group","bubblevalue","get","set","atFirst","atLast","l","index","indexOf","selectedchanged"],"mappings":"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"}
\ No newline at end of file
diff --git a/amd/src/page-view-plan.js b/amd/src/page-view-plan.js
index 12c07f8..28d6c4b 100644
--- a/amd/src/page-view-plan.js
+++ b/amd/src/page-view-plan.js
@@ -181,20 +181,21 @@ export function init(contextid,categoryid) {
showStudentView(student){
app.selectedstudent = student;
app.studentstudyplan = null;
- app.loadingstudyplan = true;
- call([{
- methodname: 'local_treestudyplan_get_user_studyplan',
- args: { userid: student.id, studyplanid: app.activestudyplan.id}
- }])[0].then(function(response){
- app.studentstudyplan = ProcessStudyplan(response,false);
- app.displayedstudyplan = app.studentstudyplan;
- app.loadingstudyplan = false;
- window.location.hash = app.activestudyplan.id + "-" + student.id;
- }).catch(function(error){
- notification.exception(error);
- app.loadingstudyplan = false;
- });
-
+ if (student) {
+ app.loadingstudyplan = true;
+ call([{
+ methodname: 'local_treestudyplan_get_user_studyplan',
+ args: { userid: student.id, studyplanid: app.activestudyplan.id}
+ }])[0].then(function(response){
+ app.studentstudyplan = ProcessStudyplan(response,false);
+ app.displayedstudyplan = app.studentstudyplan;
+ app.loadingstudyplan = false;
+ window.location.hash = app.activestudyplan.id + "-" + student.id;
+ }).catch(function(error){
+ notification.exception(error);
+ app.loadingstudyplan = false;
+ });
+ }
},
showOverview(){
diff --git a/amd/src/report-viewer-components.js b/amd/src/report-viewer-components.js
index 2448192..eb32552 100644
--- a/amd/src/report-viewer-components.js
+++ b/amd/src/report-viewer-components.js
@@ -480,9 +480,7 @@ export default {
let firststart = null;
for(const ix in this.value.pages) {
const page = this.value.pages[ix];
- debug.info(`Checking page ${ix} - timing ${studyplanPageTiming(page)}`,page);
if(studyplanPageTiming(page) == "present") {
- debug.info(`Found page nr ${ix} to be present`);
const s = new Date(page.startdate);
if( (!firststart) || firststart > s) {
startpageindex = ix;
@@ -512,7 +510,7 @@ export default {
let maxLayer = -1;
for(let i = 0; i <= page.periods; i++){
const slot = line.slots[i];
- // Determine the amount of used layers in a studyline slit
+ // Determine the amount of used layers in a studyline slot
for(const ix in line.slots[i].courses){
const item = line.slots[i].courses[ix];
if(item.layer > maxLayer){
@@ -526,6 +524,7 @@ export default {
}
}
}
+ debug.info(`Counted ${maxLayer+1} layers for ${page.shortname}/${line.name}`);
return (maxLayer >= 0)?(maxLayer+1):1;
},
showslot(page,line,index, layeridx, type){
@@ -630,7 +629,7 @@ export default {
+ {{text.prev}}
+
+ {{text.select}}
+ {{o[titlefield]}}
+
+
+ {{o[titlefield]}}
+ {{text.next}}
+
+ `,
+ });
+
+
}
};
\ No newline at end of file
diff --git a/css/devstyles.css b/css/devstyles.css
index 94c7893..452f9fb 100644
--- a/css/devstyles.css
+++ b/css/devstyles.css
@@ -787,12 +787,12 @@
.path-local-treestudyplan .t-studyline-heading.last,
.path-local-treestudyplan .t-studyline-slot.last.newlyr,
.path-local-treestudyplan .r-studyline-heading.last,
-.path-local-treestudyplan .r-studyline-slot.last,
+.path-local-treestudyplan .r-studyline-slot.last.lastlyr,
.features-treestudyplan .t-studyline-drag:last-child,
.features-treestudyplan .t-studyline-heading.last,
.features-treestudyplan .t-studyline-slot.last.newlyr,
.features-treestudyplan .r-studyline-heading.last,
-.features-treestudyplan .r-studyline-slot.last {
+.features-treestudyplan .r-studyline-slot.last.lastlyr {
border-bottom-style: solid;
}
.path-local-treestudyplan .s-studyline-header-period,
@@ -1367,6 +1367,15 @@
.features-treestudyplan div.r-item-course-header-details:last-child {
margin-bottom: 0.3rem;
}
+.path-local-treestudyplan .s-prevnext-selector,
+.features-treestudyplan .s-prevnext-selector {
+ display: inline-block;
+}
+.path-local-treestudyplan .s-prevnext-selector i.s-prevnext-arrow,
+.features-treestudyplan .s-prevnext-selector i.s-prevnext-arrow {
+ position: relative;
+ top: -3px;
+}
.path-local-treestudyplan .card.s-studyplan-card,
.features-treestudyplan .card.s-studyplan-card {
diff --git a/scss/studyplan.scss b/scss/studyplan.scss
index fe62525..b844bbd 100644
--- a/scss/studyplan.scss
+++ b/scss/studyplan.scss
@@ -671,7 +671,7 @@
.t-studyline-heading.last,
.t-studyline-slot.last.newlyr,
.r-studyline-heading.last,
- .r-studyline-slot.last {
+ .r-studyline-slot.last.lastlyr {
border-bottom-style: solid;
}
@@ -1180,4 +1180,15 @@
}
}
+ .s-prevnext-selector {
+ display: inline-block;
+
+ i.s-prevnext-arrow {
+ position: relative;
+ top: -3px;
+ }
+ }
+
+
+
}
\ No newline at end of file
diff --git a/styles.css b/styles.css
index 94c7893..452f9fb 100644
--- a/styles.css
+++ b/styles.css
@@ -787,12 +787,12 @@
.path-local-treestudyplan .t-studyline-heading.last,
.path-local-treestudyplan .t-studyline-slot.last.newlyr,
.path-local-treestudyplan .r-studyline-heading.last,
-.path-local-treestudyplan .r-studyline-slot.last,
+.path-local-treestudyplan .r-studyline-slot.last.lastlyr,
.features-treestudyplan .t-studyline-drag:last-child,
.features-treestudyplan .t-studyline-heading.last,
.features-treestudyplan .t-studyline-slot.last.newlyr,
.features-treestudyplan .r-studyline-heading.last,
-.features-treestudyplan .r-studyline-slot.last {
+.features-treestudyplan .r-studyline-slot.last.lastlyr {
border-bottom-style: solid;
}
.path-local-treestudyplan .s-studyline-header-period,
@@ -1367,6 +1367,15 @@
.features-treestudyplan div.r-item-course-header-details:last-child {
margin-bottom: 0.3rem;
}
+.path-local-treestudyplan .s-prevnext-selector,
+.features-treestudyplan .s-prevnext-selector {
+ display: inline-block;
+}
+.path-local-treestudyplan .s-prevnext-selector i.s-prevnext-arrow,
+.features-treestudyplan .s-prevnext-selector i.s-prevnext-arrow {
+ position: relative;
+ top: -3px;
+}
.path-local-treestudyplan .card.s-studyplan-card,
.features-treestudyplan .card.s-studyplan-card {
diff --git a/view-plan.php b/view-plan.php
index 5874ab0..b713b1d 100644
--- a/view-plan.php
+++ b/view-plan.php
@@ -134,8 +134,24 @@ print $OUTPUT->header();
v-model="displayedstudyplan"
v-if="displayedstudyplan && displayedstudyplan.description"
>
-
+
+
+ {{value.firstname}} {{value.lastname}}
+
+
+
@@ -161,30 +177,6 @@ print $OUTPUT->header();