1 line
13 KiB
Plaintext
1 line
13 KiB
Plaintext
{"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} from './util/date-helper';\n\nexport default {\n studyplanTiming(a) {\n const now = new Date().getTime();\n let timing = 'future';\n if(new Date(a.startdate).getTime() < now){\n if(a.enddate && now > new Date(a.enddate).getTime()) {\n timing = 'past';\n } else {\n timing = 'present';\n }\n }\n return timing;\n },\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 }\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 const now = new Date().getTime();\n const startdate = new Date(this.value.pages[0].startdate).getTime();\n const enddate = new Date(this.value.pages[0].enddate).getTime();\n let timing = 'future';\n if(startdate < now){\n if(this.value.pages[0].enddate && now > enddate) {\n timing = 'past';\n } else {\n timing = 'present';\n }\n }\n return timing;\n },\n startdate(){\n return format_date(this.value.pages[0].startdate);\n },\n enddate(){\n if(this.value.pages[0].enddate){\n return format_date(this.value.pages[0].enddate);\n }\n else {\n return this.text.noenddate;\n }\n },\n width_completed() {\n if(this.value.progress) {\n return this.value.progress * 100;\n } else {\n return 0;\n }\n },\n width_incomplete() {\n if(this.value.progress) {\n return (1-this.value.progress) * 100;\n } else {\n return 100;\n }\n },\n percentage_complete() {\n if(this.value.progress) {\n return Math.round(this.value.progress * 100) + \"%\";\n } else {\n return \"0%\";\n }\n }\n },\n methods: {\n onOpenClick(e) {\n this.$emit('open',e);\n }\n },\n template: `\n <b-card\n :class=\"'s-studyplan-card timing-' + timing\"\n >\n <template #header></template>\n \n <div class='s-studyplan-card-content'>\n <div class='s-studyplan-card-icon'><img :src='value.icon'></div>\n <div class='s-studyplan-card-info'>\n <div class='s-studyplan-card-titlebar'>\n <b-card-title>\n <a v-if='open' href='#' @click.prevent='onOpenClick($event)'>{{value.name}}</a>\n <template v-else>{{value.name}}</template>\n </b-card-title>\n <div class='s-studyplan-card-titleslot'><slot name='title'></slot></div>\n </div> \n <div class='s-studyplan-card-idnumber' v-if='value.idnumber'>\n {{ text.idnumber }}: {{ value.idnumber }}\n </div>\n <div class='s-studyplan-card-progress' v-if='value.progress !== undefined && value.progress !== null'>\n <div class=\"s-studyplan-card-progressbar\"\n ><span v-if=\"width_completed > 0\"\n :style=\"{width: width_completed+'%'}\"\n class='s-studyplan-card-progress-segment s-studyplan-card-progress-completed'\n ></span\n ><span :style=\"{width: width_incomplete+'%'}\"\n class='s-studyplan-card-progress-segment s-studyplan-card-progress-incomplete'\n ></span\n ></div>\n <div class=\"s-studyplan-card-progresstext\">\n {{ percentage_complete}} {{ text.completed.toLowerCase() }} \n </div>\n </div>\n </div>\n \n </div>\n <slot></slot>\n <template #footer>\n <span :class=\"'t-timing-'+timing\" v-html=\"startdate + ' - '+ enddate\"></span>\n <span class=\"s-studyplan-card-buttons\">\n <slot name='footer'></slot>\n <template v-if='value.description'>\n <b-button variant=\"primary\" v-b-modal=\"'modal-description-'+value.id\"\n ><i class='fa fa-info-circle'></i> {{ text.description }}</b-button>\n <b-modal\n :title=\"value.name\"\n scrollable\n centered\n ok-only\n size=\"xl\"\n :id=\"'modal-description-'+value.id\"\n ><span v-html=\"value.description\"></span>\n </b-modal>\n </template>\n <b-button style=\"float:right;\" v-if='open' variant='primary'\n @click.prevent='onOpenClick($event)'>{{ text.open }}</b-button>\n </span>\n </template>\n </b-card>\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\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){\n if(this.$refs.main){\n this.$refs.main.style.height = `${newheight}px`;\n }\n }\n },\n template: `\n <div class=\"s-studyline-header-heading\" ref=\"main\"></div>\n `,\n });\n\n Vue.component('s-studyline-header-period', {\n props: {\n value: {\n type: Object, // dict with layer as index\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);\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 <div :class=\"'s-studyline-header-period ' + (current?'current ':' ')\" ref=\"main\"\n ><p><abbr :id=\"'s-period-'+value.id\" :title=\"value.fullname\">{{ value.shortname }}</abbr>\n <b-tooltip\n :target=\"'s-period-'+value.id\" triggers=\"hover\"\n >{{ value.fullname }}<br>\n <span class=\"s-studyline-header-period-datespan\">\n <span class=\"date\">{{ startdate }}</span> - <span class=\"date\">{{ enddate }}</span>\n </span>\n </b-tooltip>\n <slot></slot\n ><p class=\"s-studyline-header-period-datespan small\">\n <span class=\"date\">{{ startdate }}</span> - <span class=\"date\">{{ enddate }}</span>\n </p>\n </div>\n `,\n });\n\n\n }\n};"],"names":["studyplanTiming","a","now","Date","getTime","timing","startdate","enddate","install","Vue","strings","studyplancard","open","noenddate","idnumber","description","completed","ItemEventBus","component","props","value","type","Object","Boolean","data","text","computed","this","pages","width_completed","progress","width_incomplete","percentage_complete","Math","round","methods","onOpenClick","e","$emit","template","layerHeights","created","$on","onHeaderHeightChange","newheight","$refs","main","style","height","mounted","self","period","resizeListener","ResizeObserver","size","getBoundingClientRect","observe","unmounted","disconnect","current","pstart","pend"],"mappings":"yPASe,CACXA,yBAAgBC,OACNC,KAAM,IAAIC,MAAOC,UACnBC,OAAS,gBACV,IAAIF,KAAKF,EAAEK,WAAWF,UAAYF,MAE7BG,OADDJ,EAAEM,SAAWL,IAAM,IAAIC,KAAKF,EAAEM,SAASH,UAC7B,OAEA,WAGVC,QAGXG,iBAAQC,SACAC,SAAU,8BAAa,CACvBC,cAAe,CACXC,KAAM,OACNC,UAAW,YACXC,SAAU,qBACVC,YAAa,wBACbC,UAAW,eAIbC,aAAe,IAAIR,IAEzBA,IAAIS,UAAU,mBAAoB,CAC9BC,MAAO,CACHC,MAAO,CACHC,KAAMC,QAEVV,KAAM,CACFS,KAAME,UAGdC,sBACW,CACHC,KAAMf,QAAQC,gBAGtBe,SAAU,CACNrB,sBACUH,KAAM,IAAIC,MAAOC,UACjBE,UAAY,IAAIH,KAAKwB,KAAKP,MAAMQ,MAAM,GAAGtB,WAAWF,UACpDG,QAAU,IAAIJ,KAAKwB,KAAKP,MAAMQ,MAAM,GAAGrB,SAASH,UAClDC,OAAS,gBACVC,UAAYJ,MAEPG,OADDsB,KAAKP,MAAMQ,MAAM,GAAGrB,SAAWL,IAAMK,QAC3B,OAEA,WAGVF,QAEXC,4BACW,2BAAYqB,KAAKP,MAAMQ,MAAM,GAAGtB,YAE3CC,0BACOoB,KAAKP,MAAMQ,MAAM,GAAGrB,SACZ,2BAAYoB,KAAKP,MAAMQ,MAAM,GAAGrB,SAGhCoB,KAAKF,KAAKZ,WAGzBgB,kCACOF,KAAKP,MAAMU,SACmB,IAAtBH,KAAKP,MAAMU,SAEX,GAGfC,mCACOJ,KAAKP,MAAMU,SACuB,KAAzB,EAAEH,KAAKP,MAAMU,UAEd,KAGfE,sCACOL,KAAKP,MAAMU,SACHG,KAAKC,MAA4B,IAAtBP,KAAKP,MAAMU,UAAkB,IAExC,OAInBK,QAAS,CACLC,qBAAYC,QACHC,MAAM,OAAOD,KAG1BE,yyGAmEJ9B,IAAIS,UAAU,6BAA8B,CACxCC,MAAO,GAGPK,sBACW,CACHgB,aAAc,KAGtBC,mBAGIxB,aAAayB,IAAI,qBAAsBf,KAAKgB,uBAEhDjB,SAAU,GAGVS,QAAS,CACLQ,8BAAqBC,WACdjB,KAAKkB,MAAMC,YACLD,MAAMC,KAAKC,MAAMC,iBAAYJ,mBAI9CL,mGAKJ9B,IAAIS,UAAU,4BAA6B,CACvCC,MAAO,CACHC,MAAO,CACHC,KAAMC,SAGd2B,uBACUC,KAAKvB,KACa,GAArBuB,KAAK9B,MAAM+B,SACVD,KAAKE,eAAiB,IAAIC,gBAAe,cAClCH,KAAKL,MAAMC,KAAK,KACTQ,KAAOJ,KAAKL,MAAMC,KAAKS,wBAC7BtC,aAAaqB,MAAM,qBAAsBgB,KAAKN,YAEnDQ,QAAQN,KAAKL,MAAMC,QAG9BW,qBACO9B,KAAKyB,qBACCA,eAAeM,cAG5BhC,SAAU,CACNpB,4BACW,2BAAYqB,KAAKP,MAAMd,YAElCC,0BACW,2BAAYoB,KAAKP,MAAMb,UAElCoD,sBACQhC,KAAKP,OAASO,KAAKP,MAAMd,WAAaqB,KAAKP,MAAMb,QAAQ,KACnDL,IAAM,IAAIC,KACVyD,OAAS,IAAIzD,KAAKwB,KAAKP,MAAMd,WAC7BuD,KAAO,IAAI1D,KAAKwB,KAAKP,MAAMb,gBACzBL,KAAO0D,QAAU1D,IAAM2D,YAGxB,IAKnBrC,sBACW,IAGXe"} |