\n\t\t
\n\t\n\t\t\t\n\t\t
\n\t\n\t
'},y={data:()=>({}),props:{widget:{type:Object,required:!0}},methods:{path:t=>"/"==t[0]?FHC_JS_DATA_STORAGE_OBJECT.app_root+t:t},emits:["select"],template:'\n\t\n\t\t\n\t\t\t\n\t\t\t\t{{ widget ? \'Config for \' + widget.setup.name : \'\' }}\n\t\t\t\n\t\t\t\n\t\t\t\t \n\t\t\n\t\t\t\n\t\t \n\t\t
\n\t\n\t\t\t\n\t\t\t\t\n\t\t\t \n\t\t\t{{ widget.setup.name }}\n\t\t\t\n\t\t\t\t\n\t\t\t\t \n\t\t
\n\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\n \t\t\n \t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t
\n\t\t\n\t\t
\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t
\n\t\t![]()
\n\t\t
'},w={name:"Section",components:{DropGrid:f,DashboardItem:_,WidgetIcon:y},inject:{widgetsSetup:{type:Array,default:[]},adminMode:{type:Boolean,default:!1},editMode:{type:Boolean,default:!1}},props:["name","widgets"],emits:["widgetAdd","widgetUpdate","widgetRemove"],data:()=>({configOpened:!1,gridWidth:1,gridHeight:null,draggedItem:null,additionalRow:!1}),provide(){return{editModeIsActive:Vue.computed(()=>this.editModeIsActive),sectionName:Vue.computed(()=>this.name)}},computed:{computedWidgetsSetup(){return this.widgetsSetup?this.widgetsSetup.reduce((t,e)=>(t[e.widget_id]=e.setup,t),{}):{}},editModeIsActive(){return(this.editMode||this.adminMode)&&!this.configOpened},getSectionStyle:()=>"margin-bottom: 8px;",items(){return this.widgets.map(t=>(!t?.widgetid&&t?.id&&(t.widgetid=t.id),{...t,reorder:!1,...t.place[this.gridWidth]||{reorder:!0,x:0,y:0,w:1,h:1}}))}},methods:{sectionNameTranslation(){switch(this.name){case"general":case"custom":return this.$p.t("dashboard",this.name);default:return this.name}},showSectionInformation(){return"general"==this.name?this.$p.t("dashboard","dashboardGeneralSectionDescription"):"custom"==this.name?this.$p.t("dashboard","dashboardCustomSectionDescription"):this.$p.t("dashboard","dashboardSectionDescription",[this.name])},handleConfigOpened(){this.configOpened=!0},handleConfigClosed(){this.configOpened=!1},checkResizeLimit(t,e,i){let r=A.getWidget(t.widget);if(r){let t=r.setup.width;t.max?t.min=t.min||1:t={min:t,max:t},e\n\t\t\t
\n\t{{ widget.setup.name || widget.widget_kurzbz }}
\n\t\t\t{{ widget.beschreibung }}
\n\t\t\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t \n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t \n\t
'},$={components:{BsModal:o,WidgetIcon:y},props:["widgets"],data:()=>({callbacks:{}}),methods:{getWidget(){return new Promise((t,e)=>{this.callbacks={resolve:t,reject:e},this.$refs.modal.show()})},close(){this.callbacks.reject&&this.callbacks.reject(),this.callbacks={}},pick(t){this.callbacks.resolve&&this.callbacks.resolve(t),this.callbacks={},this.$refs.modal.hide()}},template:''},S={mergeDeep(...t){const e=t=>t&&"object"==typeof t;return t.reduce((t,i)=>(Object.keys(i).forEach(r=>{const n=t[r],s=i[r];Array.isArray(n)&&Array.isArray(s)?t[r]=n.concat(...s):e(n)&&e(s)?t[r]=this.mergeDeep(n,s):t[r]=s}),t),{})}},C={components:{DashboardAdminEdit:h,DashboardAdminWidgets:c,DashboardAdminPresets:{components:{DashboardSection:w,DashboardWidgetPicker:$},props:{dashboard:String,widgets:Array},data:()=>({funktionen:{},sections:[],tmpLoading:""}),computed:{apiurl:()=>FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+"/dashboard",pickerWidgets(){return this.widgets.filter(t=>t.allowed)}},methods:{widgetAdd(t,e){this.$refs.widgetpicker.getWidget().then(i=>{e.widget=i,delete e.custom,e.preset=1;let r={...e};r.loading=!0,this.sections.forEach(e=>{e.name==t&&e.widgets.push(r)}),axios.post(this.apiurl+"/Config/addWidgetsToPreset",{db:this.dashboard,funktion_kurzbz:t,widgets:[e]}).then(i=>{let n=Object.keys(i.data.retval.data[t].widgets).pop();e.id=n,e.custom=1,this.sections.forEach(i=>{i.name==t&&(i.widgets.splice(i.widgets.indexOf(r),1),i.widgets.push(e))})}).catch(t=>{console.error("ERROR: ",t),alert("ERROR: "+t.response.data.retval)})}).catch(()=>{})},widgetUpdate(t,e){for(var i in e=e[t]){for(var r in this.sections)if(this.sections[r].name==t){for(var n in this.sections[r].widgets)if(this.sections[r].widgets[n].id==i){for(var s in e[i]=S.mergeDeep(this.sections[r].widgets[n],e[i]),{_x:1,_y:1,_w:1,_h:1,index:1,id:1})e[i][s]&&delete e[i][s];break}break}e[i].widgetid=i,delete e[i].custom}axios.post(this.apiurl+"/Config/addWidgetsToPreset",{db:this.dashboard,funktion_kurzbz:t,widgets:e}).then(()=>{this.sections.forEach(i=>{i.name==t&&i.widgets.forEach((t,r)=>{e[t.id]&&(e[t.id].id=t.id,e[t.id].index=t.index,i.widgets[r]=e[t.id],i.widgets[r].custom=1)})})}).catch(t=>{console.error("ERROR: ",t),alert("ERROR: "+t.response.data.retval)})},widgetRemove(t,e){axios.post(this.apiurl+"/Config/removeWidgetFromPreset",{db:this.dashboard,funktion_kurzbz:t,widgetid:e}).then(()=>{this.sections.forEach(i=>{i.name==t&&(i.widgets=i.widgets.filter(t=>t.id!=e))})}).catch(t=>{console.error("ERROR: ",t),alert("ERROR: "+t.response.data.retval)})},loadSections(t){let e=Array.from(t.target.querySelectorAll("option:checked"),t=>t.value);this.sections=[],this.tmpLoading=e.join("###"),axios.get(this.apiurl+"/Config/presetBatch",{params:{db:this.dashboard,funktionen:e}}).then(t=>{if(this.tmpLoading===e.join("###"))for(var i in t.data.retval){let e=[];for(var r in t.data.retval[i])t.data.retval[i][r].id=r,t.data.retval[i][r].custom=1,e.push(t.data.retval[i][r]);this.sections.push({name:i,widgets:e})}}).catch(t=>console.error("ERROR:",t))}},created(){axios.get(this.apiurl+"/Config/funktionen").then(t=>{this.funktionen={general:"GENERAL"},t.data.retval.forEach(t=>{this.funktionen[t.funktion_kurzbz]=t.beschreibung})}).catch(t=>console.error("ERROR:",t))},watch:{dashboard(){this.loadSections({target:this.$refs.funktionenList})}},template:'\n\t\t\t\n\t\t\t{{sectionNameTranslation()}}:\n\t\t
\n\t\t\n\t\t\n\t\t
'}},provide:()=>({adminMode:!0}),data:()=>({dashboards:[],current:-1,widgets:[]}),computed:{apiurl:()=>FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+"/dashboard",dashboard(){return this.dashboards.find(t=>t.dashboard_id==this.current)}},methods:{dashboardAdd(){let t="";l.popup("New Dashboard name").then(e=>(t=e,axios.post(this.apiurl+"/Dashboard/create",{dashboard_kurzbz:e}))).then(e=>{let i={dashboard_id:e.data.retval,dashboard_kurzbz:t,beschreibung:""};this.dashboards.push(i),this.current=i.dashboard_id}).catch(t=>void 0!==t?console.error("ERROR:",t):0)},dashboardUpdate(t){axios.post(this.apiurl+"/Dashboard/update",t).then(()=>{let e=this.dashboards.find(e=>e.dashboard_id==t.dashboard_id);e.dashboard_kurzbz=t.dashboard_kurzbz,e.beschreibung=t.beschreibung}).catch(t=>console.error("ERROR:",t))},dashboardDelete(t){axios.post(this.apiurl+"/Dashboard/delete",{dashboard_id:t}).then(()=>{this.current=-1,this.dashboards=this.dashboards.filter(e=>e.dashboard_id!=t)}).catch(t=>console.error("ERROR:",t))},assignWidgets(t){this.widgets=t}},created(){axios.get(this.apiurl+"/Dashboard").then(t=>{this.dashboards=t.data.retval}).catch(t=>console.error("ERROR:",t))},template:'\n\t\t\t
\n\t\t\n\t\t\t\t\n\t\t\t
\n\t\t\t\n\t\t\t\t
\n\t\t\n\t\t
'},E={search(t,e){return this.$fhcApi.post("/api/frontend/v1/searchbar/search",t,e)},searchAdvanced(t,e){return this.$fhcApi.post("/api/frontend/v1/searchbar/searchAdvanced",t,e)},searchdummy(t){return this.$fhcApi.post("public/js/apps/api/dummyapi.php/Search",t)}},k={loadCategory(t){return this.$fhcApi.get("/api/frontend/v1/phrasen/loadModule/"+t)},setLanguage(t,e){const i={categories:t,language:e};return this.$fhcApi.post("/api/frontend/v1/phrasen/setLanguage",i)},getLanguage(){return this.$fhcApi.get("/api/frontend/v1/phrasen/getLanguage",{})},getActiveDbLanguages(){return this.$fhcApi.get("/api/frontend/v1/phrasen/getAllLanguages",{})}},P={getHeader(t){return this.$fhcApi.get("/api/frontend/v1/navigation/header",{navigation_page:t})},getMenu:function(t){return this.$fhcApi.get("/api/frontend/v1/navigation/menu",{navigation_page:t})}},T={saveCustomFilter(t){return this.$fhcApi.post("/api/frontend/v1/filter/saveCustomFilter",{filterUniqueId:t.filterUniqueId,filterType:t.filterType,customFilterName:t.customFilterName})},removeCustomFilter(t){return this.$fhcApi.post("/api/frontend/v1/filter/removeCustomFilter",{filterUniqueId:t.filterUniqueId,filterType:t.filterType,filterId:t.filterId})},applyFilterFields(t){return this.$fhcApi.post("/api/frontend/v1/filter/applyFilterFields",{filterUniqueId:t.filterUniqueId,filterType:t.filterType,filterFields:t.filterFields})},addFilterField(t){return this.$fhcApi.post("/api/frontend/v1/filter/addFilterField",{filterUniqueId:t.filterUniqueId,filterType:t.filterType,filterField:t.filterField})},removeFilterField(t){return this.$fhcApi.post("/api/frontend/v1/filter/removeFilterField",{filterUniqueId:t.filterUniqueId,filterType:t.filterType,filterField:t.filterField})},getFilterById(t){return this.$fhcApi.get("/api/frontend/v1/filter/getFilter",{filterUniqueId:t.filterUniqueId,filterType:t.filterType,filterId:t.filterId})},getFilter(t){return this.$fhcApi.get("/api/frontend/v1/filter/getFilter",{filterUniqueId:t.filterUniqueId,filterType:t.filterType})}},x={abmeldung:{getDetails(t,e){const i="/api/frontend/v1/studstatus/abmeldung/"+(void 0!==t?"getDetailsForAntrag/"+t:"getDetailsForNewAntrag/"+e);return this.$fhcApi.get(i)},create(t,e,i){return this.$fhcApi.post("/api/frontend/v1/studstatus/abmeldung/createAntrag",{studiensemester:t,prestudent_id:e,grund:i},{errorHandling:"strict"})},cancel(t){return Array.isArray(t)?Promise.allSettled(t.map(t=>this.$fhcApi.post("/api/frontend/v1/studstatus/abmeldung/cancelAntrag",{antrag_id:t.studierendenantrag_id},{errorHeader:"#"+t.studierendenantrag_id}))):this.$fhcApi.post("/api/frontend/v1/studstatus/abmeldung/cancelAntrag",{antrag_id:t})}},unterbrechung:{getDetails(t,e){const i="/api/frontend/v1/studstatus/unterbrechung/"+(void 0!==t?"getDetailsForAntrag/"+t:"getDetailsForNewAntrag/"+e);return this.$fhcApi.get(i)},create(t,e,i,r,n){return this.$fhcApi.post("/api/frontend/v1/studstatus/unterbrechung/createAntrag",{studiensemester:t,prestudent_id:e,grund:i,datum_wiedereinstieg:r,attachment:n},{errorHandling:"strict"})},cancel(t){return this.$fhcApi.post("/api/frontend/v1/studstatus/unterbrechung/cancelAntrag",{antrag_id:t},{errorHandling:"strict"})}},wiederholung:{getDetails(t){const e="/api/frontend/v1/studstatus/wiederholung/getDetailsForNewAntrag/"+t;return this.$fhcApi.get(e)},getLvs(t){const e="/api/frontend/v1/studstatus/wiederholung/getLvs/"+t;return this.$fhcApi.get(e)},create(t,e){return this.$fhcApi.post("/api/frontend/v1/studstatus/wiederholung/createAntrag",{prestudent_id:t,studiensemester:e},{errorHandling:"strict"})},cancel(t,e){return this.$fhcApi.post("/api/frontend/v1/studstatus/wiederholung/cancelAntrag",{prestudent_id:t,studiensemester:e},{errorHandling:"strict"})},saveLvs(t,e){return this.$fhcApi.post("/api/frontend/v1/studstatus/wiederholung/saveLvs",{forbiddenLvs:t,mandatoryLvs:e})}},leitung:{getStgs(){return this.$fhcApi.get("/api/frontend/v1/studstatus/leitung/getActiveStgs")},getAntraege(t,e,i){return this.$fhcApi.get("/api/frontend/v1/studstatus/leitung/getAntraege/"+t).then(t=>t.data)},getHistory(t){return this.$fhcApi.get("/api/frontend/v1/studstatus/leitung/getHistory/"+t)},getPrestudents(t,e){return this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/getPrestudents",{query:t},{signal:e,timeout:3e4})},approve(t){return Array.isArray(t)?Promise.allSettled(t.map(t=>this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/approveAntrag",t,{errorHeader:"#"+t.studierendenantrag_id}))):this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/approveAntrag",t)},reject(t){return Array.isArray(t)?Promise.allSettled(t.map(t=>this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/rejectAntrag",t,{errorHeader:"#"+t.studierendenantrag_id}))):this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/rejectAntrag",t)},reopen(t){return Array.isArray(t)?Promise.allSettled(t.map(t=>this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/reopenAntrag",t,{errorHeader:"#"+t.studierendenantrag_id}))):this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/reopenAntrag",t)},pause(t){return Array.isArray(t)?Promise.allSettled(t.map(t=>this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/pauseAntrag",t,{errorHeader:"#"+t.studierendenantrag_id}))):this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/pauseAntrag",t)},unpause(t){return Array.isArray(t)?Promise.allSettled(t.map(t=>this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/unpauseAntrag",t,{errorHeader:"#"+t.studierendenantrag_id}))):this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/unpauseAntrag",t)},object(t){return Array.isArray(t)?Promise.allSettled(t.map(t=>this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/objectAntrag",t,{errorHeader:"#"+t.studierendenantrag_id}))):this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/objectAntrag",t)},approveObjection(t){return Array.isArray(t)?Promise.allSettled(t.map(t=>this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/approveObjection",t,{errorHeader:"#"+t.studierendenantrag_id}))):this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/approveObjection",t)},denyObjection(t){return Array.isArray(t)?Promise.allSettled(t.map(t=>this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/denyObjection",t,{errorHeader:"#"+t.studierendenantrag_id}))):this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/denyObjection",t)}}},O={getView:function(t){return this.$fhcApi.get(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+`/api/frontend/v1/Profil/getView/${t}`,{})},fotoSperre:function(t){return this.$fhcApi.get(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+`/api/frontend/v1/Profil/fotoSperre/${t}`,{})},isStudent:function(t){return this.$fhcApi.get(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+"/api/frontend/v1/Profil/isStudent",{uid:t})},isMitarbeiter:function(t){return this.$fhcApi.get(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+`/api/frontend/v1/Profil/isMitarbeiter/${t}`,{})},getZustellAdresse:function(){return this.$fhcApi.get(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+"/api/frontend/v1/Profil/getZustellAdresse",{})},getZustellKontakt:function(){return this.$fhcApi.get(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+"/api/frontend/v1/Profil/getZustellKontakt",{})},getGemeinden:function(t,e){return this.$fhcApi.get(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+`/api/frontend/v1/Profil/getGemeinden/${t}/${e}`,{})},getAllNationen:function(){return this.$fhcApi.get(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+"/api/frontend/v1/Profil/getAllNationen",{})}},D={
+import t from"../../../../../index.ci.php/public/js/components/primevue/config/config.esm.min.js?2025111701";import e from"../../../../../index.ci.php/public/js/components/primevue/toast/toast.esm.min.js?2025111701";import i from"../../../../../index.ci.php/public/js/components/primevue/confirmdialog/confirmdialog.esm.min.js?2025111701";import r from"../../../../../index.ci.php/public/js/components/primevue/confirmationservice/confirmationservice.esm.min.js?2025111701";const n={emits:["dataFetched"],props:{refresh:{type:Boolean},apiFunction:{required:!0,type:Function},apiFunctionParameters:{}},watch:{refresh:function(t,e){this.fetchData()}},data:function(){return{loading:!1,error:!1,errorMessage:null}},created:function(){this.fetchData()},methods:{fetchData:function(){if(this.loading=!0,this.error=!1,this.errorMessage=null,"function"==typeof this.apiFunction){let t=this.apiFunction(this.apiFunctionParameters);t instanceof Promise?t.then(this.successHandler).catch(this.errorHandler).finally(this.finallyHandler):this.setError("The called apiFunction does not return a Promise")}else this.setError("Property apiFunction is not a function")},setError:function(t){this.loading=!1,this.error=!0,this.errorMessage=t},successHandler:function(t){this.$emit("dataFetched",t?t.data:void 0)},errorHandler:function(t){t.response?.data?.retval?this.setError(t.response.data.retval):t.data?.message?this.setError(t.data.message):this.setError(t.message)},finallyHandler:function(){this.loading=!1}},template:'\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t
\n\t\t\n\t\t\t\n\t\t\t
\n\t\n\t\t\t\t
\n\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\tLoading...
\n\t\t{{ errorMessage }}
\n\t\t\n\t\t
'},d={name:"BootstrapAlert",components:{BsModal:o},mixins:[o],props:{dialogClass:{type:[String,Array,Object],default:"modal-dialog-centered"},onHideBsModal:Function,onHiddenBsModal:Function,onHidePreventedBsModal:Function,onShowBsModal:Function,onShownBsModal:Function},data:()=>({result:!0}),mounted(){this.modal=this.$refs.modalContainer.modal},popup(t,e){return o.popup.bind(this)(t,e)},template:'\n\t\t\t\n\t\t
\n\t\n\t\t\t\t\n\t\t\t
\n\t\t\n\t\t\n\t\t\t\n\t\t\t\n\t\t\n\t\n\t\t
'},c={emits:["change","assignWidgets"],props:{dashboard_id:Number,widgets:Array},computed:{apiurl:()=>FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+"/dashboard"},methods:{sendChange(t){let e=!this.widgets.find(e=>e.widget_id==t).allowed;axios.post(this.apiurl+"/Widget/setAllowed",{dashboard_id:this.dashboard_id,widget_id:t,action:e?"add":"delete"}).catch(t=>console.error("ERROR: "+t))}},created(){axios.get(this.apiurl+"/Widget/getAll",{params:{dashboard_id:this.dashboard_id}}).then(t=>{this.$emit("assignWidgets",t.data.retval.map(t=>({...t,setup:JSON.parse(t.setup),arguments:JSON.parse(t.arguments),allowed:!!t.allowed})))}).catch(t=>console.error("ERROR:",t))},template:'\n\t'},u={name:"GridItem",components:{},inject:{},props:{item:Object,active:Boolean},emits:["mouseDown","mouseUp","startMove","startResize","dragging","endDrag","dropDrag","item","touchStart","touchEnd"],data:()=>({dragAction:"",dragging:!1}),computed:{},methods:{registerDragAction(t){if(this.$emit("mouseDown",t),t.target.hasAttribute("drag-action"))this.dragAction=t.target.getAttribute("drag-action");else{let e=t.target.closest("[drag-action]");this.dragAction=e?e.getAttribute("drag-action"):""}},tryDragStart(t,e){let i=this.dragAction||t.target.getAttribute("drag-action");if(i){if(this.dragging=!0,"move"==i)return this.$emit("startMove",t,e);if("resize"==i)return this.$emit("startResize",t,e)}},touchDragEnd(t){this.dragging&&(this.dragging=!1,this.$emit("touchEnd",t))},touchStart(t){this.$emit("touchStart",t),this.registerDragAction(t),this.tryDragStart(t,this.item)},touchMove(t){this.dragging&&(t.preventDefault(),this.$emit("dragging",t))}},template:'\n\t\n\t\t\t\n\t\t\t\n\t\t
\n\t\t\n\t\t\t\n\t\t\t\n\t\t
\n\t\t\n\t\t\t\n\t\t\t\n\t\t
\n\t\n\t\t
'};class g{constructor(t){t.w?(this.w=t.w,this.h=t.h,this.data=[...t.data],this.grid=[...t.grid]):(this.w=t,this.h=1,this.data=[],this.grid=[])}isFreeSlot(t,e){const i=e*this.w+t;return!this.grid[i]&&0!==this.grid[i]}getMaxY(){return this.data.reduce((t,e)=>(e?.y>t&&(t=e.y),t),0)}getFreeSlots(){const t=[];let e=this.getMaxY(),i=this.w*(e+1);for(let t=0;t\n\t\t
\n\t\n\t\t\t\n\t\t
\n\t\n\t
'},y={data:()=>({}),props:{widget:{type:Object,required:!0}},methods:{path:t=>"/"==t[0]?FHC_JS_DATA_STORAGE_OBJECT.app_root+t:t},emits:["select"],template:'\n\t\n\t\t\n\t\t\t\n\t\t\t\t{{ widget ? \'Config for \' + widget.setup.name : \'\' }}\n\t\t\t\n\t\t\t\n\t\t\t\t \n\t\t\n\t\t\t\n\t\t \n\t\t
\n\t\n\t\t\t\n\t\t\t\t\n\t\t\t \n\t\t\t{{ widget.setup.name }}\n\t\t\t\n\t\t\t\t\n\t\t\t\t \n\t\t
\n\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\n \t\t\n \t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t
\n\t\t\n\t\t
\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t
\n\t\t![]()
\n\t\t
'},w={name:"Section",components:{DropGrid:f,DashboardItem:_,WidgetIcon:y},inject:{widgetsSetup:{type:Array,default:[]},adminMode:{type:Boolean,default:!1},editMode:{type:Boolean,default:!1}},props:["name","widgets"],emits:["widgetAdd","widgetUpdate","widgetRemove"],data:()=>({configOpened:!1,gridWidth:1,gridHeight:null,draggedItem:null,additionalRow:!1}),provide(){return{editModeIsActive:Vue.computed(()=>this.editModeIsActive),sectionName:Vue.computed(()=>this.name)}},computed:{computedWidgetsSetup(){return this.widgetsSetup?this.widgetsSetup.reduce((t,e)=>(t[e.widget_id]=e.setup,t),{}):{}},editModeIsActive(){return(this.editMode||this.adminMode)&&!this.configOpened},getSectionStyle:()=>"margin-bottom: 8px;",items(){return this.widgets.map(t=>(!t?.widgetid&&t?.id&&(t.widgetid=t.id),{...t,reorder:!1,...t.place[this.gridWidth]||{reorder:!0,x:0,y:0,w:1,h:1}}))}},methods:{sectionNameTranslation(){switch(this.name){case"general":case"custom":return this.$p.t("dashboard",this.name);default:return this.name}},showSectionInformation(){return"general"==this.name?this.$p.t("dashboard","dashboardGeneralSectionDescription"):"custom"==this.name?this.$p.t("dashboard","dashboardCustomSectionDescription"):this.$p.t("dashboard","dashboardSectionDescription",[this.name])},handleConfigOpened(){this.configOpened=!0},handleConfigClosed(){this.configOpened=!1},checkResizeLimit(t,e,i){let r=A.getWidget(t.widget);if(r){let t=r.setup.width;t.max?t.min=t.min||1:t={min:t,max:t},e\n\t\t\t
\n\t{{ widget.setup.name || widget.widget_kurzbz }}
\n\t\t\t{{ widget.beschreibung }}
\n\t\t\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t \n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t \n\t
'},$={components:{BsModal:o,WidgetIcon:y},props:["widgets"],data:()=>({callbacks:{}}),methods:{getWidget(){return new Promise((t,e)=>{this.callbacks={resolve:t,reject:e},this.$refs.modal.show()})},close(){this.callbacks.reject&&this.callbacks.reject(),this.callbacks={}},pick(t){this.callbacks.resolve&&this.callbacks.resolve(t),this.callbacks={},this.$refs.modal.hide()}},template:''},S={mergeDeep(...t){const e=t=>t&&"object"==typeof t;return t.reduce((t,i)=>(Object.keys(i).forEach(r=>{const n=t[r],s=i[r];Array.isArray(n)&&Array.isArray(s)?t[r]=n.concat(...s):e(n)&&e(s)?t[r]=this.mergeDeep(n,s):t[r]=s}),t),{})}},C={components:{DashboardAdminEdit:h,DashboardAdminWidgets:c,DashboardAdminPresets:{components:{DashboardSection:w,DashboardWidgetPicker:$},props:{dashboard:String,widgets:Array},data:()=>({funktionen:{},sections:[],tmpLoading:""}),computed:{apiurl:()=>FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+"/dashboard",pickerWidgets(){return this.widgets.filter(t=>t.allowed)}},methods:{widgetAdd(t,e){this.$refs.widgetpicker.getWidget().then(i=>{e.widget=i,delete e.custom,e.preset=1;let r={...e};r.loading=!0,this.sections.forEach(e=>{e.name==t&&e.widgets.push(r)}),axios.post(this.apiurl+"/Config/addWidgetsToPreset",{db:this.dashboard,funktion_kurzbz:t,widgets:[e]}).then(i=>{let n=Object.keys(i.data.retval.data[t].widgets).pop();e.id=n,e.custom=1,this.sections.forEach(i=>{i.name==t&&(i.widgets.splice(i.widgets.indexOf(r),1),i.widgets.push(e))})}).catch(t=>{console.error("ERROR: ",t),alert("ERROR: "+t.response.data.retval)})}).catch(()=>{})},widgetUpdate(t,e){for(var i in e=e[t]){for(var r in this.sections)if(this.sections[r].name==t){for(var n in this.sections[r].widgets)if(this.sections[r].widgets[n].id==i){for(var s in e[i]=S.mergeDeep(this.sections[r].widgets[n],e[i]),{_x:1,_y:1,_w:1,_h:1,index:1,id:1})e[i][s]&&delete e[i][s];break}break}e[i].widgetid=i,delete e[i].custom}axios.post(this.apiurl+"/Config/addWidgetsToPreset",{db:this.dashboard,funktion_kurzbz:t,widgets:e}).then(()=>{this.sections.forEach(i=>{i.name==t&&i.widgets.forEach((t,r)=>{e[t.id]&&(e[t.id].id=t.id,e[t.id].index=t.index,i.widgets[r]=e[t.id],i.widgets[r].custom=1)})})}).catch(t=>{console.error("ERROR: ",t),alert("ERROR: "+t.response.data.retval)})},widgetRemove(t,e){axios.post(this.apiurl+"/Config/removeWidgetFromPreset",{db:this.dashboard,funktion_kurzbz:t,widgetid:e}).then(()=>{this.sections.forEach(i=>{i.name==t&&(i.widgets=i.widgets.filter(t=>t.id!=e))})}).catch(t=>{console.error("ERROR: ",t),alert("ERROR: "+t.response.data.retval)})},loadSections(t){let e=Array.from(t.target.querySelectorAll("option:checked"),t=>t.value);this.sections=[],this.tmpLoading=e.join("###"),axios.get(this.apiurl+"/Config/presetBatch",{params:{db:this.dashboard,funktionen:e}}).then(t=>{if(this.tmpLoading===e.join("###"))for(var i in t.data.retval){let e=[];for(var r in t.data.retval[i])t.data.retval[i][r].id=r,t.data.retval[i][r].custom=1,e.push(t.data.retval[i][r]);this.sections.push({name:i,widgets:e})}}).catch(t=>console.error("ERROR:",t))}},created(){axios.get(this.apiurl+"/Config/funktionen").then(t=>{this.funktionen={general:"GENERAL"},t.data.retval.forEach(t=>{this.funktionen[t.funktion_kurzbz]=t.beschreibung})}).catch(t=>console.error("ERROR:",t))},watch:{dashboard(){this.loadSections({target:this.$refs.funktionenList})}},template:'\n\t\t\t\n\t\t\t{{sectionNameTranslation()}}:\n\t\t
\n\t\t\n\t\t\n\t\t
'}},provide:()=>({adminMode:!0}),data:()=>({dashboards:[],current:-1,widgets:[]}),computed:{apiurl:()=>FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+"/dashboard",dashboard(){return this.dashboards.find(t=>t.dashboard_id==this.current)}},methods:{dashboardAdd(){let t="";l.popup("New Dashboard name").then(e=>(t=e,axios.post(this.apiurl+"/Dashboard/create",{dashboard_kurzbz:e}))).then(e=>{let i={dashboard_id:e.data.retval,dashboard_kurzbz:t,beschreibung:""};this.dashboards.push(i),this.current=i.dashboard_id}).catch(t=>void 0!==t?console.error("ERROR:",t):0)},dashboardUpdate(t){axios.post(this.apiurl+"/Dashboard/update",t).then(()=>{let e=this.dashboards.find(e=>e.dashboard_id==t.dashboard_id);e.dashboard_kurzbz=t.dashboard_kurzbz,e.beschreibung=t.beschreibung}).catch(t=>console.error("ERROR:",t))},dashboardDelete(t){axios.post(this.apiurl+"/Dashboard/delete",{dashboard_id:t}).then(()=>{this.current=-1,this.dashboards=this.dashboards.filter(e=>e.dashboard_id!=t)}).catch(t=>console.error("ERROR:",t))},assignWidgets(t){this.widgets=t}},created(){axios.get(this.apiurl+"/Dashboard").then(t=>{this.dashboards=t.data.retval}).catch(t=>console.error("ERROR:",t))},template:'\n\t\t\t
\n\t\t\n\t\t\t\t\n\t\t\t
\n\t\t\t\n\t\t\t\t
\n\t\t\n\t\t
'},E={search(t,e){return this.$fhcApi.post("/api/frontend/v1/searchbar/search",t,e)},searchAdvanced(t,e){return this.$fhcApi.post("/api/frontend/v1/searchbar/searchAdvanced",t,e)},searchdummy(t){return this.$fhcApi.post("public/js/apps/api/dummyapi.php/Search",t)}},k={loadCategory(t){return this.$fhcApi.get("/api/frontend/v1/phrasen/loadModule/"+t)},setLanguage(t,e){const i={categories:t,language:e};return this.$fhcApi.post("/api/frontend/v1/phrasen/setLanguage",i)},getLanguage(){return this.$fhcApi.get("/api/frontend/v1/phrasen/getLanguage",{})},getActiveDbLanguages(){return this.$fhcApi.get("/api/frontend/v1/phrasen/getAllLanguages",{})}},P={getHeader(t){return this.$fhcApi.get("/api/frontend/v1/navigation/header",{navigation_page:t})},getMenu:function(t){return this.$fhcApi.get("/api/frontend/v1/navigation/menu",{navigation_page:t})}},T={saveCustomFilter(t){return this.$fhcApi.post("/api/frontend/v1/filter/saveCustomFilter",{filterUniqueId:t.filterUniqueId,filterType:t.filterType,customFilterName:t.customFilterName})},removeCustomFilter(t){return this.$fhcApi.post("/api/frontend/v1/filter/removeCustomFilter",{filterUniqueId:t.filterUniqueId,filterType:t.filterType,filterId:t.filterId})},applyFilterFields(t){return this.$fhcApi.post("/api/frontend/v1/filter/applyFilterFields",{filterUniqueId:t.filterUniqueId,filterType:t.filterType,filterFields:t.filterFields})},addFilterField(t){return this.$fhcApi.post("/api/frontend/v1/filter/addFilterField",{filterUniqueId:t.filterUniqueId,filterType:t.filterType,filterField:t.filterField})},removeFilterField(t){return this.$fhcApi.post("/api/frontend/v1/filter/removeFilterField",{filterUniqueId:t.filterUniqueId,filterType:t.filterType,filterField:t.filterField})},getFilterById(t){return this.$fhcApi.get("/api/frontend/v1/filter/getFilter",{filterUniqueId:t.filterUniqueId,filterType:t.filterType,filterId:t.filterId})},getFilter(t){return this.$fhcApi.get("/api/frontend/v1/filter/getFilter",{filterUniqueId:t.filterUniqueId,filterType:t.filterType})}},x={abmeldung:{getDetails(t,e){const i="/api/frontend/v1/studstatus/abmeldung/"+(void 0!==t?"getDetailsForAntrag/"+t:"getDetailsForNewAntrag/"+e);return this.$fhcApi.get(i)},create(t,e,i){return this.$fhcApi.post("/api/frontend/v1/studstatus/abmeldung/createAntrag",{studiensemester:t,prestudent_id:e,grund:i},{errorHandling:"strict"})},cancel(t){return Array.isArray(t)?Promise.allSettled(t.map(t=>this.$fhcApi.post("/api/frontend/v1/studstatus/abmeldung/cancelAntrag",{antrag_id:t.studierendenantrag_id},{errorHeader:"#"+t.studierendenantrag_id}))):this.$fhcApi.post("/api/frontend/v1/studstatus/abmeldung/cancelAntrag",{antrag_id:t})}},unterbrechung:{getDetails(t,e){const i="/api/frontend/v1/studstatus/unterbrechung/"+(void 0!==t?"getDetailsForAntrag/"+t:"getDetailsForNewAntrag/"+e);return this.$fhcApi.get(i)},create(t,e,i,r,n){return this.$fhcApi.post("/api/frontend/v1/studstatus/unterbrechung/createAntrag",{studiensemester:t,prestudent_id:e,grund:i,datum_wiedereinstieg:r,attachment:n},{errorHandling:"strict"})},cancel(t){return this.$fhcApi.post("/api/frontend/v1/studstatus/unterbrechung/cancelAntrag",{antrag_id:t},{errorHandling:"strict"})}},wiederholung:{getDetails(t){const e="/api/frontend/v1/studstatus/wiederholung/getDetailsForNewAntrag/"+t;return this.$fhcApi.get(e)},getLvs(t){const e="/api/frontend/v1/studstatus/wiederholung/getLvs/"+t;return this.$fhcApi.get(e)},create(t,e){return this.$fhcApi.post("/api/frontend/v1/studstatus/wiederholung/createAntrag",{prestudent_id:t,studiensemester:e},{errorHandling:"strict"})},cancel(t,e){return this.$fhcApi.post("/api/frontend/v1/studstatus/wiederholung/cancelAntrag",{prestudent_id:t,studiensemester:e},{errorHandling:"strict"})},saveLvs(t,e){return this.$fhcApi.post("/api/frontend/v1/studstatus/wiederholung/saveLvs",{forbiddenLvs:t,mandatoryLvs:e})}},leitung:{getStgs(){return this.$fhcApi.get("/api/frontend/v1/studstatus/leitung/getActiveStgs")},getAntraege(t,e,i){return this.$fhcApi.get("/api/frontend/v1/studstatus/leitung/getAntraege/"+t).then(t=>t.data)},getHistory(t){return this.$fhcApi.get("/api/frontend/v1/studstatus/leitung/getHistory/"+t)},getPrestudents(t,e){return this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/getPrestudents",{query:t},{signal:e,timeout:3e4})},approve(t){return Array.isArray(t)?Promise.allSettled(t.map(t=>this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/approveAntrag",t,{errorHeader:"#"+t.studierendenantrag_id}))):this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/approveAntrag",t)},reject(t){return Array.isArray(t)?Promise.allSettled(t.map(t=>this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/rejectAntrag",t,{errorHeader:"#"+t.studierendenantrag_id}))):this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/rejectAntrag",t)},reopen(t){return Array.isArray(t)?Promise.allSettled(t.map(t=>this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/reopenAntrag",t,{errorHeader:"#"+t.studierendenantrag_id}))):this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/reopenAntrag",t)},pause(t){return Array.isArray(t)?Promise.allSettled(t.map(t=>this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/pauseAntrag",t,{errorHeader:"#"+t.studierendenantrag_id}))):this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/pauseAntrag",t)},unpause(t){return Array.isArray(t)?Promise.allSettled(t.map(t=>this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/unpauseAntrag",t,{errorHeader:"#"+t.studierendenantrag_id}))):this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/unpauseAntrag",t)},object(t){return Array.isArray(t)?Promise.allSettled(t.map(t=>this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/objectAntrag",t,{errorHeader:"#"+t.studierendenantrag_id}))):this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/objectAntrag",t)},approveObjection(t){return Array.isArray(t)?Promise.allSettled(t.map(t=>this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/approveObjection",t,{errorHeader:"#"+t.studierendenantrag_id}))):this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/approveObjection",t)},denyObjection(t){return Array.isArray(t)?Promise.allSettled(t.map(t=>this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/denyObjection",t,{errorHeader:"#"+t.studierendenantrag_id}))):this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/denyObjection",t)}}},O={getView:function(t){return this.$fhcApi.get(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+`/api/frontend/v1/Profil/getView/${t}`,{})},fotoSperre:function(t){return this.$fhcApi.get(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+`/api/frontend/v1/Profil/fotoSperre/${t}`,{})},isStudent:function(t){return this.$fhcApi.get(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+"/api/frontend/v1/Profil/isStudent",{uid:t})},isMitarbeiter:function(t){return this.$fhcApi.get(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+`/api/frontend/v1/Profil/isMitarbeiter/${t}`,{})},getZustellAdresse:function(){return this.$fhcApi.get(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+"/api/frontend/v1/Profil/getZustellAdresse",{})},getZustellKontakt:function(){return this.$fhcApi.get(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+"/api/frontend/v1/Profil/getZustellKontakt",{})},getGemeinden:function(t,e){return this.$fhcApi.get(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+`/api/frontend/v1/Profil/getGemeinden/${t}/${e}`,{})},getAllNationen:function(){return this.$fhcApi.get(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+"/api/frontend/v1/Profil/getAllNationen",{})}},D={
//! API calls for profil update requests
getStatus:function(){return this.$fhcApi.get(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+"/api/frontend/v1/ProfilUpdate/getStatus",{})},getTopic:function(){return this.$fhcApi.get(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+"/api/frontend/v1/ProfilUpdate/getTopic",{})},acceptProfilRequest:function({profil_update_id:t,uid:e,status_message:i,topic:r,requested_change:n}){return this.$fhcApi.post(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+"/api/frontend/v1/ProfilUpdate/acceptProfilRequest",{profil_update_id:t,uid:e,status_message:i,topic:r,requested_change:n})},denyProfilRequest:function({profil_update_id:t,uid:e,topic:i,status_message:r}){return this.$fhcApi.post(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+"/api/frontend/v1/ProfilUpdate/denyProfilRequest",{profil_update_id:t,uid:e,topic:i,status_message:r})},insertFile:function(t,e=null){return this.$fhcApi.post(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+`/api/frontend/v1/ProfilUpdate/insertFile/${e}`,t)},getProfilRequestFiles:function(t){return this.$fhcApi.get(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+`/api/frontend/v1/ProfilUpdate/getProfilRequestFiles/${t}`,{})},selectProfilRequest:function(t=null,e=null){return this.$fhcApi.get(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+"/api/frontend/v1/ProfilUpdate/selectProfilRequest",{...t?{uid:t}:{},...e?{id:e}:{}})},insertProfilRequest:function(t,e,i=null){return this.$fhcApi.post(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+"/api/frontend/v1/ProfilUpdate/insertProfilRequest",{topic:t,payload:e,...i?{fileID:i}:{}})},updateProfilRequest:function(t,e,i,r=null){return this.$fhcApi.post(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+"/api/frontend/v1/ProfilUpdate/updateProfilRequest",{topic:t,payload:e,ID:i,...r?{fileID:r}:{}})},deleteProfilRequest:function(t){return this.$fhcApi.post(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+"/api/frontend/v1/ProfilUpdate/deleteProfilRequest",{requestID:t})}},R={getRoomInfo(t,e,i){return this.$fhcApi.post("/api/frontend/v1/LvPlan/getRoomplan",{ort_kurzbz:t,start_date:e,end_date:i})},getStunden(){return this.$fhcApi.get("/api/frontend/v1/LvPlan/Stunden",{})},getOrtReservierungen(t,e,i){return this.$fhcApi.post(`/api/frontend/v1/LvPlan/getReservierungen/${t}`,{start_date:e,end_date:i})},getLvPlanReservierungen(t,e){return this.$fhcApi.post("/api/frontend/v1/LvPlan/getReservierungen",{start_date:t,end_date:e})},getLehreinheitStudiensemester(t){return this.$fhcApi.get(`/api/frontend/v1/LvPlan/getLehreinheitStudiensemester/${t}`,{})},studiensemesterDateInterval(t){return this.$fhcApi.get(`/api/frontend/v1/LvPlan/studiensemesterDateInterval/${t}`,{})},LvPlanEvents(t,e,i){return this.$fhcApi.get("/api/frontend/v1/LvPlan/LvPlanEvents",{start_date:t,end_date:e,lv_id:i})}},F={verband:{get(){return this.$fhcApi.get("api/frontend/v1/stv/verband")},favorites:{get(){return this.$fhcApi.get("api/frontend/v1/stv/favorites")},set(t){return this.$fhcApi.post("api/frontend/v1/stv/favorites/set",{favorites:t})}}},students:{uid(t,e){let i="api/frontend/v1/stv/students/"+encodeURIComponent(e)+"/uid/"+encodeURIComponent(t);return this.$fhcApi.getUri(i)},prestudent(t,e){let i="api/frontend/v1/stv/students/"+encodeURIComponent(e)+"/prestudent/"+encodeURIComponent(t);return this.$fhcApi.getUri(i)},person(t,e){let i="api/frontend/v1/stv/students/"+encodeURIComponent(e)+"/person/"+encodeURIComponent(t);return this.$fhcApi.getUri(i)},verband(t){return this.$fhcApi.getUri("api/frontend/v1/stv/students/"+t)}},filter:{getStg(){return this.$fhcApi.get("api/frontend/v1/stv/filter/getStg")},setStg(t){return this.$fhcApi.post("api/frontend/v1/stv/filter/setStg",{studiengang_kz:t})}},konto:{tabulatorConfig(t,e){return t.ajaxURL="api/frontend/v1/stv/konto/get",t.ajaxParams=()=>({person_id:e.modelValue.person_id||e.modelValue.map(t=>t.person_id),only_open:e.filter,studiengang_kz:e.studiengang_kz_intern?e.stg_kz:""}),t.ajaxRequestFunc=(t,e,i)=>this.$fhcApi.post(t,i,e),t.ajaxResponse=(t,e,i)=>i.data,t},checkDoubles(t,e){return this.$fhcApi.post(t,"api/frontend/v1/stv/konto/checkDoubles",e,{confirmErrorHandler:t=>!0})},insert(t,e){return this.$fhcApi.post(t,"api/frontend/v1/stv/konto/insert",e)},counter(t){return this.$fhcApi.post("api/frontend/v1/stv/konto/counter",t)},edit(t,e){return this.$fhcApi.post(t,"api/frontend/v1/stv/konto/update",e)},delete(t){return this.$fhcApi.post("api/frontend/v1/stv/konto/delete",{buchungsnr:t})},getBuchungstypen(){return this.$fhcApi.get("api/frontend/v1/stv/konto/getBuchungstypen")}},group:{getGruppen(t,e,i){return this.$fhcApi.get("api/frontend/v1/stv/Gruppen/getGruppen/"+i.id)},deleteGroup(t){return this.$fhcApi.post("api/frontend/v1/stv/Gruppen/deleteGruppe/",t)}},kontakt:{getAdressen(t,e,i){return this.$fhcApi.get("api/frontend/v1/stv/kontakt/getAdressen/"+i.id)},addNewAddress(t,e,i){return this.$fhcApi.post(t,"api/frontend/v1/stv/kontakt/addNewAddress/"+e,i)},loadAddress(t){return this.$fhcApi.post("api/frontend/v1/stv/kontakt/loadAddress/",{address_id:t})},updateAddress(t,e,i){return this.$fhcApi.post(t,"api/frontend/v1/stv/kontakt/updateAddress/"+e,i)},deleteAddress(t){return this.$fhcApi.post("api/frontend/v1/stv/kontakt/deleteAddress/",{address_id:t})},getPlaces(t){return this.$fhcApi.get("api/frontend/v1/stv/address/getPlaces/"+t)},getFirmen(t){return this.$fhcApi.get("api/frontend/v1/stv/kontakt/getFirmen/"+t)},getNations(){return this.$fhcApi.get("api/frontend/v1/stv/address/getNations/")},getAdressentypen(){return this.$fhcApi.get("api/frontend/v1/stv/kontakt/getAdressentypen/")},getBankverbindung(t,e,i){return this.$fhcApi.get("api/frontend/v1/stv/kontakt/getBankverbindung/"+i.id)},addNewBankverbindung(t,e,i){return this.$fhcApi.post(t,"api/frontend/v1/stv/kontakt/addNewBankverbindung/"+e,i)},loadBankverbindung(t){return this.$fhcApi.post("api/frontend/v1/stv/kontakt/loadBankverbindung/",{bankverbindung_id:t})},updateBankverbindung(t,e,i){return this.$fhcApi.post(t,"api/frontend/v1/stv/kontakt/updateBankverbindung/"+e,i)},deleteBankverbindung(t){return this.$fhcApi.post("api/frontend/v1/stv/kontakt/deleteBankverbindung/",{bankverbindung_id:t})},getKontakte(t,e,i){return this.$fhcApi.get("api/frontend/v1/stv/kontakt/getKontakte/"+i.id)},addNewContact(t,e,i){return this.$fhcApi.post(t,"api/frontend/v1/stv/kontakt/addNewContact/"+e,i)},loadContact(t){return this.$fhcApi.post("api/frontend/v1/stv/kontakt/loadContact/",{kontakt_id:t})},updateContact(t,e,i){return this.$fhcApi.post(t,"api/frontend/v1/stv/kontakt/updateContact/"+e,i)},deleteContact(t){return this.$fhcApi.post("api/frontend/v1/stv/kontakt/deleteContact/",{kontakt_id:t})},getStandorteByFirma(t){return this.$fhcApi.get("api/frontend/v1/stv/kontakt/getStandorteByFirma/"+t)},getKontakttypen(){return this.$fhcApi.get("api/frontend/v1/stv/kontakt/getKontakttypen/")}},prestudent:{get(t,e){return this.$fhcApi.post("api/frontend/v1/stv/prestudent/get/"+encodeURIComponent(t)+"/"+encodeURIComponent(e))},updatePrestudent(t,e,i){return this.$fhcApi.post(t,"api/frontend/v1/stv/prestudent/updatePrestudent/"+e,i)},getBezeichnungZGV(){return this.$fhcApi.get("api/frontend/v1/stv/prestudent/getBezeichnungZGV/")},getBezeichnungMZgv(){return this.$fhcApi.get("api/frontend/v1/stv/prestudent/getBezeichnungMZgv/")},getBezeichnungDZgv(){return this.$fhcApi.get("api/frontend/v1/stv/prestudent/getBezeichnungDZgv/")},getStgs(){return this.$fhcApi.get("api/frontend/v1/stv/lists/getStgs/")},getAusbildung(){return this.$fhcApi.get("api/frontend/v1/stv/prestudent/getAusbildung/")},getAufmerksamdurch(){return this.$fhcApi.get("api/frontend/v1/stv/prestudent/getAufmerksamdurch/")},getBerufstaetigkeit(){return this.$fhcApi.get("api/frontend/v1/stv/prestudent/getBerufstaetigkeit/")},getTypenStg(){return this.$fhcApi.get("api/frontend/v1/stv/prestudent/getTypenStg/")},getBisstandort(){return this.$fhcApi.get("api/frontend/v1/stv/prestudent/getBisstandort/")},getHistoryPrestudent(t,e,i){return this.$fhcApi.get("api/frontend/v1/stv/status/getHistoryPrestudent/"+i.id)},getMaxSem(t){return this.$fhcApi.post("api/frontend/v1/stv/status/getMaxSemester/",{studiengang_kzs:t})},advanceStatus({prestudent_id:t,status_kurzbz:e,studiensemester_kurzbz:i,ausbildungssemester:r}){return this.$fhcApi.post("api/frontend/v1/stv/status/advanceStatus/"+t+"/"+e+"/"+i+"/"+r)},confirmStatus({prestudent_id:t,status_kurzbz:e,studiensemester_kurzbz:i,ausbildungssemester:r}){return this.$fhcApi.post("api/frontend/v1/stv/status/confirmStatus/"+t+"/"+e+"/"+i+"/"+r)},isLastStatus(t){return this.$fhcApi.get("api/frontend/v1/stv/status/isLastStatus/"+t)},deleteStatus({prestudent_id:t,status_kurzbz:e,studiensemester_kurzbz:i,ausbildungssemester:r}){return this.$fhcApi.post("api/frontend/v1/stv/status/deleteStatus/"+t+"/"+e+"/"+i+"/"+r)},getLastBismeldestichtag(){return this.$fhcApi.get("api/frontend/v1/stv/status/getLastBismeldestichtag/")},getHistoryPrestudents(t,e,i){return this.$fhcApi.get("api/frontend/v1/stv/prestudent/getHistoryPrestudents/"+i.id)}},status:{insertStatus(t,e,i){return this.$fhcApi.post(t,"api/frontend/v1/stv/status/insertStatus/"+e,i)},loadStatus({prestudent_id:t,status_kurzbz:e,studiensemester_kurzbz:i,ausbildungssemester:r}){return this.$fhcApi.post("api/frontend/v1/stv/status/loadStatus/"+t+"/"+e+"/"+i+"/"+r)},updateStatus(t,{prestudent_id:e,status_kurzbz:i,studiensemester_kurzbz:r,ausbildungssemester:n},s){return this.$fhcApi.post(t,"api/frontend/v1/stv/status/updateStatus/"+e+"/"+i+"/"+r+"/"+n,s)},getStudienplaene(t){return this.$fhcApi.get("api/frontend/v1/stv/prestudent/getStudienplaene/"+t)},getStudiengang(t){return this.$fhcApi.get("api/frontend/v1/stv/prestudent/getStudiengang/"+t)},getStatusgruende(){return this.$fhcApi.get("api/frontend/v1/stv/status/getStatusgruende/")},getStati(){return this.$fhcApi.get("api/frontend/v1/stv/lists/getStati/")},addStudent(t,e){return this.$fhcApi.post("api/frontend/v1/stv/status/addStudent/"+t,e,{errorHeader:t})},changeStatus(t,e){return this.$fhcApi.post("api/frontend/v1/stv/status/changeStatus/"+t,e,{errorHeader:t})},getStatusarray(){return this.$fhcApi.get("api/frontend/v1/stv/status/getStatusarray/")}},details:{get(t,e){let i="api/frontend/v1/stv/student/get/"+encodeURIComponent(t)+"/"+encodeURIComponent(e);return this.$fhcApi.post(i)},save(t,e,i,r){let n="api/frontend/v1/stv/student/save/"+encodeURIComponent(e)+"/"+encodeURIComponent(i);return this.$fhcApi.post(t,n,r)}},exam:{getPruefungen(t,e,i){return this.$fhcApi.get("api/frontend/v1/stv/pruefung/getPruefungen/"+i.id)},loadPruefung(t){return this.$fhcApi.get("api/frontend/v1/stv/pruefung/loadPruefung/"+t)},getTypenPruefungen(){return this.$fhcApi.get("api/frontend/v1/stv/pruefung/getTypenPruefungen")},getAllLehreinheiten(t){return this.$fhcApi.post("api/frontend/v1/stv/pruefung/getAllLehreinheiten/",t)},getLvsByStudent(t){return this.$fhcApi.get("api/frontend/v1/stv/pruefung/getLvsByStudent/"+t)},getLvsandLesByStudent(t,e){return this.$fhcApi.get("api/frontend/v1/stv/pruefung/getLvsandLesByStudent/"+t+"/"+e)},getLvsAndMas(t){return this.$fhcApi.get("api/frontend/v1/stv/pruefung/getLvsAndMas/"+t)},getMitarbeiterLv(t){return this.$fhcApi.get("api/frontend/v1/stv/pruefung/getMitarbeiterLv/"+t)},getNoten(){return this.$fhcApi.get("api/frontend/v1/stv/pruefung/getNoten")},checkZeugnisnoteLv(t){return this.$fhcApi.post("api/frontend/v1/stv/pruefung/checkZeugnisnoteLv/",t)},addPruefung(t,e){return this.$fhcApi.post(t,"api/frontend/v1/stv/pruefung/insertPruefung/",e)},updatePruefung(t,e,i){return this.$fhcApi.post(t,"api/frontend/v1/stv/pruefung/updatePruefung/"+e,i)},deletePruefung(t){return this.$fhcApi.post("api/frontend/v1/stv/pruefung/deletePruefung/"+t)}},abschlusspruefung:{getAbschlusspruefung(t,e,i){return this.$fhcApi.get("api/frontend/v1/stv/abschlusspruefung/getAbschlusspruefung/"+i.id)},addNewAbschlusspruefung(t,e){return this.$fhcApi.post(t,"api/frontend/v1/stv/abschlusspruefung/insertAbschlusspruefung/",e)},loadAbschlusspruefung(t){return this.$fhcApi.post("api/frontend/v1/stv/abschlusspruefung/loadAbschlusspruefung/",{id:t})},updateAbschlusspruefung(t,e){return this.$fhcApi.post(t,"api/frontend/v1/stv/abschlusspruefung/updateAbschlusspruefung/",e)},deleteAbschlusspruefung(t){return this.$fhcApi.post("api/frontend/v1/stv/abschlusspruefung/deleteAbschlusspruefung/",{id:t})},getTypenAbschlusspruefung(){return this.$fhcApi.get("api/frontend/v1/stv/abschlusspruefung/getTypenAbschlusspruefung/")},getTypenAntritte(){return this.$fhcApi.get("api/frontend/v1/stv/abschlusspruefung/getTypenAntritte/")},getBeurteilungen(){return this.$fhcApi.get("api/frontend/v1/stv/abschlusspruefung/getBeurteilungen/")},getAkadGrade(t){return this.$fhcApi.post("api/frontend/v1/stv/abschlusspruefung/getAkadGrade/",{studiengang_kz:t})},getTypStudiengang(t){return this.$fhcApi.post("api/frontend/v1/stv/abschlusspruefung/getTypStudiengang/",{studiengang_kz:t})},getMitarbeiter(t){return this.$fhcApi.get("api/frontend/v1/stv/abschlusspruefung/getMitarbeiter/"+t)},getPruefer(t){return this.$fhcApi.get("api/frontend/v1/stv/abschlusspruefung/getPruefer/"+t)},getNoten(){return this.$fhcApi.get("api/frontend/v1/stv/abschlusspruefung/getNoten/")},checkForExistingExams(t){return this.$fhcApi.post("api/frontend/v1/stv/abschlusspruefung/checkForExistingExams/",{uids:t})}},grades:{list(){return this.$fhcApi.get("api/frontend/v1/stv/grades/list")},getCertificate(t,e){let i="api/frontend/v1/stv/grades/getCertificate/"+encodeURIComponent(t);return e&&(i=i+"/"+encodeURIComponent(e)),this.$fhcApi.get(i)},getTeacherProposal(t,e){let i="api/frontend/v1/stv/grades/getTeacherProposal/"+encodeURIComponent(t);return e&&(i=i+"/"+encodeURIComponent(e)),this.$fhcApi.get(i)},getRepeaterGrades(t,e){let i="api/frontend/v1/stv/grades/getRepeaterGrades/"+encodeURIComponent(t);return e&&(i=i+"/"+encodeURIComponent(e)),this.$fhcApi.get(i)},updateCertificate({lehrveranstaltung_id:t,student_uid:e,studiensemester_kurzbz:i,note:r,lehrveranstaltung_bezeichnung:n}){return this.$fhcApi.post("api/frontend/v1/stv/grades/updateCertificate",{lehrveranstaltung_id:t,student_uid:e,studiensemester_kurzbz:i,note:r},{errorHeader:n})},deleteCertificate({lehrveranstaltung_id:t,student_uid:e,studiensemester_kurzbz:i,lehrveranstaltung_bezeichnung:r}){return this.$fhcApi.post("api/frontend/v1/stv/grades/deleteCertificate",{lehrveranstaltung_id:t,student_uid:e,studiensemester_kurzbz:i},{errorHeader:r})},copyTeacherProposalToCertificate({lehrveranstaltung_id:t,student_uid:e,studiensemester_kurzbz:i,lehrveranstaltung_bezeichnung:r}){return this.$fhcApi.post("api/frontend/v1/stv/grades/copyTeacherProposalToCertificate",{lehrveranstaltung_id:t,student_uid:e,studiensemester_kurzbz:i},{errorHeader:r})},copyRepeaterGradeToCertificate({studierendenantrag_lehrveranstaltung_id:t,lv_bezeichnung:e}){return this.$fhcApi.post("api/frontend/v1/stv/grades/copyRepeaterGradeToCertificate",{studierendenantrag_lehrveranstaltung_id:t},{errorHeader:e})},getGradeFromPoints(t,e,i,r){const n=r?{errorHandling:!1}:{};return this.$fhcApi.post("api/frontend/v1/stv/grades/getGradeFromPoints",{points:t,lehrveranstaltung_id:e,studiensemester_kurzbz:i},n)}},mobility:{getMobilitaeten(t,e,i){return this.$fhcApi.get("api/frontend/v1/stv/mobility/getMobilitaeten/"+i.id)},getProgramsMobility(){return this.$fhcApi.get("api/frontend/v1/stv/mobility/getProgramsMobility/")},addNewMobility(t,e){return this.$fhcApi.post(t,"api/frontend/v1/stv/mobility/insertMobility/",e)},loadMobility(t){return this.$fhcApi.get("api/frontend/v1/stv/mobility/loadMobility/"+t)},updateMobility(t,e){return this.$fhcApi.post(t,"api/frontend/v1/stv/mobility/updateMobility/",e)},deleteMobility(t){return this.$fhcApi.post("api/frontend/v1/stv/mobility/deleteMobility/"+t)},getLVList(t){return this.$fhcApi.get("api/frontend/v1/stv/mobility/getLVList/"+t)},getAllLehreinheiten(t){return this.$fhcApi.post("api/frontend/v1/stv/mobility/getAllLehreinheiten/",t)},getLvsandLesByStudent(t){return this.$fhcApi.get("api/frontend/v1/stv/mobility/getLvsandLesByStudent/"+t)},getPurposes(t,e,i){return this.$fhcApi.get("api/frontend/v1/stv/mobility/getPurposes/"+i.id)},getSupports(t,e,i){return this.$fhcApi.get("api/frontend/v1/stv/mobility/getSupports/"+i.id)},getListPurposes(){return this.$fhcApi.get("api/frontend/v1/stv/mobility/getListPurposes/")},getListSupports(){return this.$fhcApi.get("api/frontend/v1/stv/mobility/getListSupports/")},deleteMobilityPurpose(t){return this.$fhcApi.post("api/frontend/v1/stv/mobility/deleteMobilityPurpose/"+t.bisio_id,t)},addMobilityPurpose(t){return this.$fhcApi.post("api/frontend/v1/stv/mobility/addMobilityPurpose/"+t.bisio_id,t)},deleteMobilitySupport(t){return this.$fhcApi.post("api/frontend/v1/stv/mobility/deleteMobilitySupport/"+t.bisio_id,t)},addMobilitySupport(t){return this.$fhcApi.post("api/frontend/v1/stv/mobility/addMobilitySupport/"+t.bisio_id,t)}},archiv:{tabulatorConfig(t,e){return t.ajaxURL="api/frontend/v1/stv/archiv/get",t.ajaxParams=()=>({person_id:e.modelValue.person_id||e.modelValue.map(t=>t.person_id)}),t.ajaxRequestFunc=(t,e,i)=>this.$fhcApi.post(t,i,e),t.ajaxResponse=(t,e,i)=>i.data,t},getArchivVorlagen(){return this.$fhcApi.post("api/frontend/v1/stv/archiv/getArchivVorlagen")},archive(t){return this.$fhcApi.post("api/frontend/v1/documents/archive",t)},archiveSigned(t){return this.$fhcApi.post("api/frontend/v1/documents/archiveSigned",t)},update(t){return this.$fhcApi.post("api/frontend/v1/stv/archiv/update",t)},delete({akte_id:t,studiengang_kz:e}){return this.$fhcApi.post("api/frontend/v1/stv/archiv/delete",{akte_id:t,studiengang_kz:e})}},documents:{getDocumentsUnaccepted(t,e,i){return this.$fhcApi.get("api/frontend/v1/stv/dokumente/getDocumentsUnaccepted/"+i.id+"/"+i.studiengang_kz)},getDocumentsAccepted(t,e,i){return this.$fhcApi.get("api/frontend/v1/stv/dokumente/getDocumentsAccepted/"+i.id+"/"+i.studiengang_kz)},deleteZuordnung(t){return this.$fhcApi.post("api/frontend/v1/stv/dokumente/deleteZuordnung/"+t.prestudent_id+"/"+t.dokument_kurzbz)},createZuordnung(t){return this.$fhcApi.post("api/frontend/v1/stv/dokumente/createZuordnung/"+t.prestudent_id+"/"+t.dokument_kurzbz)},loadAkte(t){return this.$fhcApi.get("api/frontend/v1/stv/dokumente/loadAkte/"+t)},getDoktypen(){return this.$fhcApi.get("api/frontend/v1/stv/dokumente/getDoktypen/")},updateFile(t,e){return this.$fhcApi.post("api/frontend/v1/stv/dokumente/updateAkte/"+t,e)},deleteFile(t){return this.$fhcApi.post("api/frontend/v1/stv/dokumente/deleteAkte/"+t)},uploadFile(t,e){return this.$fhcApi.post("api/frontend/v1/stv/dokumente/uploadDokument/"+t,e)}},exemptions:{getAnrechnungen(t,e,i){return this.$fhcApi.get("api/frontend/v1/stv/anrechnungen/getAnrechnungen/"+i.id)},getLehrveranstaltungen(t){return this.$fhcApi.get("api/frontend/v1/stv/anrechnungen/getLehrveranstaltungen/"+t)},getBegruendungen(){return this.$fhcApi.get("api/frontend/v1/stv/anrechnungen/getBegruendungen/")},getLvsKompatibel(t){return this.$fhcApi.get("api/frontend/v1/stv/anrechnungen/getLvsKompatibel/"+t)},getLektoren(t){return this.$fhcApi.get("api/frontend/v1/stv/anrechnungen/getLektoren/"+t)},addNewAnrechnung(t,e){return this.$fhcApi.post(t,"api/frontend/v1/stv/anrechnungen/insertAnrechnung/",e)},loadAnrechnung(t){return this.$fhcApi.get("api/frontend/v1/stv/anrechnungen/loadAnrechnung/"+t)},editAnrechnung(t,e){return this.$fhcApi.post(t,"api/frontend/v1/stv/anrechnungen/updateAnrechnung/",e)},deleteAnrechnung(t){return this.$fhcApi.post("api/frontend/v1/stv/anrechnungen/deleteAnrechnung/"+t)}},jointstudies:{getStudies(t,e,i){return this.$fhcApi.get("api/frontend/v1/stv/GemeinsameStudien/getStudien/"+i.id)},getTypenMobility(){return this.$fhcApi.get("api/frontend/v1/stv/GemeinsameStudien/getTypenMobility/")},getStudiensemester(){return this.$fhcApi.get("api/frontend/v1/stv/GemeinsameStudien/getStudiensemester/")},getStudyprograms(){return this.$fhcApi.get("api/frontend/v1/stv/GemeinsameStudien/getStudienprogramme/")},getListPartner(){return this.$fhcApi.get("api/frontend/v1/stv/GemeinsameStudien/getPartnerfirmen/")},getStatiPrestudent(){return this.$fhcApi.get("api/frontend/v1/stv/GemeinsameStudien/getStatiPrestudent/")},loadStudy(t){return this.$fhcApi.get("api/frontend/v1/stv/GemeinsameStudien/loadStudie/"+t)},insertStudy(t,e){return this.$fhcApi.post(t,"api/frontend/v1/stv/GemeinsameStudien/insertStudie/",e)},updateStudy(t,e){return this.$fhcApi.post(t,"api/frontend/v1/stv/GemeinsameStudien/updateStudie/",e)},deleteStudy(t){return this.$fhcApi.post("api/frontend/v1/stv/GemeinsameStudien/deleteStudie/"+t)}},courselist:{getCourselist(t,e,i){return this.$fhcApi.get("api/frontend/v1/stv/LvTermine/getStundenplan/"+i.student_uid+"/"+i.start_date+"/"+i.end_date+"/"+i.group_consecutiveHours+"/"+i.dbStundenplanTable)},getStudiensemester(){return this.$fhcApi.get("api/frontend/v1/stv/LvTermine/getStudiensemester/")}},configStudent(){return this.$fhcApi.get("api/frontend/v1/stv/config/student")},configStudents(){return this.$fhcApi.get("api/frontend/v1/stv/config/students")}},z={person:{getNotizen(t,e,i){return this.$fhcApi.get("api/frontend/v1/notiz/notizPerson/getNotizen/"+i.id+"/"+i.type)},getUid(){return this.$fhcApi.get("api/frontend/v1/notiz/notizPerson/getUid/")},addNewNotiz(t,e,i){return this.$fhcApi.post(t,"api/frontend/v1/notiz/notizPerson/addNewNotiz/"+e,i)},loadNotiz(t){return this.$fhcApi.post("api/frontend/v1/notiz/notizPerson/loadNotiz/",{notiz_id:t})},loadDokumente(t){return this.$fhcApi.post("api/frontend/v1/notiz/notizPerson/loadDokumente/",{notiz_id:t})},deleteNotiz(t,e,i){return this.$fhcApi.post("api/frontend/v1/notiz/notizPerson/deleteNotiz/",{notiz_id:t,type_id:e,id:i})},updateNotiz(t,e,i){return this.$fhcApi.post(t,"api/frontend/v1/notiz/notizPerson/updateNotiz/"+e,i)},getMitarbeiter(t){return this.$fhcApi.get("api/frontend/v1/notiz/notizPerson/getMitarbeiter/"+t)},isBerechtigt(t,e){return this.$fhcApi.get("api/frontend/v1/notiz/notizPerson/isBerechtigt/")}}},B={person:{getAllBetriebsmittel(t,e,i){return this.$fhcApi.get("api/frontend/v1/betriebsmittel/betriebsmittelP/getAllBetriebsmittel/"+i.type+"/"+i.id)},addNewBetriebsmittel(t,e,i){return this.$fhcApi.post(t,"api/frontend/v1/betriebsmittel/betriebsmittelP/addNewBetriebsmittel/"+e,i)},loadBetriebsmittel(t){return this.$fhcApi.post("api/frontend/v1/betriebsmittel/betriebsmittelP/loadBetriebsmittel/"+t)},updateBetriebsmittel(t,e,i){return this.$fhcApi.post(t,"api/frontend/v1/betriebsmittel/betriebsmittelP/updateBetriebsmittel/"+e,i)},deleteBetriebsmittel(t){return this.$fhcApi.post("api/frontend/v1/betriebsmittel/betriebsmittelP/deleteBetriebsmittel/"+t)},getTypenBetriebsmittel(){return this.$fhcApi.get("api/frontend/v1/betriebsmittel/betriebsmittelP/getTypenBetriebsmittel/")},loadInventarliste(t){return this.$fhcApi.get("api/frontend/v1/betriebsmittel/betriebsmittelP/loadInventarliste/"+t)}}},M={updatePersonUnrulyStatus(t,e){try{const i={person_id:t,unruly:e},r="/api/frontend/v1/checkperson/CheckPerson/updatePersonUnrulyStatus";return this.$fhcApi.post(r,i,null)}catch(t){throw t}},filterPerson(t,e=""){try{const i=e+"/api/frontend/v1/checkperson/CheckPerson/filterPerson";return axios.post(i,t)}catch(t){throw t}}},H={getContentID(t){return this.$fhcApi.get(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+"/api/frontend/v1/Ort/ContentID",{ort_kurzbz:t})},getRooms(t,e,i,r,n=0){return this.$fhcApi.get(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+"/api/frontend/v1/Ort/getRooms",{datum:t,von:e,bis:i,typ:r,personenanzahl:n})},getRoomTypes(){return this.$fhcApi.get(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+"/api/frontend/v1/Ort/getTypes")}},I={content(t,e=null,i=null,r=null){return this.$fhcApi.get("/api/frontend/v1/Cms/content",{content_id:t,...e?{version:e}:{},...i?{sprache:i}:{},...r?{sichtbar:r}:{}})},getNews(t=1,e=10,i){return this.$fhcApi.get("/api/frontend/v1/Cms/getNews",{page:t,page_size:e,sprache:i})},news(t){return this.$fhcApi.get("/api/frontend/v1/Cms/news",{limit:t})},getNewsRowCount:function(){return this.$fhcApi.get("/api/frontend/v1/Cms/getNewsRowCount",{})},getNewsExtra:function(){return this.$fhcApi.get("/api/frontend/v1/Cms/getStudiengangInfoForNews",{})}},L={getStudentenMail(t){return this.$fhcApi.get(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+"/api/frontend/v1/Lehre/lvStudentenMail",{lehreinheit_id:t})},getLvInfo(t,e){return this.$fhcApi.get(`/api/frontend/v1/Lehre/LV/${t}/${e}`,{})},getStudentPruefungen(t){return this.$fhcApi.get(`/api/frontend/v1/Lehre/Pruefungen/${t}`,{})},getStudentProjektarbeiten(t){return this.$fhcApi.get(`/api/frontend/v1/Lehre/getStudentProjektarbeiten/${t}`,{})},getStudentProjektabgaben(t){return this.$fhcApi.get("/api/frontend/v1/Lehre/getStudentProjektabgaben",{projektarbeit_id:t.projektarbeit_id,student_uid:t.student_uid})},postStudentProjektarbeitEndupload(t){return this.$fhcApi.post("/api/frontend/v1/Lehre/postStudentProjektarbeitEndupload",t,{Headers:{"Content-Type":"multipart/form-data"}})},postStudentProjektarbeitZwischenabgabe(t){return this.$fhcApi.post("/api/frontend/v1/Lehre/postStudentProjektarbeitZwischenabgabe",t,{Headers:{"Content-Type":"multipart/form-data"}})},getStudentProjektarbeitAbgabeFile(t,e){const i=`/Cis/Abgabetool/getStudentProjektarbeitAbgabeFile?paabgabe_id=${t}&student_uid=${e}`;window.location=FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+i},getMitarbeiterProjektarbeiten(t,e){return this.$fhcApi.get(`/api/frontend/v1/Lehre/getMitarbeiterProjektarbeiten?showall=${e}`,{})},postProjektarbeitAbgabe(t){const e={paabgabe_id:t.paabgabe_id,paabgabetyp_kurzbz:t.bezeichnung.paabgabetyp_kurzbz,datum:t.datum,fixtermin:t.fixtermin,insertvon:t.insertvon,kurzbz:t.kurzbz,projektarbeit_id:t.projektarbeit_id};return this.$fhcApi.post("/api/frontend/v1/Lehre/postProjektarbeitAbgabe",e,null)},deleteProjektarbeitAbgabe(t){const e={paabgabe_id:t};return this.$fhcApi.post("/api/frontend/v1/Lehre/deleteProjektarbeitAbgabe",e,null)},postSerientermin(t,e,i,r,n){const s={datum:t,paabgabetyp_kurzbz:e,bezeichnung:i,kurzbz:r,projektarbeit_ids:n};return this.$fhcApi.post("/api/frontend/v1/Lehre/postSerientermin",s,null)},fetchDeadlines(t){const e={person_id:t};return this.$fhcApi.post("/api/frontend/v1/Lehre/fetchDeadlines",e,null)}},J={getLvMenu(t,e){return this.$fhcApi.get(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+`/api/frontend/v1/LvMenu/getLvMenu/${t}/${e}`,{})}},j={person:{getMessages(t,e,i){return this.$fhcApi.get("api/frontend/v1/messages/messages/getMessages/"+i.id+"/"+i.type+"/"+i.size+"/"+i.page)},getVorlagen(){return this.$fhcApi.get("api/frontend/v1/messages/messages/getVorlagen/")},getMsgVarsLoggedInUser(){return this.$fhcApi.get("api/frontend/v1/messages/messages/getMsgVarsLoggedInUser/")},getMessageVarsPerson(t){return this.$fhcApi.get("api/frontend/v1/messages/messages/getMessageVarsPerson/"+t.id+"/"+t.type_id)},getMsgVarsPrestudent(t){return this.$fhcApi.get("api/frontend/v1/messages/messages/getMsgVarsPrestudent/"+t.id+"/"+t.type_id)},getPersonId(t){return this.$fhcApi.get("api/frontend/v1/messages/messages/getPersonId/"+t.id+"/"+t.type_id)},getUid(t){return this.$fhcApi.get("api/frontend/v1/messages/messages/getUid/"+t.id+"/"+t.type_id)},getDataVorlage(t){return this.$fhcApi.get("api/frontend/v1/messages/messages/getDataVorlage/"+t)},getNameOfDefaultRecipient(t){return this.$fhcApi.get("api/frontend/v1/messages/messages/getNameOfDefaultRecipient/"+t.id+"/"+t.type_id)},getPreviewText(t,e){return this.$fhcApi.post("api/frontend/v1/messages/messages/getPreviewText/"+t.id+"/"+t.type_id,e)},getReplyData(t){return this.$fhcApi.get("api/frontend/v1/messages/messages/getReplyData/"+t)},sendMessageFromModalContext(t,e,i){return this.$fhcApi.post(t,"api/frontend/v1/messages/messages/sendMessage/"+e,i)},sendMessage(t,e){return this.$fhcApi.post("api/frontend/v1/messages/messages/sendMessage/"+t,e)},deleteMessage(t){return this.$fhcApi.post("api/frontend/v1/messages/messages/deleteMessage/"+t)}}},U={getVorlagen(){return this.$fhcApi.get("api/frontend/v1/vorlagen/vorlagen/getVorlagen/")},getVorlagenByLoggedInUser(){return this.$fhcApi.get("api/frontend/v1/vorlagen/vorlagen/getVorlagenByLoggedInUser/")}},G={getStudiensemester:function(){return this.$fhcApi.get("/components/Cis/Mylv/Studiensemester",{})},getAllStudienSemester:function(t=void 0,e=void 0,i=void 0,r=void 0){return this.$fhcApi.get("/api/frontend/v1/Studium/getStudienAllSemester",{studiensemester:t,studiengang:e,semester:i,studienplan:r})},getStudiengaengeForStudienSemester:function(t){return this.$fhcApi.get(`/api/frontend/v1/Studium/getStudiengaengeForStudienSemester/${t}`,{})},getStudienplaeneBySemester:function(t,e){return this.$fhcApi.get("/api/frontend/v1/Studium/getStudienplaeneBySemester",{studiengang:t,studiensemester:e})},getLvPlanForStudiensemester:function(t,e){return this.$fhcApi.get(`/api/frontend/v1/LvPlan/getLvPlanForStudiensemester/${t}/${e}`,{})},getLvEvaluierungInfo:function(t,e){return this.$fhcApi.get(`/api/frontend/v1/Studium/getLvEvaluierungInfo/${t}/${e}`,{})}},N={search:E,phrasen:k,navigation:P,dashboard:{async getViewData(){return this.$fhcApi.get("/api/frontend/v1/Cis4FhcApi/getViewData",null,null)}},filter:T,studstatus:x,profil:O,profilUpdate:D,lvPlan:R,bookmark:{getBookmarks:function(){return this.$fhcApi.get("/api/frontend/v1/Bookmark/getBookmarks",{})},delete:function(t){return this.$fhcApi.get(`/api/frontend/v1/Bookmark/delete/${t}`,{})},update:function({bookmark_id:t,url:e,title:i,tag:r=null}){return this.$fhcApi.post(`/api/frontend/v1/Bookmark/update/${t}`,{url:e,title:i})},insert:function({url:t,title:e,tag:i}){return this.$fhcApi.post("/api/frontend/v1/Bookmark/insert",{url:t,title:e,tag:i})}},stv:F,notiz:z,betriebsmittel:B,checkperson:M,ampeln:{open:function(){return this.$fhcApi.get("/api/frontend/v1/Ampeln/open",{})},all:function(){return this.$fhcApi.get("/api/frontend/v1/Ampeln/all",{})},confirm:function(t){return this.$fhcApi.get(`/api/frontend/v1/Ampeln/confirm/${t}`,{})}},ort:H,cms:I,lehre:L,addons:J,messages:j,vorlagen:U,addons:J,studiengang:{studiengangInformation:function(){return this.$fhcApi.get("/api/frontend/v1/Studgang/getStudiengangInfo",{})},getStudiengangByKz:function(t){return this.$fhcApi.get("/api/frontend/v1/organisation/StudiengangEP/getStudiengangByKz",{studiengang_kz:t})}},menu:{getMenu:function(){return this.$fhcApi.get("/api/frontend/v1/CisMenu/getMenu",{})}},authinfo:{getAuthUID(){return this.$fhcApi.get("/api/frontend/v1/AuthInfo/getAuthUID",{})},getAuthInfo(){return this.$fhcApi.get("/api/frontend/v1/AuthInfo/getAuthInfo",{})}},studium:G,language:{getAll(){return this.$fhcApi.get("/api/frontend/v1/language/get")}}},W={install:(t,e)=>{if(t.config.globalProperties.$fhcApi)return void(e?.factory&&(console.warn("$fhcApi is DEPRECATED!"),t.config.globalProperties.$fhcApi.factory.addEndpoints(e.factory)));function i(t,e,i,r){if("string"==typeof t&&void 0===r)[e,i,r]=[t,e,i],t=void 0;else if(t){if("object"!=typeof t)throw new TypeError("Parameter 1 of _get_config must be an object or a string");void 0===e&&void 0===i&&void 0===r&&(r=t,t=void 0)}if(t){if(!t.clearValidation||!t.setFeedback)throw new TypeError("'form' is not a Form Component");t={clearValidation:t.clearValidation,setFeedback:t.setFeedback},r?r.form=t:r={form:t}}return[e,i,r]}function r(t){const e=t.data;return delete t.data,e.meta?e.meta.response=t:e.meta={response:t},e}FHC_JS_DATA_STORAGE_OBJECT.app_root,FHC_JS_DATA_STORAGE_OBJECT.ci_router;const n=axios.create({timeout:5e5,baseURL:FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+"/"});n.interceptors.request.use(t=>{if("post"!=t.method||!t.data)return t;if(t.data instanceof FormData)return t;if(!Object.values(t.data).every(t=>!(t instanceof FileList)&&(!Array.isArray(t)||t.every(t=>!(t instanceof File))))){const e=Object.entries(t.data).reduce((t,[e,i])=>{if(i instanceof FileList)for(const r of i)t.FormData.append(e+(i.length>1?"[]":""),r);else Array.isArray(i)?i.every(t=>!(t instanceof File))?t.jsondata[e]=i:i.forEach(r=>t.FormData.append(e+(i.length>1?"[]":""),r)):t.jsondata[e]=i;return t},{FormData:new FormData,jsondata:{}});e.FormData.append("_jsondata",JSON.stringify(e.jsondata)),t.data=e.FormData}return t}),n.interceptors.response.use(e=>("off"==e.config?.errorHandling||!1===e.config?.errorHandling||"fail"==e.config?.errorHandling||e.data.errors&&(e.data.errors=e.data.errors.filter(i=>(e.config[i.type+"ErrorHandler"]||t.config.globalProperties.$fhcApi._defaultErrorHandlers[i.type])(i,e.config))),r(e)),e=>"ERR_CANCELED"==e.code?Promise.reject({handled:!0,...e}):"off"==e.config?.errorHandling||!1===e.config?.errorHandling||"success"==e.config?.errorHandling?Promise.reject(e):e.response?404==e.response.status?(t.config.globalProperties.$fhcAlert.alertDefault("error",e.message,e.request.responseURL,!0),Promise.reject({handled:!0,...e})):(e.response.data.errors=e.response.data.errors.filter(i=>(e.config[i.type+"ErrorHandler"]||t.config.globalProperties.$fhcApi._defaultErrorHandlers[i.type])(i,e.config)),e.response.data.errors.length?Promise.reject(e):Promise.reject({handled:!0,...e})):e.request?(t.config.globalProperties.$fhcAlert.alertDefault("error",e.message,e.request.responseURL),Promise.reject({handled:!0,...e})):(t.config.globalProperties.$fhcAlert.alertError(e.message),Promise.reject({handled:!0,...e}))),t.config.globalProperties.$fhcApi={getUri:t=>(console.warn("$fhcApi.getUri is DEPRECATED! Use $api.getUri instead."),n.getUri({url:t})),get:(t,e,r,s)=>(console.warn("$fhcApi.get is DEPRECATED! Use $api.get instead."),[e,r,s]=i(t,e,r,s),r&&(s?s.params=r:s={params:r}),n.get(e,s)),post:(t,e,r,s)=>(console.warn("$fhcApi.post is DEPRECATED! Use $api.post instead."),[e,r,s]=i(t,e,r,s),n.post(e,r,s)),_defaultErrorHandlers:{validation(e,i){const r=t.config.globalProperties.$fhcAlert;return i?.form?(i.form.clearValidation(),i.form.setFeedback(!1,e.messages),!1):Array.isArray(e.messages)?(e.messages.forEach(r.alertError),!1):"object"!=typeof e.messages||(i?.errorHeader?Object.values(e.messages).forEach(e=>r.alertDefault("error",Array.isArray(i.errorHeader)?t.config.globalProperties.$p.t.apply(null,i.errorHeader):i.errorHeader,e,!0)):Object.entries(e.messages).forEach(([t,e])=>r.alertDefault("error",t,e,!0)),!1)},general(e,i){const r=t.config.globalProperties.$fhcAlert;i?.form?i.form.setFeedback(!1,e.message):i?.errorHeader?r.alertDefault("error",Array.isArray(i.errorHeader)?t.config.globalProperties.$p.t.apply(null,i.errorHeader):i.errorHeader,e.message,!0):r.alertError(e.message)},php(e){const i=t.config.globalProperties.$fhcAlert;var r="";switch(r+="Message: "+e.message+"\n\n",r+="Filename: "+e.filename+"\n",r+="Line Number: "+e.line+"\n",e.backtrace&&e.backtrace.length&&(r+="\nBacktrace: ",e.backtrace.forEach(t=>{r+="\n\tFile: "+t.file+"\n",r+="\tLine: "+t.line+"\n",r+="\tFunction: "+t.function+"\n"})),e.severity){case"Warning":case"Core Warning":case"Compile Warning":case"User Warning":i.alertDefault("warn","PHP "+e.severity,r,!0);break;case"Notice":case"User Notice":case"Runtime Notice":i.alertDefault("info","PHP "+e.severity,r,!0);break;default:r="Type: PHP "+e.severity+"\n\n"+r,i.alertSystemError(r)}},exception(e){const i=t.config.globalProperties.$fhcAlert;var r="";r+="Type: "+e.class+"\n\n",r+="Message: "+e.message+"\n\n",r+="Filename: "+e.filename+"\n",r+="Line Number: "+e.line+"\n",e.backtrace&&e.backtrace.length&&(r+="\nBacktrace: ",e.backtrace.forEach(t=>{r+="\n\tFile: "+t.file+"\n",r+="\tLine: "+t.line+"\n",r+="\tFunction: "+t.function+"\n"})),i.alertSystemError(r)},db(e){const i=t.config.globalProperties.$fhcAlert;var r="";void 0!==e.heading&&(r+=e.heading+"\n\n"),void 0!==e.code&&(r+="Code: "+e.code+"\n\n"),void 0!==e.sql&&(r+="SQL: "+e.sql+"\n\n"),void 0!==e.message?r+="Message: "+e.message+"\n\n":void 0!==e.messages&&(r+="Messages: "+e.messages.join("\n\t")+"\n\n"),void 0!==e.filename&&(r+="Filename: "+e.filename+"\n"),void 0!==e.line&&(r+="Line Number: "+e.line+"\n"),i.alertSystemError(r)},auth(e,i){const r=t.config.globalProperties.$fhcAlert;var n="";n+="Controller name: "+e.controller+"\n",n+="Method name: "+e.method+"\n",n+="Required permissions: "+e.required_permissions,i?.errorHeader?r.alertDefault("error",Array.isArray(i.errorHeader)?t.config.globalProperties.$p.t.apply(null,i.errorHeader):i.errorHeader,e.message,!0):r.alertDefault("error",e.message,n)}}};class s{constructor(e,i){void 0===i?(this.$fhcApi={getUri:e=>(console.warn("$fhcApi.factory is DEPRECATED!"),t.config.globalProperties.$fhcApi.getUri(e)),get:(e,i,r,n)=>(console.warn("$fhcApi.factory is DEPRECATED!"),t.config.globalProperties.$fhcApi.get(e,i,r,n)),post:(e,i,r,n)=>(console.warn("$fhcApi.factory is DEPRECATED!"),t.config.globalProperties.$fhcApi.post(e,i,r,n))},Object.defineProperty(this.$fhcApi,"factory",{get:()=>(console.warn("$fhcApi.factory is DEPRECATED!"),t.config.globalProperties.$fhcApi.factory)}),t.config.globalProperties.$fhcApi.factory=this):Object.defineProperty(this,"$fhcApi",{get(){return(i||this).$fhcApi}}),this.addEndpoints(e,!0)}addEndpoints(t,e){Object.keys(t).forEach(e=>{Object.defineProperty(this,e,{get(){return"function"==typeof t[e]?t[e].bind(this):new s(t[e],this.$fhcApi.factory)}})}),e||console.warn("$fhcApi.factory.addEndpoints() is DEPRECATED!")}}const a=new s(N);e?.factory&&(console.warn("$fhcApi is DEPRECATED!"),a.addEndpoints(e.factory)),t.config.globalProperties.$fhcApi.factory=a,t.provide("$fhcApi",t.config.globalProperties.$fhcApi)}};const q="error",V="retval",Z={get:function(t,e,i=null){return Z._axiosCall(t,e,"get",i)},post:function(t,e,i=null){return Z._axiosCall(t,e,"post",i)},isSuccess:function(t){return!("object"!=typeof t||!t.hasOwnProperty(q)||!t.hasOwnProperty(V)||0!=t.error)},isError:function(t){return!Z.isSuccess(t)},hasData:function(t){return!(!Z.isSuccess(t)||!("object"==typeof t[V]&&Object.keys(t[V]).length>0||"array"==typeof t[V]&&t[V].length>0||"string"==typeof t[V]&&""!=t[V].trim()||"number"==typeof t[V]))},getData:function(t){return Z.hasData(t)?t[V]:null},getError:function(t){return"object"==typeof t&&Object.keys(t).length>0&&t.hasOwnProperty(V)?t[V]:"Generic error"},getErrorCode:function(t){return"object"==typeof t&&t.hasOwnProperty(q)?t[q]:1},_generateRouterURI:function(t){var e=null;return"undefined"!=typeof FHC_JS_DATA_STORAGE_OBJECT&&(e=FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+"/"+t),e},_printDebug:function(t,e,i){},_axiosCall:function(t,e,i,r){let n={method:i,url:Z._generateRouterURI(t),timeout:5e3};if("get"==i?n.params=e:n.data=e,"object"==typeof r)for(var s in r)n[s]=r[s];return axios(n)}},K=document.createElement("div"),Y=Vue.createApp({name:"FhcAlertApp",components:{PvToast:e,PvConfirm:i},methods:{mailToUrl:t=>"mailto:"+FHC_JS_DATA_STORAGE_OBJECT.systemerror_mailto+"?subject=Meldung%20Systemfehler&body="+("\n\t\t\t\tDanke, dass Sie uns den Fehler melden. %0D%0A %0D%0A\n\t\t\t\tBitte beschreiben Sie uns ausführlich das Problem.%0D%0A\n\t\t\t\tBsp: Ich habe X ausgewählt und Y angelegt. Beim Speichern erhielt ich die Fehlermeldung. [Optional: Ich habe den Browser Z verwendet.]%0D%0A\n\t\t\t\t-----------------------------------------------------------------------------------------------------------------------------------%0D%0A\n\t\t\t\tPROBLEM: ... %0D%0A %0D%0A %0D%0A\n\n\t\t\t\t-----------------------------------------------------------------------------------------------------------------------------------%0D%0A\n\t\t\t\tFehler URL: "+FHC_JS_DATA_STORAGE_OBJECT.called_path+"/"+FHC_JS_DATA_STORAGE_OBJECT.called_method+"%0D%0A\n\t\t\t\tFehler Meldung: "+t.message.detail+"%0D%0A\n\t\t\t\t-----------------------------------------------------------------------------------------------------------------------------------%0D%0A %0D%0A\n\t\t\t\tWir kümmern uns um eine rasche Behebung des Problems!"),openMessagecard(t){bootstrap.Collapse.getOrCreateInstance(t.target.getAttribute("href")).toggle()}},unmounted(){K.parentElement.removeChild(K)},computed:{showmaillink:function(){return""!==FHC_JS_DATA_STORAGE_OBJECT.systemerror_mailto}},template:'\n\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t
\n\t\t\n\t\t\t\n\t\t\t
\n\t\n\t\t\t\t
\n\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t{{ message.detail }}
\n\t\t\t\n\t\t\n\t- "+a.join("")+"
- "+s.join("")+"
Loading...
\n\t\t{{ errorMessage }}
\n\t\t\n\t\t
`\n}\n","import BsModal from './Modal.js';\n\nexport default {\n\tname: 'BootstrapAlert',\n\tcomponents: {\n\t\tBsModal\n\t},\n\tmixins: [\n\t\tBsModal\n\t],\n\tprops: {\n\t\tdialogClass: {\n\t\t\ttype: [String,Array,Object],\n\t\t\tdefault: 'modal-dialog-centered'\n\t\t},\n\t\t/*\n\t\t * NOTE(chris):\n\t\t * Hack to expose in \"emits\" declared events to $props which we use\n\t\t * in the v-bind directive to forward all events.\n\t\t * @see: https://github.com/vuejs/core/issues/3432\n\t\t*/\n\t\tonHideBsModal: Function,\n\t\tonHiddenBsModal: Function,\n\t\tonHidePreventedBsModal: Function,\n\t\tonShowBsModal: Function,\n\t\tonShownBsModal: Function\n\t},\n\tdata: () => ({\n\t\tresult: true\n\t}),\n\tmounted() {\n\t\tthis.modal = this.$refs.modalContainer.modal;\n\t},\n\tpopup(msg, options) {\n\t\treturn BsModal.popup.bind(this)(msg, options);\n\t},\n\ttemplate: `\n\t\t\t\n\t\t
\n\t\n\t\t\t\t\n\t\t\t
\n\t\t\n\t\t\n\t\t\t\n\t\t\t\n\t\t\n\t\n\t\t
`\n}\n","export default {\n\temits: [\n\t\t\"change\",\n\t\t\"assignWidgets\"\n\t],\n\tprops: {\n\t\tdashboard_id: Number,\n\t\twidgets: Array\n\t},\n\tcomputed: {\n\t\tapiurl() {\n\t\t\treturn FHC_JS_DATA_STORAGE_OBJECT.app_root + FHC_JS_DATA_STORAGE_OBJECT.ci_router + '/dashboard';\n\t\t}\n\t},\n\tmethods: {\n\t\tsendChange(widget_id) {\n\t\t\tlet allow = !this.widgets.find(el => el.widget_id == widget_id).allowed;\n\t\t\taxios.post(this.apiurl + '/Widget/setAllowed', {\n\t\t\t\tdashboard_id: this.dashboard_id,\n\t\t\t\twidget_id,\n\t\t\t\taction: allow ? 'add' : 'delete'\n\t\t\t}).catch(err => console.error('ERROR: ' + err));\n\t\t}\n\t},\n\tcreated() {\n\t\taxios.get(this.apiurl + '/Widget/getAll', {\n\t\t\tparams:{\n\t\t\t\tdashboard_id: this.dashboard_id\n\t\t\t}\n\t\t}).then(\n\t\t\tresult => {\n\t\t\t\tthis.$emit('assignWidgets', result.data.retval.map(el => ({\n\t\t\t\t\t...el,\n\t\t\t\t\t...{setup:JSON.parse(el.setup),arguments:JSON.parse(el.arguments),allowed:!!el.allowed}\n\t\t\t\t})));\n\t\t\t}\n\t\t).catch(err => console.error('ERROR:', err));\n\t},\n\ttemplate: `\n\t`\n}\n","export default {\n\tname:'GridItem',\n\tcomponents: {\n\t},\n\tinject: {\n\t},\n\tprops: {\n\t\titem: Object,\n\t\tactive: Boolean\n\t},\n\temits: [\n\t\t\"mouseDown\",\n\t\t\"mouseUp\",\n\t\t\"startMove\",\n\t\t\"startResize\",\n\t\t\"dragging\",\n\t\t\"endDrag\",\n\t\t\"dropDrag\",\n\t\t\"item\",\n\t\t\"touchStart\",\n\t\t\"touchEnd\",\n\t],\n\tdata() {\n\t\treturn {\n\t\t\tdragAction: '',\n\t\t\tdragging: false\n\t\t}\n\t},\n\tcomputed: {\n\t},\n\tmethods: {\n\t\tregisterDragAction(evt) {\n\t\t\tthis.$emit('mouseDown', evt);\n\t\t\tif (evt.target.hasAttribute('drag-action')) {\n\t\t\t\tthis.dragAction = evt.target.getAttribute('drag-action');\n\t\t\t} else {\n\t\t\t\tlet parent = evt.target.closest('[drag-action]');\n\t\t\t\tif (parent) {\n\t\t\t\t\tthis.dragAction = parent.getAttribute('drag-action');\n\t\t\t\t} else {\n\t\t\t\t\tthis.dragAction = '';\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\ttryDragStart(evt, item) {\n\t\t\tlet dragAction = this.dragAction || evt.target.getAttribute('drag-action');\n\t\t\tif (dragAction) {\n\t\t\t\tthis.dragging = true;\n\t\t\t\tif (dragAction == 'move')\n\t\t\t\t\treturn this.$emit('startMove', evt, item);\n\t\t\t\telse if (dragAction == 'resize')\n\t\t\t\t\treturn this.$emit('startResize', evt, item);\n\t\t\t}\n\t\t\t//evt.preventDefault();\n\t\t},\n\t\ttouchDragEnd(evt) {\n\t\t\tif (!this.dragging)\n\t\t\t\treturn;\n\t\t\tthis.dragging = false;\n\t\t\tthis.$emit('touchEnd', evt);\n\t\t},\n\t\ttouchStart(event){\n\t\t\tthis.$emit('touchStart', event); \n\t\t\tthis.registerDragAction(event); \n\t\t\tthis.tryDragStart(event, this.item);\n\t\t},\n\t\ttouchMove(event){\n\t\t\tif(this.dragging){\n\t\t\t\tevent.preventDefault();\n\t\t\t\tthis.$emit('dragging', event);\n\t\t\t}\n\t\t}\n\t\t\n\t},\n\ttemplate: `\n\t\n\t\t\t\n\t\t\t\n\t\t
\n\t\t\n\t\t\t\n\t\t\t\n\t\t
\n\t\t\n\t\t\t\n\t\t\t\n\t\t
\n\t\n\t\t
`\n}\n","// TODO(chris): Comments\n\nconst DIR_UP = 0;\nconst DIR_LEFT = 1;\nconst DIR_RIGHT = 2;\nconst DIR_DOWN = 3;\n\nclass GridLogic {\n\tconstructor(w) {\n\t\tif (w.w) {\n\t\t\tthis.w = w.w;\n\t\t\tthis.h = w.h;\n\t\t\tthis.data = [...w.data];\n\t\t\tthis.grid = [...w.grid];\n\t\t} else {\n\t\t\tthis.w = w;\n\t\t\tthis.h = 1;\n\t\t\tthis.data = [];\n\t\t\tthis.grid = [];\n\t\t}\n\t}\n\tisFreeSlot(x, y) {\n\t\tconst i = y*this.w + x;\n\t\treturn !this.grid[i] && this.grid[i] !== 0;\n\t}\n\tgetMaxY(){\n\t\treturn this.data.reduce((acc, item) => { \n\t\t\tif (item?.y > acc) {\n\t\t\t\t acc = item.y; \n\t\t\t} \n\t\t\treturn acc; \n\t\t}, 0);\n\t}\n\tgetFreeSlots() {\n\t\tconst freeSlots = [];\n\t\tlet biggestY = this.getMaxY();\n\t\tlet totalSpaces = this.w * (biggestY+1);\n\t\tfor(let i=0; i < totalSpaces; i++){\n\t\t\tif (!this.grid[i] && this.grid[i] !== 0){\n\t\t\t\tthis.grid[i] = undefined;\n\t\t\t}\n\t\t}\n\t\tfor(let i =0; i < this.grid.length; i++){\n\t\t\tif (!this.grid[i] && this.grid[i] !== 0){\n\t\t\t\tlet x = i % this.w;\n\t\t\t\tlet y = Math.floor(i / this.w);\n\t\t\t\tfreeSlots.push({x, y});\n\t\t\t}\n\t\t}\n\t\treturn freeSlots;\n\t}\n\tadd(item, prefer) {\n\t\tlet occupiers = this.getItemsInFrame(item.frame);\n\t\tif (!occupiers.length) {\n\t\t\titem.frame.forEach(f => this.grid[f] = item.index);\n\t\t\tthis.data[item.index] = item;\n\t\t\tthis.h = Math.max(this.h, item.y + item.h);\n\t\t\treturn [];\n\t\t} else {\n\t\t\tconst intermGrid = new GridLogic(this);\n\t\t\t\n\t\t\titem.frame.forEach(f => intermGrid.grid[f] = -1);\n\n\t\t\tconst possiblities = intermGrid.tryMoving(occupiers, prefer);\n\t\t\tif (possiblities.length) {\n\t\t\t\tconst bestOption = possiblities.sort((a,b) => {\n\t\t\t\t\tif (a.cost === undefined)\n\t\t\t\t\t\ta.cost = a.moves.reduce((a, v) => a * v.cost, 1);\n\t\t\t\t\tif (b.cost === undefined)\n\t\t\t\t\t\tb.cost = b.moves.reduce((a, v) => a * v.cost, 1);\n\t\t\t\t\treturn a.cost > b.cost;\n\t\t\t\t});\n\t\t\t\tconst result = [];\n\t\t\t\tbestOption[0].moves.forEach(move => {\n\t\t\t\t\tconst currItem = {...this.data[move.index]};\n\t\t\t\t\tcurrItem.x += move.x;\n\t\t\t\t\tcurrItem.y += move.y;\n\t\t\t\t\tcurrItem.frame = this.getItemFrame(currItem);\n\t\t\t\t\tthis.h = Math.max(this.h, currItem.y + currItem.h);\n\t\t\t\t\tthis.remove(currItem);\n\t\t\t\t\tcurrItem.frame.forEach(f => this.grid[f] = currItem.index);\n\t\t\t\t\tthis.data[move.index] = currItem;\n\t\t\t\t\tresult[move.index] = {\n\t\t\t\t\t\tindex: currItem.index,\n\t\t\t\t\t\tx: currItem.x,\n\t\t\t\t\t\ty: currItem.y\n\t\t\t\t\t};\n\t\t\t\t});\n\t\t\t\titem.frame.forEach(f => this.grid[f] = item.index);\n\t\t\t\tthis.data[item.index] = item;\n\n\t\t\t\treturn result;\n\t\t\t} else {\n\t\t\t\tconsole.error('FATAL', \"can't arrange item on grid\");\n\t\t\t}\n\t\t}\n\t}\n\tmove(item, x, y) {\n\t\tif (item.data.place[this.w]?.pinned)\n\t\t\treturn [];\n\t\tif (item.x == x && item.y == y)\n\t\t\treturn [];\n\t\t\n\t\tthis.remove(item);\n\n\t\tlet prefer = undefined;\n\t\tif (item.x == x) {\n\t\t\tif (y-item.y > 0)\n\t\t\t\tprefer = DIR_UP;\n\t\t\telse\n\t\t\t\tprefer = DIR_DOWN;\n\t\t} else if (item.y == y) {\n\t\t\tif (x-item.x > 0)\n\t\t\t\tprefer = DIR_LEFT;\n\t\t\telse\n\t\t\t\tprefer = DIR_RIGHT;\n\t\t}\n\n\t\tconst originalFrame = Array.isArray(item.frame) ? [...item.frame] : [item.frame];\n\n\t\tconst currItem = {...item};\n\t\tcurrItem.x = x;\n\t\tcurrItem.y = y;\n\t\tcurrItem.frame = this.getItemFrame(currItem);\n\t\tlet occupiers = this.getItemsInFrame(currItem.frame);\n\t\t\n\t\t// does not update if the target conatins pinned widgets\n\t\tif (occupiers.some(frame => this.data[frame]?.data.place[this.w]?.pinned)) {\n\t\t\treturn [];\n\t\t}\n\t\t\n\t\t// checks if target contains widget with the same high and width\n\t\tlet occupiersData = occupiers.map(occupier => this.data[occupier]);\n\t\tlet occupiersFrame = occupiersData.map(occupier => occupier.frame).flat();\n\t\tif (!occupiersFrame.some(frame => !currItem.frame.includes(frame)) && !occupiersFrame.some(frame => originalFrame.includes(frame))){\n\t\t\tlet replaceUpdate = [];\n\t\t\tlet newOccupierFrames = [];\n\t\t\tfor(let f of originalFrame){\n\t\t\t\tif(newOccupierFrames.includes(f)){\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\t\t\t\tlet occ = occupiersData.shift();\n\t\t\t\tif(occ){\n\t\t\t\t\tnewOccupierFrames = [...newOccupierFrames, ...this.getItemFrame({ ...occ, ...this.getSingleFramePosition(f) })];\n\t\t\t\t\treplaceUpdate[occ.index] = { index: occ.index, ...this.getSingleFramePosition(f)}\n\t\t\t\t}\n\t\t\t}\n\t\t\treplaceUpdate[item.index] = { index: item.index, x, y };\n\t\t\t\n\t\t\treturn replaceUpdate;\n\t\t}\n\t\t\n\t\tconst updates = this.add(currItem, prefer);\n\t\tupdates[item.index] = {index: item.index, x, y};\n\t\treturn updates;\n\t}\n\tresize(item, w, h) {\n\t\tif (item.w == w && item.h == h)\n\t\t\treturn [];\n\t\tthis.remove(item);\n\n\t\tconst currItem = {...item};\n\t\tcurrItem.w = w;\n\t\tcurrItem.h = h;\n\t\tcurrItem.frame = this.getItemFrame(currItem);\n\t\t\n\t\tconst updates = this.add(currItem);\n\t\tif(updates)\n\t\t\tupdates[item.index] = {index: item.index, w, h, x:item.x, y:item.y, resize:true};\n\n\t\treturn updates;\n\t}\n\ttryMoving(index, prefer) {\n\t\tif (Array.isArray(index)) {\n\t\t\tindex.forEach(i => this.remove({index:i}));\n\t\t\tlet possiblities = [{grid: this, moves: []}];\n\t\t\tindex.forEach(i => {\n\t\t\t\tlet newPoss = [];\n\t\t\t\tpossiblities.forEach(possiblity => {\n\t\t\t\t\tpossiblity.grid.tryMoving(i, prefer).forEach(p => {\n\t\t\t\t\t\tpossiblity.moves\n\t\t\t\t\t\tp.moves = [...p.moves, ...possiblity.moves];\n\t\t\t\t\t\tnewPoss.push(p)\n\t\t\t\t\t});\n\t\t\t\t});\n\t\t\t\tpossiblities = newPoss;\n\t\t\t});\n\t\t\treturn possiblities;\n\t\t}\n\t\tconst directions = [DIR_UP, DIR_DOWN, DIR_LEFT, DIR_RIGHT];\n\n\t\tthis.remove({index});\n\n\t\tconst weight = 1 + .2*(this.data[index].weight || 0);\n\n\t\treturn directions.reduce((result, dir) => {\n\t\t\tlet res = this.tryMovingInDirection(dir, index, 1, (prefer === dir ? .5 : 1 + dir*.1) * weight);\n\t\t\tif (!res)\n\t\t\t\treturn result;\n\t\t\treturn [...result, ...res];\n\t\t}, []).filter(p => p);\n\t}\n\ttryMovingInDirection(dir, index, amount, cost) {\n\t\tconst move = {index, x:0, y: 0, cost: cost};\n\t\tlet targetframe;\n\t\tswitch(dir) {\n\t\t\tcase DIR_UP:\n\t\t\t\tif (this.data[index].data?.place[this.w]?.pinned || this.data[index].y - amount < 0)\n\t\t\t\t\treturn false;\n\t\t\t\ttargetframe = this.data[index].frame.map(i => i-this.w*amount);\n\t\t\t\tmove.y = -amount;\n\t\t\t\tbreak;\n\t\t\tcase DIR_DOWN:\n\t\t\t\tif (this.data[index].data?.place[this.w]?.pinned)\n\t\t\t\t\treturn false;\n\t\t\t\tif (this.data[index].y + this.data[index].h + amount > this.h)\n\t\t\t\t\tcost += .4;\n\t\t\t\ttargetframe = this.data[index].frame.map(i => i+this.w*amount);\n\t\t\t\tmove.y = amount;\n\t\t\t\tbreak;\n\t\t\tcase DIR_LEFT:\n\t\t\t\tif (this.data[index].data?.place[this.w]?.pinned || this.data[index].x - amount < 0)\n\t\t\t\t\treturn false;\n\t\t\t\ttargetframe = this.data[index].frame.map(i => i-amount);\n\t\t\t\tmove.x = -amount;\n\t\t\t\tbreak;\n\t\t\tcase DIR_RIGHT:\n\t\t\t\tif (this.data[index].data?.place[this.w]?.pinned || this.data[index].x + this.data[index].w + amount > this.w)\n\t\t\t\t\treturn false;\n\t\t\t\ttargetframe = this.data[index].frame.map(i => i+amount);\n\t\t\t\tmove.x = amount;\n\t\t\t\tbreak;\n\t\t}\n\n\t\tconst occupiers = this.getItemsInFrame(targetframe);\n\t\tif (occupiers.includes(-1)) {\n\t\t\treturn this.tryMovingInDirection(dir, index, amount+1, cost);\n\t\t}\n\t\t\n\t\tconst intermGrid = new GridLogic(this);\n\t\ttargetframe.forEach(f => intermGrid.grid[f] = -1);\n\t\t\n\t\tif (!occupiers.length) {\n\t\t\treturn [{grid: intermGrid, moves: [move]}];\n\t\t}\n\t\tconst possiblities = intermGrid.tryMoving(occupiers).map(possiblity => possiblity.moves.unshift(move) && possiblity);\n\t\treturn possiblities.length ? possiblities : false;\n\t}\n\tclearWeights() {\n\t\tthis.data.forEach(item => item.weight = undefined);\n\t}\n\tgetItemsInFrame(frame) {\n\t\treturn frame.map(i => this.grid[i]).filter((v,i,a) => (v || v === 0) && a.indexOf(v) === i);\n\t}\n\tremove(item) {\n\t\tthis.grid = this.grid.map(i => i != item.index ? i : undefined);\n\t}\n\tgetItemFrame(item) {\n\t\tconst frame = [];\n\t\tfor (let i = 0; i < item.w; i++)\n\t\t\tfor (let j = 0; j < item.h; j++)\n\t\t\t\tframe.push(i + item.x + (j + item.y) * this.w);\n\t\treturn frame;\n\t}\n\tgetSingleFramePosition(frame){\n\t\treturn { x: frame % this.w, y: Math.floor(frame / this.w)};\n\t}\n\tdebug() {\n\t\treturn this.grid;\n\t}\n}\n\nexport default GridLogic;","// TODO(chris): Comments\n\nimport GridItem from './Grid/Item.js';\nimport GridLogic from '../../composables/GridLogic.js';\n\nconst MODE_IDLE = 0;\nconst MODE_MOVE = 1;\nconst MODE_RESIZE = 2;\nconst MODE_MOUSE_DOWN = 3;\n\nexport default {\n\tname: 'Grid',\n\tcomponents: {\n\t\tGridItem,\n\t},\n\tprops: {\n\t\tcols: Number,\n\t\titems: Array,\n\t\titemsSetup: Object,\n\t\tresizeLimit: Function,\n\t\tactive: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true\n\t\t},\n\t\tmarginForExtraRow: {\n\t\t\ttype: Number,\n\t\t\tdefault: 0\n\t\t},\n\t\tadditionalRow:{\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t}\n\t},\n\temits: [\n\t\t\"rearrangeItems\",\n\t\t\"newItem\",\n\t\t\"gridHeight\",\n\t\t\"draggedItem\",\n\t\t\"update:additionalRow\"\n\t],\n\tdata() {\n\t\treturn {\n\t\t\tx: -1,\n\t\t\ty: -1,\n\t\t\tclientX:0,\n\t\t\tclientY: 0,\n\t\t\tmode: MODE_IDLE,\n\t\t\tgrid: null,\n\t\t\tdragGrid: null,\n\t\t\tpermUpdates: [],\n\t\t\tpositionUpdates: null,\n\t\t\tfixedPositionUpdates: null,\n\t\t\tdraggedOffset: [0,0],\n\t\t\tdraggedItem: null,\n\t\t\tdraggedNode: null,\n\t\t\treorderedItems:[],\n\t\t\tclonedWidget:null,\n\t\t}\n\t},\n\tinject:{\n\t\tsectionName: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\t},\n\tcomputed: {\n\t\tadditionalRowComputed: {\n\t\t\tget() {\n\t\t\t\treturn this.additionalRow;\n\t\t\t},\n\t\t\tset(value) {\n\t\t\t\tthis.$emit('update:additionalRow', value);\n\t\t\t}\n\t\t},\n\t\titems_hashmap() {\n\t\t\tlet items = {};\n\t\t\tthis.items.forEach(item => {\n\t\t\t\tif (this.reorderedItems.length > 0 && this.needsReordering(item)){\n\t\t\t\t\t\tlet rearrangedPosition = this.reorderedItems.filter(widget => widget.data.widgetid == item.widgetid)?.pop();\n\t\t\t\t\t\tif (rearrangedPosition) {\t\t\t\n\t\t\t\t\t\t\titem.x = rearrangedPosition.x;\n\t\t\t\t\t\t\titem.y = rearrangedPosition.y;\n\t\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\titems[`x${item.x}y${item.y}`] = item;\n\t\t\t});\t\n\t\t\treturn items\n\t\t},\n\t\titems_placeholders(){\n\t\t\tlet placeholders = [];\n\t\t\tlet col_max = this.cols;\n\t\t\tlet rows_max = this.rows;\n\n\t\t\t// occupied hashmap to keep track of the occupied cells\n\t\t\tlet occupied = {};\n\n\t\t\tfor (let y = 0; y < rows_max; y++) {\n\t\t\t\tfor (let x = 0; x < col_max; x++) {\n\t\t\t\t\t// skip current position if it was registered as occupied\n\t\t\t\t\tif (Object.keys(occupied).length && occupied[`x${x}y${y}`]) {\n\t\t\t\t\t\tcontinue;\n\t\t\t\t\t}\n\t\t\t\t\tlet current_item = this.items_hashmap[`x${x}y${y}`];\n\t\t\t\t\tif (current_item) {\n\t\t\t\t\t\t//calculate the occupied cells from the width and the height from the items \n\t\t\t\t\t\tlet width = current_item.w;\n\t\t\t\t\t\tlet height = current_item.h;\n\t\t\t\t\t\tlet max_x = x + width - 1;\n\t\t\t\t\t\tlet max_y = y + height - 1;\n\t\t\t\t\t\tif(x != max_x || y != max_y){\n\t\t\t\t\t\t\tfor (let occupied_y = y; occupied_y <= max_y; occupied_y++) {\n\t\t\t\t\t\t\t\tfor (let occupied_x = x; occupied_x <= max_x; occupied_x++) {\n\t\t\t\t\t\t\t\t\tif (occupied_x != x || occupied_y != y) {\n\t\t\t\t\t\t\t\t\t\toccupied[`x${occupied_x}y${occupied_y}`]=true;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\telse {\n\t\t\t\t\t\tplaceholders.push({ x: x, y: y, w: 1, h: 1, placeholder: true, \n\t\t\t\t\t\t\tdata: { id: 'placeholder_' + String(placeholders.length).padStart(4, \"0\") } });\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn placeholders;\n\t\t},\n\t\tplacedItems_withPlaceholders() {\n\t\t\treturn [...this.placedItems, ...this.items_placeholders];\n\t\t},\n\t\trows() {\n\t\t\tif (this.additionalRowComputed) {\n\t\t\t\t\treturn this.grid ? (this.grid.h+1) : 1;\n\t\t\t}\n\t\t\treturn this.grid ? this.grid.h : 1;\n\t\t\t\n\t\t},\n\t\tgridStyle() {\n\t\t\tconst addH = this.active ? this.marginForExtraRow : 0;\n\t\t\treturn {\n\t\t\t\t'--fhc-dg-row-height': 100/(this.rows + addH) + '%',\n\t\t\t\t'--fhc-dg-col-width': 100/this.cols + '%',\n\t\t\t\t'--fhc-dg-item-padding-horizontal': '0.25%',\n\t\t\t\t'--fhc-dg-item-padding-top': '0.5%',\n\t\t\t\t'padding-bottom': 100 * (this.rows + addH)/this.cols + '%'\n\t\t\t}\n\t\t},\n\t\tindexedItems() {\n\t\t\treturn this.items.map(\n\t\t\t\t(item, index) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\tindex: index,\n\t\t\t\t\t\tx: item.x,\n\t\t\t\t\t\ty: item.y,\n\t\t\t\t\t\tw: item.w,\n\t\t\t\t\t\th: item.h,\n\t\t\t\t\t\tweight: item.weight || 0,\n\t\t\t\t\t\tdata: item\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t);\n\t\t},\n\t\tprePlacedItems() {\n\t\t\tif (!this.fixedPositionUpdates)\n\t\t\t\treturn this.indexedItems;\n\t\t\treturn this.indexedItems.map(item => {\n\t\t\t\tif (!this.fixedPositionUpdates[item.index])\n\t\t\t\t\treturn item;\n\t\t\t\treturn {\n\t\t\t\t\tindex: item.index,\n\t\t\t\t\tweight: item.weight,\n\t\t\t\t\tdata: item.data,\n\t\t\t\t\tx: this.fixedPositionUpdates[item.index].x === undefined ? item.x : this.fixedPositionUpdates[item.index].x,\n\t\t\t\t\ty: this.fixedPositionUpdates[item.index].y === undefined ? item.y : this.fixedPositionUpdates[item.index].y,\n\t\t\t\t\tw: this.fixedPositionUpdates[item.index].w === undefined ? item.w : this.fixedPositionUpdates[item.index].w,\n\t\t\t\t\th: this.fixedPositionUpdates[item.index].h === undefined ? item.h : this.fixedPositionUpdates[item.index].h\n\t\t\t\t};\n\t\t\t});\n\t\t},\n\t\tplacedItems() {\n\t\t\tif (!this.positionUpdates)\n\t\t\t\treturn this.prePlacedItems;\n\t\t\tlet mappedPlacedItems= this.prePlacedItems.map(item => {\n\t\t\t\tif (!this.positionUpdates[item.index] )\n\t\t\t\t\treturn item;\n\t\t\t\tlet height_diff = this.positionUpdates[item.index]?.h - item.h;\n\t\t\t\tlet width_diff = this.positionUpdates[item.index]?.w - item.w;\n\t\t\t\treturn {\n\t\t\t\t\tresize: this.positionUpdates[item.index]?.resize,\n\t\t\t\t\tindex: item.index,\n\t\t\t\t\tweight: item.weight,\n\t\t\t\t\tdata: item.data,\n\t\t\t\t\tx: this.positionUpdates[item.index].x === undefined ? item.x : this.positionUpdates[item.index].x,\n\t\t\t\t\ty: this.positionUpdates[item.index].y === undefined ? item.y : this.positionUpdates[item.index].y,\n\t\t\t\t\tw: width_diff>0?item.w:this.positionUpdates[item.index].w === undefined ? item.w : this.positionUpdates[item.index].w,\n\t\t\t\t\th: height_diff > 0 ?item.h:this.positionUpdates[item.index].h === undefined ? item.h : this.positionUpdates[item.index].h\n\t\t\t\t\t\n\t\t\t\t};\n\t\t\t});\n\n\t\t\tlet temporaryResizeItems = [];\n\t\t\tmappedPlacedItems.forEach(item=>{\n\t\t\t\tif(item.resize){\n\t\t\t\t\tlet newItem = {\n\t\t\t\t\t\t...item,\n\t\t\t\t\t\tw:this.positionUpdates[item.index].w === undefined ? item.w : this.positionUpdates[item.index].w,\n\t\t\t\t\t\th:this.positionUpdates[item.index].h === undefined ? item.h : this.positionUpdates[item.index].h,\n\t\t\t\t\t\tresizeOverlay:true,\n\t\t\t\t\t\tblank:true,\n\t\t\t\t\t};\n\t\t\t\t\ttemporaryResizeItems.push(newItem)\n\t\t\t\t}\n\t\t\t})\n\t\t\treturn [...mappedPlacedItems, ...temporaryResizeItems];\n\t\t},\n\t\tshowEmptyTileHover() {\n\t\t\tif (!this.active || !this.grid || this.mode != MODE_IDLE || this.x < 0 || this.y < 0 || this.x >= this.cols || this.y >= this.rows)\n\t\t\t\treturn false;\n\t\t\treturn this.grid.isFreeSlot(this.x, this.y);\n\t\t},\n\t\twidgetSetup(){\n\t\t\tif (!this.widgetsSetup)\n\t\t\t\treturn;\n\t\t\treturn this.widgetsSetup.reduce((acc, ele) => { \n\t\t\t\tacc[ele.widget_id] =ele;\n\t\t\t\treturn acc;\n\t\t\t} ,{});\n\t\t},\n\t},\n\twatch: {\n\t\tactive(active) {\n\t\t\tif (!active)\n\t\t\t\tthis.dragCancel();\n\t\t},\n\t\tcols() {\n\t\t\tthis.dragCancel();\n\t\t},\n\t rows: {\n\t\t\thandler(value) {\n\t\t\t\tthis.$emit('gridHeight', value);\n\t\t\t},\n\t\t\timmediate: true\n\t\t},\n\t\tindexedItems: {\n\t\t\thandler(value) {\n\t\t\t\tthis.dragCancel();\n\n\t\t\t\tconst updated = this.createNewGrid(value);\n\n\t\t\t\tthis.fixedPositionUpdates = updated;\n\t\t\t\tif (updated.length)\n\t\t\t\t\tthis.$emit('rearrangeItems', updated.filter(v => v));\n\t\t\t},\n\t\t\timmediate: true,\n\t\t\tdeep: true\n\t\t}\n\t},\n\tmethods: {\n\t\tneedsReordering(item){\n\t\t\tif (!item?.data?.place[this.cols]){\n\t\t\t\treturn true;\n\t\t\t}\n\t\t\treturn false;\n\t\t},\n\t\ttoggleDraggedItemOverlay(condition){\n\t\t\tif(!this.draggedNode)\n\t\t\t\treturn;\n\t\t\tif(condition){\n\t\t\t\tthis.draggedNode.firstElementChild.classList.add(\"dashboard-item-overlay\");\n\t\t\t}else{\n\t\t\t\tthis.draggedNode.firstElementChild.classList.remove(\"dashboard-item-overlay\");\n\t\t\t}\n\t\t},\n\t\tdragging(event){\n\t\t\tif(this.mode == MODE_MOVE){\n\t\t\t\tthis.toggleDraggedItemOverlay(true);\n\t\t\t\t\n\t\t\t\tconst containerRect = this.$refs.container.getBoundingClientRect();\n\t\t\t\tconst clonedWidgetRect = this.clonedWidget.getBoundingClientRect();\n\t\t\t\t\n\t\t\t\tlet desiredTop = this.clientY - 20;\n\t\t\t\tlet desiredLeft = this.clientX - 15;\n\t\t\t\t\n\t\t\t\tconst minTop = 0;\n\t\t\t\tconst maxTop = containerRect.height - clonedWidgetRect.height;\n\t\t\t\tconst minLeft = 0;\n\t\t\t\tconst maxLeft = containerRect.width - clonedWidgetRect.width;\n\t\t\t\t\n\t\t\t\tconst constrainedTop = Math.max(minTop, Math.min(maxTop, desiredTop));\n\t\t\t\tconst constrainedLeft = Math.max(minLeft, Math.min(maxLeft, desiredLeft));\n\t\t\t\t\n\t\t\t\tthis.clonedWidget.style.top = `${constrainedTop}px`;\n\t\t\t\tthis.clonedWidget.style.left = `${constrainedLeft}px`;\n\t\t\t}\n\t\t},\n\t\tcreateNewGrid(items) {\n\t\t\tthis.grid = new GridLogic(this.cols);\n\t\t\tconst result = [];\n\t\t\tlet sortedItems = [...items].sort((a, b) => {\n\t\t\t\tif(this.needsReordering(a) && this.needsReordering(b)){\n\t\t\t\t\treturn 0;\n\t\t\t\t}\n\t\t\t\telse if(this.needsReordering(a)){\n\t\t\t\t\treturn 999;\n\t\t\t\t}\n\t\t\t\telse if(this.needsReordering(b)){\n\t\t\t\t\treturn -999;\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\treturn a.weight > b.weight;\n\t\t\t}); \n\t\t\tlet reorderedItems = [];\n\t\t\tsortedItems.forEach(item => {\n\t\t\t\tlet freeSlots = this.grid.getFreeSlots();\n\t\t\t\t\n\t\t\t\tif(this.needsReordering(item)){\n\t\t\t\t\tlet firstFreeSlot = freeSlots.shift();\n\t\t\t\t\tif (!firstFreeSlot) {\n\t\t\t\t\t\titem.x = 0;\n\t\t\t\t\t\titem.y = this.grid.h;\n\t\t\t\t\t}else{\n\t\t\t\t\t\titem.x = firstFreeSlot.x;\n\t\t\t\t\t\titem.y = firstFreeSlot.y;\n\t\t\t\t\t}\n\t\t\t\t\treorderedItems.push(item);\n\t\t\t\t\t\n\t\t\t\t}\n\t\t\t\tif (item.x + item.w > this.cols) {\n\t\t\t\t\tlet targetW = this.cols-item.x,\n\t\t\t\t\t\ttargetX = undefined;\n\t\t\t\t\tif (this.resizeLimit) {\n\t\t\t\t\t\t[targetW] = this.resizeLimit(item.data, targetW, item.h);\n\t\t\t\t\t}\n\t\t\t\t\tif (targetW < 1)\n\t\t\t\t\t\ttargetW = 1;\n\t\t\t\t\tif (targetW > this.cols)\n\t\t\t\t\t\ttargetW = this.cols;\n\t\t\t\t\tif (item.x + targetW > this.cols) {\n\t\t\t\t\t\ttargetX = this.cols - targetW;\n\t\t\t\t\t}\n\t\t\t\t\tif (targetW == item.w)\n\t\t\t\t\t\ttargetW = undefined;\n\t\t\t\t\tresult[item.index] = {\n\t\t\t\t\t\titem: item.data,\n\t\t\t\t\t\tx: targetX,\n\t\t\t\t\t\tw: targetW\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t\titem.frame = this.grid.getItemFrame(item);\n\t\t\t\tthis.convertGridResultToUpdate(this.grid.add(item), result, items);\n\t\t\t});\n\t\t\tthis.reorderedItems = reorderedItems;\n\t\t\tthis.grid.clearWeights();\n\t\t\treturn result;\n\t\t},\n\t\tconvertGridResultToUpdate(input, output, baseArray) {\n\t\t\t\n\t\t\tif (!input)\n\t\t\t\treturn;\n\t\t\tif (!baseArray)\n\t\t\t\tbaseArray = this.indexedItems;\n\t\t\tinput.forEach(item => {\n\t\t\t\tlet result = {\n\t\t\t\t\titem: baseArray[item.index].data\n\t\t\t\t};\n\t\t\t\tif (item.x !== undefined)\n\t\t\t\t\tresult.x = item.x;\n\t\t\t\tif (item.y !== undefined)\n\t\t\t\t\tresult.y = item.y;\n\t\t\t\tif (item.w !== undefined)\n\t\t\t\t\tresult.w = item.w;\n\t\t\t\tif (item.h !== undefined)\n\t\t\t\t\tresult.h = item.h;\n\t\t\t\toutput[item.index] = result;\n\t\t\t});\n\t\t},\n\t\tmouseLeave() {\n\t\t\t/* if (this.mode == MODE_IDLE) {\n\t\t\t\tthis.x = -1;\n\t\t\t\tthis.y = -1;\n\t\t\t\t\n\t\t\t} */\n\t\t},\n\t\tupdateCursor(evt) {\n\t\t\tif (!this.active) {\n\t\t\t\tthis.x = this.y = -1;\n\t\t\t\treturn false;\n\t\t\t}\n\t\t\tconst addH = this.active ? this.marginForExtraRow : 0;\n\t\t\tconst rect = this.$refs.container.getBoundingClientRect();\n\t\t\t\n\t\t\tif (!evt.clientX && !evt.clientY && evt.touches){\n\t\t\t\tevt.clientX = evt.touches[0].clientX;\n\t\t\t\tevt.clientY = evt.touches[0].clientY;\n\t\t\t}\n\n\t\t\tthis.clientX = (evt.clientX - rect.left);\n\t\t\tthis.clientY = (evt.clientY - rect.top);\n\t\t\tconst gridX = Math.floor(this.cols * (evt.clientX - rect.left) / this.$refs.container.clientWidth);\n\t\t\tconst gridY = Math.floor((this.rows + addH) * (evt.clientY - rect.top) / this.$refs.container.clientHeight);\n\t\t\t\n\t\t\tif (this.x == gridX && this.y == gridY)\n\t\t\t\treturn false;\n\t\t\t\n\t\t\tthis.x = gridX;\n\t\t\tthis.y = gridY;\n\n\t\t\treturn true;\n\t\t},\n\t\t_dragStart(evt, item) {\n\t\t\tif (evt.dataTransfer) {\n\t\t\t\tevt.dataTransfer.setDragImage(evt.target, -99999, -99999);\n\t\t\t\tevt.dataTransfer.dropEffect = 'move';\n\t\t\t\tevt.dataTransfer.effectAllowed = 'move';\n\t\t\t}\n\t\t},\n\t\tstartMove(evt, item) {\n\t\t\t\n\t\t\tif (!this.active)\n\t\t\t\treturn;\n\t\t\t\n\t\t\tthis.mode = MODE_MOVE;\n\t\t\t\n\t\t\tthis.draggedItem = item;\n\t\t\t\n\t\t\tthis.$emit('draggedItem', item);\n\t\t\t// workaround for chrome fireing event dragend when styles are manipulated during dragging\n\t\t\tsetTimeout(() => {\n\t\t\t\tthis.draggedNode = evt.target.closest(\".drop-grid-item\");\n\t\t\t\t//clones the widget for the drag Image\n\t\t\t\t\n\t\t\t\tlet clone = evt.target.closest(\".drop-grid-item\")?.cloneNode(true);\n\n\t\t\t\tclone.style.zIndex = 5;\n\t\t\t\tclone.classList.add(\"widgetClone\");\n\t\t\t\tthis.$refs.container.appendChild(clone);\n\t\t\t\tconst hiddenWidget = clone.querySelector(\"[style='display: none;']\");\n\t\t\t\thiddenWidget.style.removeProperty(\"display\");\n\t\t\t\tthis.clonedWidget = clone;\n\t\t\t}, 0);\n\n\t\t\tthis.draggedOffset = [item.x - this.x, item.y - this.y];\n\t\t\tthis._dragStart(evt, item);\n\t\t},\n\t\tstartResize(evt, item) {\n\t\t\tif (!this.active)\n\t\t\t\treturn;\n\t\t\tthis.mode = MODE_RESIZE;\n\t\t\tthis.draggedItem = item;\n\t\t\tthis.$emit('draggedItem', item);\n\t\t\tthis._dragStart(evt);\n\t\t},\n\t\tdragOver(evt) {\n\t\t\tif ((this.y + 1) > this.rows && (this.mode == MODE_MOVE || this.mode == MODE_RESIZE)) {\n\t\t\t\tthis.dragCancel();\n\t\t\t\t\n\t\t\t}\n\t\t\tif (!this.active)\n\t\t\t\treturn this.dragCancel();\n\t\t\tthis.checkPinnedWidgetAnimation();\n\t\t\tif(this.mode == MODE_RESIZE){\n\t\t\t\tthis.checkWidgetSizeLimitAnimation();\n\t\t\t}\n\t\t\tif (this.updateCursor(evt)) {\n\t\t\t\tswitch(this.mode) {\n\t\t\t\t\tcase MODE_MOVE: {\n\t\t\t\t\t\tevt.preventDefault();\n\t\t\t\t\t\tthis.dragGrid = new GridLogic(this.grid);\n\t\t\t\t\t\tlet x = this.x + this.draggedOffset[0];\n\t\t\t\t\t\tlet y = this.y + this.draggedOffset[1];\n\t\t\t\t\t\tif (x < 0) {\n\t\t\t\t\t\t\tthis.draggedOffset[0] += x;\n\t\t\t\t\t\t\tx = 0;\n\t\t\t\t\t\t} else if (x + this.draggedItem.w > this.cols) {\n\t\t\t\t\t\t\tthis.draggedOffset[0] += this.cols - this.draggedItem.w - x;\n\t\t\t\t\t\t\tx = this.cols - this.draggedItem.w;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif (y < 0) {\n\t\t\t\t\t\t\tthis.draggedOffset[1] += y;\n\t\t\t\t\t\t\ty = 0;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tthis.positionUpdates= this.dragGrid.move(this.draggedItem, x, y);\n\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\t\t\t\t\tcase MODE_RESIZE: {\n\t\t\t\t\t\tevt.preventDefault();\n\t\t\t\t\t\tthis.dragGrid = new GridLogic(this.grid);\n\t\t\t\t\t\tlet w = Math.min(this.cols - this.draggedItem.x, Math.max(1, this.x - this.draggedItem.x + 1));\n\t\t\t\t\t\tlet h = Math.max(1, this.y - this.draggedItem.y + 1);\n\t\t\t\t\t\tif (this.resizeLimit)\n\t\t\t\t\t\t\t[w, h] = this.resizeLimit(this.draggedItem.data, w, h);\n\t\t\t\t\t\tthis.positionUpdates = this.dragGrid.resize(this.draggedItem, w, h);\n\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\tdragCancel() {\n\t\t\tthis.removeWidgetClones();\n\t\t\tthis.additionalRowComputed = false;\n\t\t\tthis.toggleDraggedItemOverlay(false);\n\t\t\tthis.mode = MODE_IDLE;\n\t\t\tthis.positionUpdates = null;\n\t\t\tthis.draggedOffset = [0,0],\n\t\t\tthis.draggedItem = null;\n\t\t\tthis.$emit('draggedItem',null);\n\t\t\tthis.draggedNode = null;\n\t\t\t\n\t\t},\n\t\tdragEnd() {\n\t\t\tthis.removeWidgetClones();\n\t\t\tthis.toggleDraggedItemOverlay(false);\n\t\t\t\n\t\t\tif (this.mode == MODE_IDLE){\n\t\t\t\treturn;\n\t\t\t}\n\t\t\t// clean up unused classes\n\t\t\tlet draggedItemNode = document.getElementById(this.draggedItem.data.widgetid);\n\t\t\tdraggedItemNode.classList.remove(\"border-danger\");\n\t\t\tArray.from(document.getElementsByClassName(\"denied-dragging-animation\"))?.forEach(ele => {\n\t\t\t\tele.classList.remove(\"denied-dragging-animation\");\n\t\t\t})\n\t\t\t\n\t\t\t//if (!this.active || this.x < 0 || this.y < 0 || this.x >= this.cols)\n\t\t\t\t//return this.dragCancel();\n\n\t\t\tthis.mode = MODE_IDLE;\n\t\t\tlet updated = [];\n\t\t\tthis.convertGridResultToUpdate(this.positionUpdates, updated);\n\t\t\tupdated = this._updateFixedPositions(updated);\n\t\t\tif (updated.length)\n\t\t\t\tthis.$emit('rearrangeItems', updated.filter(v => v));\n\n\t\t\tthis.draggedItem = null;\n\t\t\tthis.draggedNode = null;\n\t\t\tthis.$emit('draggedItem', null);\n\t\t},\n\t\t_updateFixedPositions(updated) {\n\t\t\tupdated.forEach((item, index) => {\n\t\t\t\tif (!this.fixedPositionUpdates[index])\n\t\t\t\t\tthis.fixedPositionUpdates[index] = item;\n\t\t\t\telse\n\t\t\t\t\tthis.fixedPositionUpdates[index] = {...this.fixedPositionUpdates[index], ...item};\n\t\t\t});\n\t\t\tlet additionalUpdates = this.createNewGrid(this.prePlacedItems);\n\t\t\tif (additionalUpdates.length) {\n\t\t\t\t// NOTE(chris): this should never happen but it's here for safety\n\t\t\t\tadditionalUpdates.forEach((item, index) => updated[index] = item);\n\t\t\t\treturn this._updateFixedPositions(updated);\n\t\t\t}\n\t\t\treturn updated;\n\t\t},\n\t\temptyTileClicked() {\n\t\t\tthis.additionalRowComputed = false;\n\t\t\tthis.$emit('newItem', this.x, this.y);\n\t\t},\n\t\tupdateCursorOnMouseMove(evt){\n\t\t\tif(this.mode == MODE_IDLE){\n\t\t\t\tthis.updateCursor(evt);\n\t\t\t}\n\t\t},\n\t\tcheckPinnedWidgetAnimation(){\n\t\t\tlet itemAtPosition=[];\n\t\t\tswitch(this.mode){\n\t\t\t\tcase MODE_RESIZE:\n\t\t\t\t\tfor (let x = this.draggedItem.x; x <= this.x; x++) {\n\t\t\t\t\t\tfor (let y = this.draggedItem.y; y <= this.y; y++) {\n\t\t\t\t\t\t\tthis.items.forEach(item => {\n\t\t\t\t\t\t\t\tif (item.x == x && item.y == y) {\n\t\t\t\t\t\t\t\t\titemAtPosition.push(item);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\tbreak;\n\t\t\t\tcase MODE_MOVE:\n\t\t\t\t\titemAtPosition = this.items.filter(item=>item.x == this.x && item.y == this.y);\n\t\t\t\t\tbreak;\n\t\t\t}\n\t\t\t\n\t\t\tArray.from(document.getElementsByClassName(\"denied-dragging-animation\"))?.forEach(ele => {\n\t\t\t\tele.classList.remove(\"denied-dragging-animation\");\n\t\t\t})\n\n\t\t\titemAtPosition.forEach(item=>{\n\t\t\t\tif (item.place[this.cols] && item.place[this.cols].pinned) {\n\t\t\t\t\tlet pinnedWidget = document.getElementById(item.widgetid);\n\t\t\t\t\tlet pinNode = pinnedWidget.querySelector(\"[pinned='true']\");\n\t\t\t\t\tif (!pinNode.classList.contains(\"denied-dragging-animation\")) {\n\t\t\t\t\t\tpinNode.classList.add(\"denied-dragging-animation\");\n\t\t\t\t\t}\n\t\t\t\t}\t\n\t\t\t})\n\t\t},\n\t\tcheckWidgetSizeLimitAnimation() {\n\n\t\t\tlet draggedItemSetup = this.itemsSetup[this.draggedItem.data.widget];\n\t\t\tlet draggedItemMaxWidth = draggedItemSetup.width.max ?? draggedItemSetup.width;\n\t\t\tlet draggedItemMinWidth = draggedItemSetup.width.min ?? draggedItemSetup.width;\n\t\t\tlet draggedItemMaxHeight = draggedItemSetup.height.max ?? draggedItemSetup.height;\n\t\t\tlet draggedItemMinHeight = draggedItemSetup.height.min ?? draggedItemSetup.height;\n\t\t\tlet draggedItemNode = document.getElementById(this.draggedItem.data.widgetid);\n\n\t\t\tlet width_after_resize = this.x - this.draggedItem.x + 1; \n\t\t\tlet height_after_resize = this.y - this.draggedItem.y + 1; \n\t\t\tif( \n\t\t\t\t(width_after_resize > 0 && (width_after_resize > draggedItemMaxWidth\n\t\t\t\t|| width_after_resize < draggedItemMinWidth)\n\t\t\t\t)\n\t\t\t\t||\n\t\t\t\t(height_after_resize > 0 && (height_after_resize > draggedItemMaxHeight\n\t\t\t\t|| height_after_resize < draggedItemMinHeight)\n\t\t\t\t)\n\t\t\t){\n\t\t\t\tdraggedItemNode.classList.add(\"border-danger\");\n\t\t\t}else{\n\t\t\t\tdraggedItemNode.classList.remove(\"border-danger\");\n\t\t\t}\n\t\t},\n\t\tremoveWidgetClones(){\n\t\t\tlet widgetClones = Array.from(document.getElementsByClassName(\"widgetClone\"));\n\t\t\tfor (let i = 0; i < widgetClones.length; i++) {\n\t\t\t\tthis.$refs.container.removeChild(widgetClones[i]);\n\t\t\t}\n\t\t},\n\t\tmouseDown(){\n\t\t\tthis.mode = MODE_MOUSE_DOWN;\n\t\t},\n\t\tmouseUp() {\n\t\t\tthis.mode = MODE_IDLE;\n\t\t},\n\t},\n\ttemplate: `\n\t\n\t\t
\n\t\n\t\t\t\n\t\t
\n\t\n\t
`,\n};\n","export default {\n\tdata(){\n\t\treturn {\n\n\t\t}\n\t},\n\tmethods:{\n\t\tonEnter(el,done){\n\t\t\tel.style.height = '0';\n\t\t\tel.style.height = el.scrollHeight + 'px';\n\t\t},\n\t\tonLeave(el,done){\n\t\t\tel.style.height = el.scrollHeight + 'px';\n\t\t\tel.style.height = '0';\n\t\t}\n\t},\n\ttemplate:\n\t/*html*/`\n\t\t\n\t\t\n\t\t\t\n\t\t\t\t{{ widget ? 'Config for ' + widget.setup.name : '' }}\n\t\t\t\n\t\t\t\n\t\t\t\t \n\t\t\n\t\t\t\n\t\t \n\t\t
\n\t\n\t\t\t\n\t\t\t\t\n\t\t\t \n\t\t\t{{ widget.setup.name }}\n\t\t\t\n\t\t\t\t\n\t\t\t\t \n\t\t
\n\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\n \t\t\n \t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t
\n\t\t\n\t\t
\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t
\n\t\t![]()
\n\t\t
`,\n}","import BsConfirm from \"../Bootstrap/Confirm.js\";\nimport DropGrid from '../Drop/Grid.js'\nimport DashboardItem from \"./Item.js\";\nimport CachedWidgetLoader from \"../../composables/Dashboard/CachedWidgetLoader.js\";\nimport WidgetIcon from \"./Widget/WidgetIcon.js\"\n\nexport default {\n\tname: 'Section',\n\tcomponents: {\n\t\tDropGrid,\n\t\tDashboardItem,\n\t\tWidgetIcon,\n\t},\n\tinject: {\n\t\twidgetsSetup:{\n\t\t\ttype: Array,\n\t\t\tdefault: [],\n\t\t},\n\t\tadminMode: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t},\n\t\teditMode: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t}\n\t},\n\tprops: [\n\t\t\"name\",\n\t\t\"widgets\"\n\t],\n\temits: [\n\t\t\"widgetAdd\",\n\t\t\"widgetUpdate\",\n\t\t\"widgetRemove\"\n\t],\n\tdata() {\n\t\treturn {\n\t\t\tconfigOpened: false,\n\t\t\tgridWidth: 1,\n\t\t\tgridHeight: null,\n\t\t\tdraggedItem:null,\n\t\t\tadditionalRow:false,\n\t\t}\n\t},\n\tprovide() {\n\t\treturn {\n\t\t\teditModeIsActive: Vue.computed(() =>\n\t\t\t\tthis.editModeIsActive\n\t\t\t),\t\n\t\t\tsectionName: Vue.computed(() => this.name),\t\n\t\t}\n\t},\n\tcomputed: {\n\t\tcomputedWidgetsSetup(){\n\t\t\tif(!this.widgetsSetup) return {};\n\t\t\treturn this.widgetsSetup.reduce((acc, setup)=>{\n\t\t\t\tacc[setup.widget_id] = setup.setup;\n\t\t\t\treturn acc;\n\t\t\t},{})\n\t\t},\n\t\teditModeIsActive() {\n\t\t\treturn (this.editMode || this.adminMode) && !this.configOpened\t\n\t\t},\n\t\tgetSectionStyle() {\n\t\t\treturn 'margin-bottom: 8px;';\n\t\t},\n\t\titems() {\n\t\t\t// reuses the nearest placement of the widget from another viewport \n\t\t\t/* const computeNearestPlace = (item, gridWidth) =>{\n\t\t\t\tlet place;\n\t\t\t\tif (Object.keys(item.place).length > 0) {\n\t\t\t\t\tconst nearestIndex = Object.keys(item.place)\n\t\t\t\t\t\t\t\t\t\t\t .sort((a, b) => Math.abs(a - gridWidth) - Math.abs(b - gridWidth))\n\t\t\t\t\t\t\t\t\t\t\t .shift();\n\t\t\t\t\tplace = item.place[nearestIndex];\n\t\t\t\t}\n\t\t\t\telse{\n\t\t\t\t\tplace = { x: 0, y: 0, w: 1, h: 1 };\n\t\t\t\t}\n\t\t\t\treturn place;\n\t\t\t} */\n\t\t\t\n\t\t\tlet placedItems = this.widgets.map(item => {\n\t\t\t\tif(!item?.widgetid && item?.id){\n\t\t\t\t\titem.widgetid = item.id;\n\t\t\t\t}\n\t\t\t\treturn { ...item, reorder: false, ...(item.place[this.gridWidth] || { reorder: true, ...{ x: 0, y: 0, w: 1, h: 1 } })};\n\t\t\t});\n\t\t\treturn placedItems;\n\t\t\t\n\t\t},\n\t\t\n\t},\n\tmethods: {\n\t\tsectionNameTranslation(){\n\t\t\tswitch(this.name){\n\t\t\t\tcase \"general\": \n\t\t\t\t\treturn this.$p.t('dashboard',this.name); \n\t\t\t\t\tbreak;\n\t\t\t\tcase \"custom\":\n\t\t\t\t\treturn this.$p.t('dashboard',this.name);\n\t\t\t\t\tbreak;\n\t\t\t\tdefault:\n\t\t\t\t\treturn this.name;\n\t\t\t\t\tbreak;\n\t\t\t}\n\t\t},\n\t\tshowSectionInformation(){\n\t\t\tif (this.name == \"general\"){\n\t\t\t\treturn this.$p.t('dashboard', 'dashboardGeneralSectionDescription'); \n\t\t\t}\n\t\t\telse if(this.name == \"custom\"){\n\t\t\t\treturn this.$p.t('dashboard', 'dashboardCustomSectionDescription');\n\t\t\t}\n\t\t\telse{\n\t\t\t\treturn this.$p.t('dashboard', 'dashboardSectionDescription', [this.name]);\n\t\t\t}\n\t\t},\n\t\thandleConfigOpened() {\n\t\t\tthis.configOpened = true\n\t\t},\n\t\thandleConfigClosed() {\n\t\t\tthis.configOpened = false\n\t\t},\n\t\tcheckResizeLimit(item, w, h) {\n\t\t\t// NOTE(chris): widgets needs to be loaded for this to work\n\t\t\tlet widget = CachedWidgetLoader.getWidget(item.widget);\n\t\t\tif (widget) {\n\t\t\t\tlet minmaxW = widget.setup.width;\n\t\t\t\tif (minmaxW.max)\n\t\t\t\t\tminmaxW.min = minmaxW.min || 1;\n\t\t\t\telse\n\t\t\t\t\tminmaxW = {min:minmaxW,max:minmaxW};\n\t\t\t\tif (w < minmaxW.min)\n\t\t\t\t\tw = minmaxW.min; \n\t\t\t\tif (w > minmaxW.max)\n\t\t\t\t\tw = minmaxW.max;\n\n\t\t\t\tlet minmaxH = widget.setup.height;\n\t\t\t\tif (minmaxH.max)\n\t\t\t\t\tminmaxH.min = minmaxH.min || 1;\n\t\t\t\telse\n\t\t\t\t\tminmaxH = {min:minmaxH,max:minmaxH};\n\t\t\t\tif (h < minmaxH.min)\n\t\t\t\t\th = minmaxH.min;\n\t\t\t\tif (h > minmaxH.max)\n\t\t\t\t\th = minmaxH.max;\n\t\t\t}\n\t\t\treturn [w, h];\n\t\t},\n\t\tremoveWidget(item, revert) {\n\t\t\tif (item.custom) {\n\t\t\t\tBsConfirm.popup('Are you sure you want to delete this widget?').then(() => this.$emit('widgetRemove', this.name, item.id));\n\t\t\t} else {\n\t\t\t\tlet update = {};\n\t\t\t\tupdate[item.id] = { hidden: !revert };\n\t\t\t\tthis.updatePreset(update);\n\t\t\t}\n\t\t},\n\t\tsaveConfig(config, item) {\n\t\t\tlet payload = {};\n\t\t\tpayload[item.id] = { config };\n\t\t\tthis.updatePreset(payload);\n\t\t},\n\t\tupdatePositions(updated, pinned=false) {\n\t\t\tlet result = {};\n\t\t\tupdated.forEach(update => {\n\t\t\t\t\n\t\t\t\tlet item = {...update.item};\n\t\t\t\tif (!item.placeholder) {\n\t\t\t\tif (!item.place[this.gridWidth])\n\t\t\t\t\titem.place[this.gridWidth] = {x: 0, y: 0, w: 1, h: 1};\n\t\t\t\tdelete item.x;\n\t\t\t\tdelete item.y;\n\t\t\t\tdelete item.w;\n\t\t\t\tdelete item.h;\n\t\t\t\tdelete item.place[this.gridWidth].pinned;\n\t\t\t\tif (update.x !== undefined)\n\t\t\t\t\titem.place[this.gridWidth].x = update.x;\n\t\t\t\tif (update.y !== undefined)\n\t\t\t\t\titem.place[this.gridWidth].y = update.y;\n\t\t\t\tif (update.w !== undefined)\n\t\t\t\t\titem.place[this.gridWidth].w = update.w;\n\t\t\t\tif (update.h !== undefined)\n\t\t\t\t\titem.place[this.gridWidth].h = update.h;\n\t\t\t\tif (pinned){\n\t\t\t\t\titem.place[this.gridWidth].pinned = true;\n\t\t\t\t}\n\n\t\t\t\tresult[item.id] = item;\n\t\t\t\t}\n\t\t\t});\n\t\t\tthis.updatePreset(result);\n\t\t},\n\t\tupdatePreset(update) {\n\t\t\tlet payload = {};\n\t\t\tpayload[this.name] = update;\n\t\t\tthis.$emit('widgetUpdate', this.name, payload);\n\t\t}\n\t},\n\tmounted() {\n\t\tlet self = this;\n\t\tlet cont = self.$refs.container;\n\t\tself.gridWidth = parseInt(window.getComputedStyle(cont).getPropertyValue('--fhc-dashboard-grid-size'));\n\t\t\n\t\twindow.addEventListener('resize', () => {\n\t\t\tself.gridWidth = parseInt(window.getComputedStyle(cont).getPropertyValue('--fhc-dashboard-grid-size'));\n\t\t});\n\t},\n\ttemplate: `\n\t\n\t\t\t
\n\t{{ widget.setup.name || widget.widget_kurzbz }}
\n\t\t\t{{ widget.beschreibung }}
\n\t\t\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t \n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t \n\t
`\n}\n\n/*\nOLD VERSION - ON HOVER\n\n\t\n\n*/","import BsModal from \"../../Bootstrap/Modal.js\";\nimport WidgetIcon from \"./WidgetIcon.js\";\n\nexport default {\n\tcomponents: {\n\t\tBsModal,\n\t\tWidgetIcon,\n\t},\n\tprops: [\n\t\t\"widgets\"\n\t],\n\tdata: () => ({\n\t\tcallbacks: {}\n\t}),\n\tmethods: {\n\t\tgetWidget() {\n\t\t\treturn new Promise((resolve,reject) => {\n\t\t\t\tthis.callbacks = {resolve,reject};\n\t\t\t\tthis.$refs.modal.show();\n\t\t\t});\n\t\t},\n\t\tclose() {\n\t\t\tif (this.callbacks.reject)\n\t\t\t\tthis.callbacks.reject();\n\t\t\tthis.callbacks = {};\n\t\t},\n\t\tpick(widget_id) {\n\t\t\tif (this.callbacks.resolve)\n\t\t\t\tthis.callbacks.resolve(widget_id);\n\t\t\tthis.callbacks = {};\n\t\t\tthis.$refs.modal.hide();\n\t\t},\n\t\t\n\t},\n\ttemplate: ``\n}\n","export default {\n\t/**\n\t* Performs a deep merge of objects and returns new object. Does not modify\n\t* objects (immutable) and merges arrays via concatenation.\n\t*\n\t* @param {...object} objects - Objects to merge\n\t* @returns {object} New object with merged key/values\n\t*/\n\tmergeDeep(...objects) {\n\t\tconst isObject = obj => obj && typeof obj === 'object';\n\t\t\n\t\treturn objects.reduce((prev, obj) => {\n\t\t\tObject.keys(obj).forEach(key => {\n\t\t\t\tconst pVal = prev[key];\n\t\t\t\tconst oVal = obj[key];\n\t\t\t\t\n\t\t\t\tif (Array.isArray(pVal) && Array.isArray(oVal)) {\n\t\t\t\t\tprev[key] = pVal.concat(...oVal);\n\t\t\t\t}\n\t\t\t\telse if (isObject(pVal) && isObject(oVal)) {\n\t\t\t\t\tprev[key] = this.mergeDeep(pVal, oVal);\n\t\t\t\t}\n\t\t\t\telse {\n\t\t\t\t\tprev[key] = oVal;\n\t\t\t\t}\n\t\t\t});\n\t\t\t\n\t\t\treturn prev;\n\t\t}, {});\n\t}\n}","import BsPrompt from \"../Bootstrap/Prompt.js\";\nimport DashboardAdminEdit from \"./Admin/Edit.js\";\nimport DashboardAdminWidgets from \"./Admin/Widgets.js\";\nimport DashboardAdminPresets from \"./Admin/Presets.js\";\n\nexport default {\n\tcomponents: {\n\t\tDashboardAdminEdit,\n\t\tDashboardAdminWidgets,\n\t\tDashboardAdminPresets\n\t},\n\tprovide() {\n\t\treturn {\n\t\t\tadminMode: true\n\t\t};\n\t},\n\tdata() {\n\t\treturn {\n\t\t\tdashboards: [],\n\t\t\tcurrent: -1,\n\t\t\twidgets: []\n\t\t};\n\t},\n\tcomputed: {\n\t\tapiurl() {\n\t\t\treturn FHC_JS_DATA_STORAGE_OBJECT.app_root + FHC_JS_DATA_STORAGE_OBJECT.ci_router + '/dashboard';\n\t\t},\n\t\tdashboard() {\n\t\t\treturn this.dashboards.find(el => el.dashboard_id == this.current);\n\t\t}\n\t},\n\tmethods: {\n\t\tdashboardAdd() {\n\t\t\tlet _name = '';\n\t\t\tBsPrompt.popup('New Dashboard name').then(\n\t\t\t\tname => {\n\t\t\t\t\t_name = name;\n\t\t\t\t\treturn axios.post(this.apiurl + '/Dashboard/create', {\n\t\t\t\t\t\tdashboard_kurzbz: name\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t).then(res => {\n\t\t\t\tlet newDashboard = {\n\t\t\t\t\tdashboard_id: res.data.retval,\n\t\t\t\t\tdashboard_kurzbz: _name,\n\t\t\t\t\tbeschreibung: ''\n\t\t\t\t};\n\t\t\t\tthis.dashboards.push(newDashboard);\n\t\t\t\tthis.current = newDashboard.dashboard_id;\n\t\t\t}).catch(err => err !== undefined ? console.error('ERROR:', err) : 0);\n\t\t},\n\t\tdashboardUpdate(dashboard) {\n\t\t\t// TODO(chris): Loading or message\n\t\t\taxios.post(this.apiurl + '/Dashboard/update', dashboard).then(() => {\n\t\t\t\tlet old = this.dashboards.find(el => el.dashboard_id == dashboard.dashboard_id);\n\t\t\t\told.dashboard_kurzbz = dashboard.dashboard_kurzbz;\n\t\t\t\told.beschreibung = dashboard.beschreibung;\n\t\t\t}).catch(err => console.error('ERROR:', err));\n\t\t},\n\t\tdashboardDelete(dashboard_id) {\n\t\t\taxios.post(this.apiurl + '/Dashboard/delete', {dashboard_id}).then(() => {\n\t\t\t\tthis.current = -1;\n\t\t\t\tthis.dashboards = this.dashboards.filter(el => el.dashboard_id != dashboard_id);\n\t\t\t}).catch(err => console.error('ERROR:', err));\n\t\t},\n\t\tassignWidgets(widgets) {\n\t\t\tthis.widgets = widgets;\n\t\t\t/*while (this.widgets.length)\n\t\t\t\tthis.widgets.pop();\n\t\t\tfor (var i in widgets)\n\t\t\t\tthis.widgets.push(widgets[i]);*/\n\t\t}\n\t},\n\tcreated() {\n\t\taxios.get(this.apiurl + '/Dashboard').then(res => {\n\t\t\tthis.dashboards = res.data.retval;\n\t\t}).catch(err => console.error('ERROR:', err));\n\t},\n\ttemplate: `\n\t\t\t\n\t\t\t{{sectionNameTranslation()}}:\n\t\t
\n\t\t\n\t\t\n\t\t
`\n}\n","import DashboardSection from \"../Section.js\";\nimport DashboardWidgetPicker from \"../Widget/Picker.js\";\nimport ObjectUtils from \"../../../helpers/ObjectUtils.js\";\n\nexport default {\n\tcomponents: {\n\t\tDashboardSection,\n\t\tDashboardWidgetPicker\n\t},\n\tprops: {\n\t\tdashboard: String,\n\t\twidgets: Array\n\t},\n\tdata: () => ({\n\t\tfunktionen: {},\n\t\tsections: [],\n\t\ttmpLoading: ''\n\t}),\n\tcomputed: {\n\t\tapiurl() {\n\t\t\treturn FHC_JS_DATA_STORAGE_OBJECT.app_root + FHC_JS_DATA_STORAGE_OBJECT.ci_router + '/dashboard';\n\t\t},\n\t\tpickerWidgets() {\n\t\t\treturn this.widgets.filter(widget => widget.allowed);\n\t\t}\n\t},\n\tmethods: {\n\t\twidgetAdd(section_name, widget) {\n\t\t\tthis.$refs.widgetpicker.getWidget().then(widget_id => {\n\t\t\t\twidget.widget = widget_id;\n\t\t\t\tdelete widget.custom;\n\t\t\t\twidget.preset = 1;\n\t\t\t\tlet loading = {...widget};\n\t\t\t\tloading.loading = true;\n\t\t\t\tthis.sections.forEach(section => {\n\t\t\t\t\tif (section.name == section_name)\n\t\t\t\t\t\tsection.widgets.push(loading);\n\t\t\t\t});\n\t\t\t\t\n\t\t\t\taxios.post(this.apiurl + '/Config/addWidgetsToPreset', {\n\t\t\t\t\tdb: this.dashboard,\n\t\t\t\t\tfunktion_kurzbz: section_name,\n\t\t\t\t\twidgets: [widget]\n\t\t\t\t}).then(result => {\n\t\t\t\t\tlet newId = Object.keys(result.data.retval.data[section_name].widgets).pop();\n\t\t\t\t\twidget.id = newId;\n\t\t\t\t\twidget.custom = 1;\n\t\t\t\t\tthis.sections.forEach(section => {\n\t\t\t\t\t\tif (section.name == section_name) {\n\t\t\t\t\t\t\tsection.widgets.splice(section.widgets.indexOf(loading),1);\n\t\t\t\t\t\t\tsection.widgets.push(widget);\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t}).catch(error => {\n\t\t\t\t\tconsole.error('ERROR: ', error);\n\t\t\t\t\talert('ERROR: ' + error.response.data.retval);\n\t\t\t\t});\n\t\t\t}).catch(() => {});\n\t\t},\n\t\twidgetUpdate(section_name, payload) {\n\t\t\tpayload = payload[section_name];\n\t\t\tfor (var k in payload) {\n\t\t\t\tfor (var i in this.sections) {\n\t\t\t\t\tif (this.sections[i].name == section_name) {\n\t\t\t\t\t\tfor (var wid in this.sections[i].widgets) {\n\t\t\t\t\t\t\tif (this.sections[i].widgets[wid].id == k) {\n\t\t\t\t\t\t\t\tpayload[k] = ObjectUtils.mergeDeep(this.sections[i].widgets[wid], payload[k]);\n\t\t\t\t\t\t\t\t// NOTE(chris): remove internal props\n\t\t\t\t\t\t\t\tfor (var prop in {_x:1,_y:1,_w:1,_h:1,index:1,id:1})\n\t\t\t\t\t\t\t\t\tif (payload[k][prop])\n\t\t\t\t\t\t\t\t\t\tdelete payload[k][prop];\n\t\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tpayload[k].widgetid = k;\n\t\t\t\tdelete payload[k].custom;\n\t\t\t}\n\t\t\taxios.post(this.apiurl + '/Config/addWidgetsToPreset', {\n\t\t\t\tdb: this.dashboard,\n\t\t\t\tfunktion_kurzbz: section_name,\n\t\t\t\twidgets: payload\n\t\t\t}).then(() => {\n\t\t\t\tthis.sections.forEach(section => {\n\t\t\t\t\tif (section.name == section_name) {\n\t\t\t\t\t\tsection.widgets.forEach((widget, i) => {\n\t\t\t\t\t\t\tif (payload[widget.id]) {\n\t\t\t\t\t\t\t\tpayload[widget.id].id = widget.id;\n\t\t\t\t\t\t\t\tpayload[widget.id].index = widget.index;\n\t\t\t\t\t\t\t\tsection.widgets[i] = payload[widget.id];\n\t\t\t\t\t\t\t\tsection.widgets[i].custom = 1;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t}).catch(error => {\n\t\t\t\t// TODO(chris): revert placement on failure\n\t\t\t\tconsole.error('ERROR: ', error);\n\t\t\t\talert('ERROR: ' + error.response.data.retval);\n\t\t\t});\n\t\t},\n\t\twidgetRemove(section_name, id) {\n\t\t\taxios.post(this.apiurl + '/Config/removeWidgetFromPreset', {\n\t\t\t\tdb: this.dashboard,\n\t\t\t\tfunktion_kurzbz: section_name,\n\t\t\t\twidgetid: id\n\t\t\t}).then(() => {\n\t\t\t\tthis.sections.forEach(section => {\n\t\t\t\t\tif (section.name == section_name)\n\t\t\t\t\t\tsection.widgets = section.widgets.filter(widget => widget.id != id);\n\t\t\t\t});\n\t\t\t}).catch(error => {\n\t\t\t\tconsole.error('ERROR: ', error);\n\t\t\t\talert('ERROR: ' + error.response.data.retval);\n\t\t\t});\n\t\t},\n\t\tloadSections(evt) {\n\t\t\tlet funktionen = Array.from(evt.target.querySelectorAll(\"option:checked\"),e=>e.value);\n\t\t\tthis.sections = [];\n\t\t\tthis.tmpLoading = funktionen.join('###');\n\t\t\taxios.get(this.apiurl + '/Config/presetBatch', {params: {\n\t\t\t\tdb: this.dashboard,\n\t\t\t\tfunktionen\n\t\t\t}}).then(res => {\n\t\t\t\tif (this.tmpLoading !== funktionen.join('###'))\n\t\t\t\t\treturn; // NOTE(chris): prevent race condition\n\t\t\t\tfor (var section in res.data.retval) {\n\t\t\t\t\tlet widgets = [];\n\t\t\t\t\tfor (var wid in res.data.retval[section]) {\n\t\t\t\t\t\tres.data.retval[section][wid].id = wid;\n\t\t\t\t\t\tres.data.retval[section][wid].custom = 1;\n\t\t\t\t\t\twidgets.push(res.data.retval[section][wid]);\n\t\t\t\t\t}\n\t\t\t\t\tthis.sections.push({\n\t\t\t\t\t\tname: section,\n\t\t\t\t\t\twidgets\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t}).catch(err => console.error('ERROR:', err));\n\t\t}\n\t},\n\tcreated() {\n\t\taxios.get(this.apiurl + '/Config/funktionen').then(res => {\n\t\t\tthis.funktionen = {general: 'GENERAL'};\n\t\t\tres.data.retval.forEach(funktion => {\n\t\t\t\tthis.funktionen[funktion.funktion_kurzbz] = funktion.beschreibung;\n\t\t\t});\n\t\t}).catch(err => console.error('ERROR:', err));\n\t},\n\twatch: {\n\t\tdashboard() {\n\t\t\t// TODO(chris): this should be done without a watcher\n\t\t\tthis.loadSections({target:this.$refs.funktionenList});\n\t\t}\n\t},\n\ttemplate: `\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t
\n\t\t\n\t\t\t
\n\t- \n\t\t\t\t
- \n\t\t\t\t\t\n\t\t\t\t \n\t\t\t\t
- \n\t\t\t\t\t\n\t\t\t\t \n\t\t\t\t
- \n\t\t\t\t\t\n\t\t\t\t \n\t\t\t
\n\t\t\t\t
\n\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t
`\n}\n","/**\n * Copyright (C) 2024 fhcomplete.org\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see \n\t\t\t
\n\t\t\n\t\t\t\t\n\t\t\t
\n\t\t\t\n\t\t\t\t
\n\t\t- '\n\t\t\t\t\t\t\t\t\t+ msgs.join('')\n\t\t\t\t\t\t\t\t\t+ '
- ' + msgs.join('') + '
Loading...
\n\t\t{{ errorMessage }}
\n\t\t\n\t\t
`\n}\n","import BsModal from './Modal.js';\n\nexport default {\n\tname: 'BootstrapAlert',\n\tcomponents: {\n\t\tBsModal\n\t},\n\tmixins: [\n\t\tBsModal\n\t],\n\tprops: {\n\t\tdialogClass: {\n\t\t\ttype: [String,Array,Object],\n\t\t\tdefault: 'modal-dialog-centered'\n\t\t},\n\t\t/*\n\t\t * NOTE(chris):\n\t\t * Hack to expose in \"emits\" declared events to $props which we use\n\t\t * in the v-bind directive to forward all events.\n\t\t * @see: https://github.com/vuejs/core/issues/3432\n\t\t*/\n\t\tonHideBsModal: Function,\n\t\tonHiddenBsModal: Function,\n\t\tonHidePreventedBsModal: Function,\n\t\tonShowBsModal: Function,\n\t\tonShownBsModal: Function\n\t},\n\tdata: () => ({\n\t\tresult: true\n\t}),\n\tmounted() {\n\t\tthis.modal = this.$refs.modalContainer.modal;\n\t},\n\tpopup(msg, options) {\n\t\treturn BsModal.popup.bind(this)(msg, options);\n\t},\n\ttemplate: `\n\t\t\t\n\t\t
\n\t\n\t\t\t\t\n\t\t\t
\n\t\t\n\t\t\n\t\t\t\n\t\t\t\n\t\t\n\t\n\t\t
`\n}\n","export default {\n\temits: [\n\t\t\"change\",\n\t\t\"assignWidgets\"\n\t],\n\tprops: {\n\t\tdashboard_id: Number,\n\t\twidgets: Array\n\t},\n\tcomputed: {\n\t\tapiurl() {\n\t\t\treturn FHC_JS_DATA_STORAGE_OBJECT.app_root + FHC_JS_DATA_STORAGE_OBJECT.ci_router + '/dashboard';\n\t\t}\n\t},\n\tmethods: {\n\t\tsendChange(widget_id) {\n\t\t\tlet allow = !this.widgets.find(el => el.widget_id == widget_id).allowed;\n\t\t\taxios.post(this.apiurl + '/Widget/setAllowed', {\n\t\t\t\tdashboard_id: this.dashboard_id,\n\t\t\t\twidget_id,\n\t\t\t\taction: allow ? 'add' : 'delete'\n\t\t\t}).catch(err => console.error('ERROR: ' + err));\n\t\t}\n\t},\n\tcreated() {\n\t\taxios.get(this.apiurl + '/Widget/getAll', {\n\t\t\tparams:{\n\t\t\t\tdashboard_id: this.dashboard_id\n\t\t\t}\n\t\t}).then(\n\t\t\tresult => {\n\t\t\t\tthis.$emit('assignWidgets', result.data.retval.map(el => ({\n\t\t\t\t\t...el,\n\t\t\t\t\t...{setup:JSON.parse(el.setup),arguments:JSON.parse(el.arguments),allowed:!!el.allowed}\n\t\t\t\t})));\n\t\t\t}\n\t\t).catch(err => console.error('ERROR:', err));\n\t},\n\ttemplate: `\n\t`\n}\n","export default {\n\tname:'GridItem',\n\tcomponents: {\n\t},\n\tinject: {\n\t},\n\tprops: {\n\t\titem: Object,\n\t\tactive: Boolean\n\t},\n\temits: [\n\t\t\"mouseDown\",\n\t\t\"mouseUp\",\n\t\t\"startMove\",\n\t\t\"startResize\",\n\t\t\"dragging\",\n\t\t\"endDrag\",\n\t\t\"dropDrag\",\n\t\t\"item\",\n\t\t\"touchStart\",\n\t\t\"touchEnd\",\n\t],\n\tdata() {\n\t\treturn {\n\t\t\tdragAction: '',\n\t\t\tdragging: false\n\t\t}\n\t},\n\tcomputed: {\n\t},\n\tmethods: {\n\t\tregisterDragAction(evt) {\n\t\t\tthis.$emit('mouseDown', evt);\n\t\t\tif (evt.target.hasAttribute('drag-action')) {\n\t\t\t\tthis.dragAction = evt.target.getAttribute('drag-action');\n\t\t\t} else {\n\t\t\t\tlet parent = evt.target.closest('[drag-action]');\n\t\t\t\tif (parent) {\n\t\t\t\t\tthis.dragAction = parent.getAttribute('drag-action');\n\t\t\t\t} else {\n\t\t\t\t\tthis.dragAction = '';\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\ttryDragStart(evt, item) {\n\t\t\tlet dragAction = this.dragAction || evt.target.getAttribute('drag-action');\n\t\t\tif (dragAction) {\n\t\t\t\tthis.dragging = true;\n\t\t\t\tif (dragAction == 'move')\n\t\t\t\t\treturn this.$emit('startMove', evt, item);\n\t\t\t\telse if (dragAction == 'resize')\n\t\t\t\t\treturn this.$emit('startResize', evt, item);\n\t\t\t}\n\t\t\t//evt.preventDefault();\n\t\t},\n\t\ttouchDragEnd(evt) {\n\t\t\tif (!this.dragging)\n\t\t\t\treturn;\n\t\t\tthis.dragging = false;\n\t\t\tthis.$emit('touchEnd', evt);\n\t\t},\n\t\ttouchStart(event){\n\t\t\tthis.$emit('touchStart', event); \n\t\t\tthis.registerDragAction(event); \n\t\t\tthis.tryDragStart(event, this.item);\n\t\t},\n\t\ttouchMove(event){\n\t\t\tif(this.dragging){\n\t\t\t\tevent.preventDefault();\n\t\t\t\tthis.$emit('dragging', event);\n\t\t\t}\n\t\t}\n\t\t\n\t},\n\ttemplate: `\n\t\n\t\t\t\n\t\t\t\n\t\t
\n\t\t\n\t\t\t\n\t\t\t\n\t\t
\n\t\t\n\t\t\t\n\t\t\t\n\t\t
\n\t\n\t\t
`\n}\n","// TODO(chris): Comments\n\nconst DIR_UP = 0;\nconst DIR_LEFT = 1;\nconst DIR_RIGHT = 2;\nconst DIR_DOWN = 3;\n\nclass GridLogic {\n\tconstructor(w) {\n\t\tif (w.w) {\n\t\t\tthis.w = w.w;\n\t\t\tthis.h = w.h;\n\t\t\tthis.data = [...w.data];\n\t\t\tthis.grid = [...w.grid];\n\t\t} else {\n\t\t\tthis.w = w;\n\t\t\tthis.h = 1;\n\t\t\tthis.data = [];\n\t\t\tthis.grid = [];\n\t\t}\n\t}\n\tisFreeSlot(x, y) {\n\t\tconst i = y*this.w + x;\n\t\treturn !this.grid[i] && this.grid[i] !== 0;\n\t}\n\tgetMaxY(){\n\t\treturn this.data.reduce((acc, item) => { \n\t\t\tif (item?.y > acc) {\n\t\t\t\t acc = item.y; \n\t\t\t} \n\t\t\treturn acc; \n\t\t}, 0);\n\t}\n\tgetFreeSlots() {\n\t\tconst freeSlots = [];\n\t\tlet biggestY = this.getMaxY();\n\t\tlet totalSpaces = this.w * (biggestY+1);\n\t\tfor(let i=0; i < totalSpaces; i++){\n\t\t\tif (!this.grid[i] && this.grid[i] !== 0){\n\t\t\t\tthis.grid[i] = undefined;\n\t\t\t}\n\t\t}\n\t\tfor(let i =0; i < this.grid.length; i++){\n\t\t\tif (!this.grid[i] && this.grid[i] !== 0){\n\t\t\t\tlet x = i % this.w;\n\t\t\t\tlet y = Math.floor(i / this.w);\n\t\t\t\tfreeSlots.push({x, y});\n\t\t\t}\n\t\t}\n\t\treturn freeSlots;\n\t}\n\tadd(item, prefer) {\n\t\tlet occupiers = this.getItemsInFrame(item.frame);\n\t\tif (!occupiers.length) {\n\t\t\titem.frame.forEach(f => this.grid[f] = item.index);\n\t\t\tthis.data[item.index] = item;\n\t\t\tthis.h = Math.max(this.h, item.y + item.h);\n\t\t\treturn [];\n\t\t} else {\n\t\t\tconst intermGrid = new GridLogic(this);\n\t\t\t\n\t\t\titem.frame.forEach(f => intermGrid.grid[f] = -1);\n\n\t\t\tconst possiblities = intermGrid.tryMoving(occupiers, prefer);\n\t\t\tif (possiblities.length) {\n\t\t\t\tconst bestOption = possiblities.sort((a,b) => {\n\t\t\t\t\tif (a.cost === undefined)\n\t\t\t\t\t\ta.cost = a.moves.reduce((a, v) => a * v.cost, 1);\n\t\t\t\t\tif (b.cost === undefined)\n\t\t\t\t\t\tb.cost = b.moves.reduce((a, v) => a * v.cost, 1);\n\t\t\t\t\treturn a.cost > b.cost;\n\t\t\t\t});\n\t\t\t\tconst result = [];\n\t\t\t\tbestOption[0].moves.forEach(move => {\n\t\t\t\t\tconst currItem = {...this.data[move.index]};\n\t\t\t\t\tcurrItem.x += move.x;\n\t\t\t\t\tcurrItem.y += move.y;\n\t\t\t\t\tcurrItem.frame = this.getItemFrame(currItem);\n\t\t\t\t\tthis.h = Math.max(this.h, currItem.y + currItem.h);\n\t\t\t\t\tthis.remove(currItem);\n\t\t\t\t\tcurrItem.frame.forEach(f => this.grid[f] = currItem.index);\n\t\t\t\t\tthis.data[move.index] = currItem;\n\t\t\t\t\tresult[move.index] = {\n\t\t\t\t\t\tindex: currItem.index,\n\t\t\t\t\t\tx: currItem.x,\n\t\t\t\t\t\ty: currItem.y\n\t\t\t\t\t};\n\t\t\t\t});\n\t\t\t\titem.frame.forEach(f => this.grid[f] = item.index);\n\t\t\t\tthis.data[item.index] = item;\n\n\t\t\t\treturn result;\n\t\t\t} else {\n\t\t\t\tconsole.error('FATAL', \"can't arrange item on grid\");\n\t\t\t}\n\t\t}\n\t}\n\tmove(item, x, y) {\n\t\tif (item.data.place[this.w]?.pinned)\n\t\t\treturn [];\n\t\tif (item.x == x && item.y == y)\n\t\t\treturn [];\n\t\t\n\t\tthis.remove(item);\n\n\t\tlet prefer = undefined;\n\t\tif (item.x == x) {\n\t\t\tif (y-item.y > 0)\n\t\t\t\tprefer = DIR_UP;\n\t\t\telse\n\t\t\t\tprefer = DIR_DOWN;\n\t\t} else if (item.y == y) {\n\t\t\tif (x-item.x > 0)\n\t\t\t\tprefer = DIR_LEFT;\n\t\t\telse\n\t\t\t\tprefer = DIR_RIGHT;\n\t\t}\n\n\t\tconst originalFrame = Array.isArray(item.frame) ? [...item.frame] : [item.frame];\n\n\t\tconst currItem = {...item};\n\t\tcurrItem.x = x;\n\t\tcurrItem.y = y;\n\t\tcurrItem.frame = this.getItemFrame(currItem);\n\t\tlet occupiers = this.getItemsInFrame(currItem.frame);\n\t\t\n\t\t// does not update if the target conatins pinned widgets\n\t\tif (occupiers.some(frame => this.data[frame]?.data.place[this.w]?.pinned)) {\n\t\t\treturn [];\n\t\t}\n\t\t\n\t\t// checks if target contains widget with the same high and width\n\t\tlet occupiersData = occupiers.map(occupier => this.data[occupier]);\n\t\tlet occupiersFrame = occupiersData.map(occupier => occupier.frame).flat();\n\t\tif (!occupiersFrame.some(frame => !currItem.frame.includes(frame)) && !occupiersFrame.some(frame => originalFrame.includes(frame))){\n\t\t\tlet replaceUpdate = [];\n\t\t\tlet newOccupierFrames = [];\n\t\t\tfor(let f of originalFrame){\n\t\t\t\tif(newOccupierFrames.includes(f)){\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\t\t\t\tlet occ = occupiersData.shift();\n\t\t\t\tif(occ){\n\t\t\t\t\tnewOccupierFrames = [...newOccupierFrames, ...this.getItemFrame({ ...occ, ...this.getSingleFramePosition(f) })];\n\t\t\t\t\treplaceUpdate[occ.index] = { index: occ.index, ...this.getSingleFramePosition(f)}\n\t\t\t\t}\n\t\t\t}\n\t\t\treplaceUpdate[item.index] = { index: item.index, x, y };\n\t\t\t\n\t\t\treturn replaceUpdate;\n\t\t}\n\t\t\n\t\tconst updates = this.add(currItem, prefer);\n\t\tupdates[item.index] = {index: item.index, x, y};\n\t\treturn updates;\n\t}\n\tresize(item, w, h) {\n\t\tif (item.w == w && item.h == h)\n\t\t\treturn [];\n\t\tthis.remove(item);\n\n\t\tconst currItem = {...item};\n\t\tcurrItem.w = w;\n\t\tcurrItem.h = h;\n\t\tcurrItem.frame = this.getItemFrame(currItem);\n\t\t\n\t\tconst updates = this.add(currItem);\n\t\tif(updates)\n\t\t\tupdates[item.index] = {index: item.index, w, h, x:item.x, y:item.y, resize:true};\n\n\t\treturn updates;\n\t}\n\ttryMoving(index, prefer) {\n\t\tif (Array.isArray(index)) {\n\t\t\tindex.forEach(i => this.remove({index:i}));\n\t\t\tlet possiblities = [{grid: this, moves: []}];\n\t\t\tindex.forEach(i => {\n\t\t\t\tlet newPoss = [];\n\t\t\t\tpossiblities.forEach(possiblity => {\n\t\t\t\t\tpossiblity.grid.tryMoving(i, prefer).forEach(p => {\n\t\t\t\t\t\tpossiblity.moves\n\t\t\t\t\t\tp.moves = [...p.moves, ...possiblity.moves];\n\t\t\t\t\t\tnewPoss.push(p)\n\t\t\t\t\t});\n\t\t\t\t});\n\t\t\t\tpossiblities = newPoss;\n\t\t\t});\n\t\t\treturn possiblities;\n\t\t}\n\t\tconst directions = [DIR_UP, DIR_DOWN, DIR_LEFT, DIR_RIGHT];\n\n\t\tthis.remove({index});\n\n\t\tconst weight = 1 + .2*(this.data[index].weight || 0);\n\n\t\treturn directions.reduce((result, dir) => {\n\t\t\tlet res = this.tryMovingInDirection(dir, index, 1, (prefer === dir ? .5 : 1 + dir*.1) * weight);\n\t\t\tif (!res)\n\t\t\t\treturn result;\n\t\t\treturn [...result, ...res];\n\t\t}, []).filter(p => p);\n\t}\n\ttryMovingInDirection(dir, index, amount, cost) {\n\t\tconst move = {index, x:0, y: 0, cost: cost};\n\t\tlet targetframe;\n\t\tswitch(dir) {\n\t\t\tcase DIR_UP:\n\t\t\t\tif (this.data[index].data?.place[this.w]?.pinned || this.data[index].y - amount < 0)\n\t\t\t\t\treturn false;\n\t\t\t\ttargetframe = this.data[index].frame.map(i => i-this.w*amount);\n\t\t\t\tmove.y = -amount;\n\t\t\t\tbreak;\n\t\t\tcase DIR_DOWN:\n\t\t\t\tif (this.data[index].data?.place[this.w]?.pinned)\n\t\t\t\t\treturn false;\n\t\t\t\tif (this.data[index].y + this.data[index].h + amount > this.h)\n\t\t\t\t\tcost += .4;\n\t\t\t\ttargetframe = this.data[index].frame.map(i => i+this.w*amount);\n\t\t\t\tmove.y = amount;\n\t\t\t\tbreak;\n\t\t\tcase DIR_LEFT:\n\t\t\t\tif (this.data[index].data?.place[this.w]?.pinned || this.data[index].x - amount < 0)\n\t\t\t\t\treturn false;\n\t\t\t\ttargetframe = this.data[index].frame.map(i => i-amount);\n\t\t\t\tmove.x = -amount;\n\t\t\t\tbreak;\n\t\t\tcase DIR_RIGHT:\n\t\t\t\tif (this.data[index].data?.place[this.w]?.pinned || this.data[index].x + this.data[index].w + amount > this.w)\n\t\t\t\t\treturn false;\n\t\t\t\ttargetframe = this.data[index].frame.map(i => i+amount);\n\t\t\t\tmove.x = amount;\n\t\t\t\tbreak;\n\t\t}\n\n\t\tconst occupiers = this.getItemsInFrame(targetframe);\n\t\tif (occupiers.includes(-1)) {\n\t\t\treturn this.tryMovingInDirection(dir, index, amount+1, cost);\n\t\t}\n\t\t\n\t\tconst intermGrid = new GridLogic(this);\n\t\ttargetframe.forEach(f => intermGrid.grid[f] = -1);\n\t\t\n\t\tif (!occupiers.length) {\n\t\t\treturn [{grid: intermGrid, moves: [move]}];\n\t\t}\n\t\tconst possiblities = intermGrid.tryMoving(occupiers).map(possiblity => possiblity.moves.unshift(move) && possiblity);\n\t\treturn possiblities.length ? possiblities : false;\n\t}\n\tclearWeights() {\n\t\tthis.data.forEach(item => item.weight = undefined);\n\t}\n\tgetItemsInFrame(frame) {\n\t\treturn frame.map(i => this.grid[i]).filter((v,i,a) => (v || v === 0) && a.indexOf(v) === i);\n\t}\n\tremove(item) {\n\t\tthis.grid = this.grid.map(i => i != item.index ? i : undefined);\n\t}\n\tgetItemFrame(item) {\n\t\tconst frame = [];\n\t\tfor (let i = 0; i < item.w; i++)\n\t\t\tfor (let j = 0; j < item.h; j++)\n\t\t\t\tframe.push(i + item.x + (j + item.y) * this.w);\n\t\treturn frame;\n\t}\n\tgetSingleFramePosition(frame){\n\t\treturn { x: frame % this.w, y: Math.floor(frame / this.w)};\n\t}\n\tdebug() {\n\t\treturn this.grid;\n\t}\n}\n\nexport default GridLogic;","// TODO(chris): Comments\n\nimport GridItem from './Grid/Item.js';\nimport GridLogic from '../../composables/GridLogic.js';\n\nconst MODE_IDLE = 0;\nconst MODE_MOVE = 1;\nconst MODE_RESIZE = 2;\nconst MODE_MOUSE_DOWN = 3;\n\nexport default {\n\tname: 'Grid',\n\tcomponents: {\n\t\tGridItem,\n\t},\n\tprops: {\n\t\tcols: Number,\n\t\titems: Array,\n\t\titemsSetup: Object,\n\t\tresizeLimit: Function,\n\t\tactive: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true\n\t\t},\n\t\tmarginForExtraRow: {\n\t\t\ttype: Number,\n\t\t\tdefault: 0\n\t\t},\n\t\tadditionalRow:{\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t}\n\t},\n\temits: [\n\t\t\"rearrangeItems\",\n\t\t\"newItem\",\n\t\t\"gridHeight\",\n\t\t\"draggedItem\",\n\t\t\"update:additionalRow\"\n\t],\n\tdata() {\n\t\treturn {\n\t\t\tx: -1,\n\t\t\ty: -1,\n\t\t\tclientX:0,\n\t\t\tclientY: 0,\n\t\t\tmode: MODE_IDLE,\n\t\t\tgrid: null,\n\t\t\tdragGrid: null,\n\t\t\tpermUpdates: [],\n\t\t\tpositionUpdates: null,\n\t\t\tfixedPositionUpdates: null,\n\t\t\tdraggedOffset: [0,0],\n\t\t\tdraggedItem: null,\n\t\t\tdraggedNode: null,\n\t\t\treorderedItems:[],\n\t\t\tclonedWidget:null,\n\t\t}\n\t},\n\tinject:{\n\t\tsectionName: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\t},\n\tcomputed: {\n\t\tadditionalRowComputed: {\n\t\t\tget() {\n\t\t\t\treturn this.additionalRow;\n\t\t\t},\n\t\t\tset(value) {\n\t\t\t\tthis.$emit('update:additionalRow', value);\n\t\t\t}\n\t\t},\n\t\titems_hashmap() {\n\t\t\tlet items = {};\n\t\t\tthis.items.forEach(item => {\n\t\t\t\tif (this.reorderedItems.length > 0 && this.needsReordering(item)){\n\t\t\t\t\t\tlet rearrangedPosition = this.reorderedItems.filter(widget => widget.data.widgetid == item.widgetid)?.pop();\n\t\t\t\t\t\tif (rearrangedPosition) {\t\t\t\n\t\t\t\t\t\t\titem.x = rearrangedPosition.x;\n\t\t\t\t\t\t\titem.y = rearrangedPosition.y;\n\t\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\titems[`x${item.x}y${item.y}`] = item;\n\t\t\t});\t\n\t\t\treturn items\n\t\t},\n\t\titems_placeholders(){\n\t\t\tlet placeholders = [];\n\t\t\tlet col_max = this.cols;\n\t\t\tlet rows_max = this.rows;\n\n\t\t\t// occupied hashmap to keep track of the occupied cells\n\t\t\tlet occupied = {};\n\n\t\t\tfor (let y = 0; y < rows_max; y++) {\n\t\t\t\tfor (let x = 0; x < col_max; x++) {\n\t\t\t\t\t// skip current position if it was registered as occupied\n\t\t\t\t\tif (Object.keys(occupied).length && occupied[`x${x}y${y}`]) {\n\t\t\t\t\t\tcontinue;\n\t\t\t\t\t}\n\t\t\t\t\tlet current_item = this.items_hashmap[`x${x}y${y}`];\n\t\t\t\t\tif (current_item) {\n\t\t\t\t\t\t//calculate the occupied cells from the width and the height from the items \n\t\t\t\t\t\tlet width = current_item.w;\n\t\t\t\t\t\tlet height = current_item.h;\n\t\t\t\t\t\tlet max_x = x + width - 1;\n\t\t\t\t\t\tlet max_y = y + height - 1;\n\t\t\t\t\t\tif(x != max_x || y != max_y){\n\t\t\t\t\t\t\tfor (let occupied_y = y; occupied_y <= max_y; occupied_y++) {\n\t\t\t\t\t\t\t\tfor (let occupied_x = x; occupied_x <= max_x; occupied_x++) {\n\t\t\t\t\t\t\t\t\tif (occupied_x != x || occupied_y != y) {\n\t\t\t\t\t\t\t\t\t\toccupied[`x${occupied_x}y${occupied_y}`]=true;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\telse {\n\t\t\t\t\t\tplaceholders.push({ x: x, y: y, w: 1, h: 1, placeholder: true, \n\t\t\t\t\t\t\tdata: { id: 'placeholder_' + String(placeholders.length).padStart(4, \"0\") } });\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn placeholders;\n\t\t},\n\t\tplacedItems_withPlaceholders() {\n\t\t\treturn [...this.placedItems, ...this.items_placeholders];\n\t\t},\n\t\trows() {\n\t\t\tif (this.additionalRowComputed) {\n\t\t\t\t\treturn this.grid ? (this.grid.h+1) : 1;\n\t\t\t}\n\t\t\treturn this.grid ? this.grid.h : 1;\n\t\t\t\n\t\t},\n\t\tgridStyle() {\n\t\t\tconst addH = this.active ? this.marginForExtraRow : 0;\n\t\t\treturn {\n\t\t\t\t'--fhc-dg-row-height': 100/(this.rows + addH) + '%',\n\t\t\t\t'--fhc-dg-col-width': 100/this.cols + '%',\n\t\t\t\t'--fhc-dg-item-padding-horizontal': '0.25%',\n\t\t\t\t'--fhc-dg-item-padding-top': '0.5%',\n\t\t\t\t'padding-bottom': 100 * (this.rows + addH)/this.cols + '%'\n\t\t\t}\n\t\t},\n\t\tindexedItems() {\n\t\t\treturn this.items.map(\n\t\t\t\t(item, index) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\tindex: index,\n\t\t\t\t\t\tx: item.x,\n\t\t\t\t\t\ty: item.y,\n\t\t\t\t\t\tw: item.w,\n\t\t\t\t\t\th: item.h,\n\t\t\t\t\t\tweight: item.weight || 0,\n\t\t\t\t\t\tdata: item\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t);\n\t\t},\n\t\tprePlacedItems() {\n\t\t\tif (!this.fixedPositionUpdates)\n\t\t\t\treturn this.indexedItems;\n\t\t\treturn this.indexedItems.map(item => {\n\t\t\t\tif (!this.fixedPositionUpdates[item.index])\n\t\t\t\t\treturn item;\n\t\t\t\treturn {\n\t\t\t\t\tindex: item.index,\n\t\t\t\t\tweight: item.weight,\n\t\t\t\t\tdata: item.data,\n\t\t\t\t\tx: this.fixedPositionUpdates[item.index].x === undefined ? item.x : this.fixedPositionUpdates[item.index].x,\n\t\t\t\t\ty: this.fixedPositionUpdates[item.index].y === undefined ? item.y : this.fixedPositionUpdates[item.index].y,\n\t\t\t\t\tw: this.fixedPositionUpdates[item.index].w === undefined ? item.w : this.fixedPositionUpdates[item.index].w,\n\t\t\t\t\th: this.fixedPositionUpdates[item.index].h === undefined ? item.h : this.fixedPositionUpdates[item.index].h\n\t\t\t\t};\n\t\t\t});\n\t\t},\n\t\tplacedItems() {\n\t\t\tif (!this.positionUpdates)\n\t\t\t\treturn this.prePlacedItems;\n\t\t\tlet mappedPlacedItems= this.prePlacedItems.map(item => {\n\t\t\t\tif (!this.positionUpdates[item.index] )\n\t\t\t\t\treturn item;\n\t\t\t\tlet height_diff = this.positionUpdates[item.index]?.h - item.h;\n\t\t\t\tlet width_diff = this.positionUpdates[item.index]?.w - item.w;\n\t\t\t\treturn {\n\t\t\t\t\tresize: this.positionUpdates[item.index]?.resize,\n\t\t\t\t\tindex: item.index,\n\t\t\t\t\tweight: item.weight,\n\t\t\t\t\tdata: item.data,\n\t\t\t\t\tx: this.positionUpdates[item.index].x === undefined ? item.x : this.positionUpdates[item.index].x,\n\t\t\t\t\ty: this.positionUpdates[item.index].y === undefined ? item.y : this.positionUpdates[item.index].y,\n\t\t\t\t\tw: width_diff>0?item.w:this.positionUpdates[item.index].w === undefined ? item.w : this.positionUpdates[item.index].w,\n\t\t\t\t\th: height_diff > 0 ?item.h:this.positionUpdates[item.index].h === undefined ? item.h : this.positionUpdates[item.index].h\n\t\t\t\t\t\n\t\t\t\t};\n\t\t\t});\n\n\t\t\tlet temporaryResizeItems = [];\n\t\t\tmappedPlacedItems.forEach(item=>{\n\t\t\t\tif(item.resize){\n\t\t\t\t\tlet newItem = {\n\t\t\t\t\t\t...item,\n\t\t\t\t\t\tw:this.positionUpdates[item.index].w === undefined ? item.w : this.positionUpdates[item.index].w,\n\t\t\t\t\t\th:this.positionUpdates[item.index].h === undefined ? item.h : this.positionUpdates[item.index].h,\n\t\t\t\t\t\tresizeOverlay:true,\n\t\t\t\t\t\tblank:true,\n\t\t\t\t\t};\n\t\t\t\t\ttemporaryResizeItems.push(newItem)\n\t\t\t\t}\n\t\t\t})\n\t\t\treturn [...mappedPlacedItems, ...temporaryResizeItems];\n\t\t},\n\t\tshowEmptyTileHover() {\n\t\t\tif (!this.active || !this.grid || this.mode != MODE_IDLE || this.x < 0 || this.y < 0 || this.x >= this.cols || this.y >= this.rows)\n\t\t\t\treturn false;\n\t\t\treturn this.grid.isFreeSlot(this.x, this.y);\n\t\t},\n\t\twidgetSetup(){\n\t\t\tif (!this.widgetsSetup)\n\t\t\t\treturn;\n\t\t\treturn this.widgetsSetup.reduce((acc, ele) => { \n\t\t\t\tacc[ele.widget_id] =ele;\n\t\t\t\treturn acc;\n\t\t\t} ,{});\n\t\t},\n\t},\n\twatch: {\n\t\tactive(active) {\n\t\t\tif (!active)\n\t\t\t\tthis.dragCancel();\n\t\t},\n\t\tcols() {\n\t\t\tthis.dragCancel();\n\t\t},\n\t rows: {\n\t\t\thandler(value) {\n\t\t\t\tthis.$emit('gridHeight', value);\n\t\t\t},\n\t\t\timmediate: true\n\t\t},\n\t\tindexedItems: {\n\t\t\thandler(value) {\n\t\t\t\tthis.dragCancel();\n\n\t\t\t\tconst updated = this.createNewGrid(value);\n\n\t\t\t\tthis.fixedPositionUpdates = updated;\n\t\t\t\tif (updated.length)\n\t\t\t\t\tthis.$emit('rearrangeItems', updated.filter(v => v));\n\t\t\t},\n\t\t\timmediate: true,\n\t\t\tdeep: true\n\t\t}\n\t},\n\tmethods: {\n\t\tneedsReordering(item){\n\t\t\tif (!item?.data?.place[this.cols]){\n\t\t\t\treturn true;\n\t\t\t}\n\t\t\treturn false;\n\t\t},\n\t\ttoggleDraggedItemOverlay(condition){\n\t\t\tif(!this.draggedNode)\n\t\t\t\treturn;\n\t\t\tif(condition){\n\t\t\t\tthis.draggedNode.firstElementChild.classList.add(\"dashboard-item-overlay\");\n\t\t\t}else{\n\t\t\t\tthis.draggedNode.firstElementChild.classList.remove(\"dashboard-item-overlay\");\n\t\t\t}\n\t\t},\n\t\tdragging(event){\n\t\t\tif(this.mode == MODE_MOVE){\n\t\t\t\tthis.toggleDraggedItemOverlay(true);\n\t\t\t\t\n\t\t\t\tconst containerRect = this.$refs.container.getBoundingClientRect();\n\t\t\t\tconst clonedWidgetRect = this.clonedWidget.getBoundingClientRect();\n\t\t\t\t\n\t\t\t\tlet desiredTop = this.clientY - 20;\n\t\t\t\tlet desiredLeft = this.clientX - 15;\n\t\t\t\t\n\t\t\t\tconst minTop = 0;\n\t\t\t\tconst maxTop = containerRect.height - clonedWidgetRect.height;\n\t\t\t\tconst minLeft = 0;\n\t\t\t\tconst maxLeft = containerRect.width - clonedWidgetRect.width;\n\t\t\t\t\n\t\t\t\tconst constrainedTop = Math.max(minTop, Math.min(maxTop, desiredTop));\n\t\t\t\tconst constrainedLeft = Math.max(minLeft, Math.min(maxLeft, desiredLeft));\n\t\t\t\t\n\t\t\t\tthis.clonedWidget.style.top = `${constrainedTop}px`;\n\t\t\t\tthis.clonedWidget.style.left = `${constrainedLeft}px`;\n\t\t\t}\n\t\t},\n\t\tcreateNewGrid(items) {\n\t\t\tthis.grid = new GridLogic(this.cols);\n\t\t\tconst result = [];\n\t\t\tlet sortedItems = [...items].sort((a, b) => {\n\t\t\t\tif(this.needsReordering(a) && this.needsReordering(b)){\n\t\t\t\t\treturn 0;\n\t\t\t\t}\n\t\t\t\telse if(this.needsReordering(a)){\n\t\t\t\t\treturn 999;\n\t\t\t\t}\n\t\t\t\telse if(this.needsReordering(b)){\n\t\t\t\t\treturn -999;\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\treturn a.weight > b.weight;\n\t\t\t}); \n\t\t\tlet reorderedItems = [];\n\t\t\tsortedItems.forEach(item => {\n\t\t\t\tlet freeSlots = this.grid.getFreeSlots();\n\t\t\t\t\n\t\t\t\tif(this.needsReordering(item)){\n\t\t\t\t\tlet firstFreeSlot = freeSlots.shift();\n\t\t\t\t\tif (!firstFreeSlot) {\n\t\t\t\t\t\titem.x = 0;\n\t\t\t\t\t\titem.y = this.grid.h;\n\t\t\t\t\t}else{\n\t\t\t\t\t\titem.x = firstFreeSlot.x;\n\t\t\t\t\t\titem.y = firstFreeSlot.y;\n\t\t\t\t\t}\n\t\t\t\t\treorderedItems.push(item);\n\t\t\t\t\t\n\t\t\t\t}\n\t\t\t\tif (item.x + item.w > this.cols) {\n\t\t\t\t\tlet targetW = this.cols-item.x,\n\t\t\t\t\t\ttargetX = undefined;\n\t\t\t\t\tif (this.resizeLimit) {\n\t\t\t\t\t\t[targetW] = this.resizeLimit(item.data, targetW, item.h);\n\t\t\t\t\t}\n\t\t\t\t\tif (targetW < 1)\n\t\t\t\t\t\ttargetW = 1;\n\t\t\t\t\tif (targetW > this.cols)\n\t\t\t\t\t\ttargetW = this.cols;\n\t\t\t\t\tif (item.x + targetW > this.cols) {\n\t\t\t\t\t\ttargetX = this.cols - targetW;\n\t\t\t\t\t}\n\t\t\t\t\tif (targetW == item.w)\n\t\t\t\t\t\ttargetW = undefined;\n\t\t\t\t\tresult[item.index] = {\n\t\t\t\t\t\titem: item.data,\n\t\t\t\t\t\tx: targetX,\n\t\t\t\t\t\tw: targetW\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t\titem.frame = this.grid.getItemFrame(item);\n\t\t\t\tthis.convertGridResultToUpdate(this.grid.add(item), result, items);\n\t\t\t});\n\t\t\tthis.reorderedItems = reorderedItems;\n\t\t\tthis.grid.clearWeights();\n\t\t\treturn result;\n\t\t},\n\t\tconvertGridResultToUpdate(input, output, baseArray) {\n\t\t\t\n\t\t\tif (!input)\n\t\t\t\treturn;\n\t\t\tif (!baseArray)\n\t\t\t\tbaseArray = this.indexedItems;\n\t\t\tinput.forEach(item => {\n\t\t\t\tlet result = {\n\t\t\t\t\titem: baseArray[item.index].data\n\t\t\t\t};\n\t\t\t\tif (item.x !== undefined)\n\t\t\t\t\tresult.x = item.x;\n\t\t\t\tif (item.y !== undefined)\n\t\t\t\t\tresult.y = item.y;\n\t\t\t\tif (item.w !== undefined)\n\t\t\t\t\tresult.w = item.w;\n\t\t\t\tif (item.h !== undefined)\n\t\t\t\t\tresult.h = item.h;\n\t\t\t\toutput[item.index] = result;\n\t\t\t});\n\t\t},\n\t\tmouseLeave() {\n\t\t\t/* if (this.mode == MODE_IDLE) {\n\t\t\t\tthis.x = -1;\n\t\t\t\tthis.y = -1;\n\t\t\t\t\n\t\t\t} */\n\t\t},\n\t\tupdateCursor(evt) {\n\t\t\tif (!this.active) {\n\t\t\t\tthis.x = this.y = -1;\n\t\t\t\treturn false;\n\t\t\t}\n\t\t\tconst addH = this.active ? this.marginForExtraRow : 0;\n\t\t\tconst rect = this.$refs.container.getBoundingClientRect();\n\t\t\t\n\t\t\tif (!evt.clientX && !evt.clientY && evt.touches){\n\t\t\t\tevt.clientX = evt.touches[0].clientX;\n\t\t\t\tevt.clientY = evt.touches[0].clientY;\n\t\t\t}\n\n\t\t\tthis.clientX = (evt.clientX - rect.left);\n\t\t\tthis.clientY = (evt.clientY - rect.top);\n\t\t\tconst gridX = Math.floor(this.cols * (evt.clientX - rect.left) / this.$refs.container.clientWidth);\n\t\t\tconst gridY = Math.floor((this.rows + addH) * (evt.clientY - rect.top) / this.$refs.container.clientHeight);\n\t\t\t\n\t\t\tif (this.x == gridX && this.y == gridY)\n\t\t\t\treturn false;\n\t\t\t\n\t\t\tthis.x = gridX;\n\t\t\tthis.y = gridY;\n\n\t\t\treturn true;\n\t\t},\n\t\t_dragStart(evt, item) {\n\t\t\tif (evt.dataTransfer) {\n\t\t\t\tevt.dataTransfer.setDragImage(evt.target, -99999, -99999);\n\t\t\t\tevt.dataTransfer.dropEffect = 'move';\n\t\t\t\tevt.dataTransfer.effectAllowed = 'move';\n\t\t\t}\n\t\t},\n\t\tstartMove(evt, item) {\n\t\t\t\n\t\t\tif (!this.active)\n\t\t\t\treturn;\n\t\t\t\n\t\t\tthis.mode = MODE_MOVE;\n\t\t\t\n\t\t\tthis.draggedItem = item;\n\t\t\t\n\t\t\tthis.$emit('draggedItem', item);\n\t\t\t// workaround for chrome fireing event dragend when styles are manipulated during dragging\n\t\t\tsetTimeout(() => {\n\t\t\t\tthis.draggedNode = evt.target.closest(\".drop-grid-item\");\n\t\t\t\t//clones the widget for the drag Image\n\t\t\t\t\n\t\t\t\tlet clone = evt.target.closest(\".drop-grid-item\")?.cloneNode(true);\n\n\t\t\t\tclone.style.zIndex = 5;\n\t\t\t\tclone.classList.add(\"widgetClone\");\n\t\t\t\tthis.$refs.container.appendChild(clone);\n\t\t\t\tconst hiddenWidget = clone.querySelector(\"[style='display: none;']\");\n\t\t\t\thiddenWidget.style.removeProperty(\"display\");\n\t\t\t\tthis.clonedWidget = clone;\n\t\t\t}, 0);\n\n\t\t\tthis.draggedOffset = [item.x - this.x, item.y - this.y];\n\t\t\tthis._dragStart(evt, item);\n\t\t},\n\t\tstartResize(evt, item) {\n\t\t\tif (!this.active)\n\t\t\t\treturn;\n\t\t\tthis.mode = MODE_RESIZE;\n\t\t\tthis.draggedItem = item;\n\t\t\tthis.$emit('draggedItem', item);\n\t\t\tthis._dragStart(evt);\n\t\t},\n\t\tdragOver(evt) {\n\t\t\tif ((this.y + 1) > this.rows && (this.mode == MODE_MOVE || this.mode == MODE_RESIZE)) {\n\t\t\t\tthis.dragCancel();\n\t\t\t\t\n\t\t\t}\n\t\t\tif (!this.active)\n\t\t\t\treturn this.dragCancel();\n\t\t\tthis.checkPinnedWidgetAnimation();\n\t\t\tif(this.mode == MODE_RESIZE){\n\t\t\t\tthis.checkWidgetSizeLimitAnimation();\n\t\t\t}\n\t\t\tif (this.updateCursor(evt)) {\n\t\t\t\tswitch(this.mode) {\n\t\t\t\t\tcase MODE_MOVE: {\n\t\t\t\t\t\tevt.preventDefault();\n\t\t\t\t\t\tthis.dragGrid = new GridLogic(this.grid);\n\t\t\t\t\t\tlet x = this.x + this.draggedOffset[0];\n\t\t\t\t\t\tlet y = this.y + this.draggedOffset[1];\n\t\t\t\t\t\tif (x < 0) {\n\t\t\t\t\t\t\tthis.draggedOffset[0] += x;\n\t\t\t\t\t\t\tx = 0;\n\t\t\t\t\t\t} else if (x + this.draggedItem.w > this.cols) {\n\t\t\t\t\t\t\tthis.draggedOffset[0] += this.cols - this.draggedItem.w - x;\n\t\t\t\t\t\t\tx = this.cols - this.draggedItem.w;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif (y < 0) {\n\t\t\t\t\t\t\tthis.draggedOffset[1] += y;\n\t\t\t\t\t\t\ty = 0;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tthis.positionUpdates= this.dragGrid.move(this.draggedItem, x, y);\n\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\t\t\t\t\tcase MODE_RESIZE: {\n\t\t\t\t\t\tevt.preventDefault();\n\t\t\t\t\t\tthis.dragGrid = new GridLogic(this.grid);\n\t\t\t\t\t\tlet w = Math.min(this.cols - this.draggedItem.x, Math.max(1, this.x - this.draggedItem.x + 1));\n\t\t\t\t\t\tlet h = Math.max(1, this.y - this.draggedItem.y + 1);\n\t\t\t\t\t\tif (this.resizeLimit)\n\t\t\t\t\t\t\t[w, h] = this.resizeLimit(this.draggedItem.data, w, h);\n\t\t\t\t\t\tthis.positionUpdates = this.dragGrid.resize(this.draggedItem, w, h);\n\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\tdragCancel() {\n\t\t\tthis.removeWidgetClones();\n\t\t\tthis.additionalRowComputed = false;\n\t\t\tthis.toggleDraggedItemOverlay(false);\n\t\t\tthis.mode = MODE_IDLE;\n\t\t\tthis.positionUpdates = null;\n\t\t\tthis.draggedOffset = [0,0],\n\t\t\tthis.draggedItem = null;\n\t\t\tthis.$emit('draggedItem',null);\n\t\t\tthis.draggedNode = null;\n\t\t\t\n\t\t},\n\t\tdragEnd() {\n\t\t\tthis.removeWidgetClones();\n\t\t\tthis.toggleDraggedItemOverlay(false);\n\t\t\t\n\t\t\tif (this.mode == MODE_IDLE){\n\t\t\t\treturn;\n\t\t\t}\n\t\t\t// clean up unused classes\n\t\t\tlet draggedItemNode = document.getElementById(this.draggedItem.data.widgetid);\n\t\t\tdraggedItemNode.classList.remove(\"border-danger\");\n\t\t\tArray.from(document.getElementsByClassName(\"denied-dragging-animation\"))?.forEach(ele => {\n\t\t\t\tele.classList.remove(\"denied-dragging-animation\");\n\t\t\t})\n\t\t\t\n\t\t\t//if (!this.active || this.x < 0 || this.y < 0 || this.x >= this.cols)\n\t\t\t\t//return this.dragCancel();\n\n\t\t\tthis.mode = MODE_IDLE;\n\t\t\tlet updated = [];\n\t\t\tthis.convertGridResultToUpdate(this.positionUpdates, updated);\n\t\t\tupdated = this._updateFixedPositions(updated);\n\t\t\tif (updated.length)\n\t\t\t\tthis.$emit('rearrangeItems', updated.filter(v => v));\n\n\t\t\tthis.draggedItem = null;\n\t\t\tthis.draggedNode = null;\n\t\t\tthis.$emit('draggedItem', null);\n\t\t},\n\t\t_updateFixedPositions(updated) {\n\t\t\tupdated.forEach((item, index) => {\n\t\t\t\tif (!this.fixedPositionUpdates[index])\n\t\t\t\t\tthis.fixedPositionUpdates[index] = item;\n\t\t\t\telse\n\t\t\t\t\tthis.fixedPositionUpdates[index] = {...this.fixedPositionUpdates[index], ...item};\n\t\t\t});\n\t\t\tlet additionalUpdates = this.createNewGrid(this.prePlacedItems);\n\t\t\tif (additionalUpdates.length) {\n\t\t\t\t// NOTE(chris): this should never happen but it's here for safety\n\t\t\t\tadditionalUpdates.forEach((item, index) => updated[index] = item);\n\t\t\t\treturn this._updateFixedPositions(updated);\n\t\t\t}\n\t\t\treturn updated;\n\t\t},\n\t\temptyTileClicked() {\n\t\t\tthis.additionalRowComputed = false;\n\t\t\tthis.$emit('newItem', this.x, this.y);\n\t\t},\n\t\tupdateCursorOnMouseMove(evt){\n\t\t\tif(this.mode == MODE_IDLE){\n\t\t\t\tthis.updateCursor(evt);\n\t\t\t}\n\t\t},\n\t\tcheckPinnedWidgetAnimation(){\n\t\t\tlet itemAtPosition=[];\n\t\t\tswitch(this.mode){\n\t\t\t\tcase MODE_RESIZE:\n\t\t\t\t\tfor (let x = this.draggedItem.x; x <= this.x; x++) {\n\t\t\t\t\t\tfor (let y = this.draggedItem.y; y <= this.y; y++) {\n\t\t\t\t\t\t\tthis.items.forEach(item => {\n\t\t\t\t\t\t\t\tif (item.x == x && item.y == y) {\n\t\t\t\t\t\t\t\t\titemAtPosition.push(item);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\tbreak;\n\t\t\t\tcase MODE_MOVE:\n\t\t\t\t\titemAtPosition = this.items.filter(item=>item.x == this.x && item.y == this.y);\n\t\t\t\t\tbreak;\n\t\t\t}\n\t\t\t\n\t\t\tArray.from(document.getElementsByClassName(\"denied-dragging-animation\"))?.forEach(ele => {\n\t\t\t\tele.classList.remove(\"denied-dragging-animation\");\n\t\t\t})\n\n\t\t\titemAtPosition.forEach(item=>{\n\t\t\t\tif (item.place[this.cols] && item.place[this.cols].pinned) {\n\t\t\t\t\tlet pinnedWidget = document.getElementById(item.widgetid);\n\t\t\t\t\tlet pinNode = pinnedWidget.querySelector(\"[pinned='true']\");\n\t\t\t\t\tif (!pinNode.classList.contains(\"denied-dragging-animation\")) {\n\t\t\t\t\t\tpinNode.classList.add(\"denied-dragging-animation\");\n\t\t\t\t\t}\n\t\t\t\t}\t\n\t\t\t})\n\t\t},\n\t\tcheckWidgetSizeLimitAnimation() {\n\n\t\t\tlet draggedItemSetup = this.itemsSetup[this.draggedItem.data.widget];\n\t\t\tlet draggedItemMaxWidth = draggedItemSetup.width.max ?? draggedItemSetup.width;\n\t\t\tlet draggedItemMinWidth = draggedItemSetup.width.min ?? draggedItemSetup.width;\n\t\t\tlet draggedItemMaxHeight = draggedItemSetup.height.max ?? draggedItemSetup.height;\n\t\t\tlet draggedItemMinHeight = draggedItemSetup.height.min ?? draggedItemSetup.height;\n\t\t\tlet draggedItemNode = document.getElementById(this.draggedItem.data.widgetid);\n\n\t\t\tlet width_after_resize = this.x - this.draggedItem.x + 1; \n\t\t\tlet height_after_resize = this.y - this.draggedItem.y + 1; \n\t\t\tif( \n\t\t\t\t(width_after_resize > 0 && (width_after_resize > draggedItemMaxWidth\n\t\t\t\t|| width_after_resize < draggedItemMinWidth)\n\t\t\t\t)\n\t\t\t\t||\n\t\t\t\t(height_after_resize > 0 && (height_after_resize > draggedItemMaxHeight\n\t\t\t\t|| height_after_resize < draggedItemMinHeight)\n\t\t\t\t)\n\t\t\t){\n\t\t\t\tdraggedItemNode.classList.add(\"border-danger\");\n\t\t\t}else{\n\t\t\t\tdraggedItemNode.classList.remove(\"border-danger\");\n\t\t\t}\n\t\t},\n\t\tremoveWidgetClones(){\n\t\t\tlet widgetClones = Array.from(document.getElementsByClassName(\"widgetClone\"));\n\t\t\tfor (let i = 0; i < widgetClones.length; i++) {\n\t\t\t\tthis.$refs.container.removeChild(widgetClones[i]);\n\t\t\t}\n\t\t},\n\t\tmouseDown(){\n\t\t\tthis.mode = MODE_MOUSE_DOWN;\n\t\t},\n\t\tmouseUp() {\n\t\t\tthis.mode = MODE_IDLE;\n\t\t},\n\t},\n\ttemplate: `\n\t\n\t\t
\n\t\n\t\t\t\n\t\t
\n\t\n\t
`,\n};\n","export default {\n\tdata(){\n\t\treturn {\n\n\t\t}\n\t},\n\tmethods:{\n\t\tonEnter(el,done){\n\t\t\tel.style.height = '0';\n\t\t\tel.style.height = el.scrollHeight + 'px';\n\t\t},\n\t\tonLeave(el,done){\n\t\t\tel.style.height = el.scrollHeight + 'px';\n\t\t\tel.style.height = '0';\n\t\t}\n\t},\n\ttemplate:\n\t/*html*/`\n\t\t\n\t\t\n\t\t\t\n\t\t\t\t{{ widget ? 'Config for ' + widget.setup.name : '' }}\n\t\t\t\n\t\t\t\n\t\t\t\t \n\t\t\n\t\t\t\n\t\t \n\t\t
\n\t\n\t\t\t\n\t\t\t\t\n\t\t\t \n\t\t\t{{ widget.setup.name }}\n\t\t\t\n\t\t\t\t\n\t\t\t\t \n\t\t
\n\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\n \t\t\n \t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t
\n\t\t\n\t\t
\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t
\n\t\t![]()
\n\t\t
`,\n}","import BsConfirm from \"../Bootstrap/Confirm.js\";\nimport DropGrid from '../Drop/Grid.js'\nimport DashboardItem from \"./Item.js\";\nimport CachedWidgetLoader from \"../../composables/Dashboard/CachedWidgetLoader.js\";\nimport WidgetIcon from \"./Widget/WidgetIcon.js\"\n\nexport default {\n\tname: 'Section',\n\tcomponents: {\n\t\tDropGrid,\n\t\tDashboardItem,\n\t\tWidgetIcon,\n\t},\n\tinject: {\n\t\twidgetsSetup:{\n\t\t\ttype: Array,\n\t\t\tdefault: [],\n\t\t},\n\t\tadminMode: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t},\n\t\teditMode: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t}\n\t},\n\tprops: [\n\t\t\"name\",\n\t\t\"widgets\"\n\t],\n\temits: [\n\t\t\"widgetAdd\",\n\t\t\"widgetUpdate\",\n\t\t\"widgetRemove\"\n\t],\n\tdata() {\n\t\treturn {\n\t\t\tconfigOpened: false,\n\t\t\tgridWidth: 1,\n\t\t\tgridHeight: null,\n\t\t\tdraggedItem:null,\n\t\t\tadditionalRow:false,\n\t\t}\n\t},\n\tprovide() {\n\t\treturn {\n\t\t\teditModeIsActive: Vue.computed(() =>\n\t\t\t\tthis.editModeIsActive\n\t\t\t),\t\n\t\t\tsectionName: Vue.computed(() => this.name),\t\n\t\t}\n\t},\n\tcomputed: {\n\t\tcomputedWidgetsSetup(){\n\t\t\tif(!this.widgetsSetup) return {};\n\t\t\treturn this.widgetsSetup.reduce((acc, setup)=>{\n\t\t\t\tacc[setup.widget_id] = setup.setup;\n\t\t\t\treturn acc;\n\t\t\t},{})\n\t\t},\n\t\teditModeIsActive() {\n\t\t\treturn (this.editMode || this.adminMode) && !this.configOpened\t\n\t\t},\n\t\tgetSectionStyle() {\n\t\t\treturn 'margin-bottom: 8px;';\n\t\t},\n\t\titems() {\n\t\t\t// reuses the nearest placement of the widget from another viewport \n\t\t\t/* const computeNearestPlace = (item, gridWidth) =>{\n\t\t\t\tlet place;\n\t\t\t\tif (Object.keys(item.place).length > 0) {\n\t\t\t\t\tconst nearestIndex = Object.keys(item.place)\n\t\t\t\t\t\t\t\t\t\t\t .sort((a, b) => Math.abs(a - gridWidth) - Math.abs(b - gridWidth))\n\t\t\t\t\t\t\t\t\t\t\t .shift();\n\t\t\t\t\tplace = item.place[nearestIndex];\n\t\t\t\t}\n\t\t\t\telse{\n\t\t\t\t\tplace = { x: 0, y: 0, w: 1, h: 1 };\n\t\t\t\t}\n\t\t\t\treturn place;\n\t\t\t} */\n\t\t\t\n\t\t\tlet placedItems = this.widgets.map(item => {\n\t\t\t\tif(!item?.widgetid && item?.id){\n\t\t\t\t\titem.widgetid = item.id;\n\t\t\t\t}\n\t\t\t\treturn { ...item, reorder: false, ...(item.place[this.gridWidth] || { reorder: true, ...{ x: 0, y: 0, w: 1, h: 1 } })};\n\t\t\t});\n\t\t\treturn placedItems;\n\t\t\t\n\t\t},\n\t\t\n\t},\n\tmethods: {\n\t\tsectionNameTranslation(){\n\t\t\tswitch(this.name){\n\t\t\t\tcase \"general\": \n\t\t\t\t\treturn this.$p.t('dashboard',this.name); \n\t\t\t\t\tbreak;\n\t\t\t\tcase \"custom\":\n\t\t\t\t\treturn this.$p.t('dashboard',this.name);\n\t\t\t\t\tbreak;\n\t\t\t\tdefault:\n\t\t\t\t\treturn this.name;\n\t\t\t\t\tbreak;\n\t\t\t}\n\t\t},\n\t\tshowSectionInformation(){\n\t\t\tif (this.name == \"general\"){\n\t\t\t\treturn this.$p.t('dashboard', 'dashboardGeneralSectionDescription'); \n\t\t\t}\n\t\t\telse if(this.name == \"custom\"){\n\t\t\t\treturn this.$p.t('dashboard', 'dashboardCustomSectionDescription');\n\t\t\t}\n\t\t\telse{\n\t\t\t\treturn this.$p.t('dashboard', 'dashboardSectionDescription', [this.name]);\n\t\t\t}\n\t\t},\n\t\thandleConfigOpened() {\n\t\t\tthis.configOpened = true\n\t\t},\n\t\thandleConfigClosed() {\n\t\t\tthis.configOpened = false\n\t\t},\n\t\tcheckResizeLimit(item, w, h) {\n\t\t\t// NOTE(chris): widgets needs to be loaded for this to work\n\t\t\tlet widget = CachedWidgetLoader.getWidget(item.widget);\n\t\t\tif (widget) {\n\t\t\t\tlet minmaxW = widget.setup.width;\n\t\t\t\tif (minmaxW.max)\n\t\t\t\t\tminmaxW.min = minmaxW.min || 1;\n\t\t\t\telse\n\t\t\t\t\tminmaxW = {min:minmaxW,max:minmaxW};\n\t\t\t\tif (w < minmaxW.min)\n\t\t\t\t\tw = minmaxW.min; \n\t\t\t\tif (w > minmaxW.max)\n\t\t\t\t\tw = minmaxW.max;\n\n\t\t\t\tlet minmaxH = widget.setup.height;\n\t\t\t\tif (minmaxH.max)\n\t\t\t\t\tminmaxH.min = minmaxH.min || 1;\n\t\t\t\telse\n\t\t\t\t\tminmaxH = {min:minmaxH,max:minmaxH};\n\t\t\t\tif (h < minmaxH.min)\n\t\t\t\t\th = minmaxH.min;\n\t\t\t\tif (h > minmaxH.max)\n\t\t\t\t\th = minmaxH.max;\n\t\t\t}\n\t\t\treturn [w, h];\n\t\t},\n\t\tremoveWidget(item, revert) {\n\t\t\tif (item.custom) {\n\t\t\t\tBsConfirm.popup('Are you sure you want to delete this widget?').then(() => this.$emit('widgetRemove', this.name, item.id));\n\t\t\t} else {\n\t\t\t\tlet update = {};\n\t\t\t\tupdate[item.id] = { hidden: !revert };\n\t\t\t\tthis.updatePreset(update);\n\t\t\t}\n\t\t},\n\t\tsaveConfig(config, item) {\n\t\t\tlet payload = {};\n\t\t\tpayload[item.id] = { config };\n\t\t\tthis.updatePreset(payload);\n\t\t},\n\t\tupdatePositions(updated, pinned=false) {\n\t\t\tlet result = {};\n\t\t\tupdated.forEach(update => {\n\t\t\t\t\n\t\t\t\tlet item = {...update.item};\n\t\t\t\tif (!item.placeholder) {\n\t\t\t\tif (!item.place[this.gridWidth])\n\t\t\t\t\titem.place[this.gridWidth] = {x: 0, y: 0, w: 1, h: 1};\n\t\t\t\tdelete item.x;\n\t\t\t\tdelete item.y;\n\t\t\t\tdelete item.w;\n\t\t\t\tdelete item.h;\n\t\t\t\tdelete item.place[this.gridWidth].pinned;\n\t\t\t\tif (update.x !== undefined)\n\t\t\t\t\titem.place[this.gridWidth].x = update.x;\n\t\t\t\tif (update.y !== undefined)\n\t\t\t\t\titem.place[this.gridWidth].y = update.y;\n\t\t\t\tif (update.w !== undefined)\n\t\t\t\t\titem.place[this.gridWidth].w = update.w;\n\t\t\t\tif (update.h !== undefined)\n\t\t\t\t\titem.place[this.gridWidth].h = update.h;\n\t\t\t\tif (pinned){\n\t\t\t\t\titem.place[this.gridWidth].pinned = true;\n\t\t\t\t}\n\n\t\t\t\tresult[item.id] = item;\n\t\t\t\t}\n\t\t\t});\n\t\t\tthis.updatePreset(result);\n\t\t},\n\t\tupdatePreset(update) {\n\t\t\tlet payload = {};\n\t\t\tpayload[this.name] = update;\n\t\t\tthis.$emit('widgetUpdate', this.name, payload);\n\t\t}\n\t},\n\tmounted() {\n\t\tlet self = this;\n\t\tlet cont = self.$refs.container;\n\t\tself.gridWidth = parseInt(window.getComputedStyle(cont).getPropertyValue('--fhc-dashboard-grid-size'));\n\t\t\n\t\twindow.addEventListener('resize', () => {\n\t\t\tself.gridWidth = parseInt(window.getComputedStyle(cont).getPropertyValue('--fhc-dashboard-grid-size'));\n\t\t});\n\t},\n\ttemplate: `\n\t\n\t\t\t
\n\t{{ widget.setup.name || widget.widget_kurzbz }}
\n\t\t\t{{ widget.beschreibung }}
\n\t\t\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t \n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t \n\t
`\n}\n\n/*\nOLD VERSION - ON HOVER\n\n\t\n\n*/","import BsModal from \"../../Bootstrap/Modal.js\";\nimport WidgetIcon from \"./WidgetIcon.js\";\n\nexport default {\n\tcomponents: {\n\t\tBsModal,\n\t\tWidgetIcon,\n\t},\n\tprops: [\n\t\t\"widgets\"\n\t],\n\tdata: () => ({\n\t\tcallbacks: {}\n\t}),\n\tmethods: {\n\t\tgetWidget() {\n\t\t\treturn new Promise((resolve,reject) => {\n\t\t\t\tthis.callbacks = {resolve,reject};\n\t\t\t\tthis.$refs.modal.show();\n\t\t\t});\n\t\t},\n\t\tclose() {\n\t\t\tif (this.callbacks.reject)\n\t\t\t\tthis.callbacks.reject();\n\t\t\tthis.callbacks = {};\n\t\t},\n\t\tpick(widget_id) {\n\t\t\tif (this.callbacks.resolve)\n\t\t\t\tthis.callbacks.resolve(widget_id);\n\t\t\tthis.callbacks = {};\n\t\t\tthis.$refs.modal.hide();\n\t\t},\n\t\t\n\t},\n\ttemplate: ``\n}\n","export default {\n\t/**\n\t* Performs a deep merge of objects and returns new object. Does not modify\n\t* objects (immutable) and merges arrays via concatenation.\n\t*\n\t* @param {...object} objects - Objects to merge\n\t* @returns {object} New object with merged key/values\n\t*/\n\tmergeDeep(...objects) {\n\t\tconst isObject = obj => obj && typeof obj === 'object';\n\t\t\n\t\treturn objects.reduce((prev, obj) => {\n\t\t\tObject.keys(obj).forEach(key => {\n\t\t\t\tconst pVal = prev[key];\n\t\t\t\tconst oVal = obj[key];\n\t\t\t\t\n\t\t\t\tif (Array.isArray(pVal) && Array.isArray(oVal)) {\n\t\t\t\t\tprev[key] = pVal.concat(...oVal);\n\t\t\t\t}\n\t\t\t\telse if (isObject(pVal) && isObject(oVal)) {\n\t\t\t\t\tprev[key] = this.mergeDeep(pVal, oVal);\n\t\t\t\t}\n\t\t\t\telse {\n\t\t\t\t\tprev[key] = oVal;\n\t\t\t\t}\n\t\t\t});\n\t\t\t\n\t\t\treturn prev;\n\t\t}, {});\n\t}\n}","import BsPrompt from \"../Bootstrap/Prompt.js\";\nimport DashboardAdminEdit from \"./Admin/Edit.js\";\nimport DashboardAdminWidgets from \"./Admin/Widgets.js\";\nimport DashboardAdminPresets from \"./Admin/Presets.js\";\n\nexport default {\n\tcomponents: {\n\t\tDashboardAdminEdit,\n\t\tDashboardAdminWidgets,\n\t\tDashboardAdminPresets\n\t},\n\tprovide() {\n\t\treturn {\n\t\t\tadminMode: true\n\t\t};\n\t},\n\tdata() {\n\t\treturn {\n\t\t\tdashboards: [],\n\t\t\tcurrent: -1,\n\t\t\twidgets: []\n\t\t};\n\t},\n\tcomputed: {\n\t\tapiurl() {\n\t\t\treturn FHC_JS_DATA_STORAGE_OBJECT.app_root + FHC_JS_DATA_STORAGE_OBJECT.ci_router + '/dashboard';\n\t\t},\n\t\tdashboard() {\n\t\t\treturn this.dashboards.find(el => el.dashboard_id == this.current);\n\t\t}\n\t},\n\tmethods: {\n\t\tdashboardAdd() {\n\t\t\tlet _name = '';\n\t\t\tBsPrompt.popup('New Dashboard name').then(\n\t\t\t\tname => {\n\t\t\t\t\t_name = name;\n\t\t\t\t\treturn axios.post(this.apiurl + '/Dashboard/create', {\n\t\t\t\t\t\tdashboard_kurzbz: name\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t).then(res => {\n\t\t\t\tlet newDashboard = {\n\t\t\t\t\tdashboard_id: res.data.retval,\n\t\t\t\t\tdashboard_kurzbz: _name,\n\t\t\t\t\tbeschreibung: ''\n\t\t\t\t};\n\t\t\t\tthis.dashboards.push(newDashboard);\n\t\t\t\tthis.current = newDashboard.dashboard_id;\n\t\t\t}).catch(err => err !== undefined ? console.error('ERROR:', err) : 0);\n\t\t},\n\t\tdashboardUpdate(dashboard) {\n\t\t\t// TODO(chris): Loading or message\n\t\t\taxios.post(this.apiurl + '/Dashboard/update', dashboard).then(() => {\n\t\t\t\tlet old = this.dashboards.find(el => el.dashboard_id == dashboard.dashboard_id);\n\t\t\t\told.dashboard_kurzbz = dashboard.dashboard_kurzbz;\n\t\t\t\told.beschreibung = dashboard.beschreibung;\n\t\t\t}).catch(err => console.error('ERROR:', err));\n\t\t},\n\t\tdashboardDelete(dashboard_id) {\n\t\t\taxios.post(this.apiurl + '/Dashboard/delete', {dashboard_id}).then(() => {\n\t\t\t\tthis.current = -1;\n\t\t\t\tthis.dashboards = this.dashboards.filter(el => el.dashboard_id != dashboard_id);\n\t\t\t}).catch(err => console.error('ERROR:', err));\n\t\t},\n\t\tassignWidgets(widgets) {\n\t\t\tthis.widgets = widgets;\n\t\t\t/*while (this.widgets.length)\n\t\t\t\tthis.widgets.pop();\n\t\t\tfor (var i in widgets)\n\t\t\t\tthis.widgets.push(widgets[i]);*/\n\t\t}\n\t},\n\tcreated() {\n\t\taxios.get(this.apiurl + '/Dashboard').then(res => {\n\t\t\tthis.dashboards = res.data.retval;\n\t\t}).catch(err => console.error('ERROR:', err));\n\t},\n\ttemplate: `\n\t\t\t\n\t\t\t{{sectionNameTranslation()}}:\n\t\t
\n\t\t\n\t\t\n\t\t
`\n}\n","import DashboardSection from \"../Section.js\";\nimport DashboardWidgetPicker from \"../Widget/Picker.js\";\nimport ObjectUtils from \"../../../helpers/ObjectUtils.js\";\n\nexport default {\n\tcomponents: {\n\t\tDashboardSection,\n\t\tDashboardWidgetPicker\n\t},\n\tprops: {\n\t\tdashboard: String,\n\t\twidgets: Array\n\t},\n\tdata: () => ({\n\t\tfunktionen: {},\n\t\tsections: [],\n\t\ttmpLoading: ''\n\t}),\n\tcomputed: {\n\t\tapiurl() {\n\t\t\treturn FHC_JS_DATA_STORAGE_OBJECT.app_root + FHC_JS_DATA_STORAGE_OBJECT.ci_router + '/dashboard';\n\t\t},\n\t\tpickerWidgets() {\n\t\t\treturn this.widgets.filter(widget => widget.allowed);\n\t\t}\n\t},\n\tmethods: {\n\t\twidgetAdd(section_name, widget) {\n\t\t\tthis.$refs.widgetpicker.getWidget().then(widget_id => {\n\t\t\t\twidget.widget = widget_id;\n\t\t\t\tdelete widget.custom;\n\t\t\t\twidget.preset = 1;\n\t\t\t\tlet loading = {...widget};\n\t\t\t\tloading.loading = true;\n\t\t\t\tthis.sections.forEach(section => {\n\t\t\t\t\tif (section.name == section_name)\n\t\t\t\t\t\tsection.widgets.push(loading);\n\t\t\t\t});\n\t\t\t\t\n\t\t\t\taxios.post(this.apiurl + '/Config/addWidgetsToPreset', {\n\t\t\t\t\tdb: this.dashboard,\n\t\t\t\t\tfunktion_kurzbz: section_name,\n\t\t\t\t\twidgets: [widget]\n\t\t\t\t}).then(result => {\n\t\t\t\t\tlet newId = Object.keys(result.data.retval.data[section_name].widgets).pop();\n\t\t\t\t\twidget.id = newId;\n\t\t\t\t\twidget.custom = 1;\n\t\t\t\t\tthis.sections.forEach(section => {\n\t\t\t\t\t\tif (section.name == section_name) {\n\t\t\t\t\t\t\tsection.widgets.splice(section.widgets.indexOf(loading),1);\n\t\t\t\t\t\t\tsection.widgets.push(widget);\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t}).catch(error => {\n\t\t\t\t\tconsole.error('ERROR: ', error);\n\t\t\t\t\talert('ERROR: ' + error.response.data.retval);\n\t\t\t\t});\n\t\t\t}).catch(() => {});\n\t\t},\n\t\twidgetUpdate(section_name, payload) {\n\t\t\tpayload = payload[section_name];\n\t\t\tfor (var k in payload) {\n\t\t\t\tfor (var i in this.sections) {\n\t\t\t\t\tif (this.sections[i].name == section_name) {\n\t\t\t\t\t\tfor (var wid in this.sections[i].widgets) {\n\t\t\t\t\t\t\tif (this.sections[i].widgets[wid].id == k) {\n\t\t\t\t\t\t\t\tpayload[k] = ObjectUtils.mergeDeep(this.sections[i].widgets[wid], payload[k]);\n\t\t\t\t\t\t\t\t// NOTE(chris): remove internal props\n\t\t\t\t\t\t\t\tfor (var prop in {_x:1,_y:1,_w:1,_h:1,index:1,id:1})\n\t\t\t\t\t\t\t\t\tif (payload[k][prop])\n\t\t\t\t\t\t\t\t\t\tdelete payload[k][prop];\n\t\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tpayload[k].widgetid = k;\n\t\t\t\tdelete payload[k].custom;\n\t\t\t}\n\t\t\taxios.post(this.apiurl + '/Config/addWidgetsToPreset', {\n\t\t\t\tdb: this.dashboard,\n\t\t\t\tfunktion_kurzbz: section_name,\n\t\t\t\twidgets: payload\n\t\t\t}).then(() => {\n\t\t\t\tthis.sections.forEach(section => {\n\t\t\t\t\tif (section.name == section_name) {\n\t\t\t\t\t\tsection.widgets.forEach((widget, i) => {\n\t\t\t\t\t\t\tif (payload[widget.id]) {\n\t\t\t\t\t\t\t\tpayload[widget.id].id = widget.id;\n\t\t\t\t\t\t\t\tpayload[widget.id].index = widget.index;\n\t\t\t\t\t\t\t\tsection.widgets[i] = payload[widget.id];\n\t\t\t\t\t\t\t\tsection.widgets[i].custom = 1;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t}).catch(error => {\n\t\t\t\t// TODO(chris): revert placement on failure\n\t\t\t\tconsole.error('ERROR: ', error);\n\t\t\t\talert('ERROR: ' + error.response.data.retval);\n\t\t\t});\n\t\t},\n\t\twidgetRemove(section_name, id) {\n\t\t\taxios.post(this.apiurl + '/Config/removeWidgetFromPreset', {\n\t\t\t\tdb: this.dashboard,\n\t\t\t\tfunktion_kurzbz: section_name,\n\t\t\t\twidgetid: id\n\t\t\t}).then(() => {\n\t\t\t\tthis.sections.forEach(section => {\n\t\t\t\t\tif (section.name == section_name)\n\t\t\t\t\t\tsection.widgets = section.widgets.filter(widget => widget.id != id);\n\t\t\t\t});\n\t\t\t}).catch(error => {\n\t\t\t\tconsole.error('ERROR: ', error);\n\t\t\t\talert('ERROR: ' + error.response.data.retval);\n\t\t\t});\n\t\t},\n\t\tloadSections(evt) {\n\t\t\tlet funktionen = Array.from(evt.target.querySelectorAll(\"option:checked\"),e=>e.value);\n\t\t\tthis.sections = [];\n\t\t\tthis.tmpLoading = funktionen.join('###');\n\t\t\taxios.get(this.apiurl + '/Config/presetBatch', {params: {\n\t\t\t\tdb: this.dashboard,\n\t\t\t\tfunktionen\n\t\t\t}}).then(res => {\n\t\t\t\tif (this.tmpLoading !== funktionen.join('###'))\n\t\t\t\t\treturn; // NOTE(chris): prevent race condition\n\t\t\t\tfor (var section in res.data.retval) {\n\t\t\t\t\tlet widgets = [];\n\t\t\t\t\tfor (var wid in res.data.retval[section]) {\n\t\t\t\t\t\tres.data.retval[section][wid].id = wid;\n\t\t\t\t\t\tres.data.retval[section][wid].custom = 1;\n\t\t\t\t\t\twidgets.push(res.data.retval[section][wid]);\n\t\t\t\t\t}\n\t\t\t\t\tthis.sections.push({\n\t\t\t\t\t\tname: section,\n\t\t\t\t\t\twidgets\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t}).catch(err => console.error('ERROR:', err));\n\t\t}\n\t},\n\tcreated() {\n\t\taxios.get(this.apiurl + '/Config/funktionen').then(res => {\n\t\t\tthis.funktionen = {general: 'GENERAL'};\n\t\t\tres.data.retval.forEach(funktion => {\n\t\t\t\tthis.funktionen[funktion.funktion_kurzbz] = funktion.beschreibung;\n\t\t\t});\n\t\t}).catch(err => console.error('ERROR:', err));\n\t},\n\twatch: {\n\t\tdashboard() {\n\t\t\t// TODO(chris): this should be done without a watcher\n\t\t\tthis.loadSections({target:this.$refs.funktionenList});\n\t\t}\n\t},\n\ttemplate: `\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t
\n\t\t\n\t\t\t
\n\t- \n\t\t\t\t
- \n\t\t\t\t\t\n\t\t\t\t \n\t\t\t\t
- \n\t\t\t\t\t\n\t\t\t\t \n\t\t\t\t
- \n\t\t\t\t\t\n\t\t\t\t \n\t\t\t
\n\t\t\t\t
\n\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t
`\n}\n","/**\n * Copyright (C) 2024 fhcomplete.org\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see \n\t\t\t
\n\t\t\n\t\t\t\t\n\t\t\t
\n\t\t\t\n\t\t\t\t
\n\t\t- '\n\t\t\t\t\t\t\t\t\t+ msgs.join('')\n\t\t\t\t\t\t\t\t\t+ '
- ' + msgs.join('') + '
\n\t\t
'},r={name:"BootstrapAlert",components:{BsModal:s},mixins:[s],props:{dialogClass:{type:[String,Array,Object],default:"modal-dialog-centered"},onHideBsModal:Function,onHiddenBsModal:Function,onHidePreventedBsModal:Function,onShowBsModal:Function,onShownBsModal:Function},data:()=>({result:!0}),mounted(){this.modal=this.$refs.modalContainer.modal},popup(t,e){return s.popup.bind(this)(t,e)},template:'\n\t\t\t\n\t\t
\n\t\n\t\t
'};class d{constructor(t){t.w?(this.w=t.w,this.h=t.h,this.data=[...t.data],this.grid=[...t.grid]):(this.w=t,this.h=1,this.data=[],this.grid=[])}isFreeSlot(t,e){const n=e*this.w+t;return!this.grid[n]&&0!==this.grid[n]}getMaxY(){return this.data.reduce((t,e)=>(e?.y>t&&(t=e.y),t),0)}getFreeSlots(){const t=[];let e=this.getMaxY(),n=this.w*(e+1);for(let t=0;t\n\t\t
\n\t\n\t\t\t\n\t\t
\n\t\n\t
'},g={data:()=>({}),props:{widget:{type:Object,required:!0}},methods:{path:t=>"/"==t[0]?FHC_JS_DATA_STORAGE_OBJECT.app_root+t:t},emits:["select"],template:'\n\t\n\t\t\n\t\t\t\n\t\t\t\t{{ widget ? \'Config for \' + widget.setup.name : \'\' }}\n\t\t\t\n\t\t\t\n\t\t\t\t \n\t\t\n\t\t\t\n\t\t \n\t\t
\n\t\n\t\t\t\n\t\t\t\t\n\t\t\t \n\t\t\t{{ widget.setup.name }}\n\t\t\t\n\t\t\t\t\n\t\t\t\t \n\t\t
\n\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\n \t\t\n \t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t
\n\t\t\n\t\t
\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t
\n\t\t![]()
\n\t\t
'},v={name:"Section",components:{DropGrid:c,DashboardItem:f,WidgetIcon:g},inject:{widgetsSetup:{type:Array,default:[]},adminMode:{type:Boolean,default:!1},editMode:{type:Boolean,default:!1}},props:["name","widgets"],emits:["widgetAdd","widgetUpdate","widgetRemove"],data:()=>({configOpened:!1,gridWidth:1,gridHeight:null,draggedItem:null,additionalRow:!1}),provide(){return{editModeIsActive:Vue.computed(()=>this.editModeIsActive),sectionName:Vue.computed(()=>this.name)}},computed:{computedWidgetsSetup(){return this.widgetsSetup?this.widgetsSetup.reduce((t,e)=>(t[e.widget_id]=e.setup,t),{}):{}},editModeIsActive(){return(this.editMode||this.adminMode)&&!this.configOpened},getSectionStyle:()=>"margin-bottom: 8px;",items(){return this.widgets.map(t=>(!t?.widgetid&&t?.id&&(t.widgetid=t.id),{...t,reorder:!1,...t.place[this.gridWidth]||{reorder:!0,x:0,y:0,w:1,h:1}}))}},methods:{sectionNameTranslation(){switch(this.name){case"general":case"custom":return this.$p.t("dashboard",this.name);default:return this.name}},showSectionInformation(){return"general"==this.name?this.$p.t("dashboard","dashboardGeneralSectionDescription"):"custom"==this.name?this.$p.t("dashboard","dashboardCustomSectionDescription"):this.$p.t("dashboard","dashboardSectionDescription",[this.name])},handleConfigOpened(){this.configOpened=!0},handleConfigClosed(){this.configOpened=!1},checkResizeLimit(t,e,n){let i=m.getWidget(t.widget);if(i){let t=i.setup.width;t.max?t.min=t.min||1:t={min:t,max:t},e\n\t\t\t
\n\t{{ widget.setup.name || widget.widget_kurzbz }}
\n\t\t\t{{ widget.beschreibung }}
\n\t\t\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t \n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t \n\t
'},b={components:{BsModal:s,WidgetIcon:g},props:["widgets"],data:()=>({callbacks:{}}),methods:{getWidget(){return new Promise((t,e)=>{this.callbacks={resolve:t,reject:e},this.$refs.modal.show()})},close(){this.callbacks.reject&&this.callbacks.reject(),this.callbacks={}},pick(t){this.callbacks.resolve&&this.callbacks.resolve(t),this.callbacks={},this.$refs.modal.hide()}},template:''},y={mergeDeep(...t){const e=t=>t&&"object"==typeof t;return t.reduce((t,n)=>(Object.keys(n).forEach(i=>{const a=t[i],s=n[i];Array.isArray(a)&&Array.isArray(s)?t[i]=a.concat(...s):e(a)&&e(s)?t[i]=this.mergeDeep(a,s):t[i]=s}),t),{})}},w={getViewData:()=>({method:"get",url:"/api/frontend/v1/Cis4FhcApi/getViewData"})},_={name:"Dashboard",components:{DashboardSection:v,DashboardWidgetPicker:b},props:{dashboard:{type:String,required:!0,default:"CIS"},viewData:{type:Object,required:!0,validator:t=>t&&t.name&&t.uid&&t.timezone}},data(){return{sections:[],widgets:null,editMode:!1,viewDataInternal:this.viewData}},provide(){return{editMode:Vue.computed(()=>this.editMode),widgetsSetup:Vue.computed(()=>this.widgets),timezone:Vue.computed(()=>this.viewData.timezone)}},computed:{apiurl:()=>FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+"/dashboard"},methods:{widgetAdd(t,e){null===this.widgets&&axios.get(this.apiurl+"/Widget/getWidgetsForDashboard",{params:{db:this.dashboard}}).then(t=>{t.data.retval.forEach(t=>{t.arguments=JSON.parse(t.arguments),t.setup=JSON.parse(t.setup)}),this.widgets=t.data.retval}).catch(t=>console.error("ERROR:",t)),this.$refs.widgetpicker.getWidget().then(n=>{e.widget=n,e.id="loading_"+String((new Date).valueOf());let i={...e};i.loading=!0,this.sections.forEach(e=>{e.name==t&&e.widgets.push(i)}),axios.post(this.apiurl+"/Config/addWidgetsToUserOverride",{db:this.dashboard,funktion_kurzbz:t,widgets:[e]}).then(n=>{let a=Object.keys(n.data.retval.data[t].widgets).pop();e.id=a,this.sections.forEach(n=>{n.name==t&&(n.widgets.splice(n.widgets.indexOf(i),1),n.widgets.push(e))})}).catch(t=>{console.error("ERROR: ",t),alert("ERROR: "+t.response.data.retval)})}).catch(()=>{})},widgetUpdate(t,e){for(var n in e=e[t]){for(var i in this.sections)if(this.sections[i].name==t){for(var a in this.sections[i].widgets)if(this.sections[i].widgets[a].id==n){for(var s in e[n]=y.mergeDeep(this.sections[i].widgets[a],e[n]),{_x:1,_y:1,_w:1,_h:1,index:1,id:1,preset:1})e[n][s]&&delete e[n][s];break}break}e[n].widgetid=n}axios.post(this.apiurl+"/Config/addWidgetsToUserOverride",{db:this.dashboard,funktion_kurzbz:t,widgets:e}).then(()=>{this.sections.forEach(n=>{n.name==t&&n.widgets.forEach((t,i)=>{e[t.id]&&(e[t.id].id=t.id,e[t.id].index=t.index,n.widgets[i]=e[t.id])})})}).catch(t=>{console.error("ERROR: ",t),alert("ERROR: "+t.response.data.retval)})},widgetRemove(t,e){axios.post(this.apiurl+"/Config/removeWidgetFromUserOverride",{db:this.dashboard,funktion_kurzbz:t,widgetid:e}).then(()=>{this.sections.forEach(n=>{n.name==t&&(n.widgets=n.widgets.filter(t=>t.id!=e))})}).catch(t=>{console.error("ERROR: ",t),alert("ERROR: "+t.response.data.retval)})}},created(){this.$p.loadCategory("dashboard"),axios.get(this.apiurl+"/Widget/getWidgetsForDashboard",{params:{db:this.dashboard}}).then(t=>{t.data.retval.forEach(t=>{t.arguments=JSON.parse(t.arguments),t.setup=JSON.parse(t.setup)}),this.widgets=t.data.retval}).catch(t=>console.error("ERROR:",t)),axios.get(this.apiurl+"/Config",{params:{db:this.dashboard}}).then(t=>{for(var e in t.data.retval){let i=[],a=[];for(var n in t.data.retval[e].widgets)t.data.retval[e].widgets[n].id=n,t.data.retval[e].widgets[n].custom||t.data.retval[e].widgets[n].preset?i.push(t.data.retval[e].widgets[n]):a.push(n);this.sections.push({name:e,widgets:i}),a.forEach(t=>this.widgetRemove(e,t))}this.sections=this.sections.sort((t,e)=>"custom"==t.name?1:"custom"==e.name?-1:e.widgets.length-t.widgets.length)}).catch(t=>console.error("ERROR:",t))},async beforeMount(){if(!this.viewData.name||!this.viewData.uid){const t=await this.$api.call(w.getViewData());this.viewDataInternal=t.data}},template:'\n\t\n\t\t\t\n\t\t\t{{sectionNameTranslation()}}:\n\t\t
\n\t\t\n\t\t\n\t\t
'},k={search(t,e){return this.$fhcApi.post("/api/frontend/v1/searchbar/search",t,e)},searchAdvanced(t,e){return this.$fhcApi.post("/api/frontend/v1/searchbar/searchAdvanced",t,e)},searchdummy(t){return this.$fhcApi.post("public/js/apps/api/dummyapi.php/Search",t)}},A={loadCategory(t){return this.$fhcApi.get("/api/frontend/v1/phrasen/loadModule/"+t)},setLanguage(t,e){const n={categories:t,language:e};return this.$fhcApi.post("/api/frontend/v1/phrasen/setLanguage",n)},getLanguage(){return this.$fhcApi.get("/api/frontend/v1/phrasen/getLanguage",{})},getActiveDbLanguages(){return this.$fhcApi.get("/api/frontend/v1/phrasen/getAllLanguages",{})}},x={getHeader(t){return this.$fhcApi.get("/api/frontend/v1/navigation/header",{navigation_page:t})},getMenu:function(t){return this.$fhcApi.get("/api/frontend/v1/navigation/menu",{navigation_page:t})}},S={saveCustomFilter(t){return this.$fhcApi.post("/api/frontend/v1/filter/saveCustomFilter",{filterUniqueId:t.filterUniqueId,filterType:t.filterType,customFilterName:t.customFilterName})},removeCustomFilter(t){return this.$fhcApi.post("/api/frontend/v1/filter/removeCustomFilter",{filterUniqueId:t.filterUniqueId,filterType:t.filterType,filterId:t.filterId})},applyFilterFields(t){return this.$fhcApi.post("/api/frontend/v1/filter/applyFilterFields",{filterUniqueId:t.filterUniqueId,filterType:t.filterType,filterFields:t.filterFields})},addFilterField(t){return this.$fhcApi.post("/api/frontend/v1/filter/addFilterField",{filterUniqueId:t.filterUniqueId,filterType:t.filterType,filterField:t.filterField})},removeFilterField(t){return this.$fhcApi.post("/api/frontend/v1/filter/removeFilterField",{filterUniqueId:t.filterUniqueId,filterType:t.filterType,filterField:t.filterField})},getFilterById(t){return this.$fhcApi.get("/api/frontend/v1/filter/getFilter",{filterUniqueId:t.filterUniqueId,filterType:t.filterType,filterId:t.filterId})},getFilter(t){return this.$fhcApi.get("/api/frontend/v1/filter/getFilter",{filterUniqueId:t.filterUniqueId,filterType:t.filterType})}},$={abmeldung:{getDetails(t,e){const n="/api/frontend/v1/studstatus/abmeldung/"+(void 0!==t?"getDetailsForAntrag/"+t:"getDetailsForNewAntrag/"+e);return this.$fhcApi.get(n)},create(t,e,n){return this.$fhcApi.post("/api/frontend/v1/studstatus/abmeldung/createAntrag",{studiensemester:t,prestudent_id:e,grund:n},{errorHandling:"strict"})},cancel(t){return Array.isArray(t)?Promise.allSettled(t.map(t=>this.$fhcApi.post("/api/frontend/v1/studstatus/abmeldung/cancelAntrag",{antrag_id:t.studierendenantrag_id},{errorHeader:"#"+t.studierendenantrag_id}))):this.$fhcApi.post("/api/frontend/v1/studstatus/abmeldung/cancelAntrag",{antrag_id:t})}},unterbrechung:{getDetails(t,e){const n="/api/frontend/v1/studstatus/unterbrechung/"+(void 0!==t?"getDetailsForAntrag/"+t:"getDetailsForNewAntrag/"+e);return this.$fhcApi.get(n)},create(t,e,n,i,a){return this.$fhcApi.post("/api/frontend/v1/studstatus/unterbrechung/createAntrag",{studiensemester:t,prestudent_id:e,grund:n,datum_wiedereinstieg:i,attachment:a},{errorHandling:"strict"})},cancel(t){return this.$fhcApi.post("/api/frontend/v1/studstatus/unterbrechung/cancelAntrag",{antrag_id:t},{errorHandling:"strict"})}},wiederholung:{getDetails(t){const e="/api/frontend/v1/studstatus/wiederholung/getDetailsForNewAntrag/"+t;return this.$fhcApi.get(e)},getLvs(t){const e="/api/frontend/v1/studstatus/wiederholung/getLvs/"+t;return this.$fhcApi.get(e)},create(t,e){return this.$fhcApi.post("/api/frontend/v1/studstatus/wiederholung/createAntrag",{prestudent_id:t,studiensemester:e},{errorHandling:"strict"})},cancel(t,e){return this.$fhcApi.post("/api/frontend/v1/studstatus/wiederholung/cancelAntrag",{prestudent_id:t,studiensemester:e},{errorHandling:"strict"})},saveLvs(t,e){return this.$fhcApi.post("/api/frontend/v1/studstatus/wiederholung/saveLvs",{forbiddenLvs:t,mandatoryLvs:e})}},leitung:{getStgs(){return this.$fhcApi.get("/api/frontend/v1/studstatus/leitung/getActiveStgs")},getAntraege(t,e,n){return this.$fhcApi.get("/api/frontend/v1/studstatus/leitung/getAntraege/"+t).then(t=>t.data)},getHistory(t){return this.$fhcApi.get("/api/frontend/v1/studstatus/leitung/getHistory/"+t)},getPrestudents(t,e){return this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/getPrestudents",{query:t},{signal:e,timeout:3e4})},approve(t){return Array.isArray(t)?Promise.allSettled(t.map(t=>this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/approveAntrag",t,{errorHeader:"#"+t.studierendenantrag_id}))):this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/approveAntrag",t)},reject(t){return Array.isArray(t)?Promise.allSettled(t.map(t=>this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/rejectAntrag",t,{errorHeader:"#"+t.studierendenantrag_id}))):this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/rejectAntrag",t)},reopen(t){return Array.isArray(t)?Promise.allSettled(t.map(t=>this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/reopenAntrag",t,{errorHeader:"#"+t.studierendenantrag_id}))):this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/reopenAntrag",t)},pause(t){return Array.isArray(t)?Promise.allSettled(t.map(t=>this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/pauseAntrag",t,{errorHeader:"#"+t.studierendenantrag_id}))):this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/pauseAntrag",t)},unpause(t){return Array.isArray(t)?Promise.allSettled(t.map(t=>this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/unpauseAntrag",t,{errorHeader:"#"+t.studierendenantrag_id}))):this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/unpauseAntrag",t)},object(t){return Array.isArray(t)?Promise.allSettled(t.map(t=>this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/objectAntrag",t,{errorHeader:"#"+t.studierendenantrag_id}))):this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/objectAntrag",t)},approveObjection(t){return Array.isArray(t)?Promise.allSettled(t.map(t=>this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/approveObjection",t,{errorHeader:"#"+t.studierendenantrag_id}))):this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/approveObjection",t)},denyObjection(t){return Array.isArray(t)?Promise.allSettled(t.map(t=>this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/denyObjection",t,{errorHeader:"#"+t.studierendenantrag_id}))):this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/denyObjection",t)}}},T={getView:function(t){return this.$fhcApi.get(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+`/api/frontend/v1/Profil/getView/${t}`,{})},fotoSperre:function(t){return this.$fhcApi.get(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+`/api/frontend/v1/Profil/fotoSperre/${t}`,{})},isStudent:function(t){return this.$fhcApi.get(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+"/api/frontend/v1/Profil/isStudent",{uid:t})},isMitarbeiter:function(t){return this.$fhcApi.get(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+`/api/frontend/v1/Profil/isMitarbeiter/${t}`,{})},getZustellAdresse:function(){return this.$fhcApi.get(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+"/api/frontend/v1/Profil/getZustellAdresse",{})},getZustellKontakt:function(){return this.$fhcApi.get(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+"/api/frontend/v1/Profil/getZustellKontakt",{})},getGemeinden:function(t,e){return this.$fhcApi.get(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+`/api/frontend/v1/Profil/getGemeinden/${t}/${e}`,{})},getAllNationen:function(){return this.$fhcApi.get(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+"/api/frontend/v1/Profil/getAllNationen",{})}},E={
+import t from"../../../../../index.ci.php/public/js/components/primevue/config/config.esm.min.js?2025111701";import e from"../../../../../index.ci.php/public/js/components/primevue/toast/toast.esm.min.js?2025111701";import n from"../../../../../index.ci.php/public/js/components/primevue/confirmdialog/confirmdialog.esm.min.js?2025111701";import i from"../../../../../index.ci.php/public/js/components/primevue/confirmationservice/confirmationservice.esm.min.js?2025111701";import a from"../../../../js/components/vueDatepicker.js.php?2025111701";var s={name:"BootstrapModal",data:()=>({modal:null,fullscreen:!1}),props:{backdrop:{type:[Boolean,String],default:!0,validator:t=>["static",!0,!1].includes(t)},focus:{type:Boolean,default:!0},keyboard:{type:Boolean,default:!0},noCloseBtn:Boolean,dialogClass:[String,Array,Object],headerClass:{type:[String,Array,Object],default:""},bodyClass:{type:[String,Array,Object],default:"px-4 py-5"},footerClass:{type:[String,Array,Object],default:""},allowFullscreenExpand:{type:Boolean,default:!1}},emits:["hideBsModal","hiddenBsModal","hidePreventedBsModal","showBsModal","shownBsModal"],methods:{dispose(){return this.modal.dispose()},handleUpdate(){return this.modal.handleUpdate()},hide(){return this.modal.hide()},show(t){return this.modal.show(t)},toggle(){return this.modal.toggle()},toggleFullscreen(){this.fullscreen=!this.fullscreen}},mounted(){this.$refs.modal&&(this.modal=new bootstrap.Modal(this.$refs.modal,{backdrop:this.backdrop,focus:this.focus,keyboard:this.keyboard}))},popup(t,e,n,i){const a=this,s={};void 0!==t&&(s.default=()=>t),void 0!==n&&(s.title=()=>n),void 0!==i&&(s.footer=()=>i);let r=!1;return"undefined"!=typeof primevue&&(r=!0),new Promise((t,n)=>{const i=Vue.createApp({name:"ModalTmpApp",setup:()=>()=>Vue.h(a,{class:"fade",...e,ref:"modal","onHidden.bs.modal":i.unmount},s),mounted(){this.$refs.modal.show()},beforeUnmount(){this.$refs.modal&&(!1!==this.$refs.modal.result?t(this.$refs.modal.result):n())},unmounted(){o.parentElement.removeChild(o)}}),o=document.createElement("div");r&&i.use(primevue.config.default,{zIndex:{overlay:9999}}),Promise.resolve().then(function(){return at}).then(t=>{i.use(t.default),i.mount(o),document.body.appendChild(o)})})},template:'\n\t\t\t{{ $p.t(\'global/personalGreeting\', [ viewDataInternal?.name ]) }}\n\t\t\t\n\t\t
\n\t\t\n\t\t
'},r={name:"BootstrapAlert",components:{BsModal:s},mixins:[s],props:{dialogClass:{type:[String,Array,Object],default:"modal-dialog-centered"},onHideBsModal:Function,onHiddenBsModal:Function,onHidePreventedBsModal:Function,onShowBsModal:Function,onShownBsModal:Function},data:()=>({result:!0}),mounted(){this.modal=this.$refs.modalContainer.modal},popup(t,e){return s.popup.bind(this)(t,e)},template:'\n\t\t\t\n\t\t
\n\t\n\t\t
'};class d{constructor(t){t.w?(this.w=t.w,this.h=t.h,this.data=[...t.data],this.grid=[...t.grid]):(this.w=t,this.h=1,this.data=[],this.grid=[])}isFreeSlot(t,e){const n=e*this.w+t;return!this.grid[n]&&0!==this.grid[n]}getMaxY(){return this.data.reduce((t,e)=>(e?.y>t&&(t=e.y),t),0)}getFreeSlots(){const t=[];let e=this.getMaxY(),n=this.w*(e+1);for(let t=0;t\n\t\t
\n\t\n\t\t\t\n\t\t
\n\t\n\t
'},g={data:()=>({}),props:{widget:{type:Object,required:!0}},methods:{path:t=>"/"==t[0]?FHC_JS_DATA_STORAGE_OBJECT.app_root+t:t},emits:["select"],template:'\n\t\n\t\t\n\t\t\t\n\t\t\t\t{{ widget ? \'Config for \' + widget.setup.name : \'\' }}\n\t\t\t\n\t\t\t\n\t\t\t\t \n\t\t\n\t\t\t\n\t\t \n\t\t
\n\t\n\t\t\t\n\t\t\t\t\n\t\t\t \n\t\t\t{{ widget.setup.name }}\n\t\t\t\n\t\t\t\t\n\t\t\t\t \n\t\t
\n\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\n \t\t\n \t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t
\n\t\t\n\t\t
\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t
\n\t\t![]()
\n\t\t
'},v={name:"Section",components:{DropGrid:c,DashboardItem:f,WidgetIcon:g},inject:{widgetsSetup:{type:Array,default:[]},adminMode:{type:Boolean,default:!1},editMode:{type:Boolean,default:!1}},props:["name","widgets"],emits:["widgetAdd","widgetUpdate","widgetRemove"],data:()=>({configOpened:!1,gridWidth:1,gridHeight:null,draggedItem:null,additionalRow:!1}),provide(){return{editModeIsActive:Vue.computed(()=>this.editModeIsActive),sectionName:Vue.computed(()=>this.name)}},computed:{computedWidgetsSetup(){return this.widgetsSetup?this.widgetsSetup.reduce((t,e)=>(t[e.widget_id]=e.setup,t),{}):{}},editModeIsActive(){return(this.editMode||this.adminMode)&&!this.configOpened},getSectionStyle:()=>"margin-bottom: 8px;",items(){return this.widgets.map(t=>(!t?.widgetid&&t?.id&&(t.widgetid=t.id),{...t,reorder:!1,...t.place[this.gridWidth]||{reorder:!0,x:0,y:0,w:1,h:1}}))}},methods:{sectionNameTranslation(){switch(this.name){case"general":case"custom":return this.$p.t("dashboard",this.name);default:return this.name}},showSectionInformation(){return"general"==this.name?this.$p.t("dashboard","dashboardGeneralSectionDescription"):"custom"==this.name?this.$p.t("dashboard","dashboardCustomSectionDescription"):this.$p.t("dashboard","dashboardSectionDescription",[this.name])},handleConfigOpened(){this.configOpened=!0},handleConfigClosed(){this.configOpened=!1},checkResizeLimit(t,e,n){let i=m.getWidget(t.widget);if(i){let t=i.setup.width;t.max?t.min=t.min||1:t={min:t,max:t},e\n\t\t\t
\n\t{{ widget.setup.name || widget.widget_kurzbz }}
\n\t\t\t{{ widget.beschreibung }}
\n\t\t\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t \n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t \n\t
'},b={components:{BsModal:s,WidgetIcon:g},props:["widgets"],data:()=>({callbacks:{}}),methods:{getWidget(){return new Promise((t,e)=>{this.callbacks={resolve:t,reject:e},this.$refs.modal.show()})},close(){this.callbacks.reject&&this.callbacks.reject(),this.callbacks={}},pick(t){this.callbacks.resolve&&this.callbacks.resolve(t),this.callbacks={},this.$refs.modal.hide()}},template:''},y={mergeDeep(...t){const e=t=>t&&"object"==typeof t;return t.reduce((t,n)=>(Object.keys(n).forEach(i=>{const a=t[i],s=n[i];Array.isArray(a)&&Array.isArray(s)?t[i]=a.concat(...s):e(a)&&e(s)?t[i]=this.mergeDeep(a,s):t[i]=s}),t),{})}},w={getViewData:()=>({method:"get",url:"/api/frontend/v1/Cis4FhcApi/getViewData"})},_={name:"Dashboard",components:{DashboardSection:v,DashboardWidgetPicker:b},props:{dashboard:{type:String,required:!0,default:"CIS"},viewData:{type:Object,required:!0,validator:t=>t&&t.name&&t.uid&&t.timezone}},data(){return{sections:[],widgets:null,editMode:!1,viewDataInternal:this.viewData}},provide(){return{editMode:Vue.computed(()=>this.editMode),widgetsSetup:Vue.computed(()=>this.widgets),timezone:Vue.computed(()=>this.viewData.timezone)}},computed:{apiurl:()=>FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+"/dashboard"},methods:{widgetAdd(t,e){null===this.widgets&&axios.get(this.apiurl+"/Widget/getWidgetsForDashboard",{params:{db:this.dashboard}}).then(t=>{t.data.retval.forEach(t=>{t.arguments=JSON.parse(t.arguments),t.setup=JSON.parse(t.setup)}),this.widgets=t.data.retval}).catch(t=>console.error("ERROR:",t)),this.$refs.widgetpicker.getWidget().then(n=>{e.widget=n,e.id="loading_"+String((new Date).valueOf());let i={...e};i.loading=!0,this.sections.forEach(e=>{e.name==t&&e.widgets.push(i)}),axios.post(this.apiurl+"/Config/addWidgetsToUserOverride",{db:this.dashboard,funktion_kurzbz:t,widgets:[e]}).then(n=>{let a=Object.keys(n.data.retval.data[t].widgets).pop();e.id=a,this.sections.forEach(n=>{n.name==t&&(n.widgets.splice(n.widgets.indexOf(i),1),n.widgets.push(e))})}).catch(t=>{console.error("ERROR: ",t),alert("ERROR: "+t.response.data.retval)})}).catch(()=>{})},widgetUpdate(t,e){for(var n in e=e[t]){for(var i in this.sections)if(this.sections[i].name==t){for(var a in this.sections[i].widgets)if(this.sections[i].widgets[a].id==n){for(var s in e[n]=y.mergeDeep(this.sections[i].widgets[a],e[n]),{_x:1,_y:1,_w:1,_h:1,index:1,id:1,preset:1})e[n][s]&&delete e[n][s];break}break}e[n].widgetid=n}axios.post(this.apiurl+"/Config/addWidgetsToUserOverride",{db:this.dashboard,funktion_kurzbz:t,widgets:e}).then(()=>{this.sections.forEach(n=>{n.name==t&&n.widgets.forEach((t,i)=>{e[t.id]&&(e[t.id].id=t.id,e[t.id].index=t.index,n.widgets[i]=e[t.id])})})}).catch(t=>{console.error("ERROR: ",t),alert("ERROR: "+t.response.data.retval)})},widgetRemove(t,e){axios.post(this.apiurl+"/Config/removeWidgetFromUserOverride",{db:this.dashboard,funktion_kurzbz:t,widgetid:e}).then(()=>{this.sections.forEach(n=>{n.name==t&&(n.widgets=n.widgets.filter(t=>t.id!=e))})}).catch(t=>{console.error("ERROR: ",t),alert("ERROR: "+t.response.data.retval)})}},created(){this.$p.loadCategory("dashboard"),axios.get(this.apiurl+"/Widget/getWidgetsForDashboard",{params:{db:this.dashboard}}).then(t=>{t.data.retval.forEach(t=>{t.arguments=JSON.parse(t.arguments),t.setup=JSON.parse(t.setup)}),this.widgets=t.data.retval}).catch(t=>console.error("ERROR:",t)),axios.get(this.apiurl+"/Config",{params:{db:this.dashboard}}).then(t=>{for(var e in t.data.retval){let i=[],a=[];for(var n in t.data.retval[e].widgets)t.data.retval[e].widgets[n].id=n,t.data.retval[e].widgets[n].custom||t.data.retval[e].widgets[n].preset?i.push(t.data.retval[e].widgets[n]):a.push(n);this.sections.push({name:e,widgets:i}),a.forEach(t=>this.widgetRemove(e,t))}this.sections=this.sections.sort((t,e)=>"custom"==t.name?1:"custom"==e.name?-1:e.widgets.length-t.widgets.length)}).catch(t=>console.error("ERROR:",t))},async beforeMount(){if(!this.viewData.name||!this.viewData.uid){const t=await this.$api.call(w.getViewData());this.viewDataInternal=t.data}},template:'\n\t\n\t\t\t\n\t\t\t{{sectionNameTranslation()}}:\n\t\t
\n\t\t\n\t\t\n\t\t
'},k={search(t,e){return this.$fhcApi.post("/api/frontend/v1/searchbar/search",t,e)},searchAdvanced(t,e){return this.$fhcApi.post("/api/frontend/v1/searchbar/searchAdvanced",t,e)},searchdummy(t){return this.$fhcApi.post("public/js/apps/api/dummyapi.php/Search",t)}},A={loadCategory(t){return this.$fhcApi.get("/api/frontend/v1/phrasen/loadModule/"+t)},setLanguage(t,e){const n={categories:t,language:e};return this.$fhcApi.post("/api/frontend/v1/phrasen/setLanguage",n)},getLanguage(){return this.$fhcApi.get("/api/frontend/v1/phrasen/getLanguage",{})},getActiveDbLanguages(){return this.$fhcApi.get("/api/frontend/v1/phrasen/getAllLanguages",{})}},x={getHeader(t){return this.$fhcApi.get("/api/frontend/v1/navigation/header",{navigation_page:t})},getMenu:function(t){return this.$fhcApi.get("/api/frontend/v1/navigation/menu",{navigation_page:t})}},S={saveCustomFilter(t){return this.$fhcApi.post("/api/frontend/v1/filter/saveCustomFilter",{filterUniqueId:t.filterUniqueId,filterType:t.filterType,customFilterName:t.customFilterName})},removeCustomFilter(t){return this.$fhcApi.post("/api/frontend/v1/filter/removeCustomFilter",{filterUniqueId:t.filterUniqueId,filterType:t.filterType,filterId:t.filterId})},applyFilterFields(t){return this.$fhcApi.post("/api/frontend/v1/filter/applyFilterFields",{filterUniqueId:t.filterUniqueId,filterType:t.filterType,filterFields:t.filterFields})},addFilterField(t){return this.$fhcApi.post("/api/frontend/v1/filter/addFilterField",{filterUniqueId:t.filterUniqueId,filterType:t.filterType,filterField:t.filterField})},removeFilterField(t){return this.$fhcApi.post("/api/frontend/v1/filter/removeFilterField",{filterUniqueId:t.filterUniqueId,filterType:t.filterType,filterField:t.filterField})},getFilterById(t){return this.$fhcApi.get("/api/frontend/v1/filter/getFilter",{filterUniqueId:t.filterUniqueId,filterType:t.filterType,filterId:t.filterId})},getFilter(t){return this.$fhcApi.get("/api/frontend/v1/filter/getFilter",{filterUniqueId:t.filterUniqueId,filterType:t.filterType})}},$={abmeldung:{getDetails(t,e){const n="/api/frontend/v1/studstatus/abmeldung/"+(void 0!==t?"getDetailsForAntrag/"+t:"getDetailsForNewAntrag/"+e);return this.$fhcApi.get(n)},create(t,e,n){return this.$fhcApi.post("/api/frontend/v1/studstatus/abmeldung/createAntrag",{studiensemester:t,prestudent_id:e,grund:n},{errorHandling:"strict"})},cancel(t){return Array.isArray(t)?Promise.allSettled(t.map(t=>this.$fhcApi.post("/api/frontend/v1/studstatus/abmeldung/cancelAntrag",{antrag_id:t.studierendenantrag_id},{errorHeader:"#"+t.studierendenantrag_id}))):this.$fhcApi.post("/api/frontend/v1/studstatus/abmeldung/cancelAntrag",{antrag_id:t})}},unterbrechung:{getDetails(t,e){const n="/api/frontend/v1/studstatus/unterbrechung/"+(void 0!==t?"getDetailsForAntrag/"+t:"getDetailsForNewAntrag/"+e);return this.$fhcApi.get(n)},create(t,e,n,i,a){return this.$fhcApi.post("/api/frontend/v1/studstatus/unterbrechung/createAntrag",{studiensemester:t,prestudent_id:e,grund:n,datum_wiedereinstieg:i,attachment:a},{errorHandling:"strict"})},cancel(t){return this.$fhcApi.post("/api/frontend/v1/studstatus/unterbrechung/cancelAntrag",{antrag_id:t},{errorHandling:"strict"})}},wiederholung:{getDetails(t){const e="/api/frontend/v1/studstatus/wiederholung/getDetailsForNewAntrag/"+t;return this.$fhcApi.get(e)},getLvs(t){const e="/api/frontend/v1/studstatus/wiederholung/getLvs/"+t;return this.$fhcApi.get(e)},create(t,e){return this.$fhcApi.post("/api/frontend/v1/studstatus/wiederholung/createAntrag",{prestudent_id:t,studiensemester:e},{errorHandling:"strict"})},cancel(t,e){return this.$fhcApi.post("/api/frontend/v1/studstatus/wiederholung/cancelAntrag",{prestudent_id:t,studiensemester:e},{errorHandling:"strict"})},saveLvs(t,e){return this.$fhcApi.post("/api/frontend/v1/studstatus/wiederholung/saveLvs",{forbiddenLvs:t,mandatoryLvs:e})}},leitung:{getStgs(){return this.$fhcApi.get("/api/frontend/v1/studstatus/leitung/getActiveStgs")},getAntraege(t,e,n){return this.$fhcApi.get("/api/frontend/v1/studstatus/leitung/getAntraege/"+t).then(t=>t.data)},getHistory(t){return this.$fhcApi.get("/api/frontend/v1/studstatus/leitung/getHistory/"+t)},getPrestudents(t,e){return this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/getPrestudents",{query:t},{signal:e,timeout:3e4})},approve(t){return Array.isArray(t)?Promise.allSettled(t.map(t=>this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/approveAntrag",t,{errorHeader:"#"+t.studierendenantrag_id}))):this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/approveAntrag",t)},reject(t){return Array.isArray(t)?Promise.allSettled(t.map(t=>this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/rejectAntrag",t,{errorHeader:"#"+t.studierendenantrag_id}))):this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/rejectAntrag",t)},reopen(t){return Array.isArray(t)?Promise.allSettled(t.map(t=>this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/reopenAntrag",t,{errorHeader:"#"+t.studierendenantrag_id}))):this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/reopenAntrag",t)},pause(t){return Array.isArray(t)?Promise.allSettled(t.map(t=>this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/pauseAntrag",t,{errorHeader:"#"+t.studierendenantrag_id}))):this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/pauseAntrag",t)},unpause(t){return Array.isArray(t)?Promise.allSettled(t.map(t=>this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/unpauseAntrag",t,{errorHeader:"#"+t.studierendenantrag_id}))):this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/unpauseAntrag",t)},object(t){return Array.isArray(t)?Promise.allSettled(t.map(t=>this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/objectAntrag",t,{errorHeader:"#"+t.studierendenantrag_id}))):this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/objectAntrag",t)},approveObjection(t){return Array.isArray(t)?Promise.allSettled(t.map(t=>this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/approveObjection",t,{errorHeader:"#"+t.studierendenantrag_id}))):this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/approveObjection",t)},denyObjection(t){return Array.isArray(t)?Promise.allSettled(t.map(t=>this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/denyObjection",t,{errorHeader:"#"+t.studierendenantrag_id}))):this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/denyObjection",t)}}},T={getView:function(t){return this.$fhcApi.get(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+`/api/frontend/v1/Profil/getView/${t}`,{})},fotoSperre:function(t){return this.$fhcApi.get(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+`/api/frontend/v1/Profil/fotoSperre/${t}`,{})},isStudent:function(t){return this.$fhcApi.get(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+"/api/frontend/v1/Profil/isStudent",{uid:t})},isMitarbeiter:function(t){return this.$fhcApi.get(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+`/api/frontend/v1/Profil/isMitarbeiter/${t}`,{})},getZustellAdresse:function(){return this.$fhcApi.get(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+"/api/frontend/v1/Profil/getZustellAdresse",{})},getZustellKontakt:function(){return this.$fhcApi.get(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+"/api/frontend/v1/Profil/getZustellKontakt",{})},getGemeinden:function(t,e){return this.$fhcApi.get(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+`/api/frontend/v1/Profil/getGemeinden/${t}/${e}`,{})},getAllNationen:function(){return this.$fhcApi.get(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+"/api/frontend/v1/Profil/getAllNationen",{})}},E={
//! API calls for profil update requests
getStatus:function(){return this.$fhcApi.get(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+"/api/frontend/v1/ProfilUpdate/getStatus",{})},getTopic:function(){return this.$fhcApi.get(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+"/api/frontend/v1/ProfilUpdate/getTopic",{})},acceptProfilRequest:function({profil_update_id:t,uid:e,status_message:n,topic:i,requested_change:a}){return this.$fhcApi.post(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+"/api/frontend/v1/ProfilUpdate/acceptProfilRequest",{profil_update_id:t,uid:e,status_message:n,topic:i,requested_change:a})},denyProfilRequest:function({profil_update_id:t,uid:e,topic:n,status_message:i}){return this.$fhcApi.post(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+"/api/frontend/v1/ProfilUpdate/denyProfilRequest",{profil_update_id:t,uid:e,topic:n,status_message:i})},insertFile:function(t,e=null){return this.$fhcApi.post(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+`/api/frontend/v1/ProfilUpdate/insertFile/${e}`,t)},getProfilRequestFiles:function(t){return this.$fhcApi.get(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+`/api/frontend/v1/ProfilUpdate/getProfilRequestFiles/${t}`,{})},selectProfilRequest:function(t=null,e=null){return this.$fhcApi.get(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+"/api/frontend/v1/ProfilUpdate/selectProfilRequest",{...t?{uid:t}:{},...e?{id:e}:{}})},insertProfilRequest:function(t,e,n=null){return this.$fhcApi.post(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+"/api/frontend/v1/ProfilUpdate/insertProfilRequest",{topic:t,payload:e,...n?{fileID:n}:{}})},updateProfilRequest:function(t,e,n,i=null){return this.$fhcApi.post(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+"/api/frontend/v1/ProfilUpdate/updateProfilRequest",{topic:t,payload:e,ID:n,...i?{fileID:i}:{}})},deleteProfilRequest:function(t){return this.$fhcApi.post(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+"/api/frontend/v1/ProfilUpdate/deleteProfilRequest",{requestID:t})}},D={getRoomInfo(t,e,n){return this.$fhcApi.post("/api/frontend/v1/LvPlan/getRoomplan",{ort_kurzbz:t,start_date:e,end_date:n})},getStunden(){return this.$fhcApi.get("/api/frontend/v1/LvPlan/Stunden",{})},getOrtReservierungen(t,e,n){return this.$fhcApi.post(`/api/frontend/v1/LvPlan/getReservierungen/${t}`,{start_date:e,end_date:n})},getLvPlanReservierungen(t,e){return this.$fhcApi.post("/api/frontend/v1/LvPlan/getReservierungen",{start_date:t,end_date:e})},getLehreinheitStudiensemester(t){return this.$fhcApi.get(`/api/frontend/v1/LvPlan/getLehreinheitStudiensemester/${t}`,{})},studiensemesterDateInterval(t){return this.$fhcApi.get(`/api/frontend/v1/LvPlan/studiensemesterDateInterval/${t}`,{})},LvPlanEvents(t,e,n){return this.$fhcApi.get("/api/frontend/v1/LvPlan/LvPlanEvents",{start_date:t,end_date:e,lv_id:n})}},C={verband:{get(){return this.$fhcApi.get("api/frontend/v1/stv/verband")},favorites:{get(){return this.$fhcApi.get("api/frontend/v1/stv/favorites")},set(t){return this.$fhcApi.post("api/frontend/v1/stv/favorites/set",{favorites:t})}}},students:{uid(t,e){let n="api/frontend/v1/stv/students/"+encodeURIComponent(e)+"/uid/"+encodeURIComponent(t);return this.$fhcApi.getUri(n)},prestudent(t,e){let n="api/frontend/v1/stv/students/"+encodeURIComponent(e)+"/prestudent/"+encodeURIComponent(t);return this.$fhcApi.getUri(n)},person(t,e){let n="api/frontend/v1/stv/students/"+encodeURIComponent(e)+"/person/"+encodeURIComponent(t);return this.$fhcApi.getUri(n)},verband(t){return this.$fhcApi.getUri("api/frontend/v1/stv/students/"+t)}},filter:{getStg(){return this.$fhcApi.get("api/frontend/v1/stv/filter/getStg")},setStg(t){return this.$fhcApi.post("api/frontend/v1/stv/filter/setStg",{studiengang_kz:t})}},konto:{tabulatorConfig(t,e){return t.ajaxURL="api/frontend/v1/stv/konto/get",t.ajaxParams=()=>({person_id:e.modelValue.person_id||e.modelValue.map(t=>t.person_id),only_open:e.filter,studiengang_kz:e.studiengang_kz_intern?e.stg_kz:""}),t.ajaxRequestFunc=(t,e,n)=>this.$fhcApi.post(t,n,e),t.ajaxResponse=(t,e,n)=>n.data,t},checkDoubles(t,e){return this.$fhcApi.post(t,"api/frontend/v1/stv/konto/checkDoubles",e,{confirmErrorHandler:t=>!0})},insert(t,e){return this.$fhcApi.post(t,"api/frontend/v1/stv/konto/insert",e)},counter(t){return this.$fhcApi.post("api/frontend/v1/stv/konto/counter",t)},edit(t,e){return this.$fhcApi.post(t,"api/frontend/v1/stv/konto/update",e)},delete(t){return this.$fhcApi.post("api/frontend/v1/stv/konto/delete",{buchungsnr:t})},getBuchungstypen(){return this.$fhcApi.get("api/frontend/v1/stv/konto/getBuchungstypen")}},group:{getGruppen(t,e,n){return this.$fhcApi.get("api/frontend/v1/stv/Gruppen/getGruppen/"+n.id)},deleteGroup(t){return this.$fhcApi.post("api/frontend/v1/stv/Gruppen/deleteGruppe/",t)}},kontakt:{getAdressen(t,e,n){return this.$fhcApi.get("api/frontend/v1/stv/kontakt/getAdressen/"+n.id)},addNewAddress(t,e,n){return this.$fhcApi.post(t,"api/frontend/v1/stv/kontakt/addNewAddress/"+e,n)},loadAddress(t){return this.$fhcApi.post("api/frontend/v1/stv/kontakt/loadAddress/",{address_id:t})},updateAddress(t,e,n){return this.$fhcApi.post(t,"api/frontend/v1/stv/kontakt/updateAddress/"+e,n)},deleteAddress(t){return this.$fhcApi.post("api/frontend/v1/stv/kontakt/deleteAddress/",{address_id:t})},getPlaces(t){return this.$fhcApi.get("api/frontend/v1/stv/address/getPlaces/"+t)},getFirmen(t){return this.$fhcApi.get("api/frontend/v1/stv/kontakt/getFirmen/"+t)},getNations(){return this.$fhcApi.get("api/frontend/v1/stv/address/getNations/")},getAdressentypen(){return this.$fhcApi.get("api/frontend/v1/stv/kontakt/getAdressentypen/")},getBankverbindung(t,e,n){return this.$fhcApi.get("api/frontend/v1/stv/kontakt/getBankverbindung/"+n.id)},addNewBankverbindung(t,e,n){return this.$fhcApi.post(t,"api/frontend/v1/stv/kontakt/addNewBankverbindung/"+e,n)},loadBankverbindung(t){return this.$fhcApi.post("api/frontend/v1/stv/kontakt/loadBankverbindung/",{bankverbindung_id:t})},updateBankverbindung(t,e,n){return this.$fhcApi.post(t,"api/frontend/v1/stv/kontakt/updateBankverbindung/"+e,n)},deleteBankverbindung(t){return this.$fhcApi.post("api/frontend/v1/stv/kontakt/deleteBankverbindung/",{bankverbindung_id:t})},getKontakte(t,e,n){return this.$fhcApi.get("api/frontend/v1/stv/kontakt/getKontakte/"+n.id)},addNewContact(t,e,n){return this.$fhcApi.post(t,"api/frontend/v1/stv/kontakt/addNewContact/"+e,n)},loadContact(t){return this.$fhcApi.post("api/frontend/v1/stv/kontakt/loadContact/",{kontakt_id:t})},updateContact(t,e,n){return this.$fhcApi.post(t,"api/frontend/v1/stv/kontakt/updateContact/"+e,n)},deleteContact(t){return this.$fhcApi.post("api/frontend/v1/stv/kontakt/deleteContact/",{kontakt_id:t})},getStandorteByFirma(t){return this.$fhcApi.get("api/frontend/v1/stv/kontakt/getStandorteByFirma/"+t)},getKontakttypen(){return this.$fhcApi.get("api/frontend/v1/stv/kontakt/getKontakttypen/")}},prestudent:{get(t,e){return this.$fhcApi.post("api/frontend/v1/stv/prestudent/get/"+encodeURIComponent(t)+"/"+encodeURIComponent(e))},updatePrestudent(t,e,n){return this.$fhcApi.post(t,"api/frontend/v1/stv/prestudent/updatePrestudent/"+e,n)},getBezeichnungZGV(){return this.$fhcApi.get("api/frontend/v1/stv/prestudent/getBezeichnungZGV/")},getBezeichnungMZgv(){return this.$fhcApi.get("api/frontend/v1/stv/prestudent/getBezeichnungMZgv/")},getBezeichnungDZgv(){return this.$fhcApi.get("api/frontend/v1/stv/prestudent/getBezeichnungDZgv/")},getStgs(){return this.$fhcApi.get("api/frontend/v1/stv/lists/getStgs/")},getAusbildung(){return this.$fhcApi.get("api/frontend/v1/stv/prestudent/getAusbildung/")},getAufmerksamdurch(){return this.$fhcApi.get("api/frontend/v1/stv/prestudent/getAufmerksamdurch/")},getBerufstaetigkeit(){return this.$fhcApi.get("api/frontend/v1/stv/prestudent/getBerufstaetigkeit/")},getTypenStg(){return this.$fhcApi.get("api/frontend/v1/stv/prestudent/getTypenStg/")},getBisstandort(){return this.$fhcApi.get("api/frontend/v1/stv/prestudent/getBisstandort/")},getHistoryPrestudent(t,e,n){return this.$fhcApi.get("api/frontend/v1/stv/status/getHistoryPrestudent/"+n.id)},getMaxSem(t){return this.$fhcApi.post("api/frontend/v1/stv/status/getMaxSemester/",{studiengang_kzs:t})},advanceStatus({prestudent_id:t,status_kurzbz:e,studiensemester_kurzbz:n,ausbildungssemester:i}){return this.$fhcApi.post("api/frontend/v1/stv/status/advanceStatus/"+t+"/"+e+"/"+n+"/"+i)},confirmStatus({prestudent_id:t,status_kurzbz:e,studiensemester_kurzbz:n,ausbildungssemester:i}){return this.$fhcApi.post("api/frontend/v1/stv/status/confirmStatus/"+t+"/"+e+"/"+n+"/"+i)},isLastStatus(t){return this.$fhcApi.get("api/frontend/v1/stv/status/isLastStatus/"+t)},deleteStatus({prestudent_id:t,status_kurzbz:e,studiensemester_kurzbz:n,ausbildungssemester:i}){return this.$fhcApi.post("api/frontend/v1/stv/status/deleteStatus/"+t+"/"+e+"/"+n+"/"+i)},getLastBismeldestichtag(){return this.$fhcApi.get("api/frontend/v1/stv/status/getLastBismeldestichtag/")},getHistoryPrestudents(t,e,n){return this.$fhcApi.get("api/frontend/v1/stv/prestudent/getHistoryPrestudents/"+n.id)}},status:{insertStatus(t,e,n){return this.$fhcApi.post(t,"api/frontend/v1/stv/status/insertStatus/"+e,n)},loadStatus({prestudent_id:t,status_kurzbz:e,studiensemester_kurzbz:n,ausbildungssemester:i}){return this.$fhcApi.post("api/frontend/v1/stv/status/loadStatus/"+t+"/"+e+"/"+n+"/"+i)},updateStatus(t,{prestudent_id:e,status_kurzbz:n,studiensemester_kurzbz:i,ausbildungssemester:a},s){return this.$fhcApi.post(t,"api/frontend/v1/stv/status/updateStatus/"+e+"/"+n+"/"+i+"/"+a,s)},getStudienplaene(t){return this.$fhcApi.get("api/frontend/v1/stv/prestudent/getStudienplaene/"+t)},getStudiengang(t){return this.$fhcApi.get("api/frontend/v1/stv/prestudent/getStudiengang/"+t)},getStatusgruende(){return this.$fhcApi.get("api/frontend/v1/stv/status/getStatusgruende/")},getStati(){return this.$fhcApi.get("api/frontend/v1/stv/lists/getStati/")},addStudent(t,e){return this.$fhcApi.post("api/frontend/v1/stv/status/addStudent/"+t,e,{errorHeader:t})},changeStatus(t,e){return this.$fhcApi.post("api/frontend/v1/stv/status/changeStatus/"+t,e,{errorHeader:t})},getStatusarray(){return this.$fhcApi.get("api/frontend/v1/stv/status/getStatusarray/")}},details:{get(t,e){let n="api/frontend/v1/stv/student/get/"+encodeURIComponent(t)+"/"+encodeURIComponent(e);return this.$fhcApi.post(n)},save(t,e,n,i){let a="api/frontend/v1/stv/student/save/"+encodeURIComponent(e)+"/"+encodeURIComponent(n);return this.$fhcApi.post(t,a,i)}},exam:{getPruefungen(t,e,n){return this.$fhcApi.get("api/frontend/v1/stv/pruefung/getPruefungen/"+n.id)},loadPruefung(t){return this.$fhcApi.get("api/frontend/v1/stv/pruefung/loadPruefung/"+t)},getTypenPruefungen(){return this.$fhcApi.get("api/frontend/v1/stv/pruefung/getTypenPruefungen")},getAllLehreinheiten(t){return this.$fhcApi.post("api/frontend/v1/stv/pruefung/getAllLehreinheiten/",t)},getLvsByStudent(t){return this.$fhcApi.get("api/frontend/v1/stv/pruefung/getLvsByStudent/"+t)},getLvsandLesByStudent(t,e){return this.$fhcApi.get("api/frontend/v1/stv/pruefung/getLvsandLesByStudent/"+t+"/"+e)},getLvsAndMas(t){return this.$fhcApi.get("api/frontend/v1/stv/pruefung/getLvsAndMas/"+t)},getMitarbeiterLv(t){return this.$fhcApi.get("api/frontend/v1/stv/pruefung/getMitarbeiterLv/"+t)},getNoten(){return this.$fhcApi.get("api/frontend/v1/stv/pruefung/getNoten")},checkZeugnisnoteLv(t){return this.$fhcApi.post("api/frontend/v1/stv/pruefung/checkZeugnisnoteLv/",t)},addPruefung(t,e){return this.$fhcApi.post(t,"api/frontend/v1/stv/pruefung/insertPruefung/",e)},updatePruefung(t,e,n){return this.$fhcApi.post(t,"api/frontend/v1/stv/pruefung/updatePruefung/"+e,n)},deletePruefung(t){return this.$fhcApi.post("api/frontend/v1/stv/pruefung/deletePruefung/"+t)}},abschlusspruefung:{getAbschlusspruefung(t,e,n){return this.$fhcApi.get("api/frontend/v1/stv/abschlusspruefung/getAbschlusspruefung/"+n.id)},addNewAbschlusspruefung(t,e){return this.$fhcApi.post(t,"api/frontend/v1/stv/abschlusspruefung/insertAbschlusspruefung/",e)},loadAbschlusspruefung(t){return this.$fhcApi.post("api/frontend/v1/stv/abschlusspruefung/loadAbschlusspruefung/",{id:t})},updateAbschlusspruefung(t,e){return this.$fhcApi.post(t,"api/frontend/v1/stv/abschlusspruefung/updateAbschlusspruefung/",e)},deleteAbschlusspruefung(t){return this.$fhcApi.post("api/frontend/v1/stv/abschlusspruefung/deleteAbschlusspruefung/",{id:t})},getTypenAbschlusspruefung(){return this.$fhcApi.get("api/frontend/v1/stv/abschlusspruefung/getTypenAbschlusspruefung/")},getTypenAntritte(){return this.$fhcApi.get("api/frontend/v1/stv/abschlusspruefung/getTypenAntritte/")},getBeurteilungen(){return this.$fhcApi.get("api/frontend/v1/stv/abschlusspruefung/getBeurteilungen/")},getAkadGrade(t){return this.$fhcApi.post("api/frontend/v1/stv/abschlusspruefung/getAkadGrade/",{studiengang_kz:t})},getTypStudiengang(t){return this.$fhcApi.post("api/frontend/v1/stv/abschlusspruefung/getTypStudiengang/",{studiengang_kz:t})},getMitarbeiter(t){return this.$fhcApi.get("api/frontend/v1/stv/abschlusspruefung/getMitarbeiter/"+t)},getPruefer(t){return this.$fhcApi.get("api/frontend/v1/stv/abschlusspruefung/getPruefer/"+t)},getNoten(){return this.$fhcApi.get("api/frontend/v1/stv/abschlusspruefung/getNoten/")},checkForExistingExams(t){return this.$fhcApi.post("api/frontend/v1/stv/abschlusspruefung/checkForExistingExams/",{uids:t})}},grades:{list(){return this.$fhcApi.get("api/frontend/v1/stv/grades/list")},getCertificate(t,e){let n="api/frontend/v1/stv/grades/getCertificate/"+encodeURIComponent(t);return e&&(n=n+"/"+encodeURIComponent(e)),this.$fhcApi.get(n)},getTeacherProposal(t,e){let n="api/frontend/v1/stv/grades/getTeacherProposal/"+encodeURIComponent(t);return e&&(n=n+"/"+encodeURIComponent(e)),this.$fhcApi.get(n)},getRepeaterGrades(t,e){let n="api/frontend/v1/stv/grades/getRepeaterGrades/"+encodeURIComponent(t);return e&&(n=n+"/"+encodeURIComponent(e)),this.$fhcApi.get(n)},updateCertificate({lehrveranstaltung_id:t,student_uid:e,studiensemester_kurzbz:n,note:i,lehrveranstaltung_bezeichnung:a}){return this.$fhcApi.post("api/frontend/v1/stv/grades/updateCertificate",{lehrveranstaltung_id:t,student_uid:e,studiensemester_kurzbz:n,note:i},{errorHeader:a})},deleteCertificate({lehrveranstaltung_id:t,student_uid:e,studiensemester_kurzbz:n,lehrveranstaltung_bezeichnung:i}){return this.$fhcApi.post("api/frontend/v1/stv/grades/deleteCertificate",{lehrveranstaltung_id:t,student_uid:e,studiensemester_kurzbz:n},{errorHeader:i})},copyTeacherProposalToCertificate({lehrveranstaltung_id:t,student_uid:e,studiensemester_kurzbz:n,lehrveranstaltung_bezeichnung:i}){return this.$fhcApi.post("api/frontend/v1/stv/grades/copyTeacherProposalToCertificate",{lehrveranstaltung_id:t,student_uid:e,studiensemester_kurzbz:n},{errorHeader:i})},copyRepeaterGradeToCertificate({studierendenantrag_lehrveranstaltung_id:t,lv_bezeichnung:e}){return this.$fhcApi.post("api/frontend/v1/stv/grades/copyRepeaterGradeToCertificate",{studierendenantrag_lehrveranstaltung_id:t},{errorHeader:e})},getGradeFromPoints(t,e,n,i){const a=i?{errorHandling:!1}:{};return this.$fhcApi.post("api/frontend/v1/stv/grades/getGradeFromPoints",{points:t,lehrveranstaltung_id:e,studiensemester_kurzbz:n},a)}},mobility:{getMobilitaeten(t,e,n){return this.$fhcApi.get("api/frontend/v1/stv/mobility/getMobilitaeten/"+n.id)},getProgramsMobility(){return this.$fhcApi.get("api/frontend/v1/stv/mobility/getProgramsMobility/")},addNewMobility(t,e){return this.$fhcApi.post(t,"api/frontend/v1/stv/mobility/insertMobility/",e)},loadMobility(t){return this.$fhcApi.get("api/frontend/v1/stv/mobility/loadMobility/"+t)},updateMobility(t,e){return this.$fhcApi.post(t,"api/frontend/v1/stv/mobility/updateMobility/",e)},deleteMobility(t){return this.$fhcApi.post("api/frontend/v1/stv/mobility/deleteMobility/"+t)},getLVList(t){return this.$fhcApi.get("api/frontend/v1/stv/mobility/getLVList/"+t)},getAllLehreinheiten(t){return this.$fhcApi.post("api/frontend/v1/stv/mobility/getAllLehreinheiten/",t)},getLvsandLesByStudent(t){return this.$fhcApi.get("api/frontend/v1/stv/mobility/getLvsandLesByStudent/"+t)},getPurposes(t,e,n){return this.$fhcApi.get("api/frontend/v1/stv/mobility/getPurposes/"+n.id)},getSupports(t,e,n){return this.$fhcApi.get("api/frontend/v1/stv/mobility/getSupports/"+n.id)},getListPurposes(){return this.$fhcApi.get("api/frontend/v1/stv/mobility/getListPurposes/")},getListSupports(){return this.$fhcApi.get("api/frontend/v1/stv/mobility/getListSupports/")},deleteMobilityPurpose(t){return this.$fhcApi.post("api/frontend/v1/stv/mobility/deleteMobilityPurpose/"+t.bisio_id,t)},addMobilityPurpose(t){return this.$fhcApi.post("api/frontend/v1/stv/mobility/addMobilityPurpose/"+t.bisio_id,t)},deleteMobilitySupport(t){return this.$fhcApi.post("api/frontend/v1/stv/mobility/deleteMobilitySupport/"+t.bisio_id,t)},addMobilitySupport(t){return this.$fhcApi.post("api/frontend/v1/stv/mobility/addMobilitySupport/"+t.bisio_id,t)}},archiv:{tabulatorConfig(t,e){return t.ajaxURL="api/frontend/v1/stv/archiv/get",t.ajaxParams=()=>({person_id:e.modelValue.person_id||e.modelValue.map(t=>t.person_id)}),t.ajaxRequestFunc=(t,e,n)=>this.$fhcApi.post(t,n,e),t.ajaxResponse=(t,e,n)=>n.data,t},getArchivVorlagen(){return this.$fhcApi.post("api/frontend/v1/stv/archiv/getArchivVorlagen")},archive(t){return this.$fhcApi.post("api/frontend/v1/documents/archive",t)},archiveSigned(t){return this.$fhcApi.post("api/frontend/v1/documents/archiveSigned",t)},update(t){return this.$fhcApi.post("api/frontend/v1/stv/archiv/update",t)},delete({akte_id:t,studiengang_kz:e}){return this.$fhcApi.post("api/frontend/v1/stv/archiv/delete",{akte_id:t,studiengang_kz:e})}},documents:{getDocumentsUnaccepted(t,e,n){return this.$fhcApi.get("api/frontend/v1/stv/dokumente/getDocumentsUnaccepted/"+n.id+"/"+n.studiengang_kz)},getDocumentsAccepted(t,e,n){return this.$fhcApi.get("api/frontend/v1/stv/dokumente/getDocumentsAccepted/"+n.id+"/"+n.studiengang_kz)},deleteZuordnung(t){return this.$fhcApi.post("api/frontend/v1/stv/dokumente/deleteZuordnung/"+t.prestudent_id+"/"+t.dokument_kurzbz)},createZuordnung(t){return this.$fhcApi.post("api/frontend/v1/stv/dokumente/createZuordnung/"+t.prestudent_id+"/"+t.dokument_kurzbz)},loadAkte(t){return this.$fhcApi.get("api/frontend/v1/stv/dokumente/loadAkte/"+t)},getDoktypen(){return this.$fhcApi.get("api/frontend/v1/stv/dokumente/getDoktypen/")},updateFile(t,e){return this.$fhcApi.post("api/frontend/v1/stv/dokumente/updateAkte/"+t,e)},deleteFile(t){return this.$fhcApi.post("api/frontend/v1/stv/dokumente/deleteAkte/"+t)},uploadFile(t,e){return this.$fhcApi.post("api/frontend/v1/stv/dokumente/uploadDokument/"+t,e)}},exemptions:{getAnrechnungen(t,e,n){return this.$fhcApi.get("api/frontend/v1/stv/anrechnungen/getAnrechnungen/"+n.id)},getLehrveranstaltungen(t){return this.$fhcApi.get("api/frontend/v1/stv/anrechnungen/getLehrveranstaltungen/"+t)},getBegruendungen(){return this.$fhcApi.get("api/frontend/v1/stv/anrechnungen/getBegruendungen/")},getLvsKompatibel(t){return this.$fhcApi.get("api/frontend/v1/stv/anrechnungen/getLvsKompatibel/"+t)},getLektoren(t){return this.$fhcApi.get("api/frontend/v1/stv/anrechnungen/getLektoren/"+t)},addNewAnrechnung(t,e){return this.$fhcApi.post(t,"api/frontend/v1/stv/anrechnungen/insertAnrechnung/",e)},loadAnrechnung(t){return this.$fhcApi.get("api/frontend/v1/stv/anrechnungen/loadAnrechnung/"+t)},editAnrechnung(t,e){return this.$fhcApi.post(t,"api/frontend/v1/stv/anrechnungen/updateAnrechnung/",e)},deleteAnrechnung(t){return this.$fhcApi.post("api/frontend/v1/stv/anrechnungen/deleteAnrechnung/"+t)}},jointstudies:{getStudies(t,e,n){return this.$fhcApi.get("api/frontend/v1/stv/GemeinsameStudien/getStudien/"+n.id)},getTypenMobility(){return this.$fhcApi.get("api/frontend/v1/stv/GemeinsameStudien/getTypenMobility/")},getStudiensemester(){return this.$fhcApi.get("api/frontend/v1/stv/GemeinsameStudien/getStudiensemester/")},getStudyprograms(){return this.$fhcApi.get("api/frontend/v1/stv/GemeinsameStudien/getStudienprogramme/")},getListPartner(){return this.$fhcApi.get("api/frontend/v1/stv/GemeinsameStudien/getPartnerfirmen/")},getStatiPrestudent(){return this.$fhcApi.get("api/frontend/v1/stv/GemeinsameStudien/getStatiPrestudent/")},loadStudy(t){return this.$fhcApi.get("api/frontend/v1/stv/GemeinsameStudien/loadStudie/"+t)},insertStudy(t,e){return this.$fhcApi.post(t,"api/frontend/v1/stv/GemeinsameStudien/insertStudie/",e)},updateStudy(t,e){return this.$fhcApi.post(t,"api/frontend/v1/stv/GemeinsameStudien/updateStudie/",e)},deleteStudy(t){return this.$fhcApi.post("api/frontend/v1/stv/GemeinsameStudien/deleteStudie/"+t)}},courselist:{getCourselist(t,e,n){return this.$fhcApi.get("api/frontend/v1/stv/LvTermine/getStundenplan/"+n.student_uid+"/"+n.start_date+"/"+n.end_date+"/"+n.group_consecutiveHours+"/"+n.dbStundenplanTable)},getStudiensemester(){return this.$fhcApi.get("api/frontend/v1/stv/LvTermine/getStudiensemester/")}},configStudent(){return this.$fhcApi.get("api/frontend/v1/stv/config/student")},configStudents(){return this.$fhcApi.get("api/frontend/v1/stv/config/students")}},O={person:{getNotizen(t,e,n){return this.$fhcApi.get("api/frontend/v1/notiz/notizPerson/getNotizen/"+n.id+"/"+n.type)},getUid(){return this.$fhcApi.get("api/frontend/v1/notiz/notizPerson/getUid/")},addNewNotiz(t,e,n){return this.$fhcApi.post(t,"api/frontend/v1/notiz/notizPerson/addNewNotiz/"+e,n)},loadNotiz(t){return this.$fhcApi.post("api/frontend/v1/notiz/notizPerson/loadNotiz/",{notiz_id:t})},loadDokumente(t){return this.$fhcApi.post("api/frontend/v1/notiz/notizPerson/loadDokumente/",{notiz_id:t})},deleteNotiz(t,e,n){return this.$fhcApi.post("api/frontend/v1/notiz/notizPerson/deleteNotiz/",{notiz_id:t,type_id:e,id:n})},updateNotiz(t,e,n){return this.$fhcApi.post(t,"api/frontend/v1/notiz/notizPerson/updateNotiz/"+e,n)},getMitarbeiter(t){return this.$fhcApi.get("api/frontend/v1/notiz/notizPerson/getMitarbeiter/"+t)},isBerechtigt(t,e){return this.$fhcApi.get("api/frontend/v1/notiz/notizPerson/isBerechtigt/")}}},P={person:{getAllBetriebsmittel(t,e,n){return this.$fhcApi.get("api/frontend/v1/betriebsmittel/betriebsmittelP/getAllBetriebsmittel/"+n.type+"/"+n.id)},addNewBetriebsmittel(t,e,n){return this.$fhcApi.post(t,"api/frontend/v1/betriebsmittel/betriebsmittelP/addNewBetriebsmittel/"+e,n)},loadBetriebsmittel(t){return this.$fhcApi.post("api/frontend/v1/betriebsmittel/betriebsmittelP/loadBetriebsmittel/"+t)},updateBetriebsmittel(t,e,n){return this.$fhcApi.post(t,"api/frontend/v1/betriebsmittel/betriebsmittelP/updateBetriebsmittel/"+e,n)},deleteBetriebsmittel(t){return this.$fhcApi.post("api/frontend/v1/betriebsmittel/betriebsmittelP/deleteBetriebsmittel/"+t)},getTypenBetriebsmittel(){return this.$fhcApi.get("api/frontend/v1/betriebsmittel/betriebsmittelP/getTypenBetriebsmittel/")},loadInventarliste(t){return this.$fhcApi.get("api/frontend/v1/betriebsmittel/betriebsmittelP/loadInventarliste/"+t)}}},F={updatePersonUnrulyStatus(t,e){try{const n={person_id:t,unruly:e},i="/api/frontend/v1/checkperson/CheckPerson/updatePersonUnrulyStatus";return this.$fhcApi.post(i,n,null)}catch(t){throw t}},filterPerson(t,e=""){try{const n=e+"/api/frontend/v1/checkperson/CheckPerson/filterPerson";return axios.post(n,t)}catch(t){throw t}}},z={getContentID(t){return this.$fhcApi.get(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+"/api/frontend/v1/Ort/ContentID",{ort_kurzbz:t})},getRooms(t,e,n,i,a=0){return this.$fhcApi.get(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+"/api/frontend/v1/Ort/getRooms",{datum:t,von:e,bis:n,typ:i,personenanzahl:a})},getRoomTypes(){return this.$fhcApi.get(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+"/api/frontend/v1/Ort/getTypes")}},I={content(t,e=null,n=null,i=null){return this.$fhcApi.get("/api/frontend/v1/Cms/content",{content_id:t,...e?{version:e}:{},...n?{sprache:n}:{},...i?{sichtbar:i}:{}})},getNews(t=1,e=10,n){return this.$fhcApi.get("/api/frontend/v1/Cms/getNews",{page:t,page_size:e,sprache:n})},news(t){return this.$fhcApi.get("/api/frontend/v1/Cms/news",{limit:t})},getNewsRowCount:function(){return this.$fhcApi.get("/api/frontend/v1/Cms/getNewsRowCount",{})},getNewsExtra:function(){return this.$fhcApi.get("/api/frontend/v1/Cms/getStudiengangInfoForNews",{})}},L={getStudentenMail(t){return this.$fhcApi.get(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+"/api/frontend/v1/Lehre/lvStudentenMail",{lehreinheit_id:t})},getLvInfo(t,e){return this.$fhcApi.get(`/api/frontend/v1/Lehre/LV/${t}/${e}`,{})},getStudentPruefungen(t){return this.$fhcApi.get(`/api/frontend/v1/Lehre/Pruefungen/${t}`,{})},getStudentProjektarbeiten(t){return this.$fhcApi.get(`/api/frontend/v1/Lehre/getStudentProjektarbeiten/${t}`,{})},getStudentProjektabgaben(t){return this.$fhcApi.get("/api/frontend/v1/Lehre/getStudentProjektabgaben",{projektarbeit_id:t.projektarbeit_id,student_uid:t.student_uid})},postStudentProjektarbeitEndupload(t){return this.$fhcApi.post("/api/frontend/v1/Lehre/postStudentProjektarbeitEndupload",t,{Headers:{"Content-Type":"multipart/form-data"}})},postStudentProjektarbeitZwischenabgabe(t){return this.$fhcApi.post("/api/frontend/v1/Lehre/postStudentProjektarbeitZwischenabgabe",t,{Headers:{"Content-Type":"multipart/form-data"}})},getStudentProjektarbeitAbgabeFile(t,e){const n=`/Cis/Abgabetool/getStudentProjektarbeitAbgabeFile?paabgabe_id=${t}&student_uid=${e}`;window.location=FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+n},getMitarbeiterProjektarbeiten(t,e){return this.$fhcApi.get(`/api/frontend/v1/Lehre/getMitarbeiterProjektarbeiten?showall=${e}`,{})},postProjektarbeitAbgabe(t){const e={paabgabe_id:t.paabgabe_id,paabgabetyp_kurzbz:t.bezeichnung.paabgabetyp_kurzbz,datum:t.datum,fixtermin:t.fixtermin,insertvon:t.insertvon,kurzbz:t.kurzbz,projektarbeit_id:t.projektarbeit_id};return this.$fhcApi.post("/api/frontend/v1/Lehre/postProjektarbeitAbgabe",e,null)},deleteProjektarbeitAbgabe(t){const e={paabgabe_id:t};return this.$fhcApi.post("/api/frontend/v1/Lehre/deleteProjektarbeitAbgabe",e,null)},postSerientermin(t,e,n,i,a){const s={datum:t,paabgabetyp_kurzbz:e,bezeichnung:n,kurzbz:i,projektarbeit_ids:a};return this.$fhcApi.post("/api/frontend/v1/Lehre/postSerientermin",s,null)},fetchDeadlines(t){const e={person_id:t};return this.$fhcApi.post("/api/frontend/v1/Lehre/fetchDeadlines",e,null)}},M={getLvMenu(t,e){return this.$fhcApi.get(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+`/api/frontend/v1/LvMenu/getLvMenu/${t}/${e}`,{})}},R={person:{getMessages(t,e,n){return this.$fhcApi.get("api/frontend/v1/messages/messages/getMessages/"+n.id+"/"+n.type+"/"+n.size+"/"+n.page)},getVorlagen(){return this.$fhcApi.get("api/frontend/v1/messages/messages/getVorlagen/")},getMsgVarsLoggedInUser(){return this.$fhcApi.get("api/frontend/v1/messages/messages/getMsgVarsLoggedInUser/")},getMessageVarsPerson(t){return this.$fhcApi.get("api/frontend/v1/messages/messages/getMessageVarsPerson/"+t.id+"/"+t.type_id)},getMsgVarsPrestudent(t){return this.$fhcApi.get("api/frontend/v1/messages/messages/getMsgVarsPrestudent/"+t.id+"/"+t.type_id)},getPersonId(t){return this.$fhcApi.get("api/frontend/v1/messages/messages/getPersonId/"+t.id+"/"+t.type_id)},getUid(t){return this.$fhcApi.get("api/frontend/v1/messages/messages/getUid/"+t.id+"/"+t.type_id)},getDataVorlage(t){return this.$fhcApi.get("api/frontend/v1/messages/messages/getDataVorlage/"+t)},getNameOfDefaultRecipient(t){return this.$fhcApi.get("api/frontend/v1/messages/messages/getNameOfDefaultRecipient/"+t.id+"/"+t.type_id)},getPreviewText(t,e){return this.$fhcApi.post("api/frontend/v1/messages/messages/getPreviewText/"+t.id+"/"+t.type_id,e)},getReplyData(t){return this.$fhcApi.get("api/frontend/v1/messages/messages/getReplyData/"+t)},sendMessageFromModalContext(t,e,n){return this.$fhcApi.post(t,"api/frontend/v1/messages/messages/sendMessage/"+e,n)},sendMessage(t,e){return this.$fhcApi.post("api/frontend/v1/messages/messages/sendMessage/"+t,e)},deleteMessage(t){return this.$fhcApi.post("api/frontend/v1/messages/messages/deleteMessage/"+t)}}},N={getVorlagen(){return this.$fhcApi.get("api/frontend/v1/vorlagen/vorlagen/getVorlagen/")},getVorlagenByLoggedInUser(){return this.$fhcApi.get("api/frontend/v1/vorlagen/vorlagen/getVorlagenByLoggedInUser/")}},B={getStudiensemester:function(){return this.$fhcApi.get("/components/Cis/Mylv/Studiensemester",{})},getAllStudienSemester:function(t=void 0,e=void 0,n=void 0,i=void 0){return this.$fhcApi.get("/api/frontend/v1/Studium/getStudienAllSemester",{studiensemester:t,studiengang:e,semester:n,studienplan:i})},getStudiengaengeForStudienSemester:function(t){return this.$fhcApi.get(`/api/frontend/v1/Studium/getStudiengaengeForStudienSemester/${t}`,{})},getStudienplaeneBySemester:function(t,e){return this.$fhcApi.get("/api/frontend/v1/Studium/getStudienplaeneBySemester",{studiengang:t,studiensemester:e})},getLvPlanForStudiensemester:function(t,e){return this.$fhcApi.get(`/api/frontend/v1/LvPlan/getLvPlanForStudiensemester/${t}/${e}`,{})},getLvEvaluierungInfo:function(t,e){return this.$fhcApi.get(`/api/frontend/v1/Studium/getLvEvaluierungInfo/${t}/${e}`,{})}},U={search:k,phrasen:A,navigation:x,dashboard:{async getViewData(){return this.$fhcApi.get("/api/frontend/v1/Cis4FhcApi/getViewData",null,null)}},filter:S,studstatus:$,profil:T,profilUpdate:E,lvPlan:D,bookmark:{getBookmarks:function(){return this.$fhcApi.get("/api/frontend/v1/Bookmark/getBookmarks",{})},delete:function(t){return this.$fhcApi.get(`/api/frontend/v1/Bookmark/delete/${t}`,{})},update:function({bookmark_id:t,url:e,title:n,tag:i=null}){return this.$fhcApi.post(`/api/frontend/v1/Bookmark/update/${t}`,{url:e,title:n})},insert:function({url:t,title:e,tag:n}){return this.$fhcApi.post("/api/frontend/v1/Bookmark/insert",{url:t,title:e,tag:n})}},stv:C,notiz:O,betriebsmittel:P,checkperson:F,ampeln:{open:function(){return this.$fhcApi.get("/api/frontend/v1/Ampeln/open",{})},all:function(){return this.$fhcApi.get("/api/frontend/v1/Ampeln/all",{})},confirm:function(t){return this.$fhcApi.get(`/api/frontend/v1/Ampeln/confirm/${t}`,{})}},ort:z,cms:I,lehre:L,addons:M,messages:R,vorlagen:N,addons:M,studiengang:{studiengangInformation:function(){return this.$fhcApi.get("/api/frontend/v1/Studgang/getStudiengangInfo",{})},getStudiengangByKz:function(t){return this.$fhcApi.get("/api/frontend/v1/organisation/StudiengangEP/getStudiengangByKz",{studiengang_kz:t})}},menu:{getMenu:function(){return this.$fhcApi.get("/api/frontend/v1/CisMenu/getMenu",{})}},authinfo:{getAuthUID(){return this.$fhcApi.get("/api/frontend/v1/AuthInfo/getAuthUID",{})},getAuthInfo(){return this.$fhcApi.get("/api/frontend/v1/AuthInfo/getAuthInfo",{})}},studium:B,language:{getAll(){return this.$fhcApi.get("/api/frontend/v1/language/get")}}},j={install:(t,e)=>{if(t.config.globalProperties.$fhcApi)return void(e?.factory&&(console.warn("$fhcApi is DEPRECATED!"),t.config.globalProperties.$fhcApi.factory.addEndpoints(e.factory)));function n(t,e,n,i){if("string"==typeof t&&void 0===i)[e,n,i]=[t,e,n],t=void 0;else if(t){if("object"!=typeof t)throw new TypeError("Parameter 1 of _get_config must be an object or a string");void 0===e&&void 0===n&&void 0===i&&(i=t,t=void 0)}if(t){if(!t.clearValidation||!t.setFeedback)throw new TypeError("'form' is not a Form Component");t={clearValidation:t.clearValidation,setFeedback:t.setFeedback},i?i.form=t:i={form:t}}return[e,n,i]}function i(t){const e=t.data;return delete t.data,e.meta?e.meta.response=t:e.meta={response:t},e}FHC_JS_DATA_STORAGE_OBJECT.app_root,FHC_JS_DATA_STORAGE_OBJECT.ci_router;const a=axios.create({timeout:5e5,baseURL:FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+"/"});a.interceptors.request.use(t=>{if("post"!=t.method||!t.data)return t;if(t.data instanceof FormData)return t;if(!Object.values(t.data).every(t=>!(t instanceof FileList)&&(!Array.isArray(t)||t.every(t=>!(t instanceof File))))){const e=Object.entries(t.data).reduce((t,[e,n])=>{if(n instanceof FileList)for(const i of n)t.FormData.append(e+(n.length>1?"[]":""),i);else Array.isArray(n)?n.every(t=>!(t instanceof File))?t.jsondata[e]=n:n.forEach(i=>t.FormData.append(e+(n.length>1?"[]":""),i)):t.jsondata[e]=n;return t},{FormData:new FormData,jsondata:{}});e.FormData.append("_jsondata",JSON.stringify(e.jsondata)),t.data=e.FormData}return t}),a.interceptors.response.use(e=>("off"==e.config?.errorHandling||!1===e.config?.errorHandling||"fail"==e.config?.errorHandling||e.data.errors&&(e.data.errors=e.data.errors.filter(n=>(e.config[n.type+"ErrorHandler"]||t.config.globalProperties.$fhcApi._defaultErrorHandlers[n.type])(n,e.config))),i(e)),e=>"ERR_CANCELED"==e.code?Promise.reject({handled:!0,...e}):"off"==e.config?.errorHandling||!1===e.config?.errorHandling||"success"==e.config?.errorHandling?Promise.reject(e):e.response?404==e.response.status?(t.config.globalProperties.$fhcAlert.alertDefault("error",e.message,e.request.responseURL,!0),Promise.reject({handled:!0,...e})):(e.response.data.errors=e.response.data.errors.filter(n=>(e.config[n.type+"ErrorHandler"]||t.config.globalProperties.$fhcApi._defaultErrorHandlers[n.type])(n,e.config)),e.response.data.errors.length?Promise.reject(e):Promise.reject({handled:!0,...e})):e.request?(t.config.globalProperties.$fhcAlert.alertDefault("error",e.message,e.request.responseURL),Promise.reject({handled:!0,...e})):(t.config.globalProperties.$fhcAlert.alertError(e.message),Promise.reject({handled:!0,...e}))),t.config.globalProperties.$fhcApi={getUri:t=>(console.warn("$fhcApi.getUri is DEPRECATED! Use $api.getUri instead."),a.getUri({url:t})),get:(t,e,i,s)=>(console.warn("$fhcApi.get is DEPRECATED! Use $api.get instead."),[e,i,s]=n(t,e,i,s),i&&(s?s.params=i:s={params:i}),a.get(e,s)),post:(t,e,i,s)=>(console.warn("$fhcApi.post is DEPRECATED! Use $api.post instead."),[e,i,s]=n(t,e,i,s),a.post(e,i,s)),_defaultErrorHandlers:{validation(e,n){const i=t.config.globalProperties.$fhcAlert;return n?.form?(n.form.clearValidation(),n.form.setFeedback(!1,e.messages),!1):Array.isArray(e.messages)?(e.messages.forEach(i.alertError),!1):"object"!=typeof e.messages||(n?.errorHeader?Object.values(e.messages).forEach(e=>i.alertDefault("error",Array.isArray(n.errorHeader)?t.config.globalProperties.$p.t.apply(null,n.errorHeader):n.errorHeader,e,!0)):Object.entries(e.messages).forEach(([t,e])=>i.alertDefault("error",t,e,!0)),!1)},general(e,n){const i=t.config.globalProperties.$fhcAlert;n?.form?n.form.setFeedback(!1,e.message):n?.errorHeader?i.alertDefault("error",Array.isArray(n.errorHeader)?t.config.globalProperties.$p.t.apply(null,n.errorHeader):n.errorHeader,e.message,!0):i.alertError(e.message)},php(e){const n=t.config.globalProperties.$fhcAlert;var i="";switch(i+="Message: "+e.message+"\n\n",i+="Filename: "+e.filename+"\n",i+="Line Number: "+e.line+"\n",e.backtrace&&e.backtrace.length&&(i+="\nBacktrace: ",e.backtrace.forEach(t=>{i+="\n\tFile: "+t.file+"\n",i+="\tLine: "+t.line+"\n",i+="\tFunction: "+t.function+"\n"})),e.severity){case"Warning":case"Core Warning":case"Compile Warning":case"User Warning":n.alertDefault("warn","PHP "+e.severity,i,!0);break;case"Notice":case"User Notice":case"Runtime Notice":n.alertDefault("info","PHP "+e.severity,i,!0);break;default:i="Type: PHP "+e.severity+"\n\n"+i,n.alertSystemError(i)}},exception(e){const n=t.config.globalProperties.$fhcAlert;var i="";i+="Type: "+e.class+"\n\n",i+="Message: "+e.message+"\n\n",i+="Filename: "+e.filename+"\n",i+="Line Number: "+e.line+"\n",e.backtrace&&e.backtrace.length&&(i+="\nBacktrace: ",e.backtrace.forEach(t=>{i+="\n\tFile: "+t.file+"\n",i+="\tLine: "+t.line+"\n",i+="\tFunction: "+t.function+"\n"})),n.alertSystemError(i)},db(e){const n=t.config.globalProperties.$fhcAlert;var i="";void 0!==e.heading&&(i+=e.heading+"\n\n"),void 0!==e.code&&(i+="Code: "+e.code+"\n\n"),void 0!==e.sql&&(i+="SQL: "+e.sql+"\n\n"),void 0!==e.message?i+="Message: "+e.message+"\n\n":void 0!==e.messages&&(i+="Messages: "+e.messages.join("\n\t")+"\n\n"),void 0!==e.filename&&(i+="Filename: "+e.filename+"\n"),void 0!==e.line&&(i+="Line Number: "+e.line+"\n"),n.alertSystemError(i)},auth(e,n){const i=t.config.globalProperties.$fhcAlert;var a="";a+="Controller name: "+e.controller+"\n",a+="Method name: "+e.method+"\n",a+="Required permissions: "+e.required_permissions,n?.errorHeader?i.alertDefault("error",Array.isArray(n.errorHeader)?t.config.globalProperties.$p.t.apply(null,n.errorHeader):n.errorHeader,e.message,!0):i.alertDefault("error",e.message,a)}}};class s{constructor(e,n){void 0===n?(this.$fhcApi={getUri:e=>(console.warn("$fhcApi.factory is DEPRECATED!"),t.config.globalProperties.$fhcApi.getUri(e)),get:(e,n,i,a)=>(console.warn("$fhcApi.factory is DEPRECATED!"),t.config.globalProperties.$fhcApi.get(e,n,i,a)),post:(e,n,i,a)=>(console.warn("$fhcApi.factory is DEPRECATED!"),t.config.globalProperties.$fhcApi.post(e,n,i,a))},Object.defineProperty(this.$fhcApi,"factory",{get:()=>(console.warn("$fhcApi.factory is DEPRECATED!"),t.config.globalProperties.$fhcApi.factory)}),t.config.globalProperties.$fhcApi.factory=this):Object.defineProperty(this,"$fhcApi",{get(){return(n||this).$fhcApi}}),this.addEndpoints(e,!0)}addEndpoints(t,e){Object.keys(t).forEach(e=>{Object.defineProperty(this,e,{get(){return"function"==typeof t[e]?t[e].bind(this):new s(t[e],this.$fhcApi.factory)}})}),e||console.warn("$fhcApi.factory.addEndpoints() is DEPRECATED!")}}const r=new s(U);e?.factory&&(console.warn("$fhcApi is DEPRECATED!"),r.addEndpoints(e.factory)),t.config.globalProperties.$fhcApi.factory=r,t.provide("$fhcApi",t.config.globalProperties.$fhcApi)}};const H="error",V="retval",J={get:function(t,e,n=null){return J._axiosCall(t,e,"get",n)},post:function(t,e,n=null){return J._axiosCall(t,e,"post",n)},isSuccess:function(t){return!("object"!=typeof t||!t.hasOwnProperty(H)||!t.hasOwnProperty(V)||0!=t.error)},isError:function(t){return!J.isSuccess(t)},hasData:function(t){return!(!J.isSuccess(t)||!("object"==typeof t[V]&&Object.keys(t[V]).length>0||"array"==typeof t[V]&&t[V].length>0||"string"==typeof t[V]&&""!=t[V].trim()||"number"==typeof t[V]))},getData:function(t){return J.hasData(t)?t[V]:null},getError:function(t){return"object"==typeof t&&Object.keys(t).length>0&&t.hasOwnProperty(V)?t[V]:"Generic error"},getErrorCode:function(t){return"object"==typeof t&&t.hasOwnProperty(H)?t[H]:1},_generateRouterURI:function(t){var e=null;return"undefined"!=typeof FHC_JS_DATA_STORAGE_OBJECT&&(e=FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+"/"+t),e},_printDebug:function(t,e,n){},_axiosCall:function(t,e,n,i){let a={method:n,url:J._generateRouterURI(t),timeout:5e3};if("get"==n?a.params=e:a.data=e,"object"==typeof i)for(var s in i)a[s]=i[s];return axios(a)}},G=document.createElement("div"),q=Vue.createApp({name:"FhcAlertApp",components:{PvToast:e,PvConfirm:n},methods:{mailToUrl:t=>"mailto:"+FHC_JS_DATA_STORAGE_OBJECT.systemerror_mailto+"?subject=Meldung%20Systemfehler&body="+("\n\t\t\t\tDanke, dass Sie uns den Fehler melden. %0D%0A %0D%0A\n\t\t\t\tBitte beschreiben Sie uns ausführlich das Problem.%0D%0A\n\t\t\t\tBsp: Ich habe X ausgewählt und Y angelegt. Beim Speichern erhielt ich die Fehlermeldung. [Optional: Ich habe den Browser Z verwendet.]%0D%0A\n\t\t\t\t-----------------------------------------------------------------------------------------------------------------------------------%0D%0A\n\t\t\t\tPROBLEM: ... %0D%0A %0D%0A %0D%0A\n\n\t\t\t\t-----------------------------------------------------------------------------------------------------------------------------------%0D%0A\n\t\t\t\tFehler URL: "+FHC_JS_DATA_STORAGE_OBJECT.called_path+"/"+FHC_JS_DATA_STORAGE_OBJECT.called_method+"%0D%0A\n\t\t\t\tFehler Meldung: "+t.message.detail+"%0D%0A\n\t\t\t\t-----------------------------------------------------------------------------------------------------------------------------------%0D%0A %0D%0A\n\t\t\t\tWir kümmern uns um eine rasche Behebung des Problems!"),openMessagecard(t){bootstrap.Collapse.getOrCreateInstance(t.target.getAttribute("href")).toggle()}},unmounted(){G.parentElement.removeChild(G)},computed:{showmaillink:function(){return""!==FHC_JS_DATA_STORAGE_OBJECT.systemerror_mailto}},template:'\n\t\n\t\t\t{{ $p.t(\'global/personalGreeting\', [ viewDataInternal?.name ]) }}\n\t\t\t\n\t\t
\n\t\t{{ message.detail }}
\n\t\t\t\n\t\t\n\t- "+r.join("")+"
- "+s.join("")+"
\n\t\t
\n\t'},_t={name:"CalendarSlider",inject:{time:{from:"sliderTime",default:".3s"}},emits:["slid"],data:()=>({target:0,extrasAfter:0,extrasBefore:0,running:!1,promiseResolve:null}),computed:{itemsAfter(){return[...Array(this.extrasAfter)].map((t,e)=>1+e)},itemsBefore(){return[...Array(this.extrasBefore)].map((t,e)=>e-this.extrasBefore)},styleSlider(){const t={position:"absolute",top:0,left:0,width:"100%",height:"100%"};return this.running&&(t.left=100*-this.target+"%",t.transition="left "+this.time+" ease-in-out"),t},styleBefore(){return{position:"absolute",top:0,height:"100%",display:"flex",right:"100%",width:100*this.extrasBefore+"%"}},styleAfter(){return{position:"absolute",top:0,height:"100%",display:"flex",left:"100%",width:100*this.extrasAfter+"%"}}},methods:{prevPage(){return this.slidePages(-1)},nextPage(){return this.slidePages(1)},slidePages(t){return new Promise(e=>{this.promiseResolve=e,this.running=!0;const n=this.target+t;n>0?this.extrasAfter\n\t\t\t
\n\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\t
\n\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t
\n\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t
\n\t\t\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\n\t\t\t\t
\n\t\t\n\t\n\t'};const kt=[];function At(t,e,n){const i=kt.findIndex(e=>e.el==t);i>=0&&(t.removeEventListener("click",kt[i].listener),kt.splice(i,1));const a=t=>{t.preventDefault(),t.stopPropagation();const i=new CustomEvent("cal-click",{cancelable:!0,bubbles:!0,detail:{source:e,value:n}});t.target.dispatchEvent(i)};kt.push({el:t,listener:a}),t.addEventListener("click",a)}var xt={mounted(t,e,n){"container"==e.arg?t.addEventListener("cal-click",t=>{const n=new Event("click:"+t.detail.source,{cancelable:!0});if(e.instance.$emit("click:"+t.detail.source,n,t.detail.value),!n.defaultPrevented){const e=new CustomEvent("cal-click-default",{cancelable:!0,bubbles:!0,detail:t.detail});t.target.dispatchEvent(e)}}):At(t,e.arg,e.value)},updated(t,e,n,i){"container"!=e.arg&&At(t,e.arg,e.value)}},St={name:"CalendarBase",components:{BaseDraganddrop:yt,BaseHeader:wt,BaseSlider:_t,BsModal:s},directives:{CalClick:xt},provide(){return{locale:Vue.computed(()=>this.locale),timezone:Vue.computed(()=>this.timezone),timeGrid:Vue.computed(()=>this.timeGrid),draggableEvents:Vue.computed(()=>this.draggableEvents?Array.isArray(this.draggableEvents)?t=>this.draggableEvents.includes(t.type):this.draggableEvents instanceof Function?this.draggableEvents:()=>!0:()=>!1),dropableEvents:Vue.computed(()=>this.onDrop?Array.isArray(this.dropableEvents)?t=>this.dropableEvents.includes(t.type):this.dropableEvents instanceof Function?this.dropableEvents:()=>!0:()=>!1),hasDragoverFunc:Vue.computed(()=>this.onDragover),mode:Vue.computed(()=>this.mode)}},props:{locale:{type:String,default:"de"},timezone:{type:String,required:!0},date:{type:[Date,String,Number,luxon.DateTime],default:t=>luxon.DateTime.now().setZone(t.timezone).startOf("day")},modes:{type:Object,required:!0,default:{}},mode:String,modeOptions:Object,events:{type:Array,default:[]},backgrounds:{type:Array,default:[]},showBtns:Boolean,btnMonth:{type:Boolean,default:void 0},btnWeek:{type:Boolean,default:void 0},btnDay:{type:Boolean,default:void 0},btnList:{type:Boolean,default:void 0},timeGrid:Array,draggableEvents:[Boolean,Array,Function],dropableEvents:[Boolean,Array,Function],onDragover:Function,onDrop:Function},emits:["click:next","click:prev","click:mode","click:event","click:day","click:week","update:date","update:mode","update:range","drop"],data:()=>({internalView:null,internalDate:null,modalEvent:null}),computed:{convertedEvents(){return this.events.map(t=>({id:t.type+t[t.type+"_id"],type:t.type,start:luxon.DateTime.fromISO(t.isostart).setZone(this.timezone),end:luxon.DateTime.fromISO(t.isoend).setZone(this.timezone),orig:t}))},convertedBackgrounds(){return this.backgrounds.map(t=>{const e={...t};return e.start&&(Number.isInteger(e.start)?e.start=luxon.DateTime.fromMillis(e.start,{zone:this.timezone,locale:this.locale}):e.start instanceof Date?e.start=luxon.DateTime.fromJSDate(e.start,{zone:this.timezone,locale:this.locale}):("string"==typeof e.start||e.start instanceof String)&&(e.start=luxon.DateTime.fromISO(e.start,{zone:this.timezone,locale:this.locale}))),e.end&&(Number.isInteger(e.end)?e.end=luxon.DateTime.fromMillis(e.end,{zone:this.timezone,locale:this.locale}):e.end instanceof Date?e.end=luxon.DateTime.fromJSDate(e.end,{zone:this.timezone,locale:this.locale}):("string"==typeof e.end||e.end instanceof String)&&(e.end=luxon.DateTime.fromISO(e.end,{zone:this.timezone,locale:this.locale}))),e})},sDate(){return this.date instanceof luxon.DateTime?this.date:luxon.DateTime.fromJSDate(new Date(this.date)).setZone(this.timezone)},cDate:{get(){return(this.internalDate?this.internalDate:this.sDate).setLocale(this.locale)},set(t){this.internalDate=t,this.$emit("update:date",t,this.cMode)}},sMode(){let t=this.mode;return t&&(t=t.toLowerCase()),t&&this.modes[t]||(t=Object.keys(this.modes).find(Boolean)),t||""},cMode:{get(){return this.internalView?this.internalView:this.sMode},set(t){this.internalView=t,this.$emit("update:mode",t,this.cDate)}}},watch:{sDate(t,e){this.sDate.isValid&&!this.sDate.hasSame(this.internalDate,"day")&&(this.internalDate=this.sDate)},sMode(){this.sMode&&(this.internalView=this.sMode)}},methods:{clickPrev(){const t=new Event("click:prev",{cancelable:!0});this.$emit("click:prev",t),t.defaultPrevented||this.$refs.mode.prevPage()},clickNext(){const t=new Event("click:next",{cancelable:!0});this.$emit("click:next",t),t.defaultPrevented||this.$refs.mode.nextPage()},handleClickDefaults(t){switch(t.detail.source){case"day":"day"!=this.cMode&&this.modes.day&&(t.stopPropagation(),this.cDate=t.detail.value,this.cMode="day");break;case"week":"week"!=this.cMode&&this.modes.week&&(t.stopPropagation(),this.cDate=luxon.DateTime.fromObject({localWeekNumber:t.detail.value.number,localWeekYear:t.detail.value.year},{zone:this.cDate.zoneName,locale:this.cDate.locale}),this.cMode="week")}},onDropItem(t,e,n){this.$emit("drop",t,e,n)},showEventModal(t){this.modalEvent=t,this.$refs.modal.show()},hideEventModal(){this.modalEvent&&(this.modalEvent.closeFn=void 0),this.$refs.modal.hide(),this.modalEvent=null},onModalHidden(){this.modalEvent.closeFn&&this.modalEvent.closeFn()}},beforeUnmount(){this.hideEventModal()},template:'\n\t\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\t\t \n\t
\n\t'},$t={getRoomInfo:(t,e,n)=>({method:"post",url:"/api/frontend/v1/LvPlan/getRoomplan",params:{ort_kurzbz:t,start_date:e,end_date:n}}),getLvPlan:(t,e,n)=>({method:"get",url:"/api/frontend/v1/LvPlan/getLvPlan",params:{start_date:t,end_date:e,lv_id:n}}),eventsPersonal:(t,e)=>({method:"post",url:"/api/frontend/v1/lvPlan/eventsPersonal",params:{start_date:t,end_date:e}}),eventsLv:(t,e,n)=>({method:"post",url:"/api/frontend/v1/lvPlan/eventsLv",params:{lv_id:t,start_date:e,end_date:n}}),getStunden:()=>({method:"get",url:"/api/frontend/v1/LvPlan/Stunden"}),getOrtReservierungen:(t,e,n)=>({method:"post",url:`/api/frontend/v1/LvPlan/getReservierungen/${t}`,params:{start_date:e,end_date:n}}),getLvPlanReservierungen:(t,e)=>({method:"post",url:"/api/frontend/v1/LvPlan/getReservierungen",params:{start_date:t,end_date:e}}),getLehreinheitStudiensemester:t=>({method:"get",url:`/api/frontend/v1/LvPlan/getLehreinheitStudiensemester/${t}`}),studiensemesterDateInterval:t=>({method:"get",url:`/api/frontend/v1/LvPlan/studiensemesterDateInterval/${t}`}),LvPlanEvents:(t,e,n)=>({method:"post",url:"/api/frontend/v1/LvPlan/LvPlanEvents",params:{start_date:t,end_date:e,lv_id:n}}),getLv:t=>({method:"get",url:"/api/frontend/v1/LvPlan/getLv/"+t})};var Tt={name:"GridLineEvent",directives:{CalDnd:bt,CalClick:xt},inject:{draggableEvents:"draggableEvents",mode:"mode"},props:{event:{type:Object,required:!0,validator:t=>t.start&&t.end&&t.orig}},computed:{isHeaderOrFooter(){return["header","footer"].includes(this.event.orig)},draggable(){return!this.isHeaderOrFooter&&this.draggableEvents(this.event.orig,this.mode)},classes(){const t=[];return this.isHeaderOrFooter?t.push("event-"+this.event.orig):(this.event.startsHere&&t.push("event-begin"),this.event.endsHere&&t.push("event-end")),t}},template:'\n\t\n\t\t{{ start }}\n\t\t-\n\t\t{{ end }}\n\t
\n\t'};var Pt={name:"ModeDay",components:{BaseSlider:_t,DayView:{name:"DayView",components:{CalendarGrid:Et,LabelDay:Dt,LabelDow:Ct,LabelTime:Ot},inject:{timeGrid:"timeGrid",originalEvents:"events",timezone:"timezone"},props:{day:{type:luxon.DateTime,required:!0},emptyMessage:String,emptyMessageDetails:String},emits:["requestModalOpen","requestModalClose"],data:()=>({chosenEvent:null,gridMainRef:null}),computed:{axisMain(){return[this.day.startOf("day")]},axisParts(){return this.timeGrid?this.timeGrid.map(t=>({start:luxon.Duration.fromISOTime(t.start),end:luxon.Duration.fromISOTime(t.end)})):Array.from({length:17},(t,e)=>luxon.Duration.fromObject({hours:e+7}))},events(){return this.originalEvents.filter(t=>t.start\n\t\t\t\t\t evt.detail.source = \'day\'"\n\t\t\t\t\t\tv-bind="{ date }"\n\t\t\t\t\t/>\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t
\n\t\t\t{{ emptyMessageDetails }}
\n\t\t\t\n\t\t\n\t\t\t\n\t\t\t\t
\n\t'}},props:{currentDate:{type:luxon.DateTime,required:!0}},emits:["update:currentDate","update:range","click","requestModalOpen"],data(){return{focusDate:this.currentDate,rangeOffset:0}},computed:{range(){let t=this.focusDate.startOf("week",{useLocaleWeeks:!0}),e=this.focusDate.endOf("week",{useLocaleWeeks:!0});return 0!=this.rangeOffset&&(this.rangeOffset<0?t=t.plus({weeks:this.rangeOffset}):e=e.plus({weeks:this.rangeOffset})),luxon.Interval.fromDateTimes(t,e)}},watch:{currentDate(){this.currentDate.locale!=this.focusDate.locale?(this.focusDate=this.currentDate,this.$emit("update:range",this.range)):(this.rangeOffset=this.currentDate.startOf("week",{useLocaleWeeks:!0}).diff(this.focusDate.startOf("week",{useLocaleWeeks:!0}),"weeks").weeks,this.rangeOffset&&(this.$refs.view.$refs.grid.disableAutoScroll(),this.$emit("update:range",this.range),this.$refs.slider.slidePages(this.rangeOffset).then(this.updatePage)))}},methods:{prevPage(){this.rangeOffset=this.$refs.slider.target-1,this.$refs.view.$refs.grid.disableAutoScroll(),this.$emit("update:range",this.range),this.$refs.slider.prevPage().then(this.updatePage)},nextPage(){this.rangeOffset=this.$refs.slider.target+1,this.$refs.view.$refs.grid.disableAutoScroll(),this.$emit("update:range",this.range),this.$refs.slider.nextPage().then(this.updatePage)},updatePage(t){const e=this.focusDate.plus({weeks:t});this.focusDate=e,this.rangeOffset=0,this.$emit("update:currentDate",this.focusDate),this.$emit("update:range",this.range),this.$refs.view.$refs.grid.enableAutoScroll()},viewAttrs(t){const e=this.focusDate.plus({weeks:t});return{...this.$attrs,day:e}},handleClickDefaults(t){switch(t.detail.source){case"day":this.$emit("update:currentDate",t.detail.value);break;case"event":this.$emit("requestModalOpen",{event:t.detail.value})}}},mounted(){this.$emit("update:range",this.range),this.$refs.view.$refs.grid.enableAutoScroll()},template:'\n\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t\n\t\t\n\t\t\t{{ week.number }}\n\t\t\n\t
\n\t'},LabelDow:Ct,LabelDay:Dt},provide(){return{events:Vue.computed(()=>{const t=this.events.map(t=>{const e=t.start.startOf("day"),n=t.end.plus({days:1}).startOf("day");return{...t,start:e,end:n}});for(var e=5;e>-1;e--)for(var n=6;n>-1;n--){const i=this.axisMain[e].plus(this.axisParts[n]);t.unshift({start:i,end:i.plus({days:1}),orig:"header"})}return t})}},inject:{events:"events",timezone:"timezone"},props:{day:{type:luxon.DateTime,required:!0}},computed:{axisMain(){const t=this.day.startOf("month").startOf("week",{useLocaleWeeks:!0});return Array.from({length:6},(e,n)=>t.plus({weeks:n}))},axisParts:()=>Array.from({length:8},(t,e)=>luxon.Duration.fromObject({days:e}))},methods:{isToday(t){return t.hasSame(luxon.DateTime.now().setZone(this.timezone),"day")}},template:'\n\t\n\t\t\n\t\t\t\n\t\t\t\t
\n\t'}},props:{currentDate:{type:luxon.DateTime,required:!0}},emits:["update:currentDate","update:range","click","requestModalOpen"],data(){return{focusDate:this.currentDate,rangeOffset:0}},computed:{range(){let t=this.focusDate.startOf("month").startOf("week",{useLocaleWeeks:!0}),e=t.plus({days:41}).endOf("day");if(0!=this.rangeOffset){const n=this.focusDate.plus({months:this.rangeOffset}).startOf("month").startOf("week",{useLocaleWeeks:!0});this.rangeOffset<0?t=n:e=n.plus({days:41}).endOf("day")}return luxon.Interval.fromDateTimes(t,e)}},watch:{currentDate(){this.currentDate.locale!=this.focusDate.locale?(this.focusDate=this.currentDate,this.$emit("update:range",this.range)):(this.rangeOffset=this.currentDate.startOf("month").diff(this.focusDate.startOf("month"),"months").months,this.rangeOffset&&(this.$emit("update:range",this.range),this.$refs.slider.slidePages(this.rangeOffset).then(this.updatePage)))}},methods:{prevPage(){this.rangeOffset=this.$refs.slider.target-1,this.$emit("update:range",this.range),this.$refs.slider.prevPage().then(this.updatePage)},nextPage(){this.rangeOffset=this.$refs.slider.target+1,this.$emit("update:range",this.range),this.$refs.slider.nextPage().then(this.updatePage)},updatePage(t){const e=this.focusDate.plus({months:t});this.focusDate=e,this.rangeOffset=0,this.$emit("update:currentDate",this.focusDate),this.$emit("update:range",this.range)},viewAttrs(t){return{day:this.focusDate.plus({months:t})}},handleClickDefaults(t){switch(t.detail.source){case"week":let e=luxon.DateTime.fromObject({localWeekNumber:t.detail.value.number,localWeekYear:t.detail.value.year},{zone:this.currentDate.zoneName,locale:this.currentDate.locale});this.focusDate.hasSame(e.startOf("week",{useLocaleWeeks:!0}),"month")?this.focusDate.hasSame(e.endOf("week",{useLocaleWeeks:!0}),"month")||this.$emit("update:currentDate",e.endOf("week",{useLocaleWeeks:!0})):this.$emit("update:currentDate",e.startOf("week",{useLocaleWeeks:!0}));break;case"day":this.$emit("update:currentDate",t.detail.value);break;case"event":this.$emit("requestModalOpen",{event:t.detail.value})}}},mounted(){this.$emit("update:range",this.range)},template:'\n\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t\n\t\t
\n\t\t
'};var Rt={name:"LvPlanPersonal",components:{FhcCalendar:It},props:{viewData:Object,propsViewData:Object},data:()=>({studiensemester_kurzbz:null,studiensemester_start:null,studiensemester_ende:null,uid:null,isMitarbeiter:!1,isStudent:!1}),computed:{currentDay(){return!this.propsViewData?.focus_date||isNaN(new Date(this.propsViewData?.focus_date))?luxon.DateTime.now().setZone(this.viewData.timezone).toISODate():this.propsViewData?.focus_date},currentMode(){return this.propsViewData?.mode&&["day","week","month"].includes(this.propsViewData?.mode.toLowerCase())?this.propsViewData?.mode:"Week"},downloadLinks(){if(!this.studiensemester_start||!this.studiensemester_ende||!this.uid)return!1;let t=!1;if(t=this.isStudent?"student":t,t=this.isMitarbeiter?"lektor":t,!1===t)return;const e={zone:this.viewData.timezone},n=luxon.DateTime.fromISO(this.studiensemester_start,e).toUnixInteger(),i=luxon.DateTime.fromISO(this.studiensemester_ende,e).toUnixInteger(),a=FHC_JS_DATA_STORAGE_OBJECT.app_root+"cis/private/lvplan/stpl_kalender.php?type="+t+"&pers_uid="+this.uid+"&begin="+n+"&ende="+i;return[{title:"excel",icon:"fa-solid fa-file-excel",link:a+"&format=excel"},{title:"csv",icon:"fa-solid fa-file-csv",link:a+"&format=csv"},{title:"ical1",icon:"fa-regular fa-calendar",link:a+"&format=ical&version=1&target=ical"},{title:"ical2",icon:"fa-regular fa-calendar",link:a+"&format=ical&version=2&target=ical"}]}},methods:{handleChangeDate(t,e){return this.handleChangeMode(e,t)},handleChangeMode(t,e){const n=t[0].toUpperCase()+t.slice(1),i=e.toISODate();this.$router.push({name:"MyLvPlan",params:{mode:n,focus_date:i}})},updateRange(t){this.$api.call($t.studiensemesterDateInterval(t.end.startOf("week").toISODate())).then(t=>{this.studiensemester_kurzbz=t.data.studiensemester_kurzbz,this.studiensemester_start=t.data.start,this.studiensemester_ende=t.data.ende})},getPromiseFunc(t,e){return[this.$api.call($t.eventsPersonal(t.toISODate(),e.toISODate())),this.$api.call($t.getLvPlanReservierungen(t.toISODate(),e.toISODate()))]}},created(){this.$api.call(Lt.getAuthInfo()).then(t=>{this.uid=t.data.uid,this.isMitarbeiter=t.data.isMitarbeiter,this.isStudent=t.data.isStudent})},template:'\n\t\n\t\t\t{{ $p.t(\'lehre/stundenplan\') }}\n\t\t\t\n\t\t\t\t{{ lvTitle }}\n\t\t\t\n\t\t
\n\t\t\n\t\t
\n\t\t\t{{ $p.t(\'lehre/noLvFound\') }}\n\t\t
\n\t\t\n\t\t
\n\t\t\n\t\t\t\n\t\t\t\t
\n\t\t\n\t'},Nt={components:{BsModal:s},mixins:[s],props:{pruefungenData:null|Array,bezeichnung:String,onHideBsModal:Function,onHiddenBsModal:Function,onHidePreventedBsModal:Function,onShowBsModal:Function,onShownBsModal:Function},data:()=>({result:!0}),mounted(){this.modal=this.$refs.modalContainer.modal},popup(t){return s.popup.bind(this)(null,t)},template:'\n\t\t\t{{ $p.t(\'lehre/stundenplan\') }}\n\t\t\t\n\t\t\t\t{{ studiensemester_kurzbz }}\n\t\t\t\n\t\t
\n\t\t\n\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t{{ title }}\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t
\n\t\t\t\n\t\t\t\tKeine Prüfungen vorhanden!\n\t\t\t
\n\t\t\t| \n\t\t\t\t\t | Datum | \n\t\t\t\t\tNote | \n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t
| {{pruefung.pruefungstyp_kurzbz}} | \n\t\t\t\t\t\t{{pruefung.datum}} | \n\t\t\t\t\t\t{{pruefung.note}} | \n\t\t\t\t\t
|---|
{{$p.t(\'lvinfo/lehrveranstaltungsinformationen\')}}
\n\t\t\t\n\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t| {{$p.t(\'lehre/lehrveranstaltung\')}} | \n\t\t\t\t\t\t\t{{bezeichnung}} | \n\t\t\t\t\t\t
|---|---|
| {{$p.t(\'lehre/studiengang\')}} | \n\t\t\t\t\t\t\t{{studiengang_kuerzel}} | \n\t\t\t\t\t\t
| {{$p.t(\'lehre/semester\')}} | \n\t\t\t\t\t\t\t{{semester}} | \n\t\t\t\t\t\t
| {{$p.t(\'lehre/studiensemester\')}} | \n\t\t\t\t\t\t\t{{studien_semester}} | \n\t\t\t\t\t\t
| {{$p.t(\'lehre/organisationsform\')}} | \n\t\t\t\t\t\t\t{{orgform_kurzbz}} | \n\t\t\t\t\t\t
| {{$p.t(\'lehre/lehrbeauftragter\')}} | \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{{$p.t(\'lehre/keinLektorZugeordnet\')}}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t | \n\t\t\t\t\t\t
| {{$p.t(\'lehre/lvleitung\')}} | \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t | \n\t\t\t\t\t\t
| {{$p.t(\'global/sprache\')}} | \n\t\t\t\t\t\t\t{{sprache}} | \n\t\t\t\t\t\t
| {{$p.t(\'lehre/ects\')}} | \n\t\t\t\t\t\t\t{{ects}} | \n\t\t\t\t\t\t
| {{$p.t(\'lehre/incomingplaetze\')}} | \n\t\t\t\t\t\t\t{{incoming}} | \n\t\t\t\t\t\t
| {{$p.t(\'lehre/organisationseinheit\')}} | \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{{oe}} \n\t\t\t\t\t\t\t\t(\n\t\t\t\t\t\t\t\t{{$p.t(\'global/leitung\')}}: {{oeLeitung.join(\', \')}}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{{$p.t(\'global/koordination\')}}: {{koordinator.join(\', \')}}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t | \n\t\t\t\t\t\t
\n\t\t\t\t\t
'};const Ht={},Vt={};function Jt(t,e){return t.filter(t=>t.category==e).reduce((t,e)=>(t[e.phrase]||(t[e.phrase]=e.text),t),{})}function Gt(t){for(;Vt[t].length;){var e=Vt[t].pop();e[0].value=qt(t,e[1],e[2]),Vue.triggerRef(e[0])}}function qt(t,e,n){let i=Ht[t][e];return i?(n&&(i=i.replace(/\{([^}]*)\}/g,(t,e)=>void 0===n[e]?t:n[e])),i):"<< PHRASE "+e+">>"}const Wt={t_ref(t,e,n){if(void 0===n&&(Array.isArray(t)&&2==t.length||t.split&&2==t.split("/").length)&&(n=e,[t,e]=t.split?t.split("/"):t),void 0===e)return console.error("invalid input"),"";if(!Ht[t]){var i="";if(void 0!==window.FHC_JS_PHRASES_STORAGE_OBJECT){var a=Jt(FHC_JS_PHRASES_STORAGE_OBJECT,t);void 0!==a[e]&&(i=a[e])}if(!Ht[t]||0===Object.keys(Ht[t]).length){Ht[t]=void 0;let a=Vue.ref(i);return function(t,e,n,i){if(Vt[t])return Vt[t].push([e,n,i]),void(Ht[t]&&Gt(t));Vt[t]=[[e,n,i]],axios.get(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+"/components/Phrasen/loadModule/"+t).then(e=>{e.data.retval?Ht[t]=Jt(e.data.retval,t):Ht[t]={},Gt(t)}).catch(t=>console.error(t))}(t,a,e,n),a}}var s=qt(t,e,n);return Vue.ref(s)},t(t,e,n){return Vue.unref(this.t_ref(t,e,n))}};var Kt={data:()=>({p:Wt})},Zt={props:{menu:{type:Array,default:null},containerStyles:Array,rowStyles:Array,hasLvPlanEintraege:{required:!1,default:!0,type:Boolean}},data:()=>({}),methods:{c4_disabled:function(t){return!this.c4_link(t)&&!t.c4_moodle_links?.length||("addon_fhtw_menu_lvplan_lva"==t.id&&!this.hasLvPlanEintraege||null)},c4_target:function(t){return t.c4_moodle_links?.length>0?null:t.c4_target??null},c4_link:t=>t?Array.isArray(t.c4_moodle_links)&&t.c4_moodle_links.length?null:t.c4_link??null:null,getMenuName(t){return t.phrase?this.$p.t(t.phrase):t.name}},template:'\n\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t{{i.header}}
\n\t\t\t\t\t\t{{i.subheader}}
\n\t\t\t\t\t\t- \n\t\t\t\t\t\t\t
- {{e}} \n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t{{i.body}}\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t{{$p.t(\'lehre\',\'lehrveranstaltungsUnavailable\')}}
\n\t\n\t\t
\n\t'},Yt={getLvMenu:(t,e)=>({method:"get",url:`/api/frontend/v1/LvMenu/getLvMenu/${t}/${e}`})},Xt={props:{event:{type:Object,required:!0,default:null},studiensemester:{type:String,required:!1,default:null},titel:{type:String,required:!1,default:null},preselectedMenu:{type:Object,required:!1,default:null}},data:()=>({result:!1,menu:[],isMenuSelected:!1,hasLvPlanEintraege:!0,lvEvaluierungMessage:""}),mixins:[s],components:{BsModal:s,LvMenu:Zt},inject:["studium_studiensemester"],methods:{hiddenModal:function(){this.isMenuSelected=!1},showModal:function(){if(this.preselectedMenu?this.isMenuSelected=!0:this.$api.call(Yt.getLvMenu(this.event.lehrveranstaltung_id,this.studiensemester??this.event.studiensemester_kurzbz)).then(t=>{t.data&&(this.menu=t.data)}),this.studium_studiensemester&&this.$fhcApi.factory.studium.getLvEvaluierungInfo(this.studium_studiensemester,this.event.lehreinheit_id??this.event.lehrveranstaltung_id).then(t=>t.data).then(t=>{this.lvEvaluierungMessage=t.message}),this.studiensemester&&this.event)return this.$fhcApi.factory.studium.getLvPlanForStudiensemester(this.studiensemester,this.event.lehreinheit_id??this.event.lehrveranstaltung_id).then(t=>t.data).then(t=>{Array.isArray(t)&&t.length>0?this.hasLvPlanEintraege=!0:this.hasLvPlanEintraege=!1})}},mounted(){this.modal=this.$refs.modalContainer},beforeUnmount(){this.$refs.modalContainer.hide()},template:'\n \n\t\t\t
\n\t\n\t\t\t\t
\n\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t![]()
\n\t\t\t\t\t\t
\n\t\t\t{{ getMenuName(menuItem) }}
\n\t\t\t\t\t\t{{text}}\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t
'}},mixins:[Kt],props:{bezeichnung:String,kuerzel:String,semester:[String,Number],lvs:Array,sg_bezeichnung_eng:String},computed:{lehrveranstaltungen(){return[...new Map(this.lvs.map(t=>[t.lehrveranstaltung_id,t])).values()]}},methods:{note:t=>t.benotung&&(t.znote||t.lvnote)||null},template:'\n\t\t\t\x3c!-- {{module}} if the module of the lv is important then query the module from the api endpoint for LV--\x3e\n\t\t\t
\n\t\t{{ $p.t(\'lehre/organisationseinheit\') }}:
\n\t\t\t{{$p.user_language.value === \'English\' ? bezeichnung_eng : bezeichnung}}
\n\t\t\n\t\t\t\n\t\t\t\t
\n\t\t\n\t- \n\t\t\t\t\t
- \n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\n\t\t
'}},provide(){return{studien_semester:Vue.computed(()=>this.semester)}},props:{semester:[String,Number],lvs:Array},computed:{ready(){return null!==this.lvs},studiengaenge(){return[...new Map(this.lvs.map(t=>[t.studiengang_kz+"#"+t.semester,{studiengang_kz:t.studiengang_kz,bezeichnung:t.sg_bezeichnung,sg_bezeichnung_eng:t.sg_bezeichnung_eng,kuerzel:t.studiengang_kuerzel,semester:t.semester}])).values()].sort((t,e)=>t.bezeichnung.toLowerCase()==e.bezeichnung.toLowerCase()?t.semester>e.semester:t.bezeichnung.toLowerCase()>e.bezeichnung.toLowerCase())}},methods:{lvsForStudiengang(t){return this.lvs.filter(e=>e.studiengang_kz==t.studiengang_kz&&e.semester==t.semester)}},template:'\n\t\t\t
\n\t{{$p.user_language.value === \'English\' ? sg_bezeichnung_eng : bezeichnung}} - {{kuerzel}}\n\t\t\t\t{{semester}}.{{$p.t(\'lehre/semester\')}}\n\t\t\t
\n\t\t\t\n\t\t\t\t
\n\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t
\n\t\n\t\t\n\t
'},te={components:{MylvSemester:Qt},mixins:[Kt],data:()=>({firstLoad:!0,studiensemester:null,lvs:{},currentSemester:null}),computed:{ready(){return null!==this.studiensemester&&(!this.firstLoad||null!==this.current.lvs)},current(){return null===this.currentSemester?{semester:null,lvs:[]}:(void 0===this.lvs[this.currentSemester]&&(this.lvs[this.currentSemester]={semester:this.currentSemester,lvs:null},axios.get(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+"/components/Cis/Mylv/Lvs/"+this.currentSemester).then(t=>{this.lvs[this.currentSemester].lvs=t.data.retval||[],this.firstLoad=!1})),this.lvs[this.currentSemester])},nearestSem(){let t=Date.now(),e=null,n=0;return this.studiensemester.forEach(i=>{let a=new Date(i.start),s=new Date(i.ende);if(t>=a&&t<=s)return e=i.studiensemester_kurzbz,void(n=0);let r=Math.min(Math.abs(t-a),Math.abs(t-s));(null===e||r{{$p.t(\'lehre/myLV\')}}
\n\t\n\t
\n\t\t
\n\t\n\t\t\t
\n\t\t\n\t\t\t\t\n\t\t\t
\n\t\t\t\n\t\t\t\t
\n\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t{{$p.t(\'lehre/noLvFound\')}}\n\t\t
\n\t\t\n\t\t\n\t
'};const ee={emits:["dataFetched"],props:{refresh:{type:Boolean},apiFunction:{required:!0,type:Function},apiFunctionParameters:{}},watch:{refresh:function(t,e){this.fetchData()}},data:function(){return{loading:!1,error:!1,errorMessage:null}},created:function(){this.fetchData()},methods:{fetchData:function(){if(this.loading=!0,this.error=!1,this.errorMessage=null,"function"==typeof this.apiFunction){let t=this.apiFunction(this.apiFunctionParameters);t instanceof Promise?t.then(this.successHandler).catch(this.errorHandler).finally(this.finallyHandler):this.setError("The called apiFunction does not return a Promise")}else this.setError("Property apiFunction is not a function")},setError:function(t){this.loading=!1,this.error=!0,this.errorMessage=t},successHandler:function(t){this.$emit("dataFetched",t?t.data:void 0)},errorHandler:function(t){t.response?.data?.retval?this.setError(t.response.data.retval):t.data?.message?this.setError(t.data.message):this.setError(t.message)},finallyHandler:function(){this.loading=!1}},template:'\n\t\tLoading...
\n\t\t{{ errorMessage }}
\n\t\t\n\t\t
\n\t'},ae={props:{fields:Array,selected:{type:Array,default:[]},names:{type:Object,default:{}}},emits:{hide:["fieldName"],show:["fieldName"]},data:function(){return{selectedFields:[]}},watch:{selected(t){this.selectedFields=t}},methods:{toggle(t){-1!=this.selectedFields.indexOf(t)?(this.selectedFields.splice(this.selectedFields.indexOf(t),1),this.$emit("hide",t)):(this.selectedFields.push(t),this.$emit("show",t))}},template:'\n\t\n\t\t\t
\n\t\n\t\t\t\t
\n\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\n\t\t\t\t\x3c!-- Filter save options --\x3e\n\t\t\t\t\n\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\x3c!-- Numeric --\x3e\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tFilter {{ index + 1 }}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\n\t\t\t\t\t\t\x3c!-- Text --\x3e\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\n\t\t\t\t\t\t\x3c!-- Timestamp and date --\x3e\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t
\n\t\n\t'};const se={jsonLines:"fa-file-lines",xlsx:"fa-file-excel",pdf:"fa-file-pdf",html:"fa-file-code",json:"fa-file",csv:"fa-file-csv"},re={jsonLines:"Download as JSONLINES",xlsx:"Download as XLSX",pdf:"Download as PDF",html:"Download as HTML",json:"Download as JSON",csv:"Download as CSV "};var oe={props:{tabulator:Object,config:{type:[Boolean,String,Function,Array,Object],default:!1},iconClass:[String,Array,Object]},computed:{currentConfig(){if(!this.config)return!1;let t=this.config;if(t instanceof Function)return[t];if(null===t)return[];if(!0===this.config&&(t=["csv"]),"[object String]"===Object.prototype.toString.call(t)&&(t=t.split(",")),"object"==typeof t&&!Array.isArray(t)){let a=[];for(var e in t){var n,i=t[e];i&&("[object String]"===Object.prototype.toString.call(i)?null!==(n=this.stringToFileFormatter(i))?a.push({icon:"fa-solid "+se[n],label:i===e?re[n]:e,formatter:n}):null!==(n=this.stringToFileFormatter(e))?a.push({icon:"fa-solid "+se[n],label:i,formatter:n}):alert("neither "+e+" nor "+i+" are supported download file types"):"object"!=typeof i||Array.isArray(i)?null!==(n=this.stringToFileFormatter(e))?a.push({icon:"fa-solid "+se[n],label:re[n],formatter:n}):alert(e+" is not a supported download file type"):null!==(n=this.stringToFileFormatter(e))?(void 0===i.formatter&&(i.formatter=n),void 0===i.label&&(i.label=re[n]),void 0===i.icon&&(i.icon=se[n]),a.push(i)):(void 0===i.label&&(i.label=e),a.push(i)))}t=a}if(Array.isArray(t)){if(t=t.map(t=>{if("[object String]"===Object.prototype.toString.call(t)){let e=this.stringToFileFormatter(t);return null===e?null:{icon:"fa-solid "+se[e],label:re[e],formatter:e}}if(t instanceof Function)return{formatter:t};if("object"==typeof t&&!Array.isArray(t)&&null!==t){if(t.formatter instanceof Function)return t;if(this.validateFileFormatter(t.formatter))return t}return null}).filter(t=>null!==t),t.length<2)return t;if(t.filter(t=>t.label||t.icon).length==t.length)return t;alert("Config not valid")}return[]}},methods:{stringToFileFormatter(t){let e=t.toLowerCase();return"jsonlines"==e?"jsonLines":["xlsx","pdf","html","json","csv"].includes(e)?e:null},validateFileFormatter(t){let e=this.stringToFileFormatter(t);if(!e)return alert(t+" is not a supported file formatter"),!1;if("xlsx"==e&&!window.XLSX)return alert("XLSX Library not loaded"),!1;if("pdf"==e){if(!window.jspdf)return alert("jsPDF Library not loaded"),!1;if(!new jspdf.jsPDF({}).autoTable)return alert("jsPDF-AutoTable Plugin not loaded"),!1}return!0},download(t){this.tabulator.download(t.formatter,t.file,t.options)}},template:'\n\t\n\t\t\n\t\t\t\n\t\t\t
\n\t\t\n\t\t\t\t\n\t\t\t\t\t{{ names[fieldToDisplay] || fieldToDisplay }}\n\t\t\t\t
\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t
\n\t\n\t'};const le=new WeakMap;var de={mounted(t,e){let n=!1;le.set(t,e=>{if(!n)return;if(t.contains(e.target))return;const i=bootstrap.Collapse.getInstance(t);i&&i.hide()}),t.addEventListener("shown.bs.collapse",()=>{n=!0}),t.addEventListener("hide.bs.collapse",()=>{n=!1}),document.addEventListener("click",le.get(t),!0)},beforeUnmount(t,e){document.removeEventListener("click",le.get(t)),delete t.collapsibleAutoHideFunc}};window.Tabulator?.extendModule("layout","modes",{fitDataStretchFrozen(t,e){var n=0,i=this.table.rowManager.element.clientWidth,a=0,s=!1;t.forEach((t,e)=>{t.widthFixed||t.reinitializeWidth(),(this.table.options.responsiveLayout?t.modules.responsive.visible:t.visible&&!t.definition.frozen)&&(s=t),t.visible&&(n+=t.getWidth())}),s?(a=i-n+s.getWidth(),this.table.options.responsiveLayout&&this.table.modExists("responsiveLayout",!0)&&(s.setWidth(0),this.table.modules.responsiveLayout.update()),a>0?s.setWidth(a):s.reinitializeWidth()):this.table.options.responsiveLayout&&this.table.modExists("responsiveLayout",!0)&&this.table.modules.responsiveLayout.update()}});var ce={saveCustomFilter:t=>({method:"post",url:"/api/frontend/v1/filter/saveCustomFilter",params:{filterUniqueId:t.filterUniqueId,filterType:t.filterType,customFilterName:t.customFilterName}}),removeCustomFilter:t=>({method:"post",url:"/api/frontend/v1/filter/removeCustomFilter",params:{filterUniqueId:t.filterUniqueId,filterType:t.filterType,filterId:t.filterId}}),applyFilterFields:t=>({method:"post",url:"/api/frontend/v1/filter/applyFilterFields",params:{filterUniqueId:t.filterUniqueId,filterType:t.filterType,filterFields:t.filterFields}}),addFilterField:t=>({method:"post",url:"/api/frontend/v1/filter/addFilterField",params:{filterUniqueId:t.filterUniqueId,filterType:t.filterType,filterField:t.filterField}}),removeFilterField:t=>({method:"post",url:"/api/frontend/v1/filter/removeFilterField",params:{filterUniqueId:t.filterUniqueId,filterType:t.filterType,filterField:t.filterField}}),getFilterById:t=>({method:"get",url:"/api/frontend/v1/filter/getFilter",params:{filterUniqueId:t.filterUniqueId,filterType:t.filterType,filterId:t.filterId}}),getFilter:t=>({method:"get",url:"/api/frontend/v1/filter/getFilter",params:{filterUniqueId:t.filterUniqueId,filterType:t.filterType}})},ue=0;const pe={components:{CoreFetchCmpt:ee,FilterConfig:ie,FilterColumns:ae,TableDownload:oe},directives:{collapseAutoClose:de},emits:["nwNewEntry","click:new","tableBuilt","uuidDefined"],props:{onNwNewEntry:Function,title:String,description:String,sideMenu:{type:Boolean,default:!0},filterType:{type:String},tabulatorOptions:Object,tabulatorEvents:Array,tableOnly:Boolean,noColumnFilter:Boolean,reload:Boolean,reloadBtnInfotext:String,download:{type:[Boolean,String,Function,Array,Object],default:!1},newBtnShow:Boolean,newBtnClass:[String,Array,Object],newBtnDisabled:Boolean,newBtnLabel:String,uniqueId:String,idField:String,parentIdField:String,countOnly:Boolean,useSelectionSpan:{type:Boolean,default:!0}},data:function(){return{uuid:0,filterName:null,filterActive:!1,fields:null,dataset:null,datasetMetadata:null,selectedFields:null,filterFields:null,availableFilters:null,selectedFilter:null,fetchCmptRefresh:!1,fetchCmptApiFunction:null,fetchCmptApiFunctionParams:null,fetchCmptDataFetched:null,fetchResult:null,tabulator:null,tableBuilt:!1,tabulatorHasSelector:!1,selectedData:[],persistence:{sort:!0,columns:!0,filter:!1,headerFilter:!1,group:!1,page:!1}}},computed:{notSelectedFields(){return this.fields&&this.selectedFields?this.fields.filter(t=>-1===this.selectedFields.indexOf(t)):null},filteredData(){return this.dataset?JSON.parse(JSON.stringify(this.dataset)):[]},filteredColumns(){let t=JSON.parse(JSON.stringify(this.fields))||[],e=JSON.parse(JSON.stringify(this.selectedFields))||[],n=null;if(this.tabulatorOptions&&this.tabulatorOptions.hasOwnProperty("columns")&&(n=this.tabulatorOptions.columns),!Array.isArray(n)||Array.isArray(n)&&n.length\n\t\t\t
\n\t\t\n\t\t\t\t
\n\t\t\n\t\t\t\t\t{{ title }}\n\t\t\t\t
\n\t\t\t\n\n\t\t\t\n\n\t\t\t\n\t\t\t\n\t\t\t\t
\n\t\t\n\n\t\t\x3c!-- Tabulator --\x3e\n\t\t\n\t'};var he={props:{data:Object,title:{type:String}},data:()=>({}),created(){},template:'\n\t\n \n\t\t\t\t
\n\n\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t{{ selectedData.length }} ausgewählt\n\t\t\t\t\t\t Mit {{ selectedData.length }} ausgewählten:\n\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t[ {{ filterName }} ]\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n
\n\t'},me={props:{data:{type:String}},data:()=>({}),template:"\n \n {{title}}\n
\n \n
\n {{$p.t(\'profil\',\'mailverteilerMitglied\')}}
\n\n
\n \n
\n \n
\n \n \n
\n \n {{verteiler.beschreibung}}
\n \n
"},fe={props:{data:{type:String},title:{type:String,required:!0},mobile:{type:Boolean,default:!1}},methods:{hideCollapse:function(){this.collapseOpen=!1},showCollapse:function(){this.collapseOpen=!0}},data:()=>({collapseOpen:!1}),template:'\n\n {{$p.t('profil','fhAusweisStatus',[data])}}\n
\n \n \n \n
'},ge={props:{data:Object,view:String,withZustelladresse:{type:Boolean,default:!0}},data:()=>({}),created(){},template:'\n \n \n \n
\n \n \n {{title}}
\n \n \n\n \n \x3c!-- column 1 in the address row --\x3e\n
\n'},ve={props:{view:String,data:Object},data:()=>({}),created(){},template:'\n\t\n \n \n
\n \n \n
\n \n \x3c!-- column 2 in the address row --\x3e\n \n
\n {{$p.t(\'person\',\'strasse\')}}
\n {{data.strasse}} \n \n
\n \n \n
\n {{$p.t(\'global\',\'typ\')}}
\n {{data.typ}} \n \n
\n \n
\n {{$p.t(\'person\',\'ort\')}}
\n {{data.ort}} \n \n
\n\n \n
\n {{$p.t(\'person\',\'plz\')}}
\n {{data.plz}} \n \n
\n \n
\n {{$p.t(\'person\',\'zustelladresse\')}}
\n \n \n
\n \n
\n\t\n'},be={data:()=>({}),props:{title:{type:String,required:!0},data:{type:Array}},template:'\n\n \n
\n \n \x3c!-- rendering KONTAKT emails --\x3e\n \n
\n \n
\n \n
\n {{$p.t(\'global\',\'anmerkung\')}}
\n {{data.anmerkung}} \n \n \n \n
\n \n
'},ye={data:()=>({}),props:{data:{type:Object},title:{type:String}},inject:{studiengang_kz:{from:"studiengang_kz",default:!1}},computed:{getLinkGruppeListe(){return!1===this.studiengang_kz?"":this.data.gruppe?.value&&this.data.verband?.value&&this.data.semester?.value?FHC_JS_DATA_STORAGE_OBJECT.app_root+"cis/private/stud_in_grp.php?kz="+this.studiengang_kz+"&sem="+this.data.semester.value+"&verband="+this.data.verband.value+"&grp="+this.data.gruppe.value:""},getLinkVerbandListe(){return!1===this.studiengang_kz?"":this.data.verband?.value&&this.data.semester?.value?FHC_JS_DATA_STORAGE_OBJECT.app_root+"cis/private/stud_in_grp.php?kz="+this.studiengang_kz+"&sem="+this.data.semester.value+"&verband="+this.data.verband.value:""},getLinkSemesterListe(){return!1===this.studiengang_kz?"":this.data.semester?.value?FHC_JS_DATA_STORAGE_OBJECT.app_root+"cis/private/stud_in_grp.php?kz="+this.studiengang_kz+"&sem="+this.data.semester.value:""}},created(){},template:'\n \n {{title}}\n
\n \n \x3c!-- HIER SIND DIE EMAILS --\x3e\n
\n\n
\n \n\t\t\t\t\n\t\t\t\t\t
\n \n\t\t\t\t\t\t
\n\t\t\t\t\n \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t{{email?.type}}
\n\t\t\t\t\t\t\t\t{{email?.email}} \n\t\t\t\t\t\t\t \n
'},we={profilViewData(t){let e="/api/frontend/v1/Profil/profilViewData";return t&&(e+=`/${t}`),{method:"get",url:e}},fotoSperre:t=>({method:"get",url:`/api/frontend/v1/Profil/fotoSperre/${t}`}),isStudent:t=>({method:"get",url:"/api/frontend/v1/Profil/isStudent",params:{uid:t}}),isMitarbeiter:t=>({method:"get",url:`/api/frontend/v1/Profil/isMitarbeiter/${t}`}),getZustellAdresse:()=>({method:"get",url:"/api/frontend/v1/Profil/getZustellAdresse"}),getZustellKontakt:()=>({method:"get",url:"/api/frontend/v1/Profil/getZustellKontakt"}),getGemeinden:(t,e)=>({method:"get",url:`/api/frontend/v1/Profil/getGemeinden/${t}/${e}`}),getAllNationen:()=>({method:"get",url:"/api/frontend/v1/Profil/getAllNationen"})},_e={components:{DmsItem:{emits:["delete"],props:{modelValue:{type:[File,Object],required:!0}},data:()=>({preview:""}),watch:{modelValue(t){"application/x.fhc-dms+json"==t.type&&t.text().then(t=>{const e=JSON.parse(t);this.preview=e.preview||""})}},template:'\n\t{{title}}
\n \n
\n\t\n\t\t\t\t
\n\t\t\n\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t{{entry.label }}
\n\t\t\t\n\t\t\t\t\t\t\x3c!-- print Telefon link --\x3e\n\t\t\t\t\t\t{{entry.value ?? \'-\'}}\n\t\t\t\t\t\t\n\t\t\t\t\t\t\x3c!-- print semester link --\x3e\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{{ entry.value }}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\x3c!-- print verband link --\x3e\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{{ entry.value }}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\x3c!-- print gruppe link --\x3e\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{{ entry.value }}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\x3c!-- else print information --\x3e\n\t\t\t\t\t\t{{ entry.value ?? \'-\'}}\n\t\t\t\t\t\n\t\t\n\t\t
'},ke={
//! API calls for profil update requests
diff --git a/public/dist/js/apps/Dashboard/Fhc.js.map b/public/dist/js/apps/Dashboard/Fhc.js.map
index ae33d112f..6b2ccdc1b 100644
--- a/public/dist/js/apps/Dashboard/Fhc.js.map
+++ b/public/dist/js/apps/Dashboard/Fhc.js.map
@@ -1 +1 @@
-{"version":3,"file":"Fhc.js","sources":["../../../../js/components/Bootstrap/Modal.js","../../../../js/components/Bootstrap/Alert.js","../../../../js/components/Bootstrap/Confirm.js","../../../../js/components/Drop/Grid/Item.js","../../../../js/composables/GridLogic.js","../../../../js/components/Drop/Grid.js","../../../../js/composables/Dashboard/CachedWidgetLoader.js","../../../../js/components/Dashboard/Item.js","../../../../js/components/Tranistion/HeightTransition.js","../../../../js/components/Dashboard/Widget/WidgetIcon.js","../../../../js/components/Dashboard/Section.js","../../../../js/components/Dashboard/Widget/Picker.js","../../../../js/helpers/ObjectUtils.js","../../../../js/api/factory/cis/dashboard.js","../../../../js/components/Dashboard/Dashboard.js","../../../../js/api/search.js","../../../../js/api/phrasen.js","../../../../js/api/navigation.js","../../../../js/api/filter.js","../../../../js/api/studstatus.js","../../../../js/api/profil.js","../../../../js/api/profilUpdate.js","../../../../js/api/lvPlan.js","../../../../js/api/stv.js","../../../../js/api/stv/verband.js","../../../../js/api/stv/students.js","../../../../js/api/stv/filter.js","../../../../js/api/stv/konto.js","../../../../js/api/stv/group.js","../../../../js/api/stv/kontakt.js","../../../../js/api/stv/prestudent.js","../../../../js/api/stv/status.js","../../../../js/api/stv/details.js","../../../../js/api/stv/exam.js","../../../../js/api/stv/abschlusspruefung.js","../../../../js/api/stv/grades.js","../../../../js/api/stv/mobility.js","../../../../js/api/stv/archiv.js","../../../../js/api/stv/documents.js","../../../../js/api/stv/exemptions.js","../../../../js/api/stv/jointstudies.js","../../../../js/api/stv/courselist.js","../../../../js/api/notiz.js","../../../../js/api/notiz/person.js","../../../../js/api/betriebsmittel.js","../../../../js/api/betriebsmittel/person.js","../../../../js/api/checkperson.js","../../../../js/api/ort.js","../../../../js/api/cms.js","../../../../js/api/lehre.js","../../../../js/api/addons.js","../../../../js/api/messages.js","../../../../js/api/messages/person.js","../../../../js/api/vorlagen.js","../../../../js/api/studium.js","../../../../js/api/fhcapifactory.js","../../../../js/api/dashboard.js","../../../../js/api/bookmark.js","../../../../js/api/ampeln.js","../../../../js/api/studiengang.js","../../../../js/api/menu.js","../../../../js/api/authinfo.js","../../../../js/api/language.js","../../../../js/plugin/OldFhcApi.js","../../../../js/RESTClient.js","../../../../js/plugins/FhcAlert.js","../../../../js/plugins/Api.js","../../../../js/api/factory/phrasen.js","../../../../js/plugins/Phrasen.js","../../../../js/plugins/Theme.js","../../../../js/directives/contrast.js","../../../../js/helpers/DragAndDrop.js","../../../../js/directives/Calendar/DragAndDrop.js","../../../../js/components/Calendar/Base/DragAndDrop.js","../../../../js/components/Calendar/Base/Header.js","../../../../js/components/Calendar/Base/Header/Datepicker.js","../../../../js/components/Calendar/Base/Slider.js","../../../../js/directives/Calendar/Click.js","../../../../js/components/Calendar/Base.js","../../../../js/api/factory/lvPlan.js","../../../../js/components/Calendar/Base/Grid/Line/Event.js","../../../../js/components/Calendar/Base/Grid.js","../../../../js/components/Calendar/Base/Grid/Line.js","../../../../js/components/Calendar/Base/Grid/Line/Background.js","../../../../js/components/Calendar/Base/Label/Day.js","../../../../js/components/Calendar/Base/Label/Dow.js","../../../../js/components/Calendar/Base/Label/Time.js","../../../../js/components/Calendar/Mode/Day/View.js","../../../../js/components/Calendar/Mode/Day.js","../../../../js/composables/Responsive.js","../../../../js/components/Calendar/Mode/Week.js","../../../../js/components/Calendar/Mode/Week/View.js","../../../../js/components/Calendar/Mode/Month.js","../../../../js/components/Calendar/Mode/Month/View.js","../../../../js/components/Calendar/Base/Label/Week.js","../../../../js/components/Calendar/LvPlan.js","../../../../js/composables/EventLoader.js","../../../../js/api/factory/authinfo.js","../../../../js/components/Cis/LvPlan/Lehrveranstaltung.js","../../../../js/components/Cis/LvPlan/Personal.js","../../../../js/components/Cis/Mylv/Semester/Studiengang/Lv/Pruefungen.js","../../../../js/api/factory/lehre.js","../../../../js/components/Cis/Mylv/Semester/Studiengang/Lv/Info.js","../../../../js/mixins/Phrasen.js","../../../../js/components/Cis/Mylv/LvMenu.js","../../../../js/api/factory/addons.js","../../../../js/components/Cis/Mylv/LvUebersicht.js","../../../../js/components/Cis/Mylv/Semester.js","../../../../js/components/Cis/Mylv/Semester/Studiengang.js","../../../../js/components/Cis/Mylv/Semester/Studiengang/Lv.js","../../../../js/components/Cis/Mylv/Student.js","../../../../js/components/Fetch.js","../../../../js/components/filter/Filter/Config.js","../../../../js/components/filter/Filter/Columns.js","../../../../js/components/filter/Table/Download.js","../../../../js/directives/collapseAutoClose.js","../../../../js/tabulator/layouts/fitDataStretchFrozen.js","../../../../js/api/factory/filter.js","../../../../js/components/filter/Filter.js","../../../../js/components/Cis/Profil/ProfilComponents/Mailverteiler.js","../../../../js/components/Cis/Profil/ProfilComponents/FhAusweisStatus.js","../../../../js/components/Cis/Profil/ProfilComponents/QuickLinks.js","../../../../js/components/Cis/Profil/ProfilComponents/Adresse.js","../../../../js/components/Cis/Profil/ProfilComponents/Kontakt.js","../../../../js/components/Cis/Profil/ProfilComponents/ProfilEmails.js","../../../../js/components/Cis/Profil/ProfilComponents/RoleInformation.js","../../../../js/api/factory/profil.js","../../../../js/components/Form/Upload/Dms.js","../../../../js/components/Form/Upload/Dms/Item.js","../../../../js/api/factory/profilUpdate.js","../../../../js/components/Cis/Profil/ProfilModal/EditProfilComponents/ImageUpload.js","../../../../js/components/Cis/Profil/ProfilComponents/ProfilInformation.js","../../../../js/components/Cis/Profil/ProfilModal/EditProfilSelect.js","../../../../js/components/Cis/Profil/ProfilModal/EditProfilComponents/EditKontakt.js","../../../../js/components/Cis/Profil/ProfilModal/EditProfilComponents/EditAdresse.js","../../../../js/components/Cis/Profil/ProfilModal/EditProfilComponents/Status.js","../../../../js/components/Cis/Profil/ProfilModal/EditProfilComponents/TextInputDokument.js","../../../../js/components/Loader.js","../../../../js/components/Cis/Profil/ProfilModal/EditProfil.js","../../../../js/components/Cis/Profil/ProfilComponents/FetchProfilUpdates.js","../../../../js/tabulator/filters/Dates.js","../../../../js/components/Cis/Profil/StudentProfil.js","../../../../js/components/Cis/Profil/MitarbeiterProfil.js","../../../../js/components/Cis/Profil/StudentViewProfil.js","../../../../js/components/Cis/Profil/MitarbeiterViewProfil.js","../../../../js/components/Cis/Profil/Profil.js","../../../../js/api/factory/ort.js","../../../../js/components/Cis/Raumsuche/Raumsuche.js","../../../../js/components/Pagination/Pagination.js","../../../../js/components/Cis/Cms/StudiengangInformation/StudiengangPerson.js","../../../../js/components/Cis/Cms/StudiengangInformation/StudiengangVertretung.js","../../../../js/api/factory/studiengang.js","../../../../js/components/Cis/Cms/StudiengangInformation/StudiengangInformation.js","../../../../js/api/factory/cms.js","../../../../js/components/Cis/Cms/News.js","../../../../js/components/Cis/Cms/Content_types/Raum_contentmittitel.js","../../../../js/helpers/LegacyLinkReplaceHelper.js","../../../../js/components/Cis/Cms/Content_types/General.js","../../../../js/components/Cis/Cms/Content.js","../../../../js/components/Cis/Cms/Content_types/News_content.js","../../../../js/components/Cis/Cms/Content_types/Iframe_content.js","../../../../js/components/Cis/Mylv/RoomInformation.js","../../../../js/components/Cis/Abgabetool/AbgabeStudentDetail.js","../../../../js/components/verticalsplit/verticalsplit.js","../../../../js/components/Cis/Abgabetool/AbgabetoolStudent.js","../../../../js/components/Cis/Abgabetool/AbgabeMitarbeiterDetail.js","../../../../js/components/Cis/Abgabetool/AbgabetoolMitarbeiter.js","../../../../js/components/Cis/Abgabetool/DeadlineOverview.js","../../../../js/components/Cis/Studium/Studium.js","../../../../js/api/factory/renderers.js","../../../../js/api/factory/routeinfo.js","../../../../js/apps/Dashboard/Fhc.js","../../../../js/helpers/CssVarCalcHelpers.js","../../../../js/helpers/StringHelpers.js"],"sourcesContent":["//import Phrasen from '../../plugin/Phrasen.js';\n\nexport default {\n\tname: 'BootstrapModal',\n\tdata: () => ({\n\t\tmodal: null,\n\t\tfullscreen: false\n\t}),\n\tprops: {\n\t\tbackdrop: {\n\t\t\ttype: [Boolean,String],\n\t\t\tdefault: true,\n\t\t\tvalidator(value) {\n\t\t\t\treturn ['static', true, false].includes(value);\n\t\t\t}\n\t\t},\n\t\tfocus: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true\n\t\t},\n\t\tkeyboard: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true\n\t\t},\n\t\tnoCloseBtn: Boolean,\n\t\tdialogClass: [String,Array,Object],\n\t\theaderClass: {\n\t\t\ttype: [String,Array,Object],\n\t\t\tdefault: ''\n\t\t},\n\t\tbodyClass: {\n\t\t\ttype: [String,Array,Object],\n\t\t\tdefault: 'px-4 py-5'\n\t\t},\n\t\tfooterClass: {\n\t\t\ttype: [String,Array,Object],\n\t\t\tdefault: ''\n\t\t},\n\t\tallowFullscreenExpand: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t}\n\t},\n\temits: [\n\t\t\"hideBsModal\",\n\t\t\"hiddenBsModal\",\n\t\t\"hidePreventedBsModal\",\n\t\t\"showBsModal\",\n\t\t\"shownBsModal\"\n\t],\n\tmethods: {\n\t\tdispose() {\n\t\t\treturn this.modal.dispose();\n\t\t},\n\t\thandleUpdate() {\n\t\t\treturn this.modal.handleUpdate();\n\t\t},\n\t\thide() {\n\t\t\treturn this.modal.hide();\n\t\t},\n\t\tshow(relatedTarget) {\n\t\t\treturn this.modal.show(relatedTarget);\n\t\t},\n\t\ttoggle() {\n\t\t\treturn this.modal.toggle();\n\t\t},\n\t\ttoggleFullscreen() {\n\t\t\tthis.fullscreen = !this.fullscreen\n\t\t}\n\t},\n\tmounted() {\n\t\tif (this.$refs.modal)\n\t\t\tthis.modal = new bootstrap.Modal(this.$refs.modal, {\n\t\t\t\tbackdrop: this.backdrop,\n\t\t\t\tfocus: this.focus,\n\t\t\t\tkeyboard: this.keyboard\n\t\t\t});\n\t},\n\tpopup(body, options, title, footer) {\n\t\tconst BsModal = this,\n\t\t\tslots = {};\n\t\tif (body !== undefined)\n\t\t\tslots.default = () => body;\n\t\tif (title !== undefined)\n\t\t\tslots.title = () => title;\n\t\tif (footer !== undefined)\n\t\t\tslots.footer = () => footer;\n\n\t\t// little hack to check whether primevue is included in the app or not\n\t\tlet includedPrimevue = false;\n\t\tif(typeof primevue !== 'undefined'){\n\t\t\tincludedPrimevue = true;\n\t\t}\n\n\t\treturn new Promise((resolve,reject) => {\n\t\t\tconst instance = Vue.createApp({\n\t\t\t\tname: 'ModalTmpApp',\n\t\t\t\tsetup() {\n\t\t\t\t\treturn () => Vue.h(BsModal, {...{\n\t\t\t\t\t\tclass: 'fade'\n\t\t\t\t\t},...options, ...{\n\t\t\t\t\t\tref: 'modal',\n\t\t\t\t\t\t'onHidden.bs.modal': instance.unmount\n\t\t\t\t\t}}, slots);\n\t\t\t\t},\n\t\t\t\tmounted() {\n\t\t\t\t\tthis.$refs.modal.show();\n\t\t\t\t\t\n\t\t\t\t},\n\t\t\t\tbeforeUnmount() {\n\t\t\t\t\tif (this.$refs.modal)\n\t\t\t\t\t\tthis.$refs.modal.result !== false ? resolve(this.$refs.modal.result) : reject();\n\t\t\t\t},\n\t\t\t\tunmounted() {\n\t\t\t\t\twrapper.parentElement.removeChild(wrapper);\n\t\t\t\t}\n\t\t\t});\n\t\t\tconst wrapper = document.createElement(\"div\");\n\t\t\t\n\t\t\t// if(primevue) --> won't work because primevue is not defined in this scope and promise would be rejected\n\t\t\tif (includedPrimevue){\n\t\t\t\tinstance.use(primevue.config.default, {zIndex: {overlay: 9999}})\n\t\t\t}\n\t\t\t\t \n\t\t\t//instance.use(Phrasen); // TODO(chris): find a more dynamic way\n\t\t\timport('../../plugins/Phrasen.js').then((Phrasen) => {\n\t\t\t\tinstance.use(Phrasen.default);\n\t\t\t\tinstance.mount(wrapper);\n\t\t\t\tdocument.body.appendChild(wrapper);\n\t\t\t});\n\t\t});\n\t},\n\ttemplate: `- \n\t\t\t
\n\t\t
`\n}\n","import BsModal from './Modal.js';\n\nexport default {\n\tname: 'BootstrapAlert',\n\tcomponents: {\n\t\tBsModal\n\t},\n\tmixins: [\n\t\tBsModal\n\t],\n\tprops: {\n\t\tdialogClass: {\n\t\t\ttype: [String,Array,Object],\n\t\t\tdefault: 'modal-dialog-centered'\n\t\t},\n\t\t/*\n\t\t * NOTE(chris):\n\t\t * Hack to expose in \"emits\" declared events to $props which we use\n\t\t * in the v-bind directive to forward all events.\n\t\t * @see: https://github.com/vuejs/core/issues/3432\n\t\t*/\n\t\tonHideBsModal: Function,\n\t\tonHiddenBsModal: Function,\n\t\tonHidePreventedBsModal: Function,\n\t\tonShowBsModal: Function,\n\t\tonShownBsModal: Function\n\t},\n\tdata: () => ({\n\t\tresult: true\n\t}),\n\tmounted() {\n\t\tthis.modal = this.$refs.modalContainer.modal;\n\t},\n\tpopup(msg, options) {\n\t\treturn BsModal.popup.bind(this)(msg, options);\n\t},\n\ttemplate: `\n\t\t\t\n\t\t
\n\t\n\t\t
`\n}\n","// TODO(chris): Comments\n\nconst DIR_UP = 0;\nconst DIR_LEFT = 1;\nconst DIR_RIGHT = 2;\nconst DIR_DOWN = 3;\n\nclass GridLogic {\n\tconstructor(w) {\n\t\tif (w.w) {\n\t\t\tthis.w = w.w;\n\t\t\tthis.h = w.h;\n\t\t\tthis.data = [...w.data];\n\t\t\tthis.grid = [...w.grid];\n\t\t} else {\n\t\t\tthis.w = w;\n\t\t\tthis.h = 1;\n\t\t\tthis.data = [];\n\t\t\tthis.grid = [];\n\t\t}\n\t}\n\tisFreeSlot(x, y) {\n\t\tconst i = y*this.w + x;\n\t\treturn !this.grid[i] && this.grid[i] !== 0;\n\t}\n\tgetMaxY(){\n\t\treturn this.data.reduce((acc, item) => { \n\t\t\tif (item?.y > acc) {\n\t\t\t\t acc = item.y; \n\t\t\t} \n\t\t\treturn acc; \n\t\t}, 0);\n\t}\n\tgetFreeSlots() {\n\t\tconst freeSlots = [];\n\t\tlet biggestY = this.getMaxY();\n\t\tlet totalSpaces = this.w * (biggestY+1);\n\t\tfor(let i=0; i < totalSpaces; i++){\n\t\t\tif (!this.grid[i] && this.grid[i] !== 0){\n\t\t\t\tthis.grid[i] = undefined;\n\t\t\t}\n\t\t}\n\t\tfor(let i =0; i < this.grid.length; i++){\n\t\t\tif (!this.grid[i] && this.grid[i] !== 0){\n\t\t\t\tlet x = i % this.w;\n\t\t\t\tlet y = Math.floor(i / this.w);\n\t\t\t\tfreeSlots.push({x, y});\n\t\t\t}\n\t\t}\n\t\treturn freeSlots;\n\t}\n\tadd(item, prefer) {\n\t\tlet occupiers = this.getItemsInFrame(item.frame);\n\t\tif (!occupiers.length) {\n\t\t\titem.frame.forEach(f => this.grid[f] = item.index);\n\t\t\tthis.data[item.index] = item;\n\t\t\tthis.h = Math.max(this.h, item.y + item.h);\n\t\t\treturn [];\n\t\t} else {\n\t\t\tconst intermGrid = new GridLogic(this);\n\t\t\t\n\t\t\titem.frame.forEach(f => intermGrid.grid[f] = -1);\n\n\t\t\tconst possiblities = intermGrid.tryMoving(occupiers, prefer);\n\t\t\tif (possiblities.length) {\n\t\t\t\tconst bestOption = possiblities.sort((a,b) => {\n\t\t\t\t\tif (a.cost === undefined)\n\t\t\t\t\t\ta.cost = a.moves.reduce((a, v) => a * v.cost, 1);\n\t\t\t\t\tif (b.cost === undefined)\n\t\t\t\t\t\tb.cost = b.moves.reduce((a, v) => a * v.cost, 1);\n\t\t\t\t\treturn a.cost > b.cost;\n\t\t\t\t});\n\t\t\t\tconst result = [];\n\t\t\t\tbestOption[0].moves.forEach(move => {\n\t\t\t\t\tconst currItem = {...this.data[move.index]};\n\t\t\t\t\tcurrItem.x += move.x;\n\t\t\t\t\tcurrItem.y += move.y;\n\t\t\t\t\tcurrItem.frame = this.getItemFrame(currItem);\n\t\t\t\t\tthis.h = Math.max(this.h, currItem.y + currItem.h);\n\t\t\t\t\tthis.remove(currItem);\n\t\t\t\t\tcurrItem.frame.forEach(f => this.grid[f] = currItem.index);\n\t\t\t\t\tthis.data[move.index] = currItem;\n\t\t\t\t\tresult[move.index] = {\n\t\t\t\t\t\tindex: currItem.index,\n\t\t\t\t\t\tx: currItem.x,\n\t\t\t\t\t\ty: currItem.y\n\t\t\t\t\t};\n\t\t\t\t});\n\t\t\t\titem.frame.forEach(f => this.grid[f] = item.index);\n\t\t\t\tthis.data[item.index] = item;\n\n\t\t\t\treturn result;\n\t\t\t} else {\n\t\t\t\tconsole.error('FATAL', \"can't arrange item on grid\");\n\t\t\t}\n\t\t}\n\t}\n\tmove(item, x, y) {\n\t\tif (item.data.place[this.w]?.pinned)\n\t\t\treturn [];\n\t\tif (item.x == x && item.y == y)\n\t\t\treturn [];\n\t\t\n\t\tthis.remove(item);\n\n\t\tlet prefer = undefined;\n\t\tif (item.x == x) {\n\t\t\tif (y-item.y > 0)\n\t\t\t\tprefer = DIR_UP;\n\t\t\telse\n\t\t\t\tprefer = DIR_DOWN;\n\t\t} else if (item.y == y) {\n\t\t\tif (x-item.x > 0)\n\t\t\t\tprefer = DIR_LEFT;\n\t\t\telse\n\t\t\t\tprefer = DIR_RIGHT;\n\t\t}\n\n\t\tconst originalFrame = Array.isArray(item.frame) ? [...item.frame] : [item.frame];\n\n\t\tconst currItem = {...item};\n\t\tcurrItem.x = x;\n\t\tcurrItem.y = y;\n\t\tcurrItem.frame = this.getItemFrame(currItem);\n\t\tlet occupiers = this.getItemsInFrame(currItem.frame);\n\t\t\n\t\t// does not update if the target conatins pinned widgets\n\t\tif (occupiers.some(frame => this.data[frame]?.data.place[this.w]?.pinned)) {\n\t\t\treturn [];\n\t\t}\n\t\t\n\t\t// checks if target contains widget with the same high and width\n\t\tlet occupiersData = occupiers.map(occupier => this.data[occupier]);\n\t\tlet occupiersFrame = occupiersData.map(occupier => occupier.frame).flat();\n\t\tif (!occupiersFrame.some(frame => !currItem.frame.includes(frame)) && !occupiersFrame.some(frame => originalFrame.includes(frame))){\n\t\t\tlet replaceUpdate = [];\n\t\t\tlet newOccupierFrames = [];\n\t\t\tfor(let f of originalFrame){\n\t\t\t\tif(newOccupierFrames.includes(f)){\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\t\t\t\tlet occ = occupiersData.shift();\n\t\t\t\tif(occ){\n\t\t\t\t\tnewOccupierFrames = [...newOccupierFrames, ...this.getItemFrame({ ...occ, ...this.getSingleFramePosition(f) })];\n\t\t\t\t\treplaceUpdate[occ.index] = { index: occ.index, ...this.getSingleFramePosition(f)}\n\t\t\t\t}\n\t\t\t}\n\t\t\treplaceUpdate[item.index] = { index: item.index, x, y };\n\t\t\t\n\t\t\treturn replaceUpdate;\n\t\t}\n\t\t\n\t\tconst updates = this.add(currItem, prefer);\n\t\tupdates[item.index] = {index: item.index, x, y};\n\t\treturn updates;\n\t}\n\tresize(item, w, h) {\n\t\tif (item.w == w && item.h == h)\n\t\t\treturn [];\n\t\tthis.remove(item);\n\n\t\tconst currItem = {...item};\n\t\tcurrItem.w = w;\n\t\tcurrItem.h = h;\n\t\tcurrItem.frame = this.getItemFrame(currItem);\n\t\t\n\t\tconst updates = this.add(currItem);\n\t\tif(updates)\n\t\t\tupdates[item.index] = {index: item.index, w, h, x:item.x, y:item.y, resize:true};\n\n\t\treturn updates;\n\t}\n\ttryMoving(index, prefer) {\n\t\tif (Array.isArray(index)) {\n\t\t\tindex.forEach(i => this.remove({index:i}));\n\t\t\tlet possiblities = [{grid: this, moves: []}];\n\t\t\tindex.forEach(i => {\n\t\t\t\tlet newPoss = [];\n\t\t\t\tpossiblities.forEach(possiblity => {\n\t\t\t\t\tpossiblity.grid.tryMoving(i, prefer).forEach(p => {\n\t\t\t\t\t\tpossiblity.moves\n\t\t\t\t\t\tp.moves = [...p.moves, ...possiblity.moves];\n\t\t\t\t\t\tnewPoss.push(p)\n\t\t\t\t\t});\n\t\t\t\t});\n\t\t\t\tpossiblities = newPoss;\n\t\t\t});\n\t\t\treturn possiblities;\n\t\t}\n\t\tconst directions = [DIR_UP, DIR_DOWN, DIR_LEFT, DIR_RIGHT];\n\n\t\tthis.remove({index});\n\n\t\tconst weight = 1 + .2*(this.data[index].weight || 0);\n\n\t\treturn directions.reduce((result, dir) => {\n\t\t\tlet res = this.tryMovingInDirection(dir, index, 1, (prefer === dir ? .5 : 1 + dir*.1) * weight);\n\t\t\tif (!res)\n\t\t\t\treturn result;\n\t\t\treturn [...result, ...res];\n\t\t}, []).filter(p => p);\n\t}\n\ttryMovingInDirection(dir, index, amount, cost) {\n\t\tconst move = {index, x:0, y: 0, cost: cost};\n\t\tlet targetframe;\n\t\tswitch(dir) {\n\t\t\tcase DIR_UP:\n\t\t\t\tif (this.data[index].data?.place[this.w]?.pinned || this.data[index].y - amount < 0)\n\t\t\t\t\treturn false;\n\t\t\t\ttargetframe = this.data[index].frame.map(i => i-this.w*amount);\n\t\t\t\tmove.y = -amount;\n\t\t\t\tbreak;\n\t\t\tcase DIR_DOWN:\n\t\t\t\tif (this.data[index].data?.place[this.w]?.pinned)\n\t\t\t\t\treturn false;\n\t\t\t\tif (this.data[index].y + this.data[index].h + amount > this.h)\n\t\t\t\t\tcost += .4;\n\t\t\t\ttargetframe = this.data[index].frame.map(i => i+this.w*amount);\n\t\t\t\tmove.y = amount;\n\t\t\t\tbreak;\n\t\t\tcase DIR_LEFT:\n\t\t\t\tif (this.data[index].data?.place[this.w]?.pinned || this.data[index].x - amount < 0)\n\t\t\t\t\treturn false;\n\t\t\t\ttargetframe = this.data[index].frame.map(i => i-amount);\n\t\t\t\tmove.x = -amount;\n\t\t\t\tbreak;\n\t\t\tcase DIR_RIGHT:\n\t\t\t\tif (this.data[index].data?.place[this.w]?.pinned || this.data[index].x + this.data[index].w + amount > this.w)\n\t\t\t\t\treturn false;\n\t\t\t\ttargetframe = this.data[index].frame.map(i => i+amount);\n\t\t\t\tmove.x = amount;\n\t\t\t\tbreak;\n\t\t}\n\n\t\tconst occupiers = this.getItemsInFrame(targetframe);\n\t\tif (occupiers.includes(-1)) {\n\t\t\treturn this.tryMovingInDirection(dir, index, amount+1, cost);\n\t\t}\n\t\t\n\t\tconst intermGrid = new GridLogic(this);\n\t\ttargetframe.forEach(f => intermGrid.grid[f] = -1);\n\t\t\n\t\tif (!occupiers.length) {\n\t\t\treturn [{grid: intermGrid, moves: [move]}];\n\t\t}\n\t\tconst possiblities = intermGrid.tryMoving(occupiers).map(possiblity => possiblity.moves.unshift(move) && possiblity);\n\t\treturn possiblities.length ? possiblities : false;\n\t}\n\tclearWeights() {\n\t\tthis.data.forEach(item => item.weight = undefined);\n\t}\n\tgetItemsInFrame(frame) {\n\t\treturn frame.map(i => this.grid[i]).filter((v,i,a) => (v || v === 0) && a.indexOf(v) === i);\n\t}\n\tremove(item) {\n\t\tthis.grid = this.grid.map(i => i != item.index ? i : undefined);\n\t}\n\tgetItemFrame(item) {\n\t\tconst frame = [];\n\t\tfor (let i = 0; i < item.w; i++)\n\t\t\tfor (let j = 0; j < item.h; j++)\n\t\t\t\tframe.push(i + item.x + (j + item.y) * this.w);\n\t\treturn frame;\n\t}\n\tgetSingleFramePosition(frame){\n\t\treturn { x: frame % this.w, y: Math.floor(frame / this.w)};\n\t}\n\tdebug() {\n\t\treturn this.grid;\n\t}\n}\n\nexport default GridLogic;","// TODO(chris): Comments\n\nimport GridItem from './Grid/Item.js';\nimport GridLogic from '../../composables/GridLogic.js';\n\nconst MODE_IDLE = 0;\nconst MODE_MOVE = 1;\nconst MODE_RESIZE = 2;\nconst MODE_MOUSE_DOWN = 3;\n\nexport default {\n\tname: 'Grid',\n\tcomponents: {\n\t\tGridItem,\n\t},\n\tprops: {\n\t\tcols: Number,\n\t\titems: Array,\n\t\titemsSetup: Object,\n\t\tresizeLimit: Function,\n\t\tactive: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true\n\t\t},\n\t\tmarginForExtraRow: {\n\t\t\ttype: Number,\n\t\t\tdefault: 0\n\t\t},\n\t\tadditionalRow:{\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t}\n\t},\n\temits: [\n\t\t\"rearrangeItems\",\n\t\t\"newItem\",\n\t\t\"gridHeight\",\n\t\t\"draggedItem\",\n\t\t\"update:additionalRow\"\n\t],\n\tdata() {\n\t\treturn {\n\t\t\tx: -1,\n\t\t\ty: -1,\n\t\t\tclientX:0,\n\t\t\tclientY: 0,\n\t\t\tmode: MODE_IDLE,\n\t\t\tgrid: null,\n\t\t\tdragGrid: null,\n\t\t\tpermUpdates: [],\n\t\t\tpositionUpdates: null,\n\t\t\tfixedPositionUpdates: null,\n\t\t\tdraggedOffset: [0,0],\n\t\t\tdraggedItem: null,\n\t\t\tdraggedNode: null,\n\t\t\treorderedItems:[],\n\t\t\tclonedWidget:null,\n\t\t}\n\t},\n\tinject:{\n\t\tsectionName: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\t},\n\tcomputed: {\n\t\tadditionalRowComputed: {\n\t\t\tget() {\n\t\t\t\treturn this.additionalRow;\n\t\t\t},\n\t\t\tset(value) {\n\t\t\t\tthis.$emit('update:additionalRow', value);\n\t\t\t}\n\t\t},\n\t\titems_hashmap() {\n\t\t\tlet items = {};\n\t\t\tthis.items.forEach(item => {\n\t\t\t\tif (this.reorderedItems.length > 0 && this.needsReordering(item)){\n\t\t\t\t\t\tlet rearrangedPosition = this.reorderedItems.filter(widget => widget.data.widgetid == item.widgetid)?.pop();\n\t\t\t\t\t\tif (rearrangedPosition) {\t\t\t\n\t\t\t\t\t\t\titem.x = rearrangedPosition.x;\n\t\t\t\t\t\t\titem.y = rearrangedPosition.y;\n\t\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\titems[`x${item.x}y${item.y}`] = item;\n\t\t\t});\t\n\t\t\treturn items\n\t\t},\n\t\titems_placeholders(){\n\t\t\tlet placeholders = [];\n\t\t\tlet col_max = this.cols;\n\t\t\tlet rows_max = this.rows;\n\n\t\t\t// occupied hashmap to keep track of the occupied cells\n\t\t\tlet occupied = {};\n\n\t\t\tfor (let y = 0; y < rows_max; y++) {\n\t\t\t\tfor (let x = 0; x < col_max; x++) {\n\t\t\t\t\t// skip current position if it was registered as occupied\n\t\t\t\t\tif (Object.keys(occupied).length && occupied[`x${x}y${y}`]) {\n\t\t\t\t\t\tcontinue;\n\t\t\t\t\t}\n\t\t\t\t\tlet current_item = this.items_hashmap[`x${x}y${y}`];\n\t\t\t\t\tif (current_item) {\n\t\t\t\t\t\t//calculate the occupied cells from the width and the height from the items \n\t\t\t\t\t\tlet width = current_item.w;\n\t\t\t\t\t\tlet height = current_item.h;\n\t\t\t\t\t\tlet max_x = x + width - 1;\n\t\t\t\t\t\tlet max_y = y + height - 1;\n\t\t\t\t\t\tif(x != max_x || y != max_y){\n\t\t\t\t\t\t\tfor (let occupied_y = y; occupied_y <= max_y; occupied_y++) {\n\t\t\t\t\t\t\t\tfor (let occupied_x = x; occupied_x <= max_x; occupied_x++) {\n\t\t\t\t\t\t\t\t\tif (occupied_x != x || occupied_y != y) {\n\t\t\t\t\t\t\t\t\t\toccupied[`x${occupied_x}y${occupied_y}`]=true;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\telse {\n\t\t\t\t\t\tplaceholders.push({ x: x, y: y, w: 1, h: 1, placeholder: true, \n\t\t\t\t\t\t\tdata: { id: 'placeholder_' + String(placeholders.length).padStart(4, \"0\") } });\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn placeholders;\n\t\t},\n\t\tplacedItems_withPlaceholders() {\n\t\t\treturn [...this.placedItems, ...this.items_placeholders];\n\t\t},\n\t\trows() {\n\t\t\tif (this.additionalRowComputed) {\n\t\t\t\t\treturn this.grid ? (this.grid.h+1) : 1;\n\t\t\t}\n\t\t\treturn this.grid ? this.grid.h : 1;\n\t\t\t\n\t\t},\n\t\tgridStyle() {\n\t\t\tconst addH = this.active ? this.marginForExtraRow : 0;\n\t\t\treturn {\n\t\t\t\t'--fhc-dg-row-height': 100/(this.rows + addH) + '%',\n\t\t\t\t'--fhc-dg-col-width': 100/this.cols + '%',\n\t\t\t\t'--fhc-dg-item-padding-horizontal': '0.25%',\n\t\t\t\t'--fhc-dg-item-padding-top': '0.5%',\n\t\t\t\t'padding-bottom': 100 * (this.rows + addH)/this.cols + '%'\n\t\t\t}\n\t\t},\n\t\tindexedItems() {\n\t\t\treturn this.items.map(\n\t\t\t\t(item, index) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\tindex: index,\n\t\t\t\t\t\tx: item.x,\n\t\t\t\t\t\ty: item.y,\n\t\t\t\t\t\tw: item.w,\n\t\t\t\t\t\th: item.h,\n\t\t\t\t\t\tweight: item.weight || 0,\n\t\t\t\t\t\tdata: item\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t);\n\t\t},\n\t\tprePlacedItems() {\n\t\t\tif (!this.fixedPositionUpdates)\n\t\t\t\treturn this.indexedItems;\n\t\t\treturn this.indexedItems.map(item => {\n\t\t\t\tif (!this.fixedPositionUpdates[item.index])\n\t\t\t\t\treturn item;\n\t\t\t\treturn {\n\t\t\t\t\tindex: item.index,\n\t\t\t\t\tweight: item.weight,\n\t\t\t\t\tdata: item.data,\n\t\t\t\t\tx: this.fixedPositionUpdates[item.index].x === undefined ? item.x : this.fixedPositionUpdates[item.index].x,\n\t\t\t\t\ty: this.fixedPositionUpdates[item.index].y === undefined ? item.y : this.fixedPositionUpdates[item.index].y,\n\t\t\t\t\tw: this.fixedPositionUpdates[item.index].w === undefined ? item.w : this.fixedPositionUpdates[item.index].w,\n\t\t\t\t\th: this.fixedPositionUpdates[item.index].h === undefined ? item.h : this.fixedPositionUpdates[item.index].h\n\t\t\t\t};\n\t\t\t});\n\t\t},\n\t\tplacedItems() {\n\t\t\tif (!this.positionUpdates)\n\t\t\t\treturn this.prePlacedItems;\n\t\t\tlet mappedPlacedItems= this.prePlacedItems.map(item => {\n\t\t\t\tif (!this.positionUpdates[item.index] )\n\t\t\t\t\treturn item;\n\t\t\t\tlet height_diff = this.positionUpdates[item.index]?.h - item.h;\n\t\t\t\tlet width_diff = this.positionUpdates[item.index]?.w - item.w;\n\t\t\t\treturn {\n\t\t\t\t\tresize: this.positionUpdates[item.index]?.resize,\n\t\t\t\t\tindex: item.index,\n\t\t\t\t\tweight: item.weight,\n\t\t\t\t\tdata: item.data,\n\t\t\t\t\tx: this.positionUpdates[item.index].x === undefined ? item.x : this.positionUpdates[item.index].x,\n\t\t\t\t\ty: this.positionUpdates[item.index].y === undefined ? item.y : this.positionUpdates[item.index].y,\n\t\t\t\t\tw: width_diff>0?item.w:this.positionUpdates[item.index].w === undefined ? item.w : this.positionUpdates[item.index].w,\n\t\t\t\t\th: height_diff > 0 ?item.h:this.positionUpdates[item.index].h === undefined ? item.h : this.positionUpdates[item.index].h\n\t\t\t\t\t\n\t\t\t\t};\n\t\t\t});\n\n\t\t\tlet temporaryResizeItems = [];\n\t\t\tmappedPlacedItems.forEach(item=>{\n\t\t\t\tif(item.resize){\n\t\t\t\t\tlet newItem = {\n\t\t\t\t\t\t...item,\n\t\t\t\t\t\tw:this.positionUpdates[item.index].w === undefined ? item.w : this.positionUpdates[item.index].w,\n\t\t\t\t\t\th:this.positionUpdates[item.index].h === undefined ? item.h : this.positionUpdates[item.index].h,\n\t\t\t\t\t\tresizeOverlay:true,\n\t\t\t\t\t\tblank:true,\n\t\t\t\t\t};\n\t\t\t\t\ttemporaryResizeItems.push(newItem)\n\t\t\t\t}\n\t\t\t})\n\t\t\treturn [...mappedPlacedItems, ...temporaryResizeItems];\n\t\t},\n\t\tshowEmptyTileHover() {\n\t\t\tif (!this.active || !this.grid || this.mode != MODE_IDLE || this.x < 0 || this.y < 0 || this.x >= this.cols || this.y >= this.rows)\n\t\t\t\treturn false;\n\t\t\treturn this.grid.isFreeSlot(this.x, this.y);\n\t\t},\n\t\twidgetSetup(){\n\t\t\tif (!this.widgetsSetup)\n\t\t\t\treturn;\n\t\t\treturn this.widgetsSetup.reduce((acc, ele) => { \n\t\t\t\tacc[ele.widget_id] =ele;\n\t\t\t\treturn acc;\n\t\t\t} ,{});\n\t\t},\n\t},\n\twatch: {\n\t\tactive(active) {\n\t\t\tif (!active)\n\t\t\t\tthis.dragCancel();\n\t\t},\n\t\tcols() {\n\t\t\tthis.dragCancel();\n\t\t},\n\t rows: {\n\t\t\thandler(value) {\n\t\t\t\tthis.$emit('gridHeight', value);\n\t\t\t},\n\t\t\timmediate: true\n\t\t},\n\t\tindexedItems: {\n\t\t\thandler(value) {\n\t\t\t\tthis.dragCancel();\n\n\t\t\t\tconst updated = this.createNewGrid(value);\n\n\t\t\t\tthis.fixedPositionUpdates = updated;\n\t\t\t\tif (updated.length)\n\t\t\t\t\tthis.$emit('rearrangeItems', updated.filter(v => v));\n\t\t\t},\n\t\t\timmediate: true,\n\t\t\tdeep: true\n\t\t}\n\t},\n\tmethods: {\n\t\tneedsReordering(item){\n\t\t\tif (!item?.data?.place[this.cols]){\n\t\t\t\treturn true;\n\t\t\t}\n\t\t\treturn false;\n\t\t},\n\t\ttoggleDraggedItemOverlay(condition){\n\t\t\tif(!this.draggedNode)\n\t\t\t\treturn;\n\t\t\tif(condition){\n\t\t\t\tthis.draggedNode.firstElementChild.classList.add(\"dashboard-item-overlay\");\n\t\t\t}else{\n\t\t\t\tthis.draggedNode.firstElementChild.classList.remove(\"dashboard-item-overlay\");\n\t\t\t}\n\t\t},\n\t\tdragging(event){\n\t\t\tif(this.mode == MODE_MOVE){\n\t\t\t\tthis.toggleDraggedItemOverlay(true);\n\t\t\t\t\n\t\t\t\tconst containerRect = this.$refs.container.getBoundingClientRect();\n\t\t\t\tconst clonedWidgetRect = this.clonedWidget.getBoundingClientRect();\n\t\t\t\t\n\t\t\t\tlet desiredTop = this.clientY - 20;\n\t\t\t\tlet desiredLeft = this.clientX - 15;\n\t\t\t\t\n\t\t\t\tconst minTop = 0;\n\t\t\t\tconst maxTop = containerRect.height - clonedWidgetRect.height;\n\t\t\t\tconst minLeft = 0;\n\t\t\t\tconst maxLeft = containerRect.width - clonedWidgetRect.width;\n\t\t\t\t\n\t\t\t\tconst constrainedTop = Math.max(minTop, Math.min(maxTop, desiredTop));\n\t\t\t\tconst constrainedLeft = Math.max(minLeft, Math.min(maxLeft, desiredLeft));\n\t\t\t\t\n\t\t\t\tthis.clonedWidget.style.top = `${constrainedTop}px`;\n\t\t\t\tthis.clonedWidget.style.left = `${constrainedLeft}px`;\n\t\t\t}\n\t\t},\n\t\tcreateNewGrid(items) {\n\t\t\tthis.grid = new GridLogic(this.cols);\n\t\t\tconst result = [];\n\t\t\tlet sortedItems = [...items].sort((a, b) => {\n\t\t\t\tif(this.needsReordering(a) && this.needsReordering(b)){\n\t\t\t\t\treturn 0;\n\t\t\t\t}\n\t\t\t\telse if(this.needsReordering(a)){\n\t\t\t\t\treturn 999;\n\t\t\t\t}\n\t\t\t\telse if(this.needsReordering(b)){\n\t\t\t\t\treturn -999;\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\treturn a.weight > b.weight;\n\t\t\t}); \n\t\t\tlet reorderedItems = [];\n\t\t\tsortedItems.forEach(item => {\n\t\t\t\tlet freeSlots = this.grid.getFreeSlots();\n\t\t\t\t\n\t\t\t\tif(this.needsReordering(item)){\n\t\t\t\t\tlet firstFreeSlot = freeSlots.shift();\n\t\t\t\t\tif (!firstFreeSlot) {\n\t\t\t\t\t\titem.x = 0;\n\t\t\t\t\t\titem.y = this.grid.h;\n\t\t\t\t\t}else{\n\t\t\t\t\t\titem.x = firstFreeSlot.x;\n\t\t\t\t\t\titem.y = firstFreeSlot.y;\n\t\t\t\t\t}\n\t\t\t\t\treorderedItems.push(item);\n\t\t\t\t\t\n\t\t\t\t}\n\t\t\t\tif (item.x + item.w > this.cols) {\n\t\t\t\t\tlet targetW = this.cols-item.x,\n\t\t\t\t\t\ttargetX = undefined;\n\t\t\t\t\tif (this.resizeLimit) {\n\t\t\t\t\t\t[targetW] = this.resizeLimit(item.data, targetW, item.h);\n\t\t\t\t\t}\n\t\t\t\t\tif (targetW < 1)\n\t\t\t\t\t\ttargetW = 1;\n\t\t\t\t\tif (targetW > this.cols)\n\t\t\t\t\t\ttargetW = this.cols;\n\t\t\t\t\tif (item.x + targetW > this.cols) {\n\t\t\t\t\t\ttargetX = this.cols - targetW;\n\t\t\t\t\t}\n\t\t\t\t\tif (targetW == item.w)\n\t\t\t\t\t\ttargetW = undefined;\n\t\t\t\t\tresult[item.index] = {\n\t\t\t\t\t\titem: item.data,\n\t\t\t\t\t\tx: targetX,\n\t\t\t\t\t\tw: targetW\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t\titem.frame = this.grid.getItemFrame(item);\n\t\t\t\tthis.convertGridResultToUpdate(this.grid.add(item), result, items);\n\t\t\t});\n\t\t\tthis.reorderedItems = reorderedItems;\n\t\t\tthis.grid.clearWeights();\n\t\t\treturn result;\n\t\t},\n\t\tconvertGridResultToUpdate(input, output, baseArray) {\n\t\t\t\n\t\t\tif (!input)\n\t\t\t\treturn;\n\t\t\tif (!baseArray)\n\t\t\t\tbaseArray = this.indexedItems;\n\t\t\tinput.forEach(item => {\n\t\t\t\tlet result = {\n\t\t\t\t\titem: baseArray[item.index].data\n\t\t\t\t};\n\t\t\t\tif (item.x !== undefined)\n\t\t\t\t\tresult.x = item.x;\n\t\t\t\tif (item.y !== undefined)\n\t\t\t\t\tresult.y = item.y;\n\t\t\t\tif (item.w !== undefined)\n\t\t\t\t\tresult.w = item.w;\n\t\t\t\tif (item.h !== undefined)\n\t\t\t\t\tresult.h = item.h;\n\t\t\t\toutput[item.index] = result;\n\t\t\t});\n\t\t},\n\t\tmouseLeave() {\n\t\t\t/* if (this.mode == MODE_IDLE) {\n\t\t\t\tthis.x = -1;\n\t\t\t\tthis.y = -1;\n\t\t\t\t\n\t\t\t} */\n\t\t},\n\t\tupdateCursor(evt) {\n\t\t\tif (!this.active) {\n\t\t\t\tthis.x = this.y = -1;\n\t\t\t\treturn false;\n\t\t\t}\n\t\t\tconst addH = this.active ? this.marginForExtraRow : 0;\n\t\t\tconst rect = this.$refs.container.getBoundingClientRect();\n\t\t\t\n\t\t\tif (!evt.clientX && !evt.clientY && evt.touches){\n\t\t\t\tevt.clientX = evt.touches[0].clientX;\n\t\t\t\tevt.clientY = evt.touches[0].clientY;\n\t\t\t}\n\n\t\t\tthis.clientX = (evt.clientX - rect.left);\n\t\t\tthis.clientY = (evt.clientY - rect.top);\n\t\t\tconst gridX = Math.floor(this.cols * (evt.clientX - rect.left) / this.$refs.container.clientWidth);\n\t\t\tconst gridY = Math.floor((this.rows + addH) * (evt.clientY - rect.top) / this.$refs.container.clientHeight);\n\t\t\t\n\t\t\tif (this.x == gridX && this.y == gridY)\n\t\t\t\treturn false;\n\t\t\t\n\t\t\tthis.x = gridX;\n\t\t\tthis.y = gridY;\n\n\t\t\treturn true;\n\t\t},\n\t\t_dragStart(evt, item) {\n\t\t\tif (evt.dataTransfer) {\n\t\t\t\tevt.dataTransfer.setDragImage(evt.target, -99999, -99999);\n\t\t\t\tevt.dataTransfer.dropEffect = 'move';\n\t\t\t\tevt.dataTransfer.effectAllowed = 'move';\n\t\t\t}\n\t\t},\n\t\tstartMove(evt, item) {\n\t\t\t\n\t\t\tif (!this.active)\n\t\t\t\treturn;\n\t\t\t\n\t\t\tthis.mode = MODE_MOVE;\n\t\t\t\n\t\t\tthis.draggedItem = item;\n\t\t\t\n\t\t\tthis.$emit('draggedItem', item);\n\t\t\t// workaround for chrome fireing event dragend when styles are manipulated during dragging\n\t\t\tsetTimeout(() => {\n\t\t\t\tthis.draggedNode = evt.target.closest(\".drop-grid-item\");\n\t\t\t\t//clones the widget for the drag Image\n\t\t\t\t\n\t\t\t\tlet clone = evt.target.closest(\".drop-grid-item\")?.cloneNode(true);\n\n\t\t\t\tclone.style.zIndex = 5;\n\t\t\t\tclone.classList.add(\"widgetClone\");\n\t\t\t\tthis.$refs.container.appendChild(clone);\n\t\t\t\tconst hiddenWidget = clone.querySelector(\"[style='display: none;']\");\n\t\t\t\thiddenWidget.style.removeProperty(\"display\");\n\t\t\t\tthis.clonedWidget = clone;\n\t\t\t}, 0);\n\n\t\t\tthis.draggedOffset = [item.x - this.x, item.y - this.y];\n\t\t\tthis._dragStart(evt, item);\n\t\t},\n\t\tstartResize(evt, item) {\n\t\t\tif (!this.active)\n\t\t\t\treturn;\n\t\t\tthis.mode = MODE_RESIZE;\n\t\t\tthis.draggedItem = item;\n\t\t\tthis.$emit('draggedItem', item);\n\t\t\tthis._dragStart(evt);\n\t\t},\n\t\tdragOver(evt) {\n\t\t\tif ((this.y + 1) > this.rows && (this.mode == MODE_MOVE || this.mode == MODE_RESIZE)) {\n\t\t\t\tthis.dragCancel();\n\t\t\t\t\n\t\t\t}\n\t\t\tif (!this.active)\n\t\t\t\treturn this.dragCancel();\n\t\t\tthis.checkPinnedWidgetAnimation();\n\t\t\tif(this.mode == MODE_RESIZE){\n\t\t\t\tthis.checkWidgetSizeLimitAnimation();\n\t\t\t}\n\t\t\tif (this.updateCursor(evt)) {\n\t\t\t\tswitch(this.mode) {\n\t\t\t\t\tcase MODE_MOVE: {\n\t\t\t\t\t\tevt.preventDefault();\n\t\t\t\t\t\tthis.dragGrid = new GridLogic(this.grid);\n\t\t\t\t\t\tlet x = this.x + this.draggedOffset[0];\n\t\t\t\t\t\tlet y = this.y + this.draggedOffset[1];\n\t\t\t\t\t\tif (x < 0) {\n\t\t\t\t\t\t\tthis.draggedOffset[0] += x;\n\t\t\t\t\t\t\tx = 0;\n\t\t\t\t\t\t} else if (x + this.draggedItem.w > this.cols) {\n\t\t\t\t\t\t\tthis.draggedOffset[0] += this.cols - this.draggedItem.w - x;\n\t\t\t\t\t\t\tx = this.cols - this.draggedItem.w;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif (y < 0) {\n\t\t\t\t\t\t\tthis.draggedOffset[1] += y;\n\t\t\t\t\t\t\ty = 0;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tthis.positionUpdates= this.dragGrid.move(this.draggedItem, x, y);\n\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\t\t\t\t\tcase MODE_RESIZE: {\n\t\t\t\t\t\tevt.preventDefault();\n\t\t\t\t\t\tthis.dragGrid = new GridLogic(this.grid);\n\t\t\t\t\t\tlet w = Math.min(this.cols - this.draggedItem.x, Math.max(1, this.x - this.draggedItem.x + 1));\n\t\t\t\t\t\tlet h = Math.max(1, this.y - this.draggedItem.y + 1);\n\t\t\t\t\t\tif (this.resizeLimit)\n\t\t\t\t\t\t\t[w, h] = this.resizeLimit(this.draggedItem.data, w, h);\n\t\t\t\t\t\tthis.positionUpdates = this.dragGrid.resize(this.draggedItem, w, h);\n\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\tdragCancel() {\n\t\t\tthis.removeWidgetClones();\n\t\t\tthis.additionalRowComputed = false;\n\t\t\tthis.toggleDraggedItemOverlay(false);\n\t\t\tthis.mode = MODE_IDLE;\n\t\t\tthis.positionUpdates = null;\n\t\t\tthis.draggedOffset = [0,0],\n\t\t\tthis.draggedItem = null;\n\t\t\tthis.$emit('draggedItem',null);\n\t\t\tthis.draggedNode = null;\n\t\t\t\n\t\t},\n\t\tdragEnd() {\n\t\t\tthis.removeWidgetClones();\n\t\t\tthis.toggleDraggedItemOverlay(false);\n\t\t\t\n\t\t\tif (this.mode == MODE_IDLE){\n\t\t\t\treturn;\n\t\t\t}\n\t\t\t// clean up unused classes\n\t\t\tlet draggedItemNode = document.getElementById(this.draggedItem.data.widgetid);\n\t\t\tdraggedItemNode.classList.remove(\"border-danger\");\n\t\t\tArray.from(document.getElementsByClassName(\"denied-dragging-animation\"))?.forEach(ele => {\n\t\t\t\tele.classList.remove(\"denied-dragging-animation\");\n\t\t\t})\n\t\t\t\n\t\t\t//if (!this.active || this.x < 0 || this.y < 0 || this.x >= this.cols)\n\t\t\t\t//return this.dragCancel();\n\n\t\t\tthis.mode = MODE_IDLE;\n\t\t\tlet updated = [];\n\t\t\tthis.convertGridResultToUpdate(this.positionUpdates, updated);\n\t\t\tupdated = this._updateFixedPositions(updated);\n\t\t\tif (updated.length)\n\t\t\t\tthis.$emit('rearrangeItems', updated.filter(v => v));\n\n\t\t\tthis.draggedItem = null;\n\t\t\tthis.draggedNode = null;\n\t\t\tthis.$emit('draggedItem', null);\n\t\t},\n\t\t_updateFixedPositions(updated) {\n\t\t\tupdated.forEach((item, index) => {\n\t\t\t\tif (!this.fixedPositionUpdates[index])\n\t\t\t\t\tthis.fixedPositionUpdates[index] = item;\n\t\t\t\telse\n\t\t\t\t\tthis.fixedPositionUpdates[index] = {...this.fixedPositionUpdates[index], ...item};\n\t\t\t});\n\t\t\tlet additionalUpdates = this.createNewGrid(this.prePlacedItems);\n\t\t\tif (additionalUpdates.length) {\n\t\t\t\t// NOTE(chris): this should never happen but it's here for safety\n\t\t\t\tadditionalUpdates.forEach((item, index) => updated[index] = item);\n\t\t\t\treturn this._updateFixedPositions(updated);\n\t\t\t}\n\t\t\treturn updated;\n\t\t},\n\t\temptyTileClicked() {\n\t\t\tthis.additionalRowComputed = false;\n\t\t\tthis.$emit('newItem', this.x, this.y);\n\t\t},\n\t\tupdateCursorOnMouseMove(evt){\n\t\t\tif(this.mode == MODE_IDLE){\n\t\t\t\tthis.updateCursor(evt);\n\t\t\t}\n\t\t},\n\t\tcheckPinnedWidgetAnimation(){\n\t\t\tlet itemAtPosition=[];\n\t\t\tswitch(this.mode){\n\t\t\t\tcase MODE_RESIZE:\n\t\t\t\t\tfor (let x = this.draggedItem.x; x <= this.x; x++) {\n\t\t\t\t\t\tfor (let y = this.draggedItem.y; y <= this.y; y++) {\n\t\t\t\t\t\t\tthis.items.forEach(item => {\n\t\t\t\t\t\t\t\tif (item.x == x && item.y == y) {\n\t\t\t\t\t\t\t\t\titemAtPosition.push(item);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\tbreak;\n\t\t\t\tcase MODE_MOVE:\n\t\t\t\t\titemAtPosition = this.items.filter(item=>item.x == this.x && item.y == this.y);\n\t\t\t\t\tbreak;\n\t\t\t}\n\t\t\t\n\t\t\tArray.from(document.getElementsByClassName(\"denied-dragging-animation\"))?.forEach(ele => {\n\t\t\t\tele.classList.remove(\"denied-dragging-animation\");\n\t\t\t})\n\n\t\t\titemAtPosition.forEach(item=>{\n\t\t\t\tif (item.place[this.cols] && item.place[this.cols].pinned) {\n\t\t\t\t\tlet pinnedWidget = document.getElementById(item.widgetid);\n\t\t\t\t\tlet pinNode = pinnedWidget.querySelector(\"[pinned='true']\");\n\t\t\t\t\tif (!pinNode.classList.contains(\"denied-dragging-animation\")) {\n\t\t\t\t\t\tpinNode.classList.add(\"denied-dragging-animation\");\n\t\t\t\t\t}\n\t\t\t\t}\t\n\t\t\t})\n\t\t},\n\t\tcheckWidgetSizeLimitAnimation() {\n\n\t\t\tlet draggedItemSetup = this.itemsSetup[this.draggedItem.data.widget];\n\t\t\tlet draggedItemMaxWidth = draggedItemSetup.width.max ?? draggedItemSetup.width;\n\t\t\tlet draggedItemMinWidth = draggedItemSetup.width.min ?? draggedItemSetup.width;\n\t\t\tlet draggedItemMaxHeight = draggedItemSetup.height.max ?? draggedItemSetup.height;\n\t\t\tlet draggedItemMinHeight = draggedItemSetup.height.min ?? draggedItemSetup.height;\n\t\t\tlet draggedItemNode = document.getElementById(this.draggedItem.data.widgetid);\n\n\t\t\tlet width_after_resize = this.x - this.draggedItem.x + 1; \n\t\t\tlet height_after_resize = this.y - this.draggedItem.y + 1; \n\t\t\tif( \n\t\t\t\t(width_after_resize > 0 && (width_after_resize > draggedItemMaxWidth\n\t\t\t\t|| width_after_resize < draggedItemMinWidth)\n\t\t\t\t)\n\t\t\t\t||\n\t\t\t\t(height_after_resize > 0 && (height_after_resize > draggedItemMaxHeight\n\t\t\t\t|| height_after_resize < draggedItemMinHeight)\n\t\t\t\t)\n\t\t\t){\n\t\t\t\tdraggedItemNode.classList.add(\"border-danger\");\n\t\t\t}else{\n\t\t\t\tdraggedItemNode.classList.remove(\"border-danger\");\n\t\t\t}\n\t\t},\n\t\tremoveWidgetClones(){\n\t\t\tlet widgetClones = Array.from(document.getElementsByClassName(\"widgetClone\"));\n\t\t\tfor (let i = 0; i < widgetClones.length; i++) {\n\t\t\t\tthis.$refs.container.removeChild(widgetClones[i]);\n\t\t\t}\n\t\t},\n\t\tmouseDown(){\n\t\t\tthis.mode = MODE_MOUSE_DOWN;\n\t\t},\n\t\tmouseUp() {\n\t\t\tthis.mode = MODE_IDLE;\n\t\t},\n\t},\n\ttemplate: `\n\t\n\t\t
\n\t\n\t\t\t\n\t\t
\n\t\n\t
`,\n};\n","export default {\n\tdata(){\n\t\treturn {\n\n\t\t}\n\t},\n\tmethods:{\n\t\tonEnter(el,done){\n\t\t\tel.style.height = '0';\n\t\t\tel.style.height = el.scrollHeight + 'px';\n\t\t},\n\t\tonLeave(el,done){\n\t\t\tel.style.height = el.scrollHeight + 'px';\n\t\t\tel.style.height = '0';\n\t\t}\n\t},\n\ttemplate:\n\t/*html*/`\n\t\t\n\t\t\n\t\t\t\n\t\t\t\t{{ widget ? 'Config for ' + widget.setup.name : '' }}\n\t\t\t\n\t\t\t\n\t\t\t\t \n\t\t\n\t\t\t\n\t\t \n\t\t
\n\t\n\t\t\t\n\t\t\t\t\n\t\t\t \n\t\t\t{{ widget.setup.name }}\n\t\t\t\n\t\t\t\t\n\t\t\t\t \n\t\t
\n\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\n \t\t\n \t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t
\n\t\t\n\t\t
\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t
\n\t\t![]()
\n\t\t
`,\n}","import BsConfirm from \"../Bootstrap/Confirm.js\";\nimport DropGrid from '../Drop/Grid.js'\nimport DashboardItem from \"./Item.js\";\nimport CachedWidgetLoader from \"../../composables/Dashboard/CachedWidgetLoader.js\";\nimport WidgetIcon from \"./Widget/WidgetIcon.js\"\n\nexport default {\n\tname: 'Section',\n\tcomponents: {\n\t\tDropGrid,\n\t\tDashboardItem,\n\t\tWidgetIcon,\n\t},\n\tinject: {\n\t\twidgetsSetup:{\n\t\t\ttype: Array,\n\t\t\tdefault: [],\n\t\t},\n\t\tadminMode: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t},\n\t\teditMode: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t}\n\t},\n\tprops: [\n\t\t\"name\",\n\t\t\"widgets\"\n\t],\n\temits: [\n\t\t\"widgetAdd\",\n\t\t\"widgetUpdate\",\n\t\t\"widgetRemove\"\n\t],\n\tdata() {\n\t\treturn {\n\t\t\tconfigOpened: false,\n\t\t\tgridWidth: 1,\n\t\t\tgridHeight: null,\n\t\t\tdraggedItem:null,\n\t\t\tadditionalRow:false,\n\t\t}\n\t},\n\tprovide() {\n\t\treturn {\n\t\t\teditModeIsActive: Vue.computed(() =>\n\t\t\t\tthis.editModeIsActive\n\t\t\t),\t\n\t\t\tsectionName: Vue.computed(() => this.name),\t\n\t\t}\n\t},\n\tcomputed: {\n\t\tcomputedWidgetsSetup(){\n\t\t\tif(!this.widgetsSetup) return {};\n\t\t\treturn this.widgetsSetup.reduce((acc, setup)=>{\n\t\t\t\tacc[setup.widget_id] = setup.setup;\n\t\t\t\treturn acc;\n\t\t\t},{})\n\t\t},\n\t\teditModeIsActive() {\n\t\t\treturn (this.editMode || this.adminMode) && !this.configOpened\t\n\t\t},\n\t\tgetSectionStyle() {\n\t\t\treturn 'margin-bottom: 8px;';\n\t\t},\n\t\titems() {\n\t\t\t// reuses the nearest placement of the widget from another viewport \n\t\t\t/* const computeNearestPlace = (item, gridWidth) =>{\n\t\t\t\tlet place;\n\t\t\t\tif (Object.keys(item.place).length > 0) {\n\t\t\t\t\tconst nearestIndex = Object.keys(item.place)\n\t\t\t\t\t\t\t\t\t\t\t .sort((a, b) => Math.abs(a - gridWidth) - Math.abs(b - gridWidth))\n\t\t\t\t\t\t\t\t\t\t\t .shift();\n\t\t\t\t\tplace = item.place[nearestIndex];\n\t\t\t\t}\n\t\t\t\telse{\n\t\t\t\t\tplace = { x: 0, y: 0, w: 1, h: 1 };\n\t\t\t\t}\n\t\t\t\treturn place;\n\t\t\t} */\n\t\t\t\n\t\t\tlet placedItems = this.widgets.map(item => {\n\t\t\t\tif(!item?.widgetid && item?.id){\n\t\t\t\t\titem.widgetid = item.id;\n\t\t\t\t}\n\t\t\t\treturn { ...item, reorder: false, ...(item.place[this.gridWidth] || { reorder: true, ...{ x: 0, y: 0, w: 1, h: 1 } })};\n\t\t\t});\n\t\t\treturn placedItems;\n\t\t\t\n\t\t},\n\t\t\n\t},\n\tmethods: {\n\t\tsectionNameTranslation(){\n\t\t\tswitch(this.name){\n\t\t\t\tcase \"general\": \n\t\t\t\t\treturn this.$p.t('dashboard',this.name); \n\t\t\t\t\tbreak;\n\t\t\t\tcase \"custom\":\n\t\t\t\t\treturn this.$p.t('dashboard',this.name);\n\t\t\t\t\tbreak;\n\t\t\t\tdefault:\n\t\t\t\t\treturn this.name;\n\t\t\t\t\tbreak;\n\t\t\t}\n\t\t},\n\t\tshowSectionInformation(){\n\t\t\tif (this.name == \"general\"){\n\t\t\t\treturn this.$p.t('dashboard', 'dashboardGeneralSectionDescription'); \n\t\t\t}\n\t\t\telse if(this.name == \"custom\"){\n\t\t\t\treturn this.$p.t('dashboard', 'dashboardCustomSectionDescription');\n\t\t\t}\n\t\t\telse{\n\t\t\t\treturn this.$p.t('dashboard', 'dashboardSectionDescription', [this.name]);\n\t\t\t}\n\t\t},\n\t\thandleConfigOpened() {\n\t\t\tthis.configOpened = true\n\t\t},\n\t\thandleConfigClosed() {\n\t\t\tthis.configOpened = false\n\t\t},\n\t\tcheckResizeLimit(item, w, h) {\n\t\t\t// NOTE(chris): widgets needs to be loaded for this to work\n\t\t\tlet widget = CachedWidgetLoader.getWidget(item.widget);\n\t\t\tif (widget) {\n\t\t\t\tlet minmaxW = widget.setup.width;\n\t\t\t\tif (minmaxW.max)\n\t\t\t\t\tminmaxW.min = minmaxW.min || 1;\n\t\t\t\telse\n\t\t\t\t\tminmaxW = {min:minmaxW,max:minmaxW};\n\t\t\t\tif (w < minmaxW.min)\n\t\t\t\t\tw = minmaxW.min; \n\t\t\t\tif (w > minmaxW.max)\n\t\t\t\t\tw = minmaxW.max;\n\n\t\t\t\tlet minmaxH = widget.setup.height;\n\t\t\t\tif (minmaxH.max)\n\t\t\t\t\tminmaxH.min = minmaxH.min || 1;\n\t\t\t\telse\n\t\t\t\t\tminmaxH = {min:minmaxH,max:minmaxH};\n\t\t\t\tif (h < minmaxH.min)\n\t\t\t\t\th = minmaxH.min;\n\t\t\t\tif (h > minmaxH.max)\n\t\t\t\t\th = minmaxH.max;\n\t\t\t}\n\t\t\treturn [w, h];\n\t\t},\n\t\tremoveWidget(item, revert) {\n\t\t\tif (item.custom) {\n\t\t\t\tBsConfirm.popup('Are you sure you want to delete this widget?').then(() => this.$emit('widgetRemove', this.name, item.id));\n\t\t\t} else {\n\t\t\t\tlet update = {};\n\t\t\t\tupdate[item.id] = { hidden: !revert };\n\t\t\t\tthis.updatePreset(update);\n\t\t\t}\n\t\t},\n\t\tsaveConfig(config, item) {\n\t\t\tlet payload = {};\n\t\t\tpayload[item.id] = { config };\n\t\t\tthis.updatePreset(payload);\n\t\t},\n\t\tupdatePositions(updated, pinned=false) {\n\t\t\tlet result = {};\n\t\t\tupdated.forEach(update => {\n\t\t\t\t\n\t\t\t\tlet item = {...update.item};\n\t\t\t\tif (!item.placeholder) {\n\t\t\t\tif (!item.place[this.gridWidth])\n\t\t\t\t\titem.place[this.gridWidth] = {x: 0, y: 0, w: 1, h: 1};\n\t\t\t\tdelete item.x;\n\t\t\t\tdelete item.y;\n\t\t\t\tdelete item.w;\n\t\t\t\tdelete item.h;\n\t\t\t\tdelete item.place[this.gridWidth].pinned;\n\t\t\t\tif (update.x !== undefined)\n\t\t\t\t\titem.place[this.gridWidth].x = update.x;\n\t\t\t\tif (update.y !== undefined)\n\t\t\t\t\titem.place[this.gridWidth].y = update.y;\n\t\t\t\tif (update.w !== undefined)\n\t\t\t\t\titem.place[this.gridWidth].w = update.w;\n\t\t\t\tif (update.h !== undefined)\n\t\t\t\t\titem.place[this.gridWidth].h = update.h;\n\t\t\t\tif (pinned){\n\t\t\t\t\titem.place[this.gridWidth].pinned = true;\n\t\t\t\t}\n\n\t\t\t\tresult[item.id] = item;\n\t\t\t\t}\n\t\t\t});\n\t\t\tthis.updatePreset(result);\n\t\t},\n\t\tupdatePreset(update) {\n\t\t\tlet payload = {};\n\t\t\tpayload[this.name] = update;\n\t\t\tthis.$emit('widgetUpdate', this.name, payload);\n\t\t}\n\t},\n\tmounted() {\n\t\tlet self = this;\n\t\tlet cont = self.$refs.container;\n\t\tself.gridWidth = parseInt(window.getComputedStyle(cont).getPropertyValue('--fhc-dashboard-grid-size'));\n\t\t\n\t\twindow.addEventListener('resize', () => {\n\t\t\tself.gridWidth = parseInt(window.getComputedStyle(cont).getPropertyValue('--fhc-dashboard-grid-size'));\n\t\t});\n\t},\n\ttemplate: `\n\t\n\t\t\t
\n\t{{ widget.setup.name || widget.widget_kurzbz }}
\n\t\t\t{{ widget.beschreibung }}
\n\t\t\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t \n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t \n\t
`\n}\n\n/*\nOLD VERSION - ON HOVER\n\n\t\n\n*/","import BsModal from \"../../Bootstrap/Modal.js\";\nimport WidgetIcon from \"./WidgetIcon.js\";\n\nexport default {\n\tcomponents: {\n\t\tBsModal,\n\t\tWidgetIcon,\n\t},\n\tprops: [\n\t\t\"widgets\"\n\t],\n\tdata: () => ({\n\t\tcallbacks: {}\n\t}),\n\tmethods: {\n\t\tgetWidget() {\n\t\t\treturn new Promise((resolve,reject) => {\n\t\t\t\tthis.callbacks = {resolve,reject};\n\t\t\t\tthis.$refs.modal.show();\n\t\t\t});\n\t\t},\n\t\tclose() {\n\t\t\tif (this.callbacks.reject)\n\t\t\t\tthis.callbacks.reject();\n\t\t\tthis.callbacks = {};\n\t\t},\n\t\tpick(widget_id) {\n\t\t\tif (this.callbacks.resolve)\n\t\t\t\tthis.callbacks.resolve(widget_id);\n\t\t\tthis.callbacks = {};\n\t\t\tthis.$refs.modal.hide();\n\t\t},\n\t\t\n\t},\n\ttemplate: ``\n}\n","export default {\n\t/**\n\t* Performs a deep merge of objects and returns new object. Does not modify\n\t* objects (immutable) and merges arrays via concatenation.\n\t*\n\t* @param {...object} objects - Objects to merge\n\t* @returns {object} New object with merged key/values\n\t*/\n\tmergeDeep(...objects) {\n\t\tconst isObject = obj => obj && typeof obj === 'object';\n\t\t\n\t\treturn objects.reduce((prev, obj) => {\n\t\t\tObject.keys(obj).forEach(key => {\n\t\t\t\tconst pVal = prev[key];\n\t\t\t\tconst oVal = obj[key];\n\t\t\t\t\n\t\t\t\tif (Array.isArray(pVal) && Array.isArray(oVal)) {\n\t\t\t\t\tprev[key] = pVal.concat(...oVal);\n\t\t\t\t}\n\t\t\t\telse if (isObject(pVal) && isObject(oVal)) {\n\t\t\t\t\tprev[key] = this.mergeDeep(pVal, oVal);\n\t\t\t\t}\n\t\t\t\telse {\n\t\t\t\t\tprev[key] = oVal;\n\t\t\t\t}\n\t\t\t});\n\t\t\t\n\t\t\treturn prev;\n\t\t}, {});\n\t}\n}","/**\n * Copyright (C) 2025 fhcomplete.org\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see \n\t\t\t\n\t\t\t{{sectionNameTranslation()}}:\n\t\t
\n\t\t\n\t\t\n\t\t
`\n}\n","/**\n * Copyright (C) 2024 fhcomplete.org\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see \n\t\t\t{{ $p.t('global/personalGreeting', [ viewDataInternal?.name ]) }}\n\t\t\t\n\t\t
\n\t\t- '\n\t\t\t\t\t\t\t\t\t+ msgs.join('')\n\t\t\t\t\t\t\t\t\t+ '
- ' + msgs.join('') + '
\n\t\t
\n\t`\n}\n","// TODO(chris): translate aria-labels\n\nexport default {\n\tname: \"CalendarHeaderDatepicker\",\n\tcomponents: {\n\t\tVueDatePicker\n\t},\n\tinject: [\n\t\t\"locale\",\n\t\t\"timezone\"\n\t],\n\tprops: {\n\t\tdate: {\n\t\t\ttype: luxon.DateTime,\n\t\t\trequired: true\n\t\t},\n\t\tmode: {\n\t\t\ttype: String,\n\t\t\trequired: true\n\t\t},\n\t\tlistLength: {\n\t\t\ttype: Number,\n\t\t\tdefault: 7\n\t\t}\n\t},\n\temits: [\n\t\t\"update:date\"\n\t],\n\tcomputed: {\n\t\tconvertedDate() {\n\t\t\t// convert to target TZ then strip TZ Information\n\t\t\t// so the datepicker can work with local times\n\t\t\treturn this.date.setZone(this.timezone).setZone('local', { keepLocalTime: true });\n\t\t},\n\t\tcurrent() {\n\t\t\tswitch (this.mode) {\n\t\t\tcase \"month\":\n\t\t\t\treturn {month: this.convertedDate.month-1, year: this.convertedDate.year};\n\t\t\tcase \"list\":\n\t\t\t\treturn [this.convertedDate.startOf('day').ts, this.convertedDate.startOf('day').plus({ days: this.listLength }).ts - 1];\n\t\t\tcase \"week\":\n\t\t\t\treturn [this.convertedDate.startOf('week', { useLocaleWeeks: true }).ts, this.convertedDate.endOf('week', { useLocaleWeeks: true }).ts];\n\t\t\tcase \"day\":\n\t\t\t\treturn this.convertedDate;\n\t\t\tdefault:\n\t\t\t\treturn null;\n\t\t\t}\n\t\t},\n\t\ttitle() {\n\t\t\tswitch (this.mode) {\n\t\t\tcase \"month\":\n\t\t\t\treturn this.date.toLocaleString({ month: 'long', year: 'numeric' });\n\t\t\tcase \"week\":\n\t\t\t\tvar year = this.date.localWeekYear;\n\t\t\t\tvar week = this.date.toFormat('nn');\n\t\t\t\treturn this.$p.t('calendar/year_kw', { year, week });\n\t\t\tcase \"list\":\n\t\t\t\treturn this.date.toLocaleString(luxon.DateTime.DATE_FULL) + '-' + this.date.plus({ days: this.listLength - 1 }).toLocaleString(luxon.DateTime.DATE_FULL);\n\t\t\tcase \"day\":\n\t\t\t\treturn this.date.toLocaleString(luxon.DateTime.DATE_FULL);\n\t\t\tdefault:\n\t\t\t\treturn 'View not Supported';\n\t\t\t}\n\t\t},\n\t\tweekStart() {\n\t\t\treturn luxon.Info.getStartOfWeek(this.date)%7;\n\t\t}\n\t},\n\tmethods: {\n\t\tupdate(value) {\n\t\t\tlet date;\n\t\t\tswitch (this.mode) {\n\t\t\tcase \"month\":\n\t\t\t\tvalue.month++;\n\t\t\t\tdate = luxon.DateTime.fromObject(value).setZone(this.timezone, { keepLocalTime: true }).setLocale(this.locale);\n\t\t\t\tbreak;\n\t\t\tcase \"list\":\n\t\t\tcase \"week\":\n\t\t\t\tdate = luxon.DateTime.fromJSDate(value[0]).setZone(this.timezone, { keepLocalTime: true }).setLocale(this.locale);\n\t\t\t\tbreak;\n\t\t\tcase \"day\":\n\t\t\t\tdate = luxon.DateTime.fromJSDate(value).setZone(this.timezone, { keepLocalTime: true }).setLocale(this.locale);\n\t\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\treturn; // Don't update if the value is invalid!\n\t\t\t}\n\t\t\tthis.$emit(\"update:date\", date);\n\t\t},\n\t\tweekNumbers(date) {\n\t\t\treturn luxon.DateTime.fromJSDate(date, { locale: this.locale }).localWeekNumber;\n\t\t}\n\t},\n\ttemplate: /* html */`\n\t\n\t\t\t
\n\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\t
\n\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t
\n\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t
\n\t\t\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\n\t\t\t\t
\n\t\t\n\t\n\t`\n}\n","const clickListeners = [];\n\nfunction saveAddClickListener(el, source, value) {\n\tconst index = clickListeners.findIndex(data => data.el == el);\n\tif (index >= 0) {\n\t\tel.removeEventListener('click', clickListeners[index].listener);\n\t\tclickListeners.splice(index, 1);\n\t}\n\tconst listener = evt => {\n\t\tevt.preventDefault();\n\t\tevt.stopPropagation();\n\t\tconst customEvent = new CustomEvent('cal-click', {\n\t\t\tcancelable: true,\n\t\t\tbubbles: true,\n\t\t\tdetail: { source, value }\n\t\t});\n\t\tevt.target.dispatchEvent(customEvent);\n\t}\n\tclickListeners.push({el, listener});\n\tel.addEventListener('click', listener);\n}\n\nexport default {\n\tmounted(el, binding, vnode) {\n\t\tif (binding.arg == 'container') {\n\t\t\tel.addEventListener('cal-click', evt => {\n\t\t\t\tconst customEvent = new Event('click:' + evt.detail.source, {\n\t\t\t\t\tcancelable: true\n\t\t\t\t});\n\t\t\t\tbinding.instance.$emit('click:' + evt.detail.source, customEvent, evt.detail.value);\n\t\t\t\tif (!customEvent.defaultPrevented) {\n\t\t\t\t\tconst finalEvent = new CustomEvent('cal-click-default', {\n\t\t\t\t\t\tcancelable: true,\n\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\tdetail: evt.detail\n\t\t\t\t\t});\n\t\t\t\t\tevt.target.dispatchEvent(finalEvent);\n\t\t\t\t}\n\t\t\t});\n\t\t} else {\n\t\t\tsaveAddClickListener(el, binding.arg, binding.value);\n\t\t}\n\t},\n\tupdated(el, binding, vnode, prevVnode) {\n\t\tif (binding.arg != 'container') {\n\t\t\tsaveAddClickListener(el, binding.arg, binding.value);\n\t\t}\n\t}\n}","import BaseDraganddrop from './Base/DragAndDrop.js';\nimport BaseHeader from './Base/Header.js';\nimport BaseSlider from './Base/Slider.js';\nimport BsModal from '../Bootstrap/Modal.js';\n\nimport CalClick from '../../directives/Calendar/Click.js';\n\nexport default {\n\tname: \"CalendarBase\",\n\tcomponents: {\n\t\tBaseDraganddrop,\n\t\tBaseHeader,\n\t\tBaseSlider,\n\t\tBsModal\n\t},\n\tdirectives: {\n\t\tCalClick\n\t},\n\tprovide() {\n\t\treturn {\n\t\t\tlocale: Vue.computed(() => this.locale),\n\t\t\ttimezone: Vue.computed(() => this.timezone),\n\t\t\ttimeGrid: Vue.computed(() => this.timeGrid),\n\t\t\tdraggableEvents: Vue.computed(() => {\n\t\t\t\tif (!this.draggableEvents)\n\t\t\t\t\treturn () => false;\n\n\t\t\t\tif (Array.isArray(this.draggableEvents))\n\t\t\t\t\treturn event => this.draggableEvents.includes(event.type);\n\t\t\t\tif (this.draggableEvents instanceof Function)\n\t\t\t\t\treturn this.draggableEvents;\n\t\t\t\t\n\t\t\t\treturn () => true;\n\t\t\t}),\n\t\t\tdropableEvents: Vue.computed(() => {\n\t\t\t\tif (!this.onDrop)\n\t\t\t\t\treturn () => false;\n\n\t\t\t\tif (Array.isArray(this.dropableEvents))\n\t\t\t\t\treturn item => this.dropableEvents.includes(item.type);\n\t\t\t\tif (this.dropableEvents instanceof Function)\n\t\t\t\t\treturn this.dropableEvents;\n\n\t\t\t\treturn () => true;\n\t\t\t}),\n\t\t\thasDragoverFunc: Vue.computed(() => this.onDragover),\n\t\t\tmode: Vue.computed(() => this.mode)\n\t\t};\n\t},\n\tprops: {\n\t\tlocale: {\n\t\t\ttype: String,\n\t\t\tdefault: 'de'\n\t\t},\n\t\ttimezone: {\n\t\t\ttype: String,\n\t\t\trequired: true\n\t\t},\n\t\tdate: {\n\t\t\ttype: [Date, String, Number, luxon.DateTime],\n\t\t\tdefault: props => luxon.DateTime.now().setZone(props.timezone).startOf('day')\n\t\t},\n\t\tmodes: {\n\t\t\ttype: Object,\n\t\t\trequired: true,\n\t\t\tdefault: {}\n\t\t\t// TODO(chris): verfication functions\n\t\t},\n\t\tmode: String,\n\t\tmodeOptions: Object,\n\t\tevents: {\n\t\t\ttype: Array,\n\t\t\tdefault: []\n\t\t},\n\t\tbackgrounds: {\n\t\t\ttype: Array,\n\t\t\tdefault: []\n\t\t},\n\t\tshowBtns: Boolean,\n\t\tbtnMonth: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: undefined\n\t\t},\n\t\tbtnWeek: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: undefined\n\t\t},\n\t\tbtnDay: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: undefined\n\t\t},\n\t\tbtnList: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: undefined\n\t\t},\n\t\ttimeGrid: Array,\n\t\tdraggableEvents: [Boolean, Array, Function],\n\t\tdropableEvents: [Boolean, Array, Function],\n\t\tonDragover: Function,\n\t\tonDrop: Function\n\t},\n\temits: [\n\t\t\"click:next\",\n\t\t\"click:prev\",\n\t\t\"click:mode\",\n\t\t\"click:event\",\n\t\t\"click:day\",\n\t\t\"click:week\",\n\t\t\"update:date\",\n\t\t\"update:mode\",\n\t\t\"update:range\",\n\t\t\"drop\"\n\t],\n\tdata() {\n\t\treturn {\n\t\t\tinternalView: null,\n\t\t\tinternalDate: null,\n\t\t\tmodalEvent: null\n\t\t};\n\t},\n\tcomputed: {\n\t\tconvertedEvents() {\n\t\t\treturn this.events.map(orig => ({\n\t\t\t\tid: orig.type + orig[orig.type + '_id'],\n\t\t\t\ttype: orig.type,\n\t\t\t\tstart: luxon.DateTime.fromISO(orig.isostart).setZone(this.timezone),\n\t\t\t\tend: luxon.DateTime.fromISO(orig.isoend).setZone(this.timezone),\n\t\t\t\torig\n\t\t\t}));\n\t\t},\n\t\tconvertedBackgrounds() {\n\t\t\treturn this.backgrounds.map(bg => {\n\t\t\t\tconst res = { ...bg };\n\t\t\t\tif (res.start) {\n\t\t\t\t\tif (Number.isInteger(res.start))\n\t\t\t\t\t\tres.start = luxon.DateTime.fromMillis(res.start, { zone: this.timezone, locale: this.locale });\n\t\t\t\t\telse if (res.start instanceof Date)\n\t\t\t\t\t\tres.start = luxon.DateTime.fromJSDate(res.start, { zone: this.timezone, locale: this.locale });\n\t\t\t\t\telse if (typeof res.start === \n\t\t\t\t\t\t'string' || res.start instanceof String)\n\t\t\t\t\t\tres.start = luxon.DateTime.fromISO(res.start, { zone: this.timezone, locale: this.locale });\n\t\t\t\t}\n\t\t\t\tif (res.end) {\n\t\t\t\t\tif (Number.isInteger(res.end))\n\t\t\t\t\t\tres.end = luxon.DateTime.fromMillis(res.end, { zone: this.timezone, locale: this.locale });\n\t\t\t\t\telse if (res.end instanceof Date)\n\t\t\t\t\t\tres.end = luxon.DateTime.fromJSDate(res.end, { zone: this.timezone, locale: this.locale });\n\t\t\t\t\telse if (typeof res.end === \n\t\t\t\t\t\t'string' || res.end instanceof String)\n\t\t\t\t\t\tres.end = luxon.DateTime.fromISO(res.end, { zone: this.timezone, locale: this.locale });\n\t\t\t\t}\n\t\t\t\treturn res;\n\t\t\t});\n\t\t},\n\t\tsDate() {\n\t\t\tif (this.date instanceof luxon.DateTime)\n\t\t\t\treturn this.date;\n\t\t\treturn luxon.DateTime.fromJSDate(new Date(this.date)).setZone(this.timezone);\n\t\t},\n\t\tcDate: {\n\t\t\tget() {\n\t\t\t\tconst date = this.internalDate ? this.internalDate : this.sDate;\n\t\t\t\treturn date.setLocale(this.locale);\n\t\t\t},\n\t\t\tset(value) {\n\t\t\t\tthis.internalDate = value;\n\t\t\t\tthis.$emit('update:date', value, this.cMode);\n\t\t\t}\n\t\t},\n\t\tsMode() {\n\t\t\t// choose default mode\n\t\t\tlet mode = this.mode;\n\t\t\tif (mode)\n\t\t\t\tmode = mode.toLowerCase();\n\t\t\tif (!mode || !this.modes[mode])\n\t\t\t\tmode = Object.keys(this.modes).find(Boolean); // start with first entry as active mode\n\t\t\treturn mode || '';\n\t\t},\n\t\tcMode: {\n\t\t\tget() {\n\t\t\t\treturn this.internalView ? this.internalView : this.sMode;\n\t\t\t},\n\t\t\tset(value) {\n\t\t\t\tthis.internalView = value;\n\t\t\t\tthis.$emit('update:mode', value, this.cDate);\n\t\t\t}\n\t\t}\n\t},\n\twatch: {\n\t\tsDate(n, o) {\n\t\t\tif (this.sDate.isValid && !this.sDate.hasSame(this.internalDate, 'day'))\n\t\t\t\tthis.internalDate = this.sDate;\n\t\t},\n\t\tsMode() {\n\t\t\tif (this.sMode)\n\t\t\t\tthis.internalView = this.sMode;\n\t\t}\n\t},\n\tmethods: {\n\t\tclickPrev() {\n\t\t\tconst evt = new Event('click:prev', {cancelable: true});\n\t\t\tthis.$emit('click:prev', evt);\n\t\t\tif (evt.defaultPrevented)\n\t\t\t\treturn;\n\n\t\t\t// default: switch page\n\t\t\tthis.$refs.mode.prevPage();\n\t\t},\n\t\tclickNext() {\n\t\t\tconst evt = new Event('click:next', {cancelable: true});\n\t\t\tthis.$emit('click:next', evt);\n\t\t\tif (evt.defaultPrevented)\n\t\t\t\treturn;\n\n\t\t\t// default: switch page\n\t\t\tthis.$refs.mode.nextPage();\n\t\t},\n\t\thandleClickDefaults(evt) {\n\t\t\t// TODO(chris): implement\n\t\t\tswitch (evt.detail.source) {\n\t\t\tcase 'day':\n\t\t\t\tif (this.cMode != 'day' && this.modes['day']) {\n\t\t\t\t\tevt.stopPropagation();\n\t\t\t\t\tthis.cDate = evt.detail.value;\n\t\t\t\t\tthis.cMode = 'day';\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\tcase 'week':\n\t\t\t\tif (this.cMode != 'week' && this.modes['week']) {\n\t\t\t\t\tevt.stopPropagation();\n\t\t\t\t\tthis.cDate = luxon.DateTime.fromObject({\n\t\t\t\t\t\tlocalWeekNumber: evt.detail.value.number,\n\t\t\t\t\t\tlocalWeekYear: evt.detail.value.year\n\t\t\t\t\t}, {\n\t\t\t\t\t\tzone: this.cDate.zoneName,\n\t\t\t\t\t\tlocale: this.cDate.locale\n\t\t\t\t\t});\n\t\t\t\t\tthis.cMode = 'week';\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\t}\n\t\t},\n\t\tonDropItem(evt, start, end) {\n\t\t\tthis.$emit('drop', evt, start, end);\n\t\t},\n\t\tshowEventModal(eventObj) {\n\t\t\tthis.modalEvent = eventObj;\n\t\t\tthis.$refs.modal.show();\n\t\t},\n\t\thideEventModal() {\n\t\t\tif (this.modalEvent)\n\t\t\t\tthis.modalEvent.closeFn = undefined;\n\t\t\tthis.$refs.modal.hide();\n\t\t\tthis.modalEvent = null;\n\t\t},\n\t\tonModalHidden() {\n\t\t\tif (this.modalEvent.closeFn)\n\t\t\t\tthis.modalEvent.closeFn();\n\t\t}\n\t},\n\tbeforeUnmount() {\n\t\tthis.hideEventModal();\n\t},\n\ttemplate: /* html */`\n\t\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\t\t \n\t
\n\t`\n}\n","/**\n * Copyright (C) 2025 fhcomplete.org\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see \n\t\t{{ start }}\n\t\t-\n\t\t{{ end }}\n\t
\n\t`\n}\n","import CalendarGrid from '../../Base/Grid.js';\nimport LabelDay from '../../Base/Label/Day.js';\nimport LabelDow from '../../Base/Label/Dow.js';\nimport LabelTime from '../../Base/Label/Time.js';\n\nimport { useResizeObserver } from '../../../../composables/Responsive.js';\n\nexport default {\n\tname: \"DayView\",\n\tcomponents: {\n\t\tCalendarGrid,\n\t\tLabelDay,\n\t\tLabelDow,\n\t\tLabelTime\n\t},\n\tinject: {\n\t\ttimeGrid: \"timeGrid\",\n\t\toriginalEvents: \"events\",\n\t\ttimezone: \"timezone\"\n\t},\n\tprops: {\n\t\tday: {\n\t\t\ttype: luxon.DateTime,\n\t\t\trequired: true\n\t\t},\n\t\temptyMessage: String,\n\t\temptyMessageDetails: String\n\t},\n\temits: [\n\t\t\"requestModalOpen\",\n\t\t\"requestModalClose\"\n\t],\n\tdata() {\n\t\treturn {\n\t\t\tchosenEvent: null,\n\t\t\tgridMainRef: null\n\t\t};\n\t},\n\tcomputed: {\n\t\taxisMain() {\n\t\t\treturn [this.day.startOf('day')];\n\t\t},\n\t\taxisParts() {\n\t\t\tif (this.timeGrid) {\n\t\t\t\t// create {start, end} array\n\t\t\t\treturn this.timeGrid.map(tu => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\tstart: luxon.Duration.fromISOTime(tu.start),\n\t\t\t\t\t\tend: luxon.Duration.fromISOTime(tu.end)\n\t\t\t\t\t};\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\t// create 07:00-23:00\n\t\t\t\treturn Array.from({ length: 17 }, (e, i) => luxon.Duration.fromObject({ hours: i + 7 }));\n\t\t\t}\n\t\t},\n\t\tevents() {\n\t\t\treturn this.originalEvents\n\t\t\t\t.filter(event => event.start < this.day.plus({ days: 1 }) && event.end > this.day)\n\t\t\t\t.sort((a, b) => a.start.ts - b.start.ts)\n\t\t\t\t.map(evt => evt.orig);\n\t\t},\n\t\tcurrentEvent() {\n\t\t\tif (this.chosenEvent) {\n\t\t\t\tif (this.events.find(e => e == this.chosenEvent))\n\t\t\t\t\treturn this.chosenEvent;\n\t\t\t}\n\t\t\tlet first = null;\n\t\t\tif (this.events)\n\t\t\t\tfirst = this.events.find(Boolean); // undefined => none found\n\n\t\t\tif (first && first.type == 'loading')\n\t\t\t\treturn null; // null => loading\n\n\t\t\treturn first;\n\t\t},\n\t\tisToday() {\n\t\t\treturn this.day.hasSame(luxon.DateTime.now().setZone(this.timezone), 'day');\n\t\t}\n\t},\n\twatch: {\n\t\tcompact() {\n\t\t\tif (this.compact) {\n\t\t\t\tif (this.chosenEvent) {\n\t\t\t\t\tthis.$emit('requestModalOpen', {\n\t\t\t\t\t\tevent: this.chosenEvent,\n\t\t\t\t\t\tcloseFn: () => { this.chosenEvent = null; }\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tthis.$emit('requestModalClose');\n\t\t\t}\n\t\t}\n\t},\n\tmethods: {\n\t\thandleClickDefaults(evt) {\n\t\t\tif (evt.detail.source == 'event') {\n\t\t\t\tthis.chosenEvent = evt.detail.value;\n\t\t\t\tif (this.compact) {\n\t\t\t\t\tthis.$emit('requestModalOpen', {\n\t\t\t\t\t\tevent: this.chosenEvent,\n\t\t\t\t\t\tcloseFn: () => { this.chosenEvent = null; }\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t},\n\tsetup() {\n\t\tconst container = Vue.ref(null); // use useTemplateRef when updating to Vue 3.5\n\t\tconst { compact } = useResizeObserver(container, 750);\n\n\t\treturn {\n\t\t\tcontainer, // must be exposed or it won't be set in Vue < 3.5\n\t\t\tcompact\n\t\t};\n\t},\n\tmounted() {\n\t\tthis.gridMainRef = this.$refs.grid.$refs.main;\n\t},\n\ttemplate: /* html */`\n\t\n\t\t\t\t\t evt.detail.source = 'day'\"\n\t\t\t\t\t\tv-bind=\"{ date }\"\n\t\t\t\t\t/>\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t
\n\t\t\t{{ emptyMessageDetails }}
\n\t\t\t\n\t\t\n\t\t\t\n\t\t\t\t
\n\t`\n}\n","import BaseSlider from '../Base/Slider.js';\nimport MonthView from './Month/View.js';\n\nexport default {\n\tname: \"ModeMonth\",\n\tcomponents: {\n\t\tBaseSlider,\n\t\tMonthView\n\t},\n\tprops: {\n\t\tcurrentDate: {\n\t\t\ttype: luxon.DateTime,\n\t\t\trequired: true\n\t\t}\n\t},\n\temits: [\n\t\t\"update:currentDate\",\n\t\t\"update:range\",\n\t\t\"click\",\n\t\t\"requestModalOpen\"\n\t],\n\tdata() {\n\t\treturn {\n\t\t\tfocusDate: this.currentDate,\n\t\t\trangeOffset: 0\n\t\t};\n\t},\n\tcomputed: {\n\t\trange() {\n\t\t\tlet first = this.focusDate.startOf('month').startOf('week', { useLocaleWeeks: true });\n\t\t\tlet last = first.plus({ days: 41 }).endOf('day'); // NOTE(chris): 6 weeks minus 1 day\n\n\t\t\tif (this.rangeOffset != 0) {\n\t\t\t\tconst nextFocusDate = this.focusDate.plus({ months: this.rangeOffset});\n\t\t\t\tconst nextRangeStart = nextFocusDate.startOf('month').startOf('week', { useLocaleWeeks: true });\n\t\t\t\tif (this.rangeOffset < 0) {\n\t\t\t\t\tfirst = nextRangeStart;\n\t\t\t\t} else {\n\t\t\t\t\tlast = nextRangeStart.plus({ days: 41 }).endOf('day');\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn luxon.Interval.fromDateTimes(first, last);\n\t\t}\n\t},\n\twatch: {\n\t\tcurrentDate() {\n\t\t\tif (this.currentDate.locale != this.focusDate.locale) {\n\t\t\t\tthis.focusDate = this.currentDate;\n\t\t\t\tthis.$emit('update:range', this.range);\n\t\t\t} else {\n\t\t\t\tthis.rangeOffset = this.currentDate.startOf('month').diff(this.focusDate.startOf('month'), 'months').months;\n\t\t\t\tif (this.rangeOffset) {\n\t\t\t\t\tthis.$emit('update:range', this.range);\n\t\t\t\t\tthis.$refs.slider.slidePages(this.rangeOffset).then(this.updatePage);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t},\n\tmethods: {\n\t\tprevPage() {\n\t\t\tthis.rangeOffset = this.$refs.slider.target - 1;\n\t\t\tthis.$emit('update:range', this.range);\n\t\t\tthis.$refs.slider.prevPage().then(this.updatePage);\n\t\t},\n\t\tnextPage() {\n\t\t\tthis.rangeOffset = this.$refs.slider.target + 1;\n\t\t\tthis.$emit('update:range', this.range);\n\t\t\tthis.$refs.slider.nextPage().then(this.updatePage);\n\t\t},\n\t\tupdatePage(months) {\n\t\t\tconst newFocusDate = this.focusDate.plus({ months });\n\t\t\tthis.focusDate = newFocusDate;\n\t\t\tthis.rangeOffset = 0;\n\t\t\tthis.$emit('update:currentDate', this.focusDate);\n\t\t\tthis.$emit('update:range', this.range);\n\t\t},\n\t\tviewAttrs(months) {\n\t\t\tconst day = this.focusDate.plus({ months });\n\t\t\treturn { day };\n\t\t},\n\t\thandleClickDefaults(evt) {\n\t\t\tswitch (evt.detail.source) {\n\t\t\tcase 'week':\n\t\t\t\t// default: Move to week if not in month\n\t\t\t\tlet dayInWeek = luxon.DateTime.fromObject({\n\t\t\t\t\tlocalWeekNumber: evt.detail.value.number,\n\t\t\t\t\tlocalWeekYear: evt.detail.value.year\n\t\t\t\t}, {\n\t\t\t\t\tzone: this.currentDate.zoneName,\n\t\t\t\t\tlocale: this.currentDate.locale\n\t\t\t\t});\n\n\t\t\t\tif (!this.focusDate.hasSame(dayInWeek.startOf('week', { useLocaleWeeks: true }), 'month')) {\n\t\t\t\t\tthis.$emit('update:currentDate', dayInWeek.startOf('week', { useLocaleWeeks: true }));\n\t\t\t\t} else if (!this.focusDate.hasSame(dayInWeek.endOf('week', { useLocaleWeeks: true }), 'month')) {\n\t\t\t\t\tthis.$emit('update:currentDate', dayInWeek.endOf('week', { useLocaleWeeks: true }));\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\tcase 'day':\n\t\t\t\t// default: Set current-date\n\t\t\t\tthis.$emit('update:currentDate', evt.detail.value);\n\t\t\t\tbreak;\n\t\t\tcase 'event':\n\t\t\t\t// default: Request Modal\n\t\t\t\tthis.$emit('requestModalOpen', { event: evt.detail.value });\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t},\n\tmounted() {\n\t\tthis.$emit('update:range', this.range);\n\t},\n\ttemplate: `\n\t\n\t\t\t\t\t evt.detail.source = 'day'\"\n\t\t\t\t\t/>\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t\n\t\t\n\t\t\t\n\t\t\t\t
\n\t`\n}\n","import CalClick from '../../../../directives/Calendar/Click.js';\n\nexport default {\n\tname: \"LabelWeek\",\n\tdirectives: {\n\t\tCalClick\n\t},\n\tprops: {\n\t\tdate: {\n\t\t\ttype: luxon.DateTime,\n\t\t\trequired: true\n\t\t}\n\t},\n\tcomputed: {\n\t\tweeks() {\n\t\t\tconst firstDay = this.date.startOf('week', { useLocaleWeeks: true });\n\t\t\tconst lastDay = this.date.endOf('week', { useLocaleWeeks: true });\n\n\t\t\tconst weeks = [\n\t\t\t\t{ number: firstDay.localWeekNumber, year: firstDay.localWeekYear },\n\t\t\t\t{ number: lastDay.localWeekNumber, year: lastDay.localWeekYear }\n\t\t\t];\n\t\t\tif (weeks[0].number == weeks[1].number)\n\t\t\t\tweeks.pop();\n\t\t\treturn weeks;\n\t\t}\n\t},\n\ttemplate: `\n\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t\n\t\t\n\t\t\t{{ week.number }}\n\t\t\n\t
\n\t`\n}\n","import FhcCalendar from \"./Base.js\";\n\nimport ApiLvPlan from '../../api/factory/lvPlan.js';\n\nimport { useEventLoader } from '../../composables/EventLoader.js';\n\nimport ModeDay from './Mode/Day.js';\nimport ModeWeek from './Mode/Week.js';\nimport ModeMonth from './Mode/Month.js';\n\nexport default {\n\tname: \"CalendarLvPlan\",\n\tcomponents: {\n\t\tFhcCalendar\n\t},\n\tinject: [\n\t\t\"renderers\"\n\t],\n\tprops: {\n\t\ttimezone: {\n\t\t\ttype: String,\n\t\t\trequired: true\n\t\t},\n\t\tdate: {\n\t\t\ttype: [Date, String, Number, luxon.DateTime],\n\t\t\tdefault: luxon.DateTime.local()\n\t\t},\n\t\tmode: {\n\t\t\ttype: String,\n\t\t\tdefault: 'Week'\n\t\t},\n\t\tgetPromiseFunc: {\n\t\t\ttype: Function,\n\t\t\trequired: true\n\t\t}\n\t},\n\temits: [\n\t\t\"update:date\",\n\t\t\"update:mode\",\n\t\t\"update:range\"\n\t],\n\tdata() {\n\t\treturn {\n\t\t\tmodes: {\n\t\t\t\tday: Vue.markRaw(ModeDay),\n\t\t\t\tweek: Vue.markRaw(ModeWeek),\n\t\t\t\tmonth: Vue.markRaw(ModeMonth)\n\t\t\t},\n\t\t\tmodeOptions: {\n\t\t\t\tday: {\n\t\t\t\t\temptyMessage: Vue.computed(() => this.$p.t('lehre/noLvFound')),\n\t\t\t\t\temptyMessageDetails: Vue.computed(() => this.$p.t('lehre/noLvFound'))\n\t\t\t\t},\n\t\t\t\tweek: {\n\t\t\t\t\tcollapseEmptyDays: false\n\t\t\t\t}\n\t\t\t},\n\t\t\tteachingunits: null\n\t\t};\n\t},\n\tcomputed: {\n\t\tbackgrounds() {\n\t\t\tlet now = luxon.DateTime.now().setZone(this.timezone);\n\n\t\t\tif (this.mode == 'Month')\n\t\t\t\treturn [\n\t\t\t\t\t{\n\t\t\t\t\t\tclass: 'background-past',\n\t\t\t\t\t\tend: now.startOf('day')\n\t\t\t\t\t}\n\t\t\t\t];\n\n\t\t\treturn [\n\t\t\t\t{\n\t\t\t\t\tclass: 'background-past',\n\t\t\t\t\tend: now,\n\t\t\t\t\tlabel: now.startOf('minute').toISOTime({ suppressSeconds: true, includeOffset: false })\n\t\t\t\t}\n\t\t\t];\n\t\t}\n\t},\n\tmethods: {\n\t\teventStyle(event) {\n\t\t\tif (!event.farbe)\n\t\t\t\treturn undefined;\n\t\t\treturn '--event-bg:#' + event.farbe;\n\t\t},\n\t\tupdateRange(rangeInterval) {\n\t\t\tthis.rangeInterval = rangeInterval;\n\t\t\tthis.$emit('update:range', rangeInterval);\n\t\t}\n\t},\n\tsetup(props, context) {\n\t\tconst rangeInterval = Vue.ref(null);\n\t\t\n\t\tconst { events, lv } = useEventLoader(rangeInterval, props.getPromiseFunc);\n\n\t\tVue.watch(lv, newValue => {\n\t\t\tcontext.emit('update:lv', newValue);\n\t\t});\n\n\t\treturn {\n\t\t\trangeInterval,\n\t\t\tevents,\n\t\t\tlv\n\t\t};\n\t},\n\tcreated() {\n\t\tthis.$api\n\t\t\t.call(ApiLvPlan.getStunden())\n\t\t\t.then(res => {\n\t\t\t\treturn this.teachingunits = res.data.map(el => ({\n\t\t\t\t\tid: el.stunde,\n\t\t\t\t\tstart: el.beginn,\n\t\t\t\t\tend: el.ende\n\t\t\t\t}));\n\t\t\t});\n\t},\n\ttemplate: /* html */`\n\t\n\t\t
\n\t\t
`\n};\n","import FhcCalendar from \"../../Calendar/LvPlan.js\";\n\nimport ApiLvPlan from '../../../api/factory/lvPlan.js';\nimport ApiAuthinfo from '../../../api/factory/authinfo.js';\n\nexport const DEFAULT_MODE_LVPLAN = 'Week'\n\nexport default {\n\tname: 'LvPlanPersonal',\n\tcomponents: {\n\t\tFhcCalendar\n\t},\n\tprops: {\n\t\tviewData: Object, // NOTE(chris): this is inherited from router-view\n\t\tpropsViewData: Object\n\t},\n\tdata() {\n\t\treturn {\n\t\t\tstudiensemester_kurzbz: null,\n\t\t\tstudiensemester_start: null,\n\t\t\tstudiensemester_ende: null,\n\t\t\tuid: null,\n\t\t\tisMitarbeiter: false,\n\t\t\tisStudent: false\n\t\t};\n\t},\n\tcomputed:{\n\t\tcurrentDay() {\n\t\t\tif (!this.propsViewData?.focus_date || isNaN(new Date(this.propsViewData?.focus_date)))\n\t\t\t\treturn luxon.DateTime.now().setZone(this.viewData.timezone).toISODate();\n\t\t\treturn this.propsViewData?.focus_date;\n\t\t},\n\t\tcurrentMode() {\n\t\t\tif (!this.propsViewData?.mode || !['day', 'week', 'month'].includes(this.propsViewData?.mode.toLowerCase()))\n\t\t\t\treturn DEFAULT_MODE_LVPLAN;\n\t\t\treturn this.propsViewData?.mode;\n\t\t},\n\t\tdownloadLinks() {\n\t\t\tif (!this.studiensemester_start || !this.studiensemester_ende || !this.uid)\n\t\t\t\treturn false;\n\n\t\t\tlet type = false;\n\t\t\ttype = this.isStudent ? 'student' : type;\n\t\t\ttype = this.isMitarbeiter ? 'lektor' : type;\n\t\t\tif (false === type)\n\t\t\t{\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst opts = { zone: this.viewData.timezone };\n\t\t\tconst start = luxon.DateTime\n\t\t\t\t.fromISO(this.studiensemester_start, opts)\n\t\t\t\t.toUnixInteger();\n\t\t\tconst ende = luxon.DateTime\n\t\t\t\t.fromISO(this.studiensemester_ende, opts)\n\t\t\t\t.toUnixInteger();\n\n\t\t\tconst download_link = FHC_JS_DATA_STORAGE_OBJECT.app_root\n\t\t\t\t+ 'cis/private/lvplan/stpl_kalender.php'\n\t\t\t\t+ '?type=' + type\n\t\t\t\t+ '&pers_uid=' + this.uid\n\t\t\t\t+ '&begin=' + start\n\t\t\t\t+ '&ende=' + ende;\n\n\t\t\treturn [\n\t\t\t\t{ title: \"excel\", icon: 'fa-solid fa-file-excel', link: download_link + '&format=excel' },\n\t\t\t\t{ title: \"csv\", icon: 'fa-solid fa-file-csv', link: download_link + '&format=csv' },\n\t\t\t\t{ title: \"ical1\", icon: 'fa-regular fa-calendar', link: download_link + '&format=ical&version=1&target=ical' },\n\t\t\t\t{ title: \"ical2\", icon: 'fa-regular fa-calendar', link: download_link + '&format=ical&version=2&target=ical' }\n\t\t\t];\n\t\t}\n\t},\n\tmethods: {\n\t\thandleChangeDate(day, newMode) {\n\t\t\treturn this.handleChangeMode(newMode, day);\n\t\t},\n\t\thandleChangeMode(newMode, day) {\n\t\t\tconst mode = newMode[0].toUpperCase() + newMode.slice(1)\n\t\t\tconst focus_date = day.toISODate();\n\t\t\t\n\t\t\tthis.$router.push({\n\t\t\t\tname: \"MyLvPlan\",\n\t\t\t\tparams: {\n\t\t\t\t\tmode,\n\t\t\t\t\tfocus_date\n\t\t\t\t}\n\t\t\t});\n\t\t},\n\t\tupdateRange(rangeInterval) {\n\t\t\tthis.$api\n\t\t\t\t.call(ApiLvPlan.studiensemesterDateInterval(\n\t\t\t\t\trangeInterval.end.startOf('week').toISODate()\n\t\t\t\t))\n\t\t\t\t.then(res => {\n\t\t\t\t\tthis.studiensemester_kurzbz = res.data.studiensemester_kurzbz;\n\t\t\t\t\tthis.studiensemester_start = res.data.start;\n\t\t\t\t\tthis.studiensemester_ende = res.data.ende;\n\t\t\t\t});\n\t\t},\n\t\tgetPromiseFunc(start, end) {\n\t\t\treturn [\n\t\t\t\tthis.$api.call(ApiLvPlan.eventsPersonal(start.toISODate(), end.toISODate())),\n\t\t\t\tthis.$api.call(ApiLvPlan.getLvPlanReservierungen(start.toISODate(), end.toISODate()))\n\t\t\t];\n\t\t}\n\t},\n\tcreated() {\n\t\tthis.$api\n\t\t\t.call(ApiAuthinfo.getAuthInfo())\n\t\t\t.then(res => {\n\t\t\t\tthis.uid = res.data.uid;\n\t\t\t\tthis.isMitarbeiter = res.data.isMitarbeiter;\n\t\t\t\tthis.isStudent = res.data.isStudent;\n\t\t\t});\n\t},\n\ttemplate: /*html*/`\n\t\n\t\t\t{{ $p.t('lehre/stundenplan') }}\n\t\t\t\n\t\t\t\t{{ lvTitle }}\n\t\t\t\n\t\t
\n\t\t\n\t\t
\n\t\t\t{{ $p.t('lehre/noLvFound') }}\n\t\t
\n\t\t\n\t\t
\n\t\t\n\t\t\t\n\t\t\t\t
\n\t\t\n\t`\n};\n","import BsModal from '../../../../../Bootstrap/Modal.js';\n\nconst pruefungen = {};\n\nexport default {\n\tcomponents: {\n\t\tBsModal\n\t},\n\tmixins: [\n\t\tBsModal\n\t],\n\tprops: {\n\t\tpruefungenData: Array|null,\n\t\tbezeichnung: String,\n\t\t/*\n\t\t * NOTE(chris): \n\t\t * Hack to expose in \"emits\" declared events to $props which we use \n\t\t * in the v-bind directive to forward all events.\n\t\t * @see: https://github.com/vuejs/core/issues/3432\n\t\t*/\n\t\tonHideBsModal: Function,\n\t\tonHiddenBsModal: Function,\n\t\tonHidePreventedBsModal: Function,\n\t\tonShowBsModal: Function,\n\t\tonShownBsModal: Function\n\t},\n\tdata: () => ({\n\t\tresult: true,\n\t}),\n\tmounted() {\n\t\tthis.modal = this.$refs.modalContainer.modal;\n\t},\n\tpopup(options) {\n\t\treturn BsModal.popup.bind(this)(null, options);\n\t},\n\ttemplate: `\n\t\t\t{{ $p.t('lehre/stundenplan') }}\n\t\t\t\n\t\t\t\t{{ studiensemester_kurzbz }}\n\t\t\t\n\t\t
\n\t\t\n\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t{{ title }}\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t
\n\t\t\t\n\t\t\t\tKeine Prüfungen vorhanden!\n\t\t\t
\n\t\t\t| \n\t\t\t\t\t | Datum | \n\t\t\t\t\tNote | \n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t
| {{pruefung.pruefungstyp_kurzbz}} | \n\t\t\t\t\t\t{{pruefung.datum}} | \n\t\t\t\t\t\t{{pruefung.note}} | \n\t\t\t\t\t
|---|
{{$p.t('lvinfo/lehrveranstaltungsinformationen')}}
\n\t\t\t\n\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t| {{$p.t('lehre/lehrveranstaltung')}} | \n\t\t\t\t\t\t\t{{bezeichnung}} | \n\t\t\t\t\t\t
|---|---|
| {{$p.t('lehre/studiengang')}} | \n\t\t\t\t\t\t\t{{studiengang_kuerzel}} | \n\t\t\t\t\t\t
| {{$p.t('lehre/semester')}} | \n\t\t\t\t\t\t\t{{semester}} | \n\t\t\t\t\t\t
| {{$p.t('lehre/studiensemester')}} | \n\t\t\t\t\t\t\t{{studien_semester}} | \n\t\t\t\t\t\t
| {{$p.t('lehre/organisationsform')}} | \n\t\t\t\t\t\t\t{{orgform_kurzbz}} | \n\t\t\t\t\t\t
| {{$p.t('lehre/lehrbeauftragter')}} | \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{{$p.t('lehre/keinLektorZugeordnet')}}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t | \n\t\t\t\t\t\t
| {{$p.t('lehre/lvleitung')}} | \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t | \n\t\t\t\t\t\t
| {{$p.t('global/sprache')}} | \n\t\t\t\t\t\t\t{{sprache}} | \n\t\t\t\t\t\t
| {{$p.t('lehre/ects')}} | \n\t\t\t\t\t\t\t{{ects}} | \n\t\t\t\t\t\t
| {{$p.t('lehre/incomingplaetze')}} | \n\t\t\t\t\t\t\t{{incoming}} | \n\t\t\t\t\t\t
| {{$p.t('lehre/organisationseinheit')}} | \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{{oe}} \n\t\t\t\t\t\t\t\t(\n\t\t\t\t\t\t\t\t{{$p.t('global/leitung')}}: {{oeLeitung.join(', ')}}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{{$p.t('global/koordination')}}: {{koordinator.join(', ')}}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t | \n\t\t\t\t\t\t
\n\t\t\t\t\t
`\n}\n","const categories = {};\nconst loadingModules = {};\n\nfunction extractCategory(obj, category) {\n\treturn obj.filter(e => e.category == category).reduce((res, elem) => {\n\t\tif (!res[elem.phrase])\n\t\t\tres[elem.phrase] = elem.text;\n\t\treturn res;\n\t}, {});\n}\nfunction reloadRefs(category) {\n\twhile (loadingModules[category].length) {\n\t\tvar v = loadingModules[category].pop();\n\t\tv[0].value = getValueForLoadedPhrase(category, v[1], v[2]);\n\t\tVue.triggerRef(v[0]);\n\t\t/*Vue.unref(v);*/\n\t}\n}\nfunction loadLazy(category, val, phrase, params) {\n\t// NOTE(chris): load module if it's not loaded yet\n\tif (loadingModules[category]) {\n\t\tloadingModules[category].push([val, phrase, params]);\n\t\tif (categories[category]) // NOTE(chris): this is for safety in case the loading finished the moment before the val was pushed into the array\n\t\t\treloadRefs(category);\n\t\treturn;\n\t}\n\tloadingModules[category] = [[val, phrase, params]];\n\n\taxios.get(FHC_JS_DATA_STORAGE_OBJECT.app_root + FHC_JS_DATA_STORAGE_OBJECT.ci_router + '/components/Phrasen/loadModule/' + category).then(res => {\n\t\tif (res.data.retval)\n\t\t\tcategories[category] = extractCategory(res.data.retval, category);\n\t\telse\n\t\t\tcategories[category] = {};\n\n\t\treloadRefs(category);\n\t}).catch(err => console.error(err));\n}\nfunction getValueForLoadedPhrase(category, phrase, params) {\n\tlet result = categories[category][phrase];\n\tif (!result)\n\t\treturn '<< PHRASE ' + phrase + '>>';\n\tif (params)\n\t\tresult = result.replace(/\\{([^}]*)\\}/g, (match, p1) => params[p1] === undefined ? match : params[p1]);\n\treturn result;\n}\n\n\nconst phrasen = {\n\tt_ref(category, phrase, params) {\n\t\tif (params === undefined && (\n\t\t\t(Array.isArray(category) && category.length == 2) ||\n\t\t\t(category.split && category.split('/').length == 2))\n\t\t\t) {\n\t\t\tparams = phrase;\n\t\t\t[category, phrase] = category.split ? category.split('/') : category;\n\t\t}\n\t\tif (phrase === undefined) {\n\t\t\tconsole.error('invalid input');\n\t\t\treturn '';\n\t\t}\n\t\tif (!categories[category]) {\n\t\t\t\n\t\t\tvar initialval = '';\n \t\t\tif (window.FHC_JS_PHRASES_STORAGE_OBJECT !== undefined) {\n \t\t\t\tvar tmp_category = extractCategory(FHC_JS_PHRASES_STORAGE_OBJECT, category);\n\t\t\t\tif(tmp_category[phrase] !== undefined ) {\n\t\t\t\t\tinitialval = tmp_category[phrase];\n\t\t\t\t}\n\t\t\t}\n\t\t\t\n\t\t\tif (!categories[category] || Object.keys(categories[category]).length === 0) {\n\t\t\t\tcategories[category] = undefined;\n\t\t\t\tlet val = Vue.ref(initialval);\n\t\t\t\tloadLazy(category, val, phrase, params);\n\t\t\t\treturn val;\n\t\t\t}\n\t\t}\n\t\tvar result = getValueForLoadedPhrase(category, phrase, params);\n\t\treturn Vue.ref(result);\n\t},\n\tt(category, phrase, params) {\n\t\treturn Vue.unref(this.t_ref(category, phrase, params));\n\t}\n};\n\nexport default {\n\tdata: () => {\n\t\treturn {\n\t\t\tp: phrasen\n\t\t}\n\t}\n}\n\n// Composable (wrapper for mixin)\nexport function usePhrasen() {\n\n\tfunction t(category, phrase, params) {\n\t\treturn phrasen.t(category, phrase, params);\n\t}\n\n\treturn {\t\t\n\t\tt,\n\t}\n\n}\n","\nexport default {\n\tprops:{\n\t\tmenu:{\n\t\t\ttype:Array,\n\t\t\tdefault:null,\n\t\t},\n\t\tcontainerStyles: Array,\n\t\trowStyles: Array,\n\t\thasLvPlanEintraege: {\n\t\t\trequired:false,\n\t\t\tdefault:true,\n\t\t\ttype:Boolean,\n\t\t},\n\t},\n\tdata(){\n\t\treturn{\n\t\t\t\n\t\t}\n\t},\n\tmethods:{\n\t\tc4_disabled: function (menuItem) {\n\t\t\tif (!this.c4_link(menuItem) && !menuItem.c4_moodle_links?.length) {\n\t\t\t\treturn true;\n\t\t\t}\n\t\t\tif (menuItem.id == \"addon_fhtw_menu_lvplan_lva\" && !this.hasLvPlanEintraege){\n\t\t\t\treturn true;\n\t\t\t}\n\t\t\treturn null;\n\t\t},\n\t\tc4_target: function (menuItem) {\n\t\t\tif (menuItem.c4_moodle_links?.length > 0) return null;\n\t\t\treturn menuItem.c4_target ?? null;\n\t\t},\n\t\tc4_link(menuItem) {\n\t\t\tif (!menuItem) return null;\n\t\t\tif (Array.isArray(menuItem.c4_moodle_links) && menuItem.c4_moodle_links.length) \n\t\t\t{\n\t\t\t\treturn null;\n\t\t\t}\n\t\t\telse\n\t\t\t{\n\t\t\t\treturn menuItem.c4_link ?? null;\n\t\t\t}\n\t\t},\n\t\tgetMenuName(menuItem) {\n\t\t\tif(menuItem.phrase) {\n\t\t\t\treturn this.$p.t(menuItem.phrase)\n\t\t\t} else {\n\t\t\t\treturn menuItem.name\n\t\t\t}\n\t\t}\n\t},\n\ttemplate:/*html*/`\n\t 1\" class=\"text-end\">\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t{{i.header}}
\n\t\t\t\t\t\t{{i.subheader}}
\n\t\t\t\t\t\t- \n\t\t\t\t\t\t\t
- {{e}} \n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t{{i.body}}\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t{{$p.t('lehre','lehrveranstaltungsUnavailable')}}
\n\t\n\t\t
\n\t`\n}","/**\n * Copyright (C) 2025 fhcomplete.org\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see \n\t\t\t
\n\t\n\t\t\t\t
\n\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t![]()
\n\t\t\t\t\t\t
\n\t\t\t{{ getMenuName(menuItem) }}
\n\t\t\t\t\t\t{{text}}\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\n\t
\n\t\n\t\t\n\t
`\n};","import MylvSemesterStudiengangLv from \"./Studiengang/Lv.js\";\nimport Phrasen from \"../../../../mixins/Phrasen.js\";\n\nexport default {\n\tcomponents: {\n\t\tMylvSemesterStudiengangLv\n\t},\n\tmixins: [\n\t\tPhrasen\n\t],\n\tprops: {\n\t\tbezeichnung: String,\n\t\tkuerzel: String,\n\t\tsemester: [String,Number],\n\t\tlvs: Array,\n\t\tsg_bezeichnung_eng: String\n\t},\n\tcomputed: {\n\t\tlehrveranstaltungen() {\n\t\t\treturn [... new Map(\n\t\t\t\tthis.lvs\n\t\t\t\t.map(lv => [\n\t\t\t\t\tlv.lehrveranstaltung_id, \n\t\t\t\t\tlv\n\t\t\t\t])\n\t\t\t).values()]\n\t\t}\n\t},\n\tmethods: {\n\t\tnote(lv) {\n\t\t\treturn lv.benotung ? lv.znote || lv.lvnote || null : null;\n\t\t}\n\t},\n\ttemplate: `\n\t\t
`\n};","import LvPruefungen from \"./Lv/Pruefungen.js\";\nimport LvInfo from \"./Lv/Info.js\";\nimport Phrasen from \"../../../../../mixins/Phrasen.js\";\nimport LvUebersicht from \"../../LvUebersicht.js\";\n\nimport ApiLehre from '../../../../../api/factory/lehre.js';\nimport ApiAddons from '../../../../../api/factory/addons.js';\n\n// TODO(chris): L10n\n\nexport default {\n\tcomponents:{\n\t\tLvUebersicht,\n\t},\n\tmixins: [\n\t\tPhrasen\n\t],\n\tinject: ['studien_semester'],\n\tprops: {\n\t\tlehrveranstaltung_id: Number,\n\t\tbezeichnung: String,\n\t\tbezeichnung_eng: String,\n\t\tmodule: String,\n\t\tfarbe: String,\n\t\tlvinfo: Boolean,\n\t\tbenotung: Boolean,\n\t\tlvnote: String,\n\t\tlvnotebez: Array,\n\t\tznote: String,\n\t\tznotebez: Array,\n\t\tstudiengang_kuerzel: String,\n\t\tsemester: [String, Number],\n\t\torgform_kurzbz: String,\n\t\tsprache: String,\n\t\tects: String,\n\t\tincoming: Number,\n\t\tpositiv: Boolean,\n\t\tnote_index: String\n\t},\n\tdata: () => {\n\t\treturn {\n\t\t\tpruefungenData: null,\n\t\t\tinfo: null,\n\t\t\tmenu: null,\n\t\t\tpreselectedMenuItem: null,\n\t\t}\n\t},\n\tcomputed: {\n\t\tgradeColor() {\n\t\t\t// early return if value is null or undefined\n\t\t\tif (this.positiv == null) return;\n\t\t\t// returns a suitable color for the given grade\n\t\t\tif (this.positiv)\n\t\t\t{\n\t\t\t\treturn 'var(--fhc-success)';\n\t\t\t}\n\t\t\telse\n\t\t\t{\n\t\t\t\treturn 'var(--fhc-danger)';\n\t\t\t}\n\t\t},\n\t\tis_organisatorische_einheit(){\n\t\t\treturn this.menu == \"organisatorische_einheit\";\n\t\t},\n\t\temptyMenu(){\n\t\t\treturn !this.menu || !Array.isArray(this.menu) || Array.isArray(this.menu) && this.menu.length == 0;\n\t\t},\n\t\tbodyStyle() {return {};\n\t\t\t/*const bodyStyle = {};\n\t\t\tif (this.farbe)\n\t\t\t\tbodyStyle['background-color'] = '#' + this.farbe;\n\t\t\treturn bodyStyle;*/\n\t\t},\n\t\tgrade() {\n\t\t\tconst languageIndex = this.$p.user_language.value === 'English' ? 1 : 0\n\t\t\tif(this.benotung && this.znotebez?.length) {\n\t\t\t\treturn this.znotebez[languageIndex]\n\t\t\t} else if(this.benotung && this.lvnotebez?.length) {\n\t\t\t\treturn this.lvnotebez[languageIndex]\n\t\t\t} else return null\n\t\t},\n\t\tLvHasPruefungenInformation(){\n\t\t\treturn this.pruefungenData && this.pruefungenData.length > 0;\n\t\t},\n\t},\n\tmethods: {\n\t\t\n\t\tfetchMenu(lehrveranstaltung_id = this.lehrveranstaltung_id, studien_semester = this.studien_semester) {\n\t\t\treturn this.$api\n\t\t\t\t.call(ApiAddons.getLvMenu(lehrveranstaltung_id, studien_semester))\n\t\t\t\t.then(res => {\n\t\t\t\t\tthis.menu = res.data;\n\t\t\t\t})\n\t\t\t\t.catch((error) => {\n\t\t\t\t\tthis.$fhcAlert.handleSystemError(error);\n\t\t\t\t\tthis.menu = [];\n\t\t\t\t});\n\t\t},\n\n\t\tc4_link(menuItem) {\n\t\t\tif (!menuItem) return null;\n\t\t\tif (Array.isArray(menuItem.c4_moodle_links) && menuItem.c4_moodle_links.length) {\n\t\t\t\treturn '#';\n\t\t\t}\n\t\t\telse {\n\t\t\t\treturn menuItem.c4_link ?? null;\n\t\t\t}\n\t\t},\n\t\topenLvOption(menuItem){\n\t\t\tif (menuItem.id == \"core_menu_mailanstudierende\"){\n\t\t\t\twindow.location.href = menuItem.c4_link;\n\t\t\t} else if (menuItem.id == \"core_menu_digitale_anwesenheitslisten\") {\n\t\t\t\twindow.location.href = menuItem.c4_link;\n\t\t\t} else{\n\t\t\t\tthis.preselectedMenuItem = menuItem;\n\t\t\t\tVue.nextTick(() => {\n\t\t\t\t\tthis.$refs.lvUebersicht.show();\n\t\t\t\t});\n\t\t\t}\n\t\t},\n\t\topenPruefungen() {\n\t\t\t// early return if the pruefungenData is empty or not set\n\t\t\tif (!this.LvHasPruefungenInformation) return;\n\n\t\t\tLvPruefungen.popup({\n\t\t\t\tpruefungenData: this.pruefungenData, \n\t\t\t\tbezeichnung: this.bezeichnung\n\t\t\t});\n\t\t},\n\t\topenInfos() {\n\t\t\tif (!this.info) {\n\t\t\t\tthis.info = true;\n\t\t\t\t// TODO(chris): load all this params on ajax?\n\t\t\t\tLvInfo.popup({\n\t\t\t\t\tlehrveranstaltung_id: this.lehrveranstaltung_id, \n\t\t\t\t\tbezeichnung: this.bezeichnung,\n\t\t\t\t\tbezeichnung_eng: this.bezeichnung_eng,\n\t\t\t\t\tstudiengang_kuerzel: this.studiengang_kuerzel,\n\t\t\t\t\tsemester: this.semester,\n\t\t\t\t\tstudien_semester: this.studien_semester,\n\t\t\t\t\torgform_kurzbz: this.orgform_kurzbz,\n\t\t\t\t\tsprache: this.sprache,\n\t\t\t\t\tects: this.ects,\n\t\t\t\t\tincoming: this.incoming\n\t\t\t\t}).then(() => this.info = false).catch(() => this.info = false);\n\t\t\t}\n\t\t}\n\t},\n\twatch:{\n\t\tstudien_semester(newValue){\n\t\t\tthis.fetchMenu(this.lehrveranstaltung_id, newValue);\n\t\t}\n\t},\n\tcreated() {\n\t\tthis.$api\n\t\t\t.call(ApiLehre.getStudentPruefungen(this.lehrveranstaltung_id))\n\t\t\t.then(res => res.data)\n\t\t\t.then(pruefungen => {\n\t\t\t\tthis.pruefungenData = pruefungen;\n\t\t\t}); \n\t},\n\tmounted() {\n\t\tthis.fetchMenu(this.lehrveranstaltung_id, this.studien_semester);\n\t},\n\ttemplate: /*html*/`\n\t\t\t
\n\t{{$p.user_language.value === 'English' ? sg_bezeichnung_eng : bezeichnung}} - {{kuerzel}}\n\t\t\t\t{{semester}}.{{$p.t('lehre/semester')}}\n\t\t\t
\n\t\t\t\n\t\t\t\t
\n\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t
`\n};","import MylvSemester from \"./Semester.js\";\nimport Phrasen from \"../../../mixins/Phrasen.js\";\n\n// TODO(chris): phrase: global/studiensemester_auswaehlen\n// TODO(chris): phrase: next & prev +aria-label\n\nexport default {\n\tcomponents: {\n\t\tMylvSemester\n\t},\n\tmixins: [\n\t\tPhrasen\n\t],\n\tdata: () => {\n\t\treturn {\n\t\t\tfirstLoad: true,\n\t\t\tstudiensemester: null,\n\t\t\tlvs: {},\n\t\t\tcurrentSemester: null\n\t\t};\n\t},\n\tcomputed: {\n\t\tready() {\n\t\t\treturn this.studiensemester !== null && (!this.firstLoad || this.current.lvs !== null);\n\t\t},\n\t\tcurrent() {\n\t\t\tif (this.currentSemester === null)\n\t\t\t\treturn { semester: null, lvs: [] };\n\t\t\tif (this.lvs[this.currentSemester] === undefined) {\n\t\t\t\tthis.lvs[this.currentSemester] = {\n\t\t\t\t\tsemester: this.currentSemester, \n\t\t\t\t\tlvs: null\n\t\t\t\t};\n\t\t\t\taxios.get(FHC_JS_DATA_STORAGE_OBJECT.app_root + FHC_JS_DATA_STORAGE_OBJECT.ci_router + '/components/Cis/Mylv/Lvs/' + this.currentSemester).then(res => {\n\t\t\t\t\tthis.lvs[this.currentSemester].lvs = res.data.retval || [];\n\t\t\t\t\tthis.firstLoad = false;\n\t\t\t\t});\n\t\t\t}\n\t\t\treturn this.lvs[this.currentSemester];\n\t\t},\n\t\tnearestSem() {\n\t\t\tlet now = Date.now();\n\t\t\tlet nearestSem = null;\n\t\t\tlet nearestSemDiff = 0;\n\t\t\tthis.studiensemester.forEach(sem => {\n\t\t\t\tlet start = new Date(sem.start);\n\t\t\t\tlet end = new Date(sem.ende);\n\t\t\t\tif (now >= start && now <= end) {\n\t\t\t\t\tnearestSem = sem.studiensemester_kurzbz;\n\t\t\t\t\tnearestSemDiff = 0;\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tlet diff = Math.min(Math.abs(now - start), Math.abs(now - end));\n\t\t\t\tif (nearestSem === null || diff < nearestSemDiff) {\n\t\t\t\t\tnearestSem = sem.studiensemester_kurzbz;\n\t\t\t\t\tnearestSemDiff = diff;\n\t\t\t\t}\n\n\t\t\t});\n\t\t\treturn nearestSem;\n\t\t},\n\t\tcurrentIsFirst() {\n\t\t\treturn this.studiensemester[0].studiensemester_kurzbz == this.currentSemester;\n\t\t},\n\t\tcurrentIsLast() {\n\t\t\treturn this.studiensemester[this.studiensemester.length-1].studiensemester_kurzbz == this.currentSemester;\n\t\t}\n\t},\n\tmethods: {\n\t\tprevSem() {\n\t\t\tthis.$refs.studiensemester.selectedIndex--;\n\t\t\tthis.$refs.studiensemester.dispatchEvent(new Event('change', { bubbles: true }));\n\t\t},\n\t\tnextSem() {\n\t\t\tthis.$refs.studiensemester.selectedIndex++;\n\t\t\tthis.$refs.studiensemester.dispatchEvent(new Event('change', { bubbles: true }));\n\t\t},\n\t\tupdateRouter(val) {\n\t\t\tthis.$router.push(`/Cis/MyLv/${val}`);\n\t\t}\n\t},\n\tcreated() {\n\t\taxios.get(FHC_JS_DATA_STORAGE_OBJECT.app_root + FHC_JS_DATA_STORAGE_OBJECT.ci_router + '/components/Cis/Mylv/Studiensemester').then(res => {\n\t\t\tthis.studiensemester = res.data.retval || [];\n\t\t\tconst routerStudiensemester = this.$route.params.studiensemester;\n\t\t\tif (routerStudiensemester && this.studiensemester.filter(s => s.studiensemester_kurzbz == routerStudiensemester).length)\n\t\t\t\tthis.currentSemester = routerStudiensemester;\n\t\t\telse\n\t\t\t\tthis.currentSemester = this.nearestSem;\n\t\t});\n\t},\n\tbeforeRouteUpdate(to, from, next){\n\t\tif (to.params.studiensemester && this.studiensemester.filter(s => s.studiensemester_kurzbz == to.params.studiensemester).length && to.params.studiensemester != this.currentSemester)\n\t\t\tthis.currentSemester = to.params.studiensemester;\n\t\tnext();\n\n\t},\n\ttemplate: `\n\n\t\n\t\t\t\n\t\t\t
\n\t\t{{ $p.t('lehre/organisationseinheit') }}:
\n\t\t\t{{$p.user_language.value === 'English' ? bezeichnung_eng : bezeichnung}}
\n\t\t\n\t\t\t\n\t\t\t\t
\n\t\t\n\t- \n\t\t\t\t\t
- \n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t{{$p.t('lehre/myLV')}}
\n\t\n\t
\n\t\t\n\t
\n\t\n\t\t\t
\n\t\t\n\t\t\t\t\n\t\t\t
\n\t\t\t\n\t\t\t\t
\n\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t{{$p.t('lehre/noLvFound')}}\n\t\t
\n\t\t\n\t\t\n\t
`\n};","/**\n * Copyright (C) 2022 fhcomplete.org\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see Loading...
\n\t\t{{ errorMessage }}
\n\t\t\n\t\t
\n\t`\n};\n\n","/**\n * Copyright (C) 2022 fhcomplete.org\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see \n\t\t\t
\n\t\n\t\t\t\t
\n\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\n\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tFilter {{ index + 1 }}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t
\n\t\n\t`\n};\n\n","/**\n * Copyright (C) 2022 fhcomplete.org\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see \n\t\t\t
\n\t\t\n\t\t\t\t\n\t\t\t\t\t{{ names[fieldToDisplay] || fieldToDisplay }}\n\t\t\t\t
\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t
\n\t\n\t`\n};\n\n","const elementDataMap = new WeakMap();\n\nexport default {\n\tmounted(el, binding) {\n\t\tlet open = false;\n\t\telementDataMap.set(el, evt => {\n\t\t\tif (!open)\n\t\t\t\treturn;\n\n\t\t\tif (el.contains(evt.target))\n\t\t\t\treturn;\n\n\t\t\tconst collapse = bootstrap.Collapse.getInstance(el)\n\t\t\tif (collapse)\n\t\t\t\tcollapse.hide();\n\t\t});\n\t\tel.addEventListener('shown.bs.collapse', () => {\n\t\t\topen = true;\n\t\t});\n\t\tel.addEventListener('hide.bs.collapse', () => {\n\t\t\topen = false;\n\t\t});\n\t\tdocument.addEventListener('click', elementDataMap.get(el), true);\n\t},\n\tbeforeUnmount(el, binding) {\n\t\tdocument.removeEventListener('click', elementDataMap.get(el));\n\t\tdelete el.collapsibleAutoHideFunc;\n\t}\n}","/**\n * This may need changes if Tabulator gets updated!\n *\n * Current working Version: 5.5.2\n * \n * This is a copy of the fitDataStretch function. The only difference\n * is the check for frozen columns on line 22.\n */\n\nexport default window.Tabulator?.extendModule(\"layout\", \"modes\", {\n\tfitDataStretchFrozen(columns, forced) {\n\t\tvar colsWidth = 0,\n\t\ttableWidth = this.table.rowManager.element.clientWidth,\n\t\tgap = 0,\n\t\tlastCol = false;\n\n\t\tcolumns.forEach((column, i) => {\n\t\t\tif (!column.widthFixed) {\n\t\t\t\tcolumn.reinitializeWidth();\n\t\t\t}\n\n\t\t\tif (this.table.options.responsiveLayout ? column.modules.responsive.visible : column.visible && !column.definition.frozen) {\n\t\t\t\tlastCol = column;\n\t\t\t}\n\n\t\t\tif (column.visible) {\n\t\t\t\tcolsWidth += column.getWidth();\n\t\t\t}\n\t\t});\n\n\t\tif (lastCol){\n\t\t\tgap = tableWidth - colsWidth + lastCol.getWidth();\n\n\t\t\tif (this.table.options.responsiveLayout && this.table.modExists(\"responsiveLayout\", true)) {\n\t\t\t\tlastCol.setWidth(0);\n\t\t\t\tthis.table.modules.responsiveLayout.update();\n\t\t\t}\n\n\t\t\tif (gap > 0) {\n\t\t\t\tlastCol.setWidth(gap);\n\t\t\t} else {\n\t\t\t\tlastCol.reinitializeWidth();\n\t\t\t}\n\t\t} else {\n\t\t\tif (this.table.options.responsiveLayout && this.table.modExists(\"responsiveLayout\", true)) {\n\t\t\t\tthis.table.modules.responsiveLayout.update();\n\t\t\t}\n\t\t}\n\t}\n});\n","/**\n * Copyright (C) 2025 fhcomplete.org\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see \n\t\t\t
\n\t\t\n\t\t\t\t
\n\t\t\n\t\t\t\t\t{{ title }}\n\t\t\t\t
\n\t\t\t\n\n\t\t\t\n\n\t\t\t\n\t\t\t\n\t\t\t\t
\n\t\t\n\n\t\t\n\t\t\n\t`\n};\n","export default {\n props: {\n data: Object,\n title: { type: String },\n },\n data() {\n return {};\n },\n created(){\n\n },\n template: /*html*/`\n\t0\">\n \n\t\t\t\t
\n\n\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t{{ selectedData.length }} ausgewählt\n\t\t\t\t\t\t Mit {{ selectedData.length }} ausgewählten:\n\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t[ {{ filterName }} ]\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n
\n\t`,\n};\n","export default {\n\tprops: {\n\t\tdata: {\n\t\t\ttype: String,\n\t\t}\n\t},\n\tdata() {\n\t\treturn {}\n\t},\n\ttemplate: /*html*/`\n \n {{title}}\n
\n \n
\n {{$p.t('profil','mailverteilerMitglied')}}
\n\n
\n \n
\n \n
\n \n \n
\n \n {{verteiler.beschreibung}}
\n \n
`,\n}","export default {\n\t//TODO: To be implemented\n\tprops: {\n\t\tdata: {\n\t\t\ttype: String,\n\t\t},\n\t\ttitle: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\t\tmobile: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t},\n\tmethods: {\n\t\thideCollapse: function () {\n\t\t\tthis.collapseOpen = false;\n\t\t},\n\t\tshowCollapse: function () {\n\t\t\tthis.collapseOpen = true;\n\t\t},\n\t},\n\tdata() {\n\t\treturn {\n\t\t\tcollapseOpen: false,\n\t\t};\n\t},\n\ttemplate: /*html*/ `\n\n {{$p.t('profil','fhAusweisStatus',[data])}}\n
\n \n \n \n
`,\n};\n","export default {\n props:{\n data:Object,\n view:String,\n withZustelladresse:{\n type:Boolean,\n default:true,\n },\n },\n data(){\n return{}\n },\n created(){\n \n },\n template:/*html*/`\n \n \n \n
\n \n \n {{title}}
\n \n \n\n \n \n
\n`\n};","export default{\n props:{\n view:String,\n data:Object,\n },\n data(){\n return {\n\n }\n },\n created(){\n\n }, \n template:/*html*/`\n\t\n \n \n
\n \n \n
\n \n \n \n
\n {{$p.t('person','strasse')}}
\n {{data.strasse}} \n \n
\n \n \n
\n {{$p.t('global','typ')}}
\n {{data.typ}} \n \n
\n \n
\n {{$p.t('person','ort')}}
\n {{data.ort}} \n \n
\n\n \n
\n {{$p.t('person','plz')}}
\n {{data.plz}} \n \n
\n \n
\n {{$p.t('person','zustelladresse')}}
\n \n \n
\n \n
\n\t\n`,\n};","export default {\n\tdata() {\n\t\treturn {};\n\t},\n\tprops: {\n\t\ttitle: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\t\tdata: {\n\t\t\ttype: Array,\n\t\t},\n\t},\n\ttemplate: /*html*/ `\n\n \n
\n \n \n \n
\n \n
\n \n
\n {{$p.t('global','anmerkung')}}
\n {{data.anmerkung}} \n \n \n \n
\n \n
`,\n};\n","export default {\n\tdata() {\n\t\treturn {}\n\t},\n\tprops: {\n\t\tdata: {\n\t\t\ttype: Object,\n\t\t},\n\t\ttitle: {\n\t\t\ttype: String,\n\t\t}\n\t},\n\tinject: {\n\t\t// inject info that should not be displayed\n\t\t'studiengang_kz': {\n\t\t\tfrom: 'studiengang_kz',\n\t\t\tdefault: false\n\t\t},\n\t},\n\tcomputed: {\n\t\tgetLinkGruppeListe() {\n\t\t\tif(this.studiengang_kz === false) {\n\t\t\t\treturn '';\n\t\t\t}\n\t\t\treturn this.data.gruppe?.value && this.data.verband?.value && this.data.semester?.value ? FHC_JS_DATA_STORAGE_OBJECT.app_root \n\t\t\t\t+ 'cis/private/stud_in_grp.php?kz='+this.studiengang_kz+'&sem=' + this.data.semester.value\n\t\t\t\t+ '&verband=' + this.data.verband.value + '&grp=' + this.data.gruppe.value : ''\n\t\t},\n\t\tgetLinkVerbandListe() {\n\t\t\tif(this.studiengang_kz === false) {\n\t\t\t\treturn '';\n\t\t\t}\n\t\t\treturn this.data.verband?.value && this.data.semester?.value ? FHC_JS_DATA_STORAGE_OBJECT.app_root \n\t\t\t\t+ 'cis/private/stud_in_grp.php?kz='+this.studiengang_kz+'&sem=' + this.data.semester.value\n\t\t\t\t+ '&verband=' + this.data.verband.value : ''\n\t\t},\n\t\tgetLinkSemesterListe() {\n\t\t\tif(this.studiengang_kz === false) {\n\t\t\t\treturn '';\n\t\t\t}\n\t\t\treturn this.data.semester?.value ? FHC_JS_DATA_STORAGE_OBJECT.app_root \n\t\t\t\t+ 'cis/private/stud_in_grp.php?kz='+this.studiengang_kz+'&sem=' + this.data.semester.value : ''\n\t\t}\n\t},\n\tcreated() {\n\t\t//TODO: check if data.Telefon is a valid telefon number to call before using it as a tel: link\n\t},\n\ttemplate: `\n \n {{title}}\n
\n \n \n
\n\n
\n \n\t\t\t\t\n\t\t\t\t\t
\n \n\t\t\t\t\t\t
\n\t\t\t\t\n \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t{{email?.type}}
\n\t\t\t\t\t\t\t\t{{email?.email}} \n\t\t\t\t\t\t\t \n
`\n};","/**\n * Copyright (C) 2025 fhcomplete.org\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see {{title}}
\n \n
\n\t\n\t\t\t\t
\n\t\t\n\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t{{entry.label }}
\n\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t{{entry.value ?? '-'}}\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{{ entry.value }}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{{ entry.value }}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{{ entry.value }}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t{{ entry.value ?? '-'}}\n\t\t\t\t\t\n\t\t\n\t\t
`\n}","export default {\n\temits: [\n\t\t'delete'\n\t],\n\tprops: {\n\t\tmodelValue: {\n\t\t\ttype: [File, Object],\n\t\t\trequired: true\n\t\t}\n\t},\n\tdata() {\n\t\treturn {\n\t\t\tpreview: ''\n\t\t};\n\t},\n\twatch: {\n\t\tmodelValue(n) {\n\t\t\tif (n.type == 'application/x.fhc-dms+json') {\n\t\t\t\tn.text().then(result => {\n\t\t\t\t\tconst obj = JSON.parse(result);\n\t\t\t\t\tthis.preview = obj.preview || '';\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\t},\n\ttemplate: `\n\t- \n\t\t\t
{{$p.t('profilUpdate','profilBildUpdateMessage',[titel])}}
\n\t\t\n\t\t\n\t\t\t\n\t\t\t\t
\n\t\t\t{{titel?titel:$p.t('global','titel')}}
\n\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t
\n\t\t\n\t\n\t
\n`,\n};\n","import Kontakt from \"../ProfilComponents/Kontakt.js\";\nimport EditKontakt from \"./EditProfilComponents/EditKontakt.js\";\nimport Adresse from \"../ProfilComponents/Adresse.js\";\nimport EditAdresse from \"./EditProfilComponents/EditAdresse.js\";\nimport Status from \"./EditProfilComponents/Status.js\";\nimport TextInputDokument from \"./EditProfilComponents/TextInputDokument.js\";\n\nexport default {\n\tname: 'EditProfilSelect',\n\tcomponents: {\n\t\tKontakt,\n\t\tEditKontakt,\n\t\tAdresse,\n\t\tEditAdresse,\n\t\tStatus,\n\t\tTextInputDokument,\n\t},\n\tinject: [\"profilUpdateTopic\", \"isMitarbeiter\"],\n\tprops: {\n\t\tlist: Object,\n\n\t\t//? Prop used to determine how many options the select should initially show\n\t\tsize: {\n\t\t\ttype: Number,\n\t\t\tdefault: null,\n\t\t},\n\t\t//? Content for the aria label of the select\n\t\tariaLabel: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\t\tprofilUpdate: String,\n\t\ttopic: String,\n\t\tbreadcrumb: String,\n\t},\n\temits: {\n\t\t//? update:modelValue event is needed to notify the v-model when the value has changed\n\t\t[\"update:profilUpdate\"]: null,\n\t\t[\"update:topic\"]: null,\n\t\t[\"update:breadcrumb\"]: null,\n\t\tsubmit: null,\n\t\tselect: null,\n\t},\n\tdata() {\n\t\treturn {\n\t\t\tview: null,\n\t\t\tdata: null,\n\t\t\tbreadcrumbItems: [],\n\t\t\tmodal_topic: this.topic,\n\t\t\tproperties: null,\n\t\t};\n\t},\n\n\tmethods: {\n\t\taddItem: function () {\n\t\t\tthis.view =\n\t\t\t\tthis.modal_topic == this.profilUpdateTopic[\"Private Kontakte\"]\n\t\t\t\t\t? \"EditKontakt\"\n\t\t\t\t\t: \"EditAdresse\";\n\n\t\t\t//? updates the topic when a Kontakt or an Address should be added\n\t\t\tthis.modal_topic =\n\t\t\t\tthis.modal_topic == this.profilUpdateTopic[\"Private Kontakte\"]\n\t\t\t\t\t? this.profilUpdateTopic[\"Add Kontakt\"]\n\t\t\t\t\t: this.profilUpdateTopic[\"Add Adresse\"];\n\t\t\tthis.$emit(\"update:topic\", this.modal_topic);\n\t\t\tthis.breadcrumbItems.push(this.modal_topic);\n\t\t\tthis.$emit(\"update:breadcrumb\", this.breadcrumbItems);\n\n\t\t\tthis.data =\n\t\t\t\tthis.view == \"EditAdresse\"\n\t\t\t\t\t? {\n\t\t\t\t\t\t//? add flag\n\t\t\t\t\t\tadd: true,\n\t\t\t\t\t\tadresse_id: null,\n\t\t\t\t\t\tstrasse: null,\n\t\t\t\t\t\ttyp: null,\n\t\t\t\t\t\tplz: null,\n\t\t\t\t\t\tort: null,\n\t\t\t\t\t\tzustelladresse: false,\n\t\t\t\t\t}\n\t\t\t\t\t: {\n\t\t\t\t\t\t//? add flag\n\t\t\t\t\t\tadd: true,\n\t\t\t\t\t\tkontakt_id: null,\n\t\t\t\t\t\tkontakttyp: null,\n\t\t\t\t\t\tkontakt: null,\n\t\t\t\t\t\tanmerkung: null,\n\t\t\t\t\t\tzustellung: false,\n\t\t\t\t\t};\n\t\t},\n\n\t\tdeleteItem: function (item) {\n\t\t\t//? delete flag\n\t\t\titem.data.delete = true;\n\t\t\tthis.$emit(\"update:profilUpdate\", item.data);\n\t\t\t//? updates the topic when a Kontakt or an Address should be deleted\n\n\t\t\tthis.modal_topic = this.modal_topic == this.profilUpdateTopic[\"Private Adressen\"]\n\t\t\t\t? this.profilUpdateTopic[\"Delete Adresse\"]\n\t\t\t\t: this.profilUpdateTopic[\"Delete Kontakt\"];\n\t\t\tthis.$emit(\"update:topic\", this.modal_topic);\n\t\t\tthis.$emit(\"submit\");\n\t\t},\n\n\t\tprofilUpdateEmit: function (event) {\n\t\t\t//? passes the updated profil information to the parent component\n\t\t\tthis.$emit(\"update:profilUpdate\", event);\n\t\t},\n\n\t\tupdateOptions: function (event, item) {\n\t\t\tthis.properties = item;\n\t\t\tthis.data = item.data;\n\t\t\tthis.view = item.view;\n\t\t\tif (item.title) {\n\t\t\t\t//? emits the selected topic to the parent component\n\t\t\t\tthis.modal_topic = item.topic;\n\t\t\t\tthis.$emit(\"update:topic\", this.modal_topic);\n\n\t\t\t\t//? emits the new item for the breadcrumb in the parent component\n\t\t\t\tthis.breadcrumbItems.push(item.title);\n\t\t\t} else {\n\t\t\t\tif (item.data.kontakttyp) {\n\t\t\t\t\tthis.breadcrumbItems.push(item.data.kontakttyp);\n\t\t\t\t\tthis.breadcrumbItems.push(item.data.kontakt);\n\t\t\t\t} else if (item.data.strasse) {\n\t\t\t\t\tthis.breadcrumbItems.push(item.data.strasse);\n\t\t\t\t}\n\t\t\t}\n\t\t\tthis.$emit(\"update:breadcrumb\", this.breadcrumbItems);\n\t\t},\n\t},\n\tcomputed: {},\n\tcreated() {\n\t\t//? JSON parse and stringify are used to deep clone the objects\n\t\tthis.properties = {...this.list};\n\t\tthis.data = this.list.data\n\t\t\t? JSON.parse(JSON.stringify(this.list.data))\n\t\t\t: null;\n\t\tthis.view = this.list.view\n\t\t\t? JSON.parse(JSON.stringify(this.list.view))\n\t\t\t: null;\n\t},\n\tmounted() {\n\t},\n\n\ttemplate: /*html*/ `\n \n \n
\n \n
\n \n \n
\n \n {{title}}\n
\n \n
\n\n \n \n
\n \n
\n \n \n \n
\n \n \n ![\"profile]()
\n \n
\n \n \n
\n\t\t\t\t\t\t\n \n
\n \n
\n \n
\n \n
\n \n
\n {{$p.t('profilUpdate','vorname')}}
\n {{name.vorname}} \n \n
\n \n
\n {{$p.t('profilUpdate','nachname')}}
\n {{name.nachname}} \n \n
\n \n
\n {{$p.t('profil',bez)}}
\n {{wert?wert:'-'}} \n \n \n
\n \n \n \n \n \n
\n \n \n {{item.title}}
\n \n\n \n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t
\n \n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{{ $p.t('profilUpdate','infoHeimatadresse') }}\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n \n
\n \n \n \n\n
\n `,\n};\n","import Dms from \"../../../../Form/Upload/Dms.js\";\n\nimport ApiProfil from '../../../../../api/factory/profil.js';\n\nexport default {\n components: {\n AutoComplete: primevue.autocomplete,\n\tDms: Dms\n },\n\n props: {\n data: Object,\n files: {\n type: Array,\n default: []\n },\n },\n\n inject: [\"getZustelladressenCount\", \"updateFileID\", \"isMitarbeiter\"],\n\n data() {\n return {\n gemeinden: [],\n ortschaftnamen: [],\n selectedNation: null,\n nationenList: [],\n originalValue: null,\n zustellAdressenCount: null,\n\t dmsData: [],\n\t fileschanged: false\n };\n },\n\n watch: {\n \"data.gemeinde\": function (newValue, oldValue) {\n this.$emit(\"profilUpdate\", this.isChanged ? this.data : null);\n },\n \"data.ort\": function (newValue, oldValue) {\n this.$emit(\"profilUpdate\", this.isChanged ? this.data : null);\n },\n },\n\n methods: {\n\n autocompleteSearchGemeinden: function (event) {\n this.gemeinden = this.gemeinden.map((gemeinde) => gemeinde);\n },\n\n autocompleteSearchOrtschaftsnamen: function (event) {\n this.ortschaftnamen = this.ortschaftnamen.map((ortschaft) => ortschaft);\n },\n\n getGemeinde: function () {\n //? only query the gemeinde is the nation is Austria and the PLZ is greater than 999 and less than 32000\n if (\n this.data.nation &&\n this.data.nation === \"A\" &&\n this.data.plz &&\n this.data.plz > 999 &&\n this.data.plz < 32000\n ) {\n this.$api\n .call(ApiProfil.getGemeinden(this.data.nation, this.data.plz))\n .then((res) => {\n if (res.data.length) {\n this.gemeinden = [\n ...new Set(\n res.data.map((element) => {\n return element.name;\n })\n ),\n ];\n this.ortschaftnamen = [\n ...new Set(\n res.data.map((element) => {\n return element.ortschaftsname;\n })\n ),\n ];\n }\n });\n } else {\n this.gemeinden = [];\n }\n },\n\n updateValue: function (event, bind) {\n //? sets the value of a property to null when an empty string is entered to keep the isChanged function valid\n if (bind === \"zustelladresse\") {\n this.data[bind] = event.target.checked;\n\t } else if(bind === 'files') {\n\t\t if(this.dmsData.length > 0 && this.dmsData[0].type !== 'application/x.fhc-dms+json') {\n\t\t this.fileschanged = true;\n\t\t }\n\t\t this.updateFileID(this.dmsData);\n } else {\n this.data[bind] = event.target.value === \"\" ? null : event.target.value;\n }\n\n this.$emit(\"profilUpdate\", this.isChanged ? this.data : null);\n // update the zustellAdressen count\n this.zustellAdressenCount = this.getZustelladressenCount();\n },\n\n\tdeleteDmsData: function() {\n\t\tthis.dmsData = [];\n\t\tthis.updateValue(null, 'files');\n\t}\n },\n\n computed: {\n showZustellAdressenWarning: function () {\n\n\t // if the address was already a zustellungsadresse when editing the address, then the warning will not be shown and the zustellungsadresse will just be overwritten\n\t if (JSON.parse(this.originalValue).zustelladresse){\n\t\treturn false;\n\t }\n // if zustellAdressenCount is not 0 and the own kontakt has the flag zustellung set to true\n if (!this.zustellAdressenCount.includes(this.data.adresse_id)) {\n return this.data.zustelladresse && this.zustellAdressenCount.length;\n }\n return this.zustellAdressenCount.length >= 2 && this.data.zustelladresse;\n },\n isChanged: function () {\n if (\n !this.data.strasse ||\n !this.data.plz ||\n !this.data.ort ||\n !this.data.typ ||\n this.dmsData.length === 0\n ) {\n return false;\n }\n\n const datachanged = this.originalValue !== JSON.stringify(this.data);\n return datachanged || this.fileschanged;\n },\n },\n\n created() {\n // get all available nationen\n this.$api\n .call(ApiProfil.getAllNationen())\n .then(res => {\n this.nationenList = res.data;\n this.getGemeinde();\n });\n \n this.originalValue = JSON.stringify(this.data);\n this.zustellAdressenCount = this.getZustelladressenCount();\n },\n\n mounted() {\n if (this.files) {\n this.dmsData = this.files;\n }\n },\n\n template: /*html*/ `\n\n\n\n
\n \n
\n\n {{$p.t('profilUpdate','kontaktTyp')}}
\n\n \n \n\n \n\n\n
\n \n
\n\n {{data.kontakttyp?data.kontakttyp:$p.t('global','kontakt')}}
\n\n \n \n\n
\n\n \n \n
\n\n {{$p.t('global','anmerkung')}}
\n\n \n \n
\n \n\n \n {{$p.t('profilUpdate','zustell_kontakte_warning')}}\n
\n \n {{$p.t('profilUpdate','zustellungsKontakt')}}\n\n \n
\n \n \n
\n `,\n};\n","import Adresse from \"../../ProfilComponents/Adresse.js\";\nimport Kontakt from \"../../ProfilComponents/Kontakt.js\";\n\nimport ApiProfilUpdate from '../../../../../api/factory/profilUpdate.js';\n\nexport default {\n components: {\n Adresse,\n Kontakt,\n },\n inject: [\"profilUpdateTopic\"],\n data() {\n return {\n files: null,\n };\n },\n methods: {\n getDocumentLink: function (dms_id) {\n return (\n FHC_JS_DATA_STORAGE_OBJECT.app_root +\n FHC_JS_DATA_STORAGE_OBJECT.ci_router +\n `/Cis/ProfilUpdate/show/${dms_id}`\n );\n },\n },\n computed: {\n getComponentView: function () {\n if (\n this.topic == this.profilUpdateTopic[\"Private Adressen\"] ||\n this.topic == this.profilUpdateTopic[\"Add Adresse\"] ||\n this.topic == this.profilUpdateTopic[\"Delete Adresse\"]\n ) {\n return \"Adresse\";\n } else if (\n this.topic == this.profilUpdateTopic[\"Private Kontakte\"] ||\n this.topic == this.profilUpdateTopic[\"Add Kontakt\"] ||\n this.topic == this.profilUpdateTopic[\"Delete Kontakt\"]\n ) {\n return \"Kontakt\";\n } else {\n return \"text_input\";\n }\n },\n cardHeader: function () {\n if (\n this.topic == this.profilUpdateTopic[\"Delete Addresse\"] ||\n this.topic == this.profilUpdateTopic[\"Delete Kontakt\"]\n ) {\n return \"Delete\";\n } else if (\n this.topic == this.profilUpdateTopic[\"Add Adresse\"] ||\n this.topic == this.profilUpdateTopic[\"Add Kontakt\"]\n ) {\n return \"Add\";\n } else {\n return \"Update\";\n }\n },\n },\n props: {\n data: { type: Object },\n view: { type: String },\n status: { type: String },\n status_message: { type: String },\n status_timestamp: { type: String },\n updateID: { type: Number },\n topic: { type: String },\n },\n created() {\n this.$api\n .call(ApiProfilUpdate.getProfilRequestFiles(this.updateID))\n .then((res) => {\n this.files = res.data;\n });\n },\n template: /*html*/ `\n \n
\n \n\n\n \n\t {{$p.t('profilUpdate','zustell_adressen_warning')}}\n
\n \n
\n\n \n \n \n \n
\n \n
\n\n \n \n
\n {{$p.t('person','nation')}}*
\n \n \n
\n\n \n \n
\n {{$p.t('person','plz')}}*
\n \n \n
\n\n \n \n
\n {{$p.t('person','gemeinde')}}*
\n \n
\n\n \n \n
\n {{$p.t('person','ort')}}*
\n \n
\n \n \n \n
\n {{$p.t('person','strasse')}}*
\n \n \n
\n\n\t\n
\n {{$p.t('profilUpdate','kontaktTyp')}}*
\n \n \n\t\t
\n\n\n\t\t\t\n\t\t
\n\t\t{{$p.t('profilUpdate','meldebestaetigung')}}*
\n\t\t\t\n\t\t\t \n\t\t\t\n\t\t
\n\t\n\n
\n \n
\n\n \n
\n {{$p.t('global','status')}}
\n {{status}} \n \n
\n \n \n
\n {{$p.t('global','datum')}}
\n {{status_timestamp}} \n \n
\n\n\n \n
\n \n
\n {{$p.t('profilUpdate','statusMessage')}}
\n \n \n
\n\n\t\n \n {{cardHeader}} \n
\n \n \n
\n \n
\n \n {{topic}}
\n {{data.value}} \n \n\t\t
\n `,\n};\n","import Dms from \"../../../../Form/Upload/Dms.js\";\n\nexport default {\n data() {\n return {\n dmsData: [],\n originalValue: null,\n };\n },\n components: {\n Dms,\n },\n props: {\n data: {\n type: Object,\n },\n withFiles: {\n type: Boolean,\n default: false,\n },\n files: {\n type: Array,\n },\n updateID: {\n type: Boolean,\n },\n },\n inject:[\"updateFileID\"],\n computed: {\n didFilesChange: function () {\n this.updateFileID(this.dmsData);\n let res = false;\n //? case in which the profilRequest has already associated files \n if(this.files){ \n Array.from(this.dmsData).forEach((file) => {\n if (this.files.some((f) => f.name !== file.name)) {\n res = true;\n }\n });\n return !(this.dmsData.length == this.files.length) || res;\n }\n //? case in which the user creates a new profilRequest\n else{ \n return Array.from(this.dmsData).length? true:false;\n }\n },\n didDataChange: function(){\n return JSON.stringify(this.data) !== this.originalValue;\n },\n isChanged: function () {\n if (this.withFiles) {\n if(this.updateID){\n return (this.didDataChange || this.didFilesChange) && this.dmsData.length;\n }\n return this.didDataChange && this.didFilesChange;\n }\n return this.didDataChange\n },\n },\n emits: [\"profilUpdate\"],\n watch: {\n //? watcher to trigger the event emit when a file was uploaded or removed\n dmsData(value) {\n this.emitChanges();\n },\n },\n methods: {\n stringifyFile(file) {\n\t\t\treturn JSON.stringify({\n\t\t\t\tlastModified: file.lastModified,\n\t\t\t\tlastModifiedDate: file.lastModifiedDate,\n\t\t\t\tname: file.name,\n\t\t\t\tsize: file.size,\n\t\t\t\ttype: file.type\n\t\t\t});\n\t\t},\n emitChanges: function () {\n if (this.isChanged) {\n \n this.$emit(\n \"profilUpdate\", { value: this.data.value }\n );\n } else {\n this.$emit(\"profilUpdate\", null);\n }\n },\n },\n mounted() {\n this.originalValue = JSON.stringify(Vue.toRaw(this.data));\n\n if (this.files) {\n this.dmsData = this.files;\n }\n },\n template: /*html*/`\n\n {{$p.t('profilUpdate','nachweisdokumente')}}
\n\t\t\n\t\t\t{{file.name}}\n\t\t
\n\t{{$p.t('profilUpdate','profilUpdateInformationMessage',[data.titel])}}
\n\n\n
\n `,\n};\n","import BsModal from './Bootstrap/Modal.js';\n\nexport default {\n\tcomponents: {\n\t\tBsModal\n\t},\n\tprops: {\n\t\ttimeout: {\n\t\t\ttype: Number,\n\t\t\tdefault: 300\n\t\t}\n\t},\n\tdata() {\n\t\treturn {\n\t\t\tt: null,\n\t\t\tstate: 0\n\t\t}\n\t},\n\tmethods: {\n\t\tshow() {\n\t\t\tswitch (this.state) {\n\t\t\t\tcase 0:\n\t\t\t\t\tif (this.timeout) {\n\t\t\t\t\t\tthis.state = 1;\n\t\t\t\t\t\tthis.t = window.setTimeout(() => this.$refs.modal.show(), this.timeout);\n\t\t\t\t\t\treturn;\n\t\t\t\t\t} else\n\t\t\t\t\t\treturn this.$refs.modal.show();\n\t\t\t\tcase 4:\n\t\t\t\t\treturn window.setTimeout(() => this.show(), 1);\n\t\t\t}\n\t\t},\n\t\thide() {\n\t\t\tswitch (this.state) {\n\t\t\t\tcase 1:\n\t\t\t\t\treturn window.clearTimeout(this.t);\n\t\t\t\tcase 2:\n\t\t\t\t\treturn window.setTimeout(() => this.hide(), 1);\n\t\t\t\tcase 3:\n\t\t\t\t\tthis.$refs.modal.hide();\n\t\t\t}\n\t\t}\n\t},\n\tmounted() {\n\t\tthis.$refs.modal.$refs.modal.addEventListener('show.bs.modal', () => {\n\t\t\tthis.state = 2;\n\t\t});\n\t\tthis.$refs.modal.$refs.modal.addEventListener('shown.bs.modal', () => {\n\t\t\tthis.state = 3;\n\t\t});\n\t\tthis.$refs.modal.$refs.modal.addEventListener('hide.bs.modal', () => {\n\t\t\tthis.state = 4;\n\t\t});\n\t\tthis.$refs.modal.$refs.modal.addEventListener('hidden.bs.modal', () => {\n\t\t\tthis.state = 0;\n\t\t});\n\t},\n\ttemplate: `\n\t{{data.titel?data.titel:$p.t('global','titel')}}
\n\n \n\n \n
\n \n
\n \n \n
\n \n\t\t\t\n\t\t\t
\n\t\n\t\n\t\n\t\t\n
\n`,\n};\n","if (!primevue) {\n\tconsole.error('PrimeVue not loaded!');\n}\n\n// NOTE(chris): Click on clear button gives an error. This is a bug in primevue => fixed in current version\nTabulator.extendModule('filter', 'filters', {\n\t\"dates\": (headerValue, rowValue) => {\n\t\tif (!headerValue)\n\t\t\treturn true;\n\n\t\tlet rowDate = new Date(rowValue);\n\n\t\tif (Array.isArray(headerValue))\n\t\t{\n\t\t\tlet startDate = new Date(headerValue[0]);\n\t\t\tif (headerValue[1])\n\t\t\t{\n\t\t\t\tlet endDate = new Date(headerValue[1]);\n\n\t\t\t\tendDate.setHours(23, 59, 59, 999);\n\n\t\t\t\treturn rowDate >= startDate && rowDate <= endDate;\n\t\t\t}\n\n\t\t\treturn rowDate.toDateString() === startDate.toDateString();\n\t\t}\n\t\tlet singleDate = new Date(headerValue);\n\t\treturn rowDate.toDateString() === singleDate.toDateString();\n\t}\n});\n\nfunction dateFilter(cell, onRendered, success) {\n\tlet div = document.createElement('div');\n\n\tlet initialValue = null;\n\n\tlet val = cell.getValue();\n\n\tif (Array.isArray(val))\n\t{\n\t\tconst start = val[0] ? new Date(val[0]) : null;\n\t\tconst end = val[1] ? new Date(val[1]) : null;\n\t\tinitialValue = [start, end];\n\t}\n\n\tVue.createApp({\n\t\tcomponents: {\n\t\t\tPrimevueCalendar: primevue.calendar\n\t\t},\n\t\tdata() {\n\t\t\treturn {\n\t\t\t\tval: initialValue\n\t\t\t}\n\t\t},\n\t\twatch: {\n\t\t\tval(n) {\n\t\t\t\tsuccess(n);\n\t\t\t}\n\t\t},\n\t\ttemplate: `{{$p.t('profilUpdate','profilUpdates')}}
\n \n
\n\n \n \n
\n
\n | {{$p.t('profilUpdate','topic')}} | \n{{$p.t('global','status')}} | \n{{$p.t('global','datum')}} | \n{{$p.t('ui','aktion')}} | \n|
|---|---|---|---|---|
| {{item.topic}} | \n{{item.status}} | \n{{item.status_timestamp?item.status_timestamp:item.insertamum}} | \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","import {CoreFilterCmpt} from \"../../../components/filter/Filter.js\";\nimport EditProfil from \"./ProfilModal/EditProfil.js\";\nimport Adresse from \"./ProfilComponents/Adresse.js\";\nimport Kontakt from \"./ProfilComponents/Kontakt.js\";\nimport FetchProfilUpdates from \"./ProfilComponents/FetchProfilUpdates.js\";\nimport Mailverteiler from \"./ProfilComponents/Mailverteiler.js\";\nimport AusweisStatus from \"./ProfilComponents/FhAusweisStatus.js\";\nimport QuickLinks from \"./ProfilComponents/QuickLinks.js\";\nimport ProfilEmails from \"./ProfilComponents/ProfilEmails.js\";\nimport RoleInformation from \"./ProfilComponents/RoleInformation.js\";\nimport ProfilInformation from \"./ProfilComponents/ProfilInformation.js\";\n\nimport ApiProfilUpdate from '../../../api/factory/profilUpdate.js';\nimport { dateFilter } from '../../../tabulator/filters/Dates.js';\n\nexport default {\n\tcomponents: {\n\t\tCoreFilterCmpt,\n\t\tEditProfil,\n\t\tAdresse,\n\t\tKontakt,\n\t\tFetchProfilUpdates,\n\t\tAusweisStatus,\n\t\tMailverteiler,\n\t\tQuickLinks,\n\t\tProfilEmails,\n\t\tRoleInformation,\n\t\tProfilInformation,\n\t},\n\n\tinject: [\"sortProfilUpdates\", \"collapseFunction\", \"language\",\"isEditable\"],\n\n\tdata() {\n\t\treturn {\n\t\t\tshowModal: false,\n\t\t\teditDataFilter: null,\n\t\t\tpreloadedPhrasen:{},\n\t\t\t// tabulator options\n\t\t\tfunktionen_table_options: {\n\t\t\t\tpersistenceID: \"filterTableMaProfilFunktionen\",\n\t\t\t\tpersistence: {\n\t\t\t\t\tcolumns: false\n\t\t\t\t},\n\t\t\t\tminHeight: 300,\n\t\t\t\tlayout: \"fitColumns\",\n\t\t\t\tresponsiveLayout: \"collapse\",\n\t\t\t\tresponsiveLayoutCollapseUseFormatters: false,\n\t\t\t\tresponsiveLayoutCollapseFormatter: Vue.$collapseFormatter,\n\t\t\t\tcolumns: [\n\t\t\t\t\t{\n\t\t\t\t\t\ttitle:\n\t\t\t\t\t\t\t\"\",\n\t\t\t\t\t\tfield: \"collapse\",\n\t\t\t\t\t\theaderSort: false,\n\t\t\t\t\t\theaderFilter: false,\n\t\t\t\t\t\tformatter: \"responsiveCollapse\",\n\t\t\t\t\t\tmaxWidth: 40,\n\t\t\t\t\t\theaderClick: this.collapseFunction,\n\t\t\t\t\t\tvisible: true\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\ttitle: Vue.computed(() => this.preloadedPhrasen.bezeichnungPhrase),\n\t\t\t\t\t\tfield: \"Bezeichnung\",\n\t\t\t\t\t\theaderFilter: true,\n\t\t\t\t\t\tminWidth: 200,\n\t\t\t\t\t\tvisible: true\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\ttitle: Vue.computed(() => this.preloadedPhrasen.organisationseinheitPhrase),\n\t\t\t\t\t\tfield: \"Organisationseinheit\",\n\t\t\t\t\t\theaderFilter: true,\n\t\t\t\t\t\tminWidth: 200,\n\t\t\t\t\t\tvisible: true\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\ttitle: Vue.computed(() => this.preloadedPhrasen.gueltigVonPhrase),\n\t\t\t\t\t\tfield: \"Gültig_von\",\n\t\t\t\t\t\theaderFilterFunc: 'dates',\n\t\t\t\t\t\theaderFilter: dateFilter,\n\t\t\t\t\t\tresizable: true,\n\t\t\t\t\t\tminWidth: 200,\n\t\t\t\t\t\tvisible: true,\n\t\t\t\t\t\tformatter:\"datetime\",\n\t\t\t\t\t\tformatterParams: this.datetimeFormatterParams()\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\ttitle: Vue.computed(() => this.preloadedPhrasen.gueltigBisPhrase),\n\t\t\t\t\t\tfield: \"Gültig_bis\",\n\t\t\t\t\t\theaderFilterFunc: 'dates',\n\t\t\t\t\t\theaderFilter: dateFilter,\n\t\t\t\t\t\tresizable: true,\n\t\t\t\t\t\tminWidth: 200,\n\t\t\t\t\t\tvisible: true,\n\t\t\t\t\t\tformatter:\"datetime\",\n\t\t\t\t\t\tformatterParams: this.datetimeFormatterParams()\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\ttitle: Vue.computed(() => this.preloadedPhrasen.wochenstundenPhrase),\n\t\t\t\t\t\tfield: \"Wochenstunden\",\n\t\t\t\t\t\theaderFilter: true,\n\t\t\t\t\t\tminWidth: 200,\n\t\t\t\t\t\tvisible: true\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t},\n\n\t\t\tbetriebsmittel_table_options: {\n\t\t\t\tpersistenceID: \"filterTableMaProfilBetriebsmittel\",\n\t\t\t\tpersistence: {\n\t\t\t\t\tcolumns: false\n\t\t\t\t},\n\t\t\t\tminHeight: 300,\n\t\t\t\tlayout: \"fitColumns\",\n\t\t\t\tresponsiveLayout: \"collapse\",\n\t\t\t\tresponsiveLayoutCollapseUseFormatters: false,\n\t\t\t\tresponsiveLayoutCollapseFormatter: Vue.$collapseFormatter,\n\t\t\t\tdata: [{betriebsmittel: \"\", Nummer: \"\", Ausgegeben_am: \"\"}],\n\t\t\t\tcolumns: [\n\t\t\t\t\t{\n\t\t\t\t\t\ttitle:\n\t\t\t\t\t\t\t\"\",\n\t\t\t\t\t\tfield: \"collapse\",\n\t\t\t\t\t\theaderSort: false,\n\t\t\t\t\t\theaderFilter: false,\n\t\t\t\t\t\tformatter: \"responsiveCollapse\",\n\t\t\t\t\t\tmaxWidth: 40,\n\t\t\t\t\t\theaderClick: this.collapseFunction,\n\t\t\t\t\t\tvisible: true\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\ttitle: Vue.computed(() => this.preloadedPhrasen.entlehnteBetriebsmittelPhrase),\n\t\t\t\t\t\tfield: \"betriebsmittel\",\n\t\t\t\t\t\theaderFilter: true,\n\t\t\t\t\t\tminWidth: 200,\n\t\t\t\t\t\tvisible: true\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\ttitle: Vue.computed(() => this.preloadedPhrasen.inventarnummerPhrase),\n\t\t\t\t\t\tfield: \"Nummer\",\n\t\t\t\t\t\theaderFilter: true,\n\t\t\t\t\t\tresizable: true,\n\t\t\t\t\t\tminWidth: 200,\n\t\t\t\t\t\tvisible: true\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\ttitle: Vue.computed(() => this.preloadedPhrasen.ausgabedatumPhrase),\n\t\t\t\t\t\tfield: \"Ausgegeben_am\",\n\t\t\t\t\t\theaderFilterFunc: 'dates',\n\t\t\t\t\t\theaderFilter: dateFilter,\n\t\t\t\t\t\tminWidth: 200,\n\t\t\t\t\t\tvisible: true,\n\t\t\t\t\t\tformatter:\"datetime\",\n\t\t\t\t\t\tformatterParams: this.datetimeFormatterParams()\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t}\n\t\t};\n\t},\n\n\tprops: {\n\t\tdata: Object,\n\t\teditData: Object,\n\t},\n\t\n\tmethods: {\n\t\tbetriebsmittelTableBuilt: function () {\n\t\t\tthis.$refs.betriebsmittelTable.tabulator.setColumns(this.betriebsmittel_table_options.columns)\n\t\t\tthis.$refs.betriebsmittelTable.tabulator.setData(this.data.mittel);\n\t\t},\n\t\tfunktionenTableBuilt: function () {\n\t\t\tthis.$refs.funktionenTable.tabulator.setColumns(this.funktionen_table_options.columns)\n\t\t\tthis.$refs.funktionenTable.tabulator.setData(this.data.funktionen);\n\t\t},\n\t\thideEditProfilModal: function () {\n\t\t\t//? checks the editModal component property result, if the user made a successful request or not\n\t\t\tif (this.$refs.editModal.result) {\n\t\t\t\tthis.$api\n\t\t\t\t\t.call(ApiProfilUpdate.selectProfilRequest())\n\t\t\t\t\t.then((request) => {\n\t\t\t\t\t\tif (!request.error && request.data) {\n\t\t\t\t\t\t\tthis.data.profilUpdates = request.data;\n\t\t\t\t\t\t\tthis.data.profilUpdates.sort(this.sortProfilUpdates);\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tconsole.error(\"Error when fetching profile updates: \" + request);\n\t\t\t\t\t\t}\n\t\t\t\t\t})\n\t\t\t\t\t.catch((err) => {\n\t\t\t\t\t\tconsole.error(err);\n\t\t\t\t\t});\n\t\t\t} else {\n\t\t\t\t// when modal was closed without submitting request\n\t\t\t}\n\t\t\tthis.showModal = false;\n\t\t\tthis.editDataFilter = null;\n\t\t},\n\n\t\tshowEditProfilModal(view) {\n\t\t\tif (view) {\n\t\t\t\tthis.editDataFilter = view;\n\t\t\t}\n\n\t\t\tthis.showModal = true;\n\t\t\tVue.nextTick(() => {\n\t\t\t\tthis.$refs.editModal.show();\n\t\t\t});\n\n\t\t\t// after a state change, wait for the DOM updates to complete\n\t\t},\n\n\t\tfetchProfilUpdates: function () {\n\t\t\tthis.$api\n\t\t\t\t.call(ApiProfilUpdate.selectProfilRequest())\n\t\t\t\t.then((res) => {\n\t\t\t\t\tif (!res.error && res) {\n\t\t\t\t\t\tthis.data.profilUpdates = res.data?.length\n\t\t\t\t\t\t\t? res.data.sort(this.sortProfilUpdates)\n\t\t\t\t\t\t\t: null;\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t},\n\t\tsetTableColumnTitles() { // reevaluates computed phrasen\n\t\t\tif(this.$refs.betriebsmittelTable) this.$refs.betriebsmittelTable.tabulator.setColumns(this.betriebsmittel_table_options.columns)\n\t\t\tif(this.$refs.funktionenTable) this.$refs.funktionenTable.tabulator.setColumns(this.funktionen_table_options.columns)\n\t\t},\n\t\tdatetimeFormatterParams: function() {\n\t\t\tconst params = {\n\t\t\t\tinputFormat:\"yyyy-MM-dd\",\n\t\t\t\toutputFormat:\"dd.MM.yyyy\",\n\t\t\t\tinvalidPlaceholder:\"(invalid date)\",\n\t\t\t\ttimezone:FHC_JS_DATA_STORAGE_OBJECT.timezone\n\t\t\t};\n\t\t\treturn params;\n\t\t}\n\t},\n\n\tcomputed: {\n\t\tfotoStatus() {\n\t\t\treturn this.data?.fotoStatus ?? null;\n\t\t},\n\t\tgetTelefonValue() {\n\t\t\tif(this.data.standort_telefon?.kontakt) {\n\t\t\t\treturn this.data.standort_telefon.kontakt + \" \" + this.data.telefonklappe\n\t\t\t} else if(this.data.standort_telefon) {\n\t\t\t\treturn this.data.standort_telefon + \" \" + this.data.telefonklappe\n\t\t\t} else {\n\t\t\t\treturn this.data.telefonklappe\n\t\t\t}\n\t\t},\n\t\tfilteredEditData() {\n\t\t\treturn this.editDataFilter\n\t\t\t\t? this.editData.data[this.editDataFilter]\n\t\t\t\t: this.editData;\n\t\t},\n\t\tprofilInformation() {\n\t\t\tif (!this.data) {\n\t\t\t\treturn {};\n\t\t\t}\n\n\t\t\treturn {\n\t\t\t\tVorname: this.data.vorname,\n\t\t\t\tNachname: this.data.nachname,\n\t\t\t\tUsername: this.data.username,\n\t\t\t\tAnrede: this.data.anrede,\n\t\t\t\tTitel: this.data.titel,\n\t\t\t\tPostnomen: this.data.postnomen,\n\t\t\t\tfoto_sperre: this.data.foto_sperre,\n\t\t\t\tfoto: this.data.foto,\n\t\t\t};\n\t\t},\n\n\t\troleInformation() {\n\t\t\tif (!this.data) {\n\t\t\t\treturn {};\n\t\t\t}\n\n\t\t\treturn {\n\t\t\t\tgeburtsdatum: {\n\t\t\t\t\tlabel: `${this.$p.t('profil','Geburtsdatum')}`,\n\t\t\t\t\tvalue: this.data.gebdatum\n\t\t\t\t},\n\t\t\t\tgeburtsort: {\n\t\t\t\t\tlabel: `${this.$p.t('profil','Geburtsort')}`,\n\t\t\t\t\tvalue: this.data.gebort\n\t\t\t\t},\n\t\t\t\tpersonenkennzeichen: {\n\t\t\t\t\tlabel: `${this.$p.t('profil','Kurzzeichen')}`,\n\t\t\t\t\tvalue: this.data.kurzbz\n\t\t\t\t},\n\t\t\t\ttelefon: {\n\t\t\t\t\tlabel: `${this.$p.t('profil','Telefon')}`,\n\t\t\t\t\tvalue: this.getTelefonValue\n\t\t\t\t},\n\t\t\t\toffice: {\n\t\t\t\t\tlabel: `${this.$p.t('profil','Büro')}`,\n\t\t\t\t\tvalue: this.data.ort_kurzbz\n\t\t\t\t}\n\t\t\t};\n\t\t},\n\t},\n\n\tcreated() {\n\t\t// preload phrasen\n\t\tthis.$p.loadCategory([\"ui\",\"lehre\",\"global\",\"profil\"]).then(() => {\n\t\t\tthis.preloadedPhrasen.bezeichnungPhrase = this.$p.t('ui/bezeichnung');\n\t\t\tthis.preloadedPhrasen.organisationseinheitPhrase = this.$p.t('lehre/organisationseinheit');\n\t\t\tthis.preloadedPhrasen.gueltigVonPhrase = this.$p.t('global/gueltigVon');\n\t\t\tthis.preloadedPhrasen.gueltigBisPhrase = this.$p.t('global/gueltigBis');\n\t\t\tthis.preloadedPhrasen.wochenstundenPhrase = this.$p.t('profil/wochenstunden');\n\t\t\tthis.preloadedPhrasen.entlehnteBetriebsmittelPhrase = this.$p.t('profil/entlehnteBetriebsmittel');\n\t\t\tthis.preloadedPhrasen.inventarnummerPhrase = this.$p.t('profil/inventarnummer');\n\t\t\tthis.preloadedPhrasen.ausgabedatumPhrase = this.$p.t('profil/ausgabedatum');\n\t\t\tthis.preloadedPhrasen.loaded=true;\n\t\t});\n\t\t//? sorts the profil Updates: pending -> accepted -> rejected\n\t\tthis.data.profilUpdates?.sort(this.sortProfilUpdates);\n\n\t},\n\twatch: {\n\t\t'data.funktionen'(newVal) {\n\t\t\tif(this.$refs.funktionenTable) this.$refs.funktionenTable.tabulator.setData(newVal);\n\t\t},\n\t\t'data.mittel'(newVal) {\n\t\t\tif(this.$refs.betriebsmittelTable) this.$refs.betriebsmittelTable.tabulator.setData(newVal);\n\t\t},\n\t\t'language.value'(newVal) {\n\t\t\tthis.setTableColumnTitles()\n\t\t}\n\t},\n\ttemplate: /*html*/ `\n\n \n
\n\n\n \n\n\t\t\t\n\t\t\t
\n\t\t\t\n\n\t\t\t\n\t\t\t\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t
\n\t\t\n\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{{$p.t('profil','privateKontakte')}}\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{{$p.t('profil','privateAdressen')}}\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t
\n\t\t\n\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t
\n \n \n\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t
\n \n \n\t\t\t\t\t\n\t\t\t\t\t
\n \n \n
\n\n \n `,\n};\n","import QuickLinks from \"./ProfilComponents/QuickLinks.js\";\nimport Mailverteiler from \"./ProfilComponents/Mailverteiler.js\";\nimport ProfilEmails from \"./ProfilComponents/ProfilEmails.js\";\nimport RoleInformation from \"./ProfilComponents/RoleInformation.js\";\nimport ProfilInformation from \"./ProfilComponents/ProfilInformation.js\";\n\nexport default {\n\tdata() {\n\t\treturn {};\n\t},\n\tcomponents: {\n\t\tQuickLinks,\n\t\tMailverteiler,\n\t\tProfilEmails,\n\t\tRoleInformation,\n\t\tProfilInformation,\n\t},\n\n\tprops: [\"data\"],\n\tprovide() {\n\t\treturn {\n\t\t\tstudiengang_kz: Vue.computed({ get: () => this.data.studiengang_kz }),\n\t\t}\n\t},\n\t\n\tmethods: {},\n\n\tcomputed: {\n\t\tfotoStatus() {\n\t\t\treturn this.data?.fotoStatus ?? null;\n\t\t},\n\t\tprofilInformation() {\n\t\t\tif (!this.data) {\n\t\t\t\treturn {};\n\t\t\t}\n\n\t\t\treturn {\n\t\t\t\tVorname: this.data.vorname,\n\t\t\t\tNachname: this.data.nachname,\n\t\t\t\tUsername: this.data.username,\n\t\t\t\tAnrede: this.data.anrede,\n\t\t\t\tTitel: this.data.titel,\n\t\t\t\tPostnomen: this.data.postnomen,\n\t\t\t\tfoto_sperre: this.data.foto_sperre,\n\t\t\t\tfoto: this.data.foto,\n\t\t\t};\n\t\t},\n\n\t\tpersonEmails() {\n\t\t\treturn this.data?.emails ? this.data.emails : [];\n\t\t},\n\n\t\troleInformation() {\n\t\t\tif (!this.data) {\n\t\t\t\treturn {};\n\t\t\t}\n\n\n\t\t\treturn {\n\t\t\t\tgeburtsdatum: {\n\t\t\t\t\tlabel: `${this.$p.t('profil','Geburtsdatum')}`,\n\t\t\t\t\tvalue: this.data.gebdatum\n\t\t\t\t},\n\t\t\t\tgeburtsort: {\n\t\t\t\t\tlabel: `${this.$p.t('profil','Geburtsort')}`,\n\t\t\t\t\tvalue: this.data.gebort\n\t\t\t\t},\n\t\t\t\tpersonenkennzeichen: {\n\t\t\t\t\tlabel: `${this.$p.t('person','personenkennzeichen')}`,\n\t\t\t\t\tvalue: this.data.personenkennzeichen\n\t\t\t\t},\n\t\t\t\tstudiengang: {\n\t\t\t\t\tlabel: `${this.$p.t('lehre','studiengang')}`,\n\t\t\t\t\tvalue: this.data.studiengang\n\t\t\t\t},\n\t\t\t\tsemester: {\n\t\t\t\t\tlabel: `${this.$p.t('lehre','semester')}`,\n\t\t\t\t\tvalue: this.data.semester\n\t\t\t\t},\n\t\t\t\tverband: {\n\t\t\t\t\tlabel: `${this.$p.t('lehre','lehrverband')}`,\n\t\t\t\t\tvalue: this.data.verband\n\t\t\t\t},\n\t\t\t\tgruppe: {\n\t\t\t\t\tlabel: `${this.$p.t('lehre','gruppe')}`,\n\t\t\t\t\tvalue: this.data.gruppe.trim()\n\t\t\t\t}\n\t\t\t};\n\t\t},\n\t},\n\n\tmounted() {\n\t},\n\n\ttemplate: /*html*/ ` \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 \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
\n \n
\n \n
\n \n
\n \n \n
\n \n {{$p.t('profil','privateKontakte')}}\n
\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n {{$p.t('profil','privateAdressen')}}\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
\n \n \n
\n \n
\n \n \n
\n \n
\n \n \n
\n \n \n
\n `,\n};\n","import {CoreFilterCmpt} from \"../../../components/filter/Filter.js\";\nimport Mailverteiler from \"./ProfilComponents/Mailverteiler.js\";\nimport QuickLinks from \"./ProfilComponents/QuickLinks.js\";\nimport RoleInformation from \"./ProfilComponents/RoleInformation.js\";\nimport ProfilEmails from \"./ProfilComponents/ProfilEmails.js\";\nimport ProfilInformation from \"./ProfilComponents/ProfilInformation.js\";\n\nimport { dateFilter } from '../../../tabulator/filters/Dates.js';\n\nexport default {\n\tcomponents: {\n\t\tCoreFilterCmpt,\n\t\tMailverteiler,\n\t\tQuickLinks,\n\t\tRoleInformation,\n\t\tProfilEmails,\n\t\tProfilInformation,\n\t},\n\tinject: [\"collapseFunction\", \"language\"],\n\tdata() {\n\t\treturn {\n\t\t\tcollapseIconFunktionen: true,\n\t\t\tpreloadedPhrasen:{},\n\t\t\tfunktionen_table_options: {\n\t\t\t\tpersistenceID: \"filterTableMaViewProfilFunktionen\",\n\t\t\t\tpersistence: {\n\t\t\t\t\tcolumns: false\n\t\t\t\t},\n\t\t\t\tminHeight: 300,\n\t\t\t\tlayout: \"fitColumns\",\n\t\t\t\tresponsiveLayout: \"collapse\",\n\t\t\t\tresponsiveLayoutCollapseUseFormatters: false,\n\t\t\t\tresponsiveLayoutCollapseFormatter: Vue.$collapseFormatter,\n\t\t\t\tcolumns: [\n\t\t\t\t\t//? option when wanting to hide the collapsed list\n\n\t\t\t\t\t{\n\t\t\t\t\t\ttitle:\n\t\t\t\t\t\t\t\"\",\n\t\t\t\t\t\tfield: \"collapse\",\n\t\t\t\t\t\theaderSort: false,\n\t\t\t\t\t\theaderFilter: false,\n\t\t\t\t\t\tformatter: \"responsiveCollapse\",\n\t\t\t\t\t\tmaxWidth: 40,\n\t\t\t\t\t\theaderClick: this.collapseFunction,\n\t\t\t\t\t\tvisible: true\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\ttitle: Vue.computed(() => this.$p.t('ui/bezeichnung')),\n\t\t\t\t\t\tfield: \"Bezeichnung\",\n\t\t\t\t\t\theaderFilter: true,\n\t\t\t\t\t\tminWidth: 200,\n\t\t\t\t\t\tvisible: true\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\ttitle: Vue.computed(() => this.$p.t('lehre/organisationseinheit')),\n\t\t\t\t\t\tfield: \"Organisationseinheit\",\n\t\t\t\t\t\theaderFilter: true,\n\t\t\t\t\t\tminWidth: 200,\n\t\t\t\t\t\tvisible: true\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\ttitle: Vue.computed(() => this.$p.t('global/gueltigVon')),\n\t\t\t\t\t\tfield: \"Gültig_von\",\n\t\t\t\t\t\theaderFilterFunc: 'dates',\n\t\t\t\t\t\theaderFilter: dateFilter,\n\t\t\t\t\t\tresizable: true,\n\t\t\t\t\t\tminWidth: 200,\n\t\t\t\t\t\tvisible: true,\n\t\t\t\t\t\tformatter:\"datetime\",\n\t\t\t\t\t\tformatterParams: this.datetimeFormatterParams()\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\ttitle: Vue.computed(() => this.$p.t('global/gueltigBis')),\n\t\t\t\t\t\tfield: \"Gültig_bis\",\n\t\t\t\t\t\theaderFilterFunc: 'dates',\n\t\t\t\t\t\theaderFilter: dateFilter,\n\t\t\t\t\t\tresizable: true,\n\t\t\t\t\t\tminWidth: 200,\n\t\t\t\t\t\tvisible: true,\n\t\t\t\t\t\tformatter:\"datetime\",\n\t\t\t\t\t\tformatterParams: this.datetimeFormatterParams()\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\ttitle: Vue.computed(() => this.$p.t('profil/wochenstunden')),\n\t\t\t\t\t\tfield: \"Wochenstunden\",\n\t\t\t\t\t\theaderFilter: true,\n\t\t\t\t\t\tminWidth: 200,\n\t\t\t\t\t\tvisible: true\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t},\n\t\t};\n\t},\n\n\t//? this is the prop passed to the dynamic component with the custom data of the view\n\tprops: [\"data\"],\n\tmethods: {\n\t\tfunktionenTableBuilt: function () {\n\t\t\tthis.$refs.funktionenTable.tabulator.setData(this.data.funktionen);\n\t\t},\n\t\tdatetimeFormatterParams: function() {\n\t\t\tconst params = {\n\t\t\t\tinputFormat:\"yyyy-MM-dd\",\n\t\t\t\toutputFormat:\"dd.MM.yyyy\",\n\t\t\t\tinvalidPlaceholder:\"(invalid date)\",\n\t\t\t\ttimezone:FHC_JS_DATA_STORAGE_OBJECT.timezone\n\t\t\t};\n\t\t\treturn params;\n\t\t}\n\t},\n\twatch: {\n\t\t'data.funktionen'(newVal) {\n\t\t\tif(this.$refs.funktionenTable) this.$refs.funktionenTable.tabulator.setData(newVal);\n\t\t},\n\t\t'language.value'(newVal) { // reevaluates computed phrasen\n\t\t\tif(this.$refs.funktionenTable) this.$refs.funktionenTable.tabulator.setColumns(this.funktionen_table_options.columns)\n\t\t}\n\t},\n\tcomputed: {\n\t\tgetTelefonValue() {\n\t\t\tif(this.data.standort_telefon?.kontakt) {\n\t\t\t\treturn this.data.standort_telefon.kontakt + \" \" + this.data.telefonklappe\n\t\t\t} else if(this.data.standort_telefon) {\n\t\t\t\treturn this.data.standort_telefon + \" \" + this.data.telefonklappe\n\t\t\t} else {\n\t\t\t\treturn this.data.telefonklappe\n\t\t\t}\n\t\t},\n\t\tfotoStatus() {\n\t\t\treturn this.data?.fotoStatus ?? null;\n\t\t},\n\n\t\tpersonEmails() {\n\t\t\treturn this.data?.emails ? this.data.emails : [];\n\t\t},\n\n\t\tprofilInformation() {\n\t\t\tif (!this.data) {\n\t\t\t\treturn {};\n\t\t\t}\n\n\t\t\treturn {\n\t\t\t\tVorname: this.data.vorname,\n\t\t\t\tNachname: this.data.nachname,\n\t\t\t\tUsername: this.data.username,\n\t\t\t\tAnrede: this.data.anrede,\n\t\t\t\tTitel: this.data.titel,\n\t\t\t\tPostnomen: this.data.postnomen,\n\t\t\t\tfoto_sperre: this.data.foto_sperre,\n\t\t\t\tfoto: this.data.foto,\n\t\t\t};\n\t\t},\n\n\t\troleInformation() {\n\t\t\tif (!this.data) {\n\t\t\t\treturn {};\n\t\t\t}\n\t\t\treturn {\n\t\t\t\tgeburtsdatum: {\n\t\t\t\t\tlabel: `${this.$p.t('profil','Geburtsdatum')}`,\n\t\t\t\t\tvalue: this.data.gebdatum\n\t\t\t\t},\n\t\t\t\tgeburtsort: {\n\t\t\t\t\tlabel: `${this.$p.t('profil','Geburtsort')}`,\n\t\t\t\t\tvalue: this.data.gebort\n\t\t\t\t},\n\t\t\t\tpersonenkennzeichen: {\n\t\t\t\t\tlabel: `${this.$p.t('profil','Kurzzeichen')}`,\n\t\t\t\t\tvalue: this.data.kurzbz\n\t\t\t\t},\n\t\t\t\ttelefon: {\n\t\t\t\t\tlabel: `${this.$p.t('profil','Telefon')}`,\n\t\t\t\t\tvalue: this.getTelefonValue\n\t\t\t\t},\n\t\t\t\toffice: {\n\t\t\t\t\tlabel: `${this.$p.t('profil','Büro')}`,\n\t\t\t\t\tvalue: this.data.ort_kurzbz\n\t\t\t\t}\n\t\t\t};\n\t\t},\n\t},\n\tcreated(){\n\t\tthis.$p.loadCategory([\"ui\", \"lehre\", \"global\", \"profil\"]).then(() => {\n\t\t\tthis.preloadedPhrasen.bezeichnungPhrase = this.$p.t('ui/bezeichnung');\n\t\t\tthis.preloadedPhrasen.organisationseinheitPhrase = this.$p.t('lehre/organisationseinheit');\n\t\t\tthis.preloadedPhrasen.gueltigVonPhrase = this.$p.t('global/gueltigVon');\n\t\t\tthis.preloadedPhrasen.gueltigBisPhrase = this.$p.t('global/gueltigBis');\n\t\t\tthis.preloadedPhrasen.wochenstundenPhrase = this.$p.t('profil/wochenstunden');\n\t\t\tthis.preloadedPhrasen.loaded = true;\n\t\t});\n\t},\n\n\ttemplate: /*html*/ `\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 \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 \n
\n \n \n \n
\n \n \n \n
\n`,\n};\n","import StudentProfil from \"./StudentProfil.js\";\nimport MitarbeiterProfil from \"./MitarbeiterProfil.js\";\nimport ViewStudentProfil from \"./StudentViewProfil.js\";\nimport ViewMitarbeiterProfil from \"./MitarbeiterViewProfil.js\";\nimport Loading from \"../../Loader.js\";\n\nimport ApiProfil from '../../../api/factory/profil.js';\nimport ApiProfilUpdate from '../../../api/factory/profilUpdate.js';\n\nVue.$collapseFormatter = function (data) {\n\t//data - an array of objects containing the column title and value for each cell\n\tvar container = document.createElement(\"div\");\n\tcontainer.classList.add(\"tabulator-collapsed-row\");\n\tcontainer.classList.add(\"text-break\");\n\n\tvar list = document.createElement(\"div\");\n\tlist.classList.add(\"row\");\n\n\tcontainer.appendChild(list);\n\n\tdata.forEach(function (col) {\n\t\tlet item = document.createElement(\"div\");\n\t\titem.classList.add(\"col-6\");\n\t\tlet item2 = document.createElement(\"div\");\n\t\titem2.classList.add(\"col-6\");\n\n\t\titem.innerHTML = \"\" + col.title + \"\";\n\t\titem2.innerHTML = col.value ? col.value : \"-\";\n\n\t\tlist.appendChild(item);\n\t\tlist.appendChild(item2);\n\t});\n\n\treturn Object.keys(data).length ? container : \"\";\n};\n\nexport const Profil = {\n\tname: 'Profil',\n\tcomponents: {\n\t\tStudentProfil,\n\t\tMitarbeiterProfil,\n\t\tViewStudentProfil,\n\t\tViewMitarbeiterProfil,\n\t\tLoading,\n\t},\n\tprops: {\n\t\tuid: {\n\t\t\ttype: String,\n\t\t\trequired:false,\n\t\t},\n\t\tviewData: {\n\t\t\ttype: Object,\n\t\t}\n\t},\n\tdata() {\n\t\treturn {\n\t\t\t//? loading property is used for showing/hiding the loading modal\n\t\t\tloading: false,\n\t\t\tprofilUpdateStates: null,\n\t\t\tprofilUpdateTopic: null,\n\t\t\tview: null,\n\t\t\tdata: null,\n\t\t\t// notfound is null by default, but contains an UID if no user exists with that UID\n\t\t\tnotFoundUID: null,\n\t\t\tisEditable: this.viewData.editable ?? false,\n\t\t};\n\t},\n\tprovide() {\n\t\treturn {\n\t\t\tisEditable: Vue.computed(()=>this.isEditable),\n\t\t\tprofilUpdateStates: Vue.computed(() =>\n\t\t\t\tthis.profilUpdateStates ? this.profilUpdateStates : false\n\t\t\t),\n\t\t\tprofilUpdateTopic: Vue.computed(() =>\n\t\t\t\tthis.profilUpdateTopic ? this.profilUpdateTopic : false\n\t\t\t),\n\t\t\tsetLoading: (newValue) => {\n\t\t\t\tthis.loading = newValue;\n\t\t\t},\n\t\t\tgetZustellkontakteCount: this.zustellKontakteCount,\n\t\t\tgetZustelladressenCount: this.zustellAdressenCount,\n\t\t\tcollapseFunction: (e, column) => {\n\t\t\t\t//* check if property doesn't exist already and add it to the reactive this properties\n\t\t\t\tif (this[e.target.id] === undefined) {\n\t\t\t\t\tthis[e.target.id] = true;\n\t\t\t\t}\n\t\t\t\tthis[e.target.id] = !this[e.target.id];\n\n\t\t\t\t//* gets all event icons of the different rows to use the onClick event later\n\t\t\t\tlet allClickableIcons = column._column.cells.map((row) => {\n\t\t\t\t\treturn row.element.children[0];\n\t\t\t\t});\n\n\t\t\t\t//* changes the icon that shows or hides all the collapsed columns\n\t\t\t\t//* if the replace function does not find the class to replace, it just simply returns false\n\t\t\t\tif (this[e.target.id]) {\n\t\t\t\t\te.target.classList.replace(\"fa-angle-up\", \"fa-angle-down\");\n\t\t\t\t} else {\n\t\t\t\t\te.target.classList.replace(\"fa-angle-down\", \"fa-angle-up\");\n\t\t\t\t}\n\n\t\t\t\t//* changes the icon for every collapsed column to open or closed\n\t\t\t\tif (this[e.target.id]) {\n\t\t\t\t\tallClickableIcons\n\t\t\t\t\t\t.filter((column) => {\n\t\t\t\t\t\t\treturn !column.classList.contains(\"open\");\n\t\t\t\t\t\t})\n\t\t\t\t\t\t.forEach((col) => {\n\t\t\t\t\t\t\tcol.click();\n\t\t\t\t\t\t});\n\t\t\t\t} else {\n\t\t\t\t\tallClickableIcons\n\t\t\t\t\t\t.filter((column) => {\n\t\t\t\t\t\t\treturn column.classList.contains(\"open\");\n\t\t\t\t\t\t})\n\t\t\t\t\t\t.forEach((col) => {\n\t\t\t\t\t\t\tcol.click();\n\t\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t},\n\t\t\tsortProfilUpdates: (ele1, ele2) => {\n\t\t\t\tlet result = 0;\n\t\t\t\tif (ele1.status.toLowerCase() === \"pending\") {\n\t\t\t\t\tresult = -1;\n\t\t\t\t} else if (ele1.status.toLowerCase() === \"accepted\") {\n\t\t\t\t\tresult = ele2.status.toLowerCase() === \"rejected\" ? -1 : 1;\n\t\t\t\t} else {\n\t\t\t\t\tresult = 1;\n\t\t\t\t}\n\t\t\t\t//? if they have the same status the insert date is used for ordering\n\t\t\t\tif (ele1.status === ele2.status) {\n\t\t\t\t\tresult =\n\t\t\t\t\t\tnew Date(ele2.insertamum.split(\".\").reverse().join(\"-\")) -\n\t\t\t\t\t\tnew Date(ele1.insertamum.split(\".\").reverse().join(\"-\"));\n\t\t\t\t}\n\t\t\t\treturn result;\n\t\t\t},\n\t\t};\n\t},\n\tmethods: {\n\t\tasync load() {\n\t\t\t// fetch profilUpdateStates to provide them to children components\n\t\t\tawait this.$api\n\t\t\t\t.call(ApiProfilUpdate.getStatus())\n\t\t\t\t.then((response) => {\n\t\t\t\t\tthis.profilUpdateStates = response.data;\n\t\t\t\t})\n\t\t\t\t.catch((error) => {\n\t\t\t\t\tconsole.error(error);\n\t\t\t\t});\n\n\t\t\tthis.$api\n\t\t\t\t.call(ApiProfilUpdate.getTopic())\n\t\t\t\t.then((response) => {\n\t\t\t\t\tthis.profilUpdateTopic = response.data;\n\t\t\t\t})\n\t\t\t\t.catch((error) => {\n\t\t\t\t\tconsole.error(error);\n\t\t\t\t});\n\t\t\t\n\t\t\t\n\t\t\tthis.$api\n\t\t\t\t.call(ApiProfil.profilViewData(this.$route.params.uid??null))\n\t\t\t\t.then((response) => response.data).then(data=>{\n\t\t\t\t\tthis.view = data?.profil_data.view;\n\t\t\t\t\tthis.data = data?.profil_data.data;\n\t\t\t\t\tthis.isEditable = data?.editable ?? false;\n\t\t\t\t})\n\t\t\t\t.catch((error) => {\n\t\t\t\t\tconsole.error(error);\n\t\t\t\t});\n\t\t\t\n\t\t\t\n\t\t},\n\t\tzustellAdressenCount() {\n\t\t\tif (!this.data || !this.data.adressen) {\n\t\t\t\treturn null;\n\t\t\t}\n\n\t\t\tlet adressenArray = [];\n\t\t\tif (this.data.profilUpdates?.length) {\n\t\t\t\tadressenArray = adressenArray.concat(\n\t\t\t\t\tthis.data.profilUpdates\n\t\t\t\t\t\t.filter((update) => {\n\t\t\t\t\t\t\treturn update.requested_change.zustelladresse;\n\t\t\t\t\t\t})\n\t\t\t\t\t\t.map((adresse) => {\n\t\t\t\t\t\t\treturn adresse.requested_change.adresse_id;\n\t\t\t\t\t\t})\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tif (\n\t\t\t\t!this.data.profilUpdates?.length ||\n\t\t\t\t!this.data.adressen\n\t\t\t\t\t.filter((adresse) => adresse.zustelladresse)\n\t\t\t\t\t.every((adresse) =>\n\t\t\t\t\t\tthis.data.profilUpdates.some(\n\t\t\t\t\t\t\t(update) =>\n\t\t\t\t\t\t\t\tupdate.requested_change.adresse_id == adresse.adresse_id\n\t\t\t\t\t\t)\n\t\t\t\t\t)\n\t\t\t) {\n\t\t\t\tadressenArray = adressenArray.concat(\n\t\t\t\t\tthis.data.adressen\n\t\t\t\t\t\t.filter((adresse) => {\n\t\t\t\t\t\t\treturn adresse.zustelladresse;\n\t\t\t\t\t\t})\n\t\t\t\t\t\t.map((adr) => {\n\t\t\t\t\t\t\treturn adr.adresse_id;\n\t\t\t\t\t\t})\n\t\t\t\t);\n\t\t\t}\n\n\t\t\treturn [...new Set(adressenArray)];\n\t\t\t\n\t\t},\n\t\tzustellKontakteCount() {\n\t\t\tif (!this.data || !this.data.kontakte) {\n\t\t\t\treturn null;\n\t\t\t}\n\n\t\t\tlet kontakteArray = [];\n\n\t\t\tif (this.data.profilUpdates?.length) {\n\t\t\t\tkontakteArray = kontakteArray.concat(\n\t\t\t\t\tthis.data.profilUpdates\n\t\t\t\t\t\t.filter((update) => {\n\t\t\t\t\t\t\treturn update.status === 'Pending' && update.requested_change.zustellung;\n\t\t\t\t\t\t})\n\t\t\t\t\t\t.map((kontant) => {\n\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\t\tkontakt_id: kontant.requested_change.kontakt_id,\n\t\t\t\t\t\t\t\t\t\tkontakttyp: kontant.requested_change.kontakttyp\n\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t})\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tif (\n\t\t\t\t!this.data.profilUpdates?.length ||\n\t\t\t\t!this.data.kontakte\n\t\t\t\t\t.filter((kontakt) => kontakt.zustellung)\n\t\t\t\t\t.every((kontakt) =>\n\t\t\t\t\t\tthis.data.profilUpdates.some(\n\t\t\t\t\t\t\t(update) =>\n\t\t\t\t\t\t\t\tupdate.status === 'Pending' && update.requested_change.kontakt_id == kontakt.kontakt_id\n\t\t\t\t\t\t)\n\t\t\t\t\t)\n\t\t\t) {\n\t\t\t\tkontakteArray = kontakteArray.concat(\n\t\t\t\t\tthis.data.kontakte\n\t\t\t\t\t\t.filter((kontakt) => {\n\t\t\t\t\t\t\treturn kontakt.zustellung;\n\t\t\t\t\t\t})\n\t\t\t\t\t\t.map((kon) => {\n\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\t\tkontakt_id: kon.kontakt_id,\n\t\t\t\t\t\t\t\t\t\tkontakttyp: kon.kontakttyp\n\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t})\n\t\t\t\t);\n\t\t\t}\n\n\t\t\treturn [...new Set(kontakteArray)];\n\t\t},\n\t},\n\tcomputed: {\n\t\t\n\t\tfilteredEditData() {\n\t\t\tif (!this.data) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\treturn {\n\t\t\t\tview: null,\n\t\t\t\tdata: {\n\t\t\t\t\tPersonen_Informationen: {\n\t\t\t\t\t\ttitle: this.$p.t(\"profil\", \"personenInformationen\"),\n\t\t\t\t\t\ttopic: \"Personen_informationen\",\n\t\t\t\t\t\tview: null,\n\t\t\t\t\t\tdata: {\n\t\t\t\t\t\t\tvorname: {\n\t\t\t\t\t\t\t\ttitle: this.$p.t(\"person\", \"vorname\"),\n\t\t\t\t\t\t\t\ttopic: this.profilUpdateTopic?.[\"Vorname\"],\n\t\t\t\t\t\t\t\tview: \"TextInputDokument\",\n\t\t\t\t\t\t\t\twithFiles: true,\n\t\t\t\t\t\t\t\tdata: {\n\t\t\t\t\t\t\t\t\ttitel: \"vorname\",\n\t\t\t\t\t\t\t\t\tvalue: this.data.vorname,\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tnachname: {\n\t\t\t\t\t\t\t\ttitle: this.$p.t(\"person\", \"nachname\"),\n\t\t\t\t\t\t\t\ttopic: this.profilUpdateTopic?.[\"Nachname\"],\n\t\t\t\t\t\t\t\tview: \"TextInputDokument\",\n\t\t\t\t\t\t\t\twithFiles: true,\n\t\t\t\t\t\t\t\tdata: {\n\t\t\t\t\t\t\t\t\ttitel: \"nachname\",\n\t\t\t\t\t\t\t\t\tvalue: this.data.nachname,\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\ttitel: {\n\t\t\t\t\t\t\t\ttitle: this.$p.t(\"global\", \"titel\"),\n\t\t\t\t\t\t\t\ttopic: this.profilUpdateTopic?.[\"Titel\"],\n\t\t\t\t\t\t\t\tview: \"TextInputDokument\",\n\t\t\t\t\t\t\t\twithFiles: true,\n\t\t\t\t\t\t\t\tdata: {\n\t\t\t\t\t\t\t\t\ttitel: \"titel\",\n\t\t\t\t\t\t\t\t\tvalue: this.data.titel,\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tpostnomen: {\n\t\t\t\t\t\t\t\ttitle: this.$p.t(\"profil\", \"postnomen\"),\n\t\t\t\t\t\t\t\ttopic: this.profilUpdateTopic?.[\"Postnomen\"],\n\t\t\t\t\t\t\t\tview: \"TextInputDokument\",\n\t\t\t\t\t\t\t\twithFiles: true,\n\t\t\t\t\t\t\t\tdata: {\n\t\t\t\t\t\t\t\t\ttitel: \"postnomen\",\n\t\t\t\t\t\t\t\t\tvalue: this.data.postnomen,\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t\tPrivate_Kontakte: {\n\t\t\t\t\t\ttitle: this.$p.t(\"profil\", \"privateKontakte\"),\n\t\t\t\t\t\ttopic: this.profilUpdateTopic?.[\"Private Kontakte\"],\n\t\t\t\t\t\tdata: this.data.kontakte\n\t\t\t\t\t\t\t?.filter((item) => {\n\t\t\t\t\t\t\t\t// excludes all contacts that are already used in pending profil update requests\n\t\t\t\t\t\t\t\treturn !this.data.profilUpdates?.some(\n\t\t\t\t\t\t\t\t\t(update) =>\n\t\t\t\t\t\t\t\t\t\tupdate.status === this.profilUpdateStates[\"Pending\"] &&\n\t\t\t\t\t\t\t\t\t\tupdate.requested_change?.kontakt_id === item.kontakt_id\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t.map((kontakt) => {\n\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\tlistview: \"Kontakt\",\n\t\t\t\t\t\t\t\t\tview: \"EditKontakt\",\n\t\t\t\t\t\t\t\t\tdata: kontakt,\n\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t}),\n\t\t\t\t\t},\n\t\t\t\t\tPrivate_Adressen: {\n\t\t\t\t\t\ttitle: this.$p.t(\"profil\", \"privateAdressen\"),\n\t\t\t\t\t\ttopic: this.profilUpdateTopic?.[\"Private Adressen\"],\n\t\t\t\t\t\tdata: this.data.adressen\n\t\t\t\t\t\t\t?.filter((item) => {\n\t\t\t\t\t\t\t\treturn !this.data.profilUpdates?.some((update) => {\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\tupdate.status === this.profilUpdateStates[\"Pending\"] &&\n\t\t\t\t\t\t\t\t\t\tupdate.requested_change?.adresse_id == item.adresse_id\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t.map((adresse) => {\n\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\tlistview: \"Adresse\",\n\t\t\t\t\t\t\t\t\tview: \"EditAdresse\",\n\t\t\t\t\t\t\t\t\tdata: adresse,\n\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t}),\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t};\n\t\t},\n\t},\n\twatch: {\n\t\tloading: function (newValue) {\n\t\t\tif (newValue) {\n\t\t\t\tthis.$refs.loadingModalRef.show();\n\t\t\t} else {\n\t\t\t\tthis.$refs.loadingModalRef.hide();\n\t\t\t}\n\t\t},\n\t\tuid (newVal, oldVal) {\n\t\t\tthis.load()\n\t\t}\n\t},\n\tcreated() {\n\t\tthis.load()\n\t},\n\ttemplate: `\n\t\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
\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 \n \n
\n \n \n
\n \n \n \n
\n \n\t\t
`,\n}\n\nexport default Profil","/**\n * Copyright (C) 2025 fhcomplete.org\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see \n\t\t\t
\n\t\tEs wurde keine Person mit der UID {{this.notFoundUID}} gefunden
\n\t\t\n
\n\t' +\n\t\t\t\t'' +\n\t\t\t\t'' +\n\t\t\t\t'
'\n\t\t\t} else {\n\t\t\t\treturn '' +\n\t\t\t\t\t'-
'\n\t\t\t}\n\t\t},\n\t\troomPlanLink(room) {\n\t\t\treturn FHC_JS_DATA_STORAGE_OBJECT.app_root + FHC_JS_DATA_STORAGE_OBJECT.ci_router\n\t\t\t+ '/CisVue/Cms/getRoomInformation/' + room.ort_kurzbz\n\t\t},\n\t\troomInfoLink(room) {\n\t\t\treturn FHC_JS_DATA_STORAGE_OBJECT.app_root + FHC_JS_DATA_STORAGE_OBJECT.ci_router\n\t\t\t\t+ '/CisVue/Cms/content/' + room.content_id\n\t\t},\n\t\tgetTimeString(time) {\n\t\t\tconst hours = String(time.hours).padStart(2, '0');\n\t\t\tconst minutes = String(time.minutes).padStart(2, '0');\n\t\t\treturn `${hours}:${minutes}`\n\t\t},\n\t\tsetupData(data){\n\t\t\tconst d = data.map(room => {\n\t\t\t\treturn {\n\t\t\t\t\tort_kurzbz: room.ort_kurzbz,\n\t\t\t\t\tbezeichnung: room.bezeichnung.replace('&', '&'),\n\t\t\t\t\tnummer: room.planbezeichnung,\n\t\t\t\t\tpersonen: room.max_person,\n\t\t\t\t\tlinkInfo: room.content_id ? this.roomInfoLink(room) : null,\n\t\t\t\t\tlinkRes: this.roomPlanLink(room)\n\t\t\t\t\t\n\t\t\t\t}\n\t\t\t\t\t\n\t\t\t})\n\t\t\t\n\t\t\tthis.$refs.raumsucheTable.tabulator.setData(d);\n\t\t},\n\t\tloadRoomTypes() {\n\t\t\tthis.$api.call(ApiOrt.getRoomTypes())\n\t\t\t\t.then(res => {\n\t\t\t\tres?.data?.forEach(type => {\n\t\t\t\t\ttype.beschreibung = type.beschreibung.replace('&', '&')\n\t\t\t\t})\n\t\t\t\tthis.selectedType = this.defaultType\n\t\t\t\tthis.roomtypes = res?.data ?? []\n\t\t\t})\n\t\t},\n\t\tloadRooms() {\n\t\t\tthis.$api.call(ApiOrt.getRooms(this.datum.toISOString(), this.getTimeString(this.von), this.getTimeString(this.bis), this.selectedType?.raumtyp_kurzbz ?? '', this.anzahl))\n\t\t\t\t.then(res => {\n\t\t\t\t\tif(res?.data?.retval) this.setupData(res.data.retval)\n\t\t\t})\n\t\t},\n\t\thandleUuidDefined(uuid) {\n\t\t\tthis.tabulatorUuid = uuid\n\t\t},\n\t\tsearch(){\n\t\t\tthis.loadRooms()\n\t\t},\n\t\tsetRoute(val) {\n\t\t\t// TODO: router push\n\t\t},\n\t\tdateFormat(date) {\n\t\t\tconst day = String(date.getDate()).padStart(2, '0');\n\t\t\tconst month = String(date.getMonth() + 1).padStart(2, '0');\n\t\t\tconst year = date.getFullYear();\n\t\t\treturn `${day}.${month}.${year}`\n\t\t},\n\t\ttimeFormat(date) {\n\t\t\tconst hours = String(date.getHours()).padStart(2, '0');\n\t\t\tconst minutes = String(date.getMinutes()).padStart(2, '0');\n\t\t\treturn `${hours}:${minutes}`;\n\t\t},\n\t\tasync setupMounted() {\n\t\t\t\n\t\t\tthis.tableBuiltPromise = new Promise(this.tableResolve)\n\t\t\tawait this.tableBuiltPromise\n\t\t\t\n\t\t\tthis.loadRoomTypes()\n\t\t\tthis.loadRooms()\n\n\t\t\tconst tableID = this.tabulatorUuid ? ('-' + this.tabulatorUuid) : ''\n\t\t\tconst tableDataSet = document.getElementById('filterTableDataset' + tableID);\n\t\t\tif(!tableDataSet) return\n\t\t\tconst rect = tableDataSet.getBoundingClientRect();\n\n\t\t\tconst h = window.visualViewport.height - rect.top - 100\n\t\t\tif(this.$refs.raumsucheTable) {\n\t\t\t\tthis.$refs.raumsucheTable.$refs.table.style.setProperty('height', h+'px')\n\t\t\t}\n\t\t\t\n\t\t}\n\t},\n\tcomputed: {\n\t\tisDarkMode(){\n\t\t\treturn this.$theme.theme_name.value == 'dark';\n\t\t}\n\t},\n\tcreated() {\n\t\tthis.phrasenPromise = this.$p.loadCategory(['rauminfo', 'global'])\n\t\tthis.phrasenPromise.then(()=> {this.phrasenResolved = true})\n\t},\n\tmounted() {\n\t\tthis.setupMounted()\n\t},\n\ttemplate: `\n\t{{$p.t('rauminfo/roomSearch')}}
\n\t\n\t
\n\t\t
\n\t\n\n \n\t\t\t\n\t\t\t\n\t\t
\n\t\t\n\t\t\t\n\t\t\t\n\t\t
\n\t\t\n\t\t\t\n\t\t\t\n\t\t
\n\t\t\n\t\t\n\t\t\t\n\t\t
\n\t\t\n\n\t\t\n\t\t\t
\n\t\t\n\t\t\t\n\t\t
\n\t\n\t\t$emit('page',{...data, page:data.page+1})\" :rows=\"page_size\" :totalRecords=\"maxPageCount\" :rowsPerPageOptions=\"[10, 20, 30]\" >\n\t\t \n\t
\n\t\n\t\n\t\t$emit('page',{...data, page:data.page+1})\" :rows=\"page_size\" :totalRecords=\"maxPageCount\" :rowsPerPageOptions=\"[10, 20, 30]\" template=\"FirstPageLink PrevPageLink CurrentPageReport NextPageLink LastPageLink RowsPerPageDropdown\">\n\t\t \n\t
\n `,\n};\n","export default {\n\tprops:{\n\t\tuid:String,\n\t\tvorname:String,\n\t\tnachname:String,\n\t\ttitelpre:String,\n\t\tkontakt:String,\t\n\t\ttelefoneklappe:String,\n\t\temail:String,\n\t\tplanbezeichnung:String,\n\t\tfoto:String,\n\t\tdisplayWidget:{\n\t\t\ttype:Boolean,\n\t\t\tdefault:false,\n\t\t}\n\t},\n\ttemplate:/*html*/`\n\t\n\t\t
\n\t\t
\n\t`,\n\tcomputed:{\n\t\tformattedEmail: function(){\n\t\t\tif(!this.email ) return null;\n\t\t\tlet emailString= this.email.replace(\"mailto:\", \"\");\n\t\t\t// when splitting a string, the letter that is used to split the string will be removed from the result\n\t\t\tlet emailArray = emailString.split('@');\n\t\t\t// returns both parts of the splitted string in combination with the removed letter and a word break\n\t\t\treturn emailArray[0] + '@\n\t\t\t![\"mitarbeiter_foto\"]()
\n\t\t
\n\t\t\n\t\t\n\t\t
\n\n\t\t\t
\n\t- \n\t\t\t\t
- \n\t\t\t\t
- {{phone.number}} \n\n\t\t\t\t
- \n\t\t\t\t
- {{ort}} \n\n\t\t\t\t
- \n\t\t\t\t
- \n\t\t\t
\n\t\t
\n\t`,\n\tmethods: {\n\t\tprofilViewLink: function (uid) {\n\t\t\treturn uid ? FHC_JS_DATA_STORAGE_OBJECT.app_root.concat(FHC_JS_DATA_STORAGE_OBJECT.ci_router).concat(\"/Cis/Profil/View/\").concat(uid) : null;\n\t\t},\n\t\tvertretungFormatedName: function (vertretung) {\n\t\t\tif (!vertretung) return null;\n\t\t\treturn `${vertretung.vorname ?? ''} ${vertretung.nachname ?? ''} ${vertretung.bezeichnung && this.showBezeichnung ? '('.concat(vertretung.bezeichnung.replace(\"(\", \"\").replace(\")\", \"\")).concat(\")\") : ''}`\n\t\t},\n\t},\n\n}","/**\n * Copyright (C) 2025 fhcomplete.org\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see \n\t\t\t{{title}}\n\t\t
\n\t\t\n\t\t\t
\n\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t{{vertretungFormatedName(vertretung,false)}}\n\t\t\t
\n\t\t\n\t\t\n\t\t\t
\n\t\n`,\ncomputed:{\n\t// this function concatenates the studiengangsleitung and the assistenz or the \n\t// geschaeftsfuehrende-Stellvertretende Leitung if both collections only contain one person\n\tcollection_array: function(){\n\t\tlet returnData = [];\n\n\t\tif (Array.isArray(this.stg_ltg) && this.stg_ltg.length == 1 && Array.isArray(this.ass) && this.ass.length == 1)\n\t\t{\n\t\t\treturnData.push({ title: `${this.$p.t('global', 'studiengangsleitung')}/${this.$p.t('studiengangInformation', 'assistenz')}` , collection: [...this.stg_ltg, ...this.ass] });\n\t\t}\n\t\telse\n\t\t{\n\t\t\treturnData.push({ title: this.$p.t('global', 'studiengangsleitung'), collection: this.stg_ltg });\n\t\t\treturnData.push({ title: this.$p.t('studiengangInformation', 'assistenz'), collection: this.ass });\n\t\t}\n\t\tif (Array.isArray(this.gf_ltg) && this.gf_ltg.length == 1 && Array.isArray(this.stv_ltg) && this.stv_ltg.length == 1)\n\t\t{\n\t\t\treturnData.push({ title: this.$p.t('studiengangInformation', 'geschaeftsfuehrende_stellvertretende_leitung'), collection: [...this.gf_ltg, ...this.stv_ltg] });\n\t\t}\n\t\telse\n\t\t{\n\t\t\treturnData.push({ title: this.$p.t('studiengangInformation', 'geschaeftsfuehrende_leitung'), collection: this.gf_ltg });\n\t\t\treturnData.push({ title: this.$p.t('studiengangInformation', 'stellvertretende_leitung'), collection: this.stv_ltg });\n\t\t}\n\n\t\treturn returnData;\n\t},\n\tmoodleLink: function(){\n\t\t// early return if the studiengang information is not available\n\t\tif(!this.studiengang || !this.studiengang.studiengang_kz) return;\n\n\t\treturn `https://moodle.technikum-wien.at/course/view.php?idnumber=dl` + this.studiengang.studiengang_kz;\n\t},\n},\n\tmounted() {\n\t\tthis.$api\n\t\t\t.call(ApiStudiengang.studiengangInformation())\n\t\t\t.then(res => res.data)\n\t\t\t.then(studiengangInformationen => {\n\t\t\t\tObject.assign(this, studiengangInformationen);\n\t\t\t});\n\t}\n};\n","/**\n * Copyright (C) 2025 fhcomplete.org\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see \n\t\t\t\t
\n\t\t\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t{{$p.t('lehre','studiengang')}}:
\n\t\t\t\t\t{{studiengang?.bezeichnung}}\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\tMoodle:
\n\t\t\t\t\t{{studiengang?.kurzbzlang}}\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t{{$p.t('lehre','studiensemester')}}:
\n\t\t\t\t\t{{semester}}\n\t\t\t\t{{title}}
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t\t0\">\n\t\t\tNews
\n\t\n\t
\n\t\t
\n\t\n\t\t\t
\n\t\n\t\t\t
\n\t\t\t\n\t\t\t\t
\n\t\t\n\t\t\t\t\t
\n\t\t\t${this.content}
`, \"text/html\");\n\n\t\tconst img = doc.querySelector(\"img\")\n\t\tif(img && img.title)\n\t\t{\n\t\t\tconst imgAttributes = {}\n\t\t\tfor (let attr of img.attributes) {\n\t\t\t\timgAttributes[attr.name] = attr.value\n\t\t\t}\n\n\t\t\tthis.imgContent = imgAttributes\n\t\t}\n\t\t\n\t\tconsole.error(`was not able to get the title of the raum_contentmittitel`);\n\t\t\n },\n template: /*html*/ `\n \n\n Content was not found
\n `,\n };\n ","// collection of relative and absolute regex to replace legacy links\nconst GROUP_REPLACEMENT_STRATEGIES = {\n\tQUERY_PARAMETERS:'QUERY_PARAMETERS',\n\tPATH_SEGMENTS:'PATH_SEGMENTS',\n}\n\nconst regexList = {\n\trelative:[\n\t\t{ \n\t\t\tpriority: 1, \n\t\t\tregex: new RegExp(/^\\.\\.\\/cms\\/content\\.php\\?content_id=([0-9]+)/),\n\t\t\treplacement: FHC_JS_DATA_STORAGE_OBJECT.app_root + FHC_JS_DATA_STORAGE_OBJECT.ci_router + '/CisVue/Cms/content',\n\t\t\tgroup_replacement_strategy:GROUP_REPLACEMENT_STRATEGIES.PATH_SEGMENTS,\n\t\t},\n\t\t{ \n\t\t\tpriority: 2,\n\t\t\tregex: new RegExp(/^\\.\\.\\/cms\\/news\\.php/),\n\t\t\treplacement: FHC_JS_DATA_STORAGE_OBJECT.app_root + FHC_JS_DATA_STORAGE_OBJECT.ci_router + '/CisVue/Cms/news',\n\t\t},\n\t\t{ \n\t\t\tpriority: 3,\n\t\t\tregex: new RegExp(/^\\.\\.\\/index\\.ci\\.php/),\n\t\t\treplacement: FHC_JS_DATA_STORAGE_OBJECT.app_root + FHC_JS_DATA_STORAGE_OBJECT.ci_router,\n\t\t},\n\t\t{ \n\t\t\tpriority: 10, \n\t\t\tregex: new RegExp(/^\\.\\.\\//),\n\t\t\treplacement: FHC_JS_DATA_STORAGE_OBJECT.app_root,\n\t\t},\n\t],\n\tabsolute:[\n\t\t{}\n\t]\n};\n\n// sorts the relative regex array by priority ascending\nconst relative_regex = regexList.relative\n\t.sort((a, b) => {\n\t\treturn a.priority - b.priority;\n\t})\n\t.map(regex => {\n\t\treturn {\n\t\t\tregex: regex.regex, \n\t\t\treplacement: regex.replacement,\n\t\t\tgroup_replacement_strategy: regex.group_replacement_strategy,\n\t\t}\n\t});\n\n// sorts the absolute regex array by priority ascending\nconst absolute_regex = regexList.absolute\n\t.sort((a, b) => {\n\t\treturn a.priority - b.priority;\n\t})\n\t.map(regex => {\n\t\treturn {\n\t\t\tregex: regex.regex,\n\t\t\treplacement: regex.replacement,\n\t\t\tgroup_replacement_strategy: regex.group_replacement_strategy,\n\t\t}\n\t})\n\n\nexport function replaceRelativeLegacyLink(relativeLegacyLink){\n\tfor (let {regex,replacement,group_replacement_strategy} of relative_regex){\t\n\t\t// if any of the regex matches the relativeLegacyLink, replace the matched part with the new app_root path\n\t\tlet match = relativeLegacyLink.match(regex);\n\t\tif (match) {\n\t\t\tlet new_link = relativeLegacyLink.replace(regex, replacement);\n\t\t\t\n\t\t\t\tswitch (group_replacement_strategy){\n\t\t\t\t\tcase 'QUERY_PARAMETERS':\n\t\t\t\t\t\t//TODO: this doesn't really work yet because the query parameter are key/value pairs\n\t\t\t\t\t\tnew_link = new_link.concat(`?${match[1]}`);\n\t\t\t\t\t\tfor (let query_parameter of match.slice(2)) {\n\t\t\t\t\t\t\tnew_link = new_link.concat(`&${query_parameter}`);\n\t\t\t\t\t\t}\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase 'PATH_SEGMENTS':\n\t\t\t\t\t\tfor (let query_parameter of match.slice(1)) { \n\t\t\t\t\t\t\tnew_link = new_link.concat(`/${query_parameter}`);\n\t\t\t\t\t\t} \n\t\t\t\t\t\tbreak;\n\t\t\t\t\tdefault:\n\t\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t\n\t\t\treturn new_link; \n\t\t}\n\t}\n\t// if none of the regex matched with the string return the original path\n\treturn relativeLegacyLink;\n}\n\n","import { replaceRelativeLegacyLink } from \"../../../../helpers/LegacyLinkReplaceHelper.js\"\nexport default {\n\tname: \"GeneralComponent\",\n props:{\n content:{\n type:String,\n required:true,\n },\n },\n\tmethods: {\n\t\tsanitizeLegacyTables(table) {\n\t\t\t\n\t\t\t// find nested tables and replace with p element\n\t\t\tconst tt = table.querySelectorAll('table')\n\t\t\ttt.forEach(t => {\n\t\t\t\tconst textContent = t.textContent.trim();\n\t\t\t\tconst pElement = document.createElement('p');\n\t\t\t\tpElement.textContent = textContent;\n\t\t\t\tt.parentNode.replaceChild(pElement, t);\n\t\t\t})\n\n\t\t\t// find unordered lists, traverse li childs and replace with p element -> more readable than 1 p tag for ul\n\t\t\tconst ul = table.querySelectorAll('ul')\n\t\t\tul.forEach(u => {\n\t\t\t\tArray.from(u.children).forEach(li => {\n\t\t\t\t\tconst p = document.createElement('p');\n\t\t\t\t\tp.textContent = li.textContent\n\t\t\t\t\tu.parentNode.appendChild(p)\n\t\t\t\t})\n\t\t\t\tu.parentNode.removeChild(u)\n\t\t\t\t\n\t\t\t})\n\n\t\t\t// find bare text nodes and put into p element\n\t\t\tconst td = Array.from(table.querySelectorAll('td')).filter(el => el.scrollWidth > 100)\n\t\t\ttd.forEach(element => {\n\t\t\t\tif (element.firstChild?.nodeType === Node.TEXT_NODE && element.firstChild.length > 10) {\n\t\t\t\t\tconst p = document.createElement('p');\n\t\t\t\t\tp.appendChild(element.firstChild)\n\t\t\t\t\telement.appendChild(p);\n\t\t\t\t}\n\t\t\t});\n\n\t\t\t// flatten nested th elements\n\t\t\tconst ths = Array.from(table.querySelectorAll('th'))\n\t\t\tths.forEach(th => {\n\n\t\t\t\tif(th.children.length > 1) {\n\t\t\t\t\tth.innerHTML = Array.from(th.childNodes).find(cn => cn.textContent).textContent\n\t\t\t\t}\n\t\t\t})\n\n\t\t\t// let p elements wrap on overflow\n\t\t\tconst p = table.querySelectorAll('p')\n\t\t\tp.forEach(p => {\n\t\t\t\tp.style.setProperty('word-wrap', 'break-word');\n\t\t\t\tp.style.setProperty('white-space', 'normal');\n\t\t\t\tp.style.setProperty('max-width', '400px');\n\t\t\t})\n\t\t},\n\t\tprepareContent() {\n\t\t\t// replaces the tablesorter with the tabulator\n\t\t\tlet tables = Array.from(document.getElementsByClassName(\"tablesorter\"));\n\n\t\t\ttables.forEach((table, index) => {\n\t\t\t\tthis.sanitizeLegacyTables(table)\n\n\t\t\t\tnew Tabulator(table, {\n\t\t\t\t\tindex: index,\n\t\t\t\t\tlayout: \"fitDataFill\",\n\n\t\t\t\t\tcolumnDefaults: {\n\t\t\t\t\t\tformatter: \"html\",\n\t\t\t\t\t\tresizable: true,\n\t\t\t\t\t\tminWidth: \"100px\"\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t})\n\n\t\t\tdocument.querySelectorAll(\"#cms [data-confirm]\").forEach((el) => {\n\t\t\t\tel.addEventListener(\"click\", (evt) => {\n\t\t\t\t\tevt.preventDefault();\n\t\t\t\t\tBsConfirm.popup(el.dataset.confirm)\n\t\t\t\t\t.then(() => {\n\t\t\t\t\t\tAxios.get(el.href)\n\t\t\t\t\t\t.then((res) => {\n\t\t\t\t\t\t\t// TODO(chris): check for success then show message and/or reload\n\t\t\t\t\t\t\tlocation = location;\n\t\t\t\t\t\t})\n\t\t\t\t\t\t.catch((err) => console.error(\"ERROR:\", err));\n\t\t\t\t\t})\n\t\t\t\t\t.catch(() => {});\n\t\t\t\t});\n\t\t\t});\n\t\t\tdocument.querySelectorAll(\"#cms [data-href]\").forEach((el) => {\n\t\t\t\tel.href = el.dataset.href.replace(\n\t\t\t\t\t/^ROOT\\//,\n\t\t\t\t\tFHC_JS_DATA_STORAGE_OBJECT.app_root\n\t\t\t\t);\n\t\t\t});\n\n\t\t\tdocument.querySelectorAll(\"[href]\").forEach((element) => {\n\t\t\t\tlet orignal_href = element.getAttribute(\"href\");\n\t\t\t\tlet new_href = replaceRelativeLegacyLink(orignal_href);\n\t\t\t\telement.href = new_href;\n\t\t\t});\n\n\t\t\tdocument.querySelectorAll(\"[style*=background-color]\").forEach((element) => {\n\t\t\t\tif (element.style.backgroundColor == \"rgb(255, 255, 255)\"){\n\t\t\t\t\telement.style.backgroundColor = \"var(--fhc-background)\";\n\t\t\t\t}\n\t\t\t\tif(element.querySelector(\"*[style*=background-color]\")){\n\t\t\t\t\telement.style.backgroundColor = \"var(--fhc-tertiary)\";\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t},\n\tupdated() {\n\t\tthis.prepareContent();\n\t},\n\tmounted(){\n\t\tthis.prepareContent();\n\t},\n template: /*html*/ `\n \n\n \t\n
Content was not found
\n `,\n };\n ","import raum_contentmittitel from './Content_types/Raum_contentmittitel.js'\nimport general from './Content_types/General.js'\nimport BsConfirm from \"../../Bootstrap/Confirm.js\";\nimport news_content from './Content_types/News_content.js';\nimport iframe_content from './Content_types/Iframe_content.js';\n\nimport ApiCms from '../../../api/factory/cms.js';\n\nexport default {\n\tname: \"ContentComponent\",\n\tprops: {\n\t\tcontent_id: {\n\t\t\ttype: [Number, String],\n\t\t\trequired: true\n\t\t},\n\t\tversion: {\n\t\t\ttype: [String, Number],\n\t\t\tdefault: null,\n\t\t},\n\t\tsichtbar: {\n\t\t\ttype: [String, Number],\n\t\t\tdefault: null,\n\t\t}\n\t},\n\tcomponents: {\n\t\traum_contentmittitel,\n\t\tnews_content,\n\t\tgeneral,\n\t\tiframe_content\n\t},\n\tdata() {\n\t\treturn {\n\t\t\tcontent_type: null,\n\t\t\tcontent: null,\n\t\t\tcontent_id_internal: this.content_id\n\t\t};\n\t},\n\tmethods: {\n\t\tfetchContent(){\n\t\t\tthis.$api\n\t\t\t\t.call(ApiCms.content(this.content_id_internal, this.version, this.sprache, this.sichtbar))\n\t\t\t\t.then(res => {\n\t\t\t\t\tthis.$nextTick(function() {\n\t\t\t\t\t\tthis.content = res.data.content;\n\t\t\t\t\t\tthis.content_type = res.data.type;\n\t\t\t\t\t});\n\t\t\t\t});\n\t\t}\n\t},\n\twatch:{\n\t\tsprache: function(sprache){\n\t\t\tthis.fetchContent();\n\t\t},\n\t\t'$route.params.content_id'(newVal) {\n\t\t\tthis.content_id_internal = newVal\n\t\t\tthis.fetchContent();\n\t\t}\n\t},\n\tcomputed: {\n\t\tsprache(){\n\t\t\treturn this.$p.user_language.value;\n\t\t},\n\t\tcomputeContentType: function () {\n\t\t\tswitch (this.content_type) {\n\t\t\t\tcase \"raum_contentmittitel\":\n\t\t\t\t\treturn \"raum_contentmittitel\";\n\t\t\t\tcase \"news\":\n\t\t\t\t\treturn \"news_content\";\n\t\t\t\tcase \"iframe\":\n\t\t\t\t\treturn \"iframe_content\";\n\t\t\t\tdefault:\n\t\t\t\t\treturn \"general\";\n\t\t\t};\n\t\t},\n\t},\n\tcreated() {\n\t\tthis.fetchContent();\n\t},\n\ttemplate: /*html*/ `\n \n\t\n \t
\n No content is available to display
\n `,\n};\n","import { replaceRelativeLegacyLink } from \"../../../../helpers/LegacyLinkReplaceHelper.js\"\nexport default {\n\tname: \"NewsContentType\",\n\tprops:{\n\t content:{\n\t\t type:String,\n\t\t required:true,\n\t },\n\t},\n\tmethods: {\n\t\tsanitizeLegacyTables(table) {\n\t\t\t\n\t\t\t// find nested tables and replace with p element\n\t\t\tconst tt = table.querySelectorAll('table')\n\t\t\ttt.forEach(t => {\n\t\t\t\tconst textContent = t.textContent.trim();\n\t\t\t\tconst pElement = document.createElement('p');\n\t\t\t\tpElement.textContent = textContent;\n\t\t\t\tt.parentNode.replaceChild(pElement, t);\n\t\t\t})\n\n\t\t\t// find unordered lists, traverse li childs and replace with p element -> more readable than 1 p tag for ul\n\t\t\tconst ul = table.querySelectorAll('ul')\n\t\t\tul.forEach(u => {\n\t\t\t\tArray.from(u.children).forEach(li => {\n\t\t\t\t\tconst p = document.createElement('p');\n\t\t\t\t\tp.textContent = li.textContent\n\t\t\t\t\tu.parentNode.appendChild(p)\n\t\t\t\t})\n\t\t\t\tu.parentNode.removeChild(u)\n\t\t\t\t\n\t\t\t})\n\n\t\t\t// find bare text nodes and put into p element\n\t\t\tconst td = Array.from(table.querySelectorAll('td')).filter(el => el.scrollWidth > 100)\n\t\t\ttd.forEach(element => {\n\t\t\t\tif (element.firstChild?.nodeType === Node.TEXT_NODE && element.firstChild.length > 10) {\n\t\t\t\t\tconst p = document.createElement('p');\n\t\t\t\t\tp.appendChild(element.firstChild)\n\t\t\t\t\telement.appendChild(p);\n\t\t\t\t}\n\t\t\t});\n\n\t\t\t// flatten nested th elements\n\t\t\tconst ths = Array.from(table.querySelectorAll('th'))\n\t\t\tths.forEach(th => {\n\n\t\t\t\tif(th.children.length > 1) {\n\t\t\t\t\tth.innerHTML = Array.from(th.childNodes).find(cn => cn.textContent).textContent\n\t\t\t\t}\n\t\t\t})\n\n\t\t\t// let p elements wrap on overflow\n\t\t\tconst p = table.querySelectorAll('p')\n\t\t\tp.forEach(p => {\n\t\t\t\tp.style.setProperty('word-wrap', 'break-word');\n\t\t\t\tp.style.setProperty('white-space', 'normal');\n\t\t\t\tp.style.setProperty('max-width', '400px');\n\t\t\t})\n\t\t}\n\t},\n\tmounted(){\n\t\t// replaces the tablesorter with the tabulator\n\t\tlet tables = Array.from(document.getElementsByClassName(\"tablesorter\"));\n\n\t\ttables.forEach((table, index) => {\n\t\t\tthis.sanitizeLegacyTables(table)\n\t\t\t\n\t\t\tnew Tabulator(table, {\n\t\t\t\tindex: index,\n\t\t\t\tlayout: \"fitDataFill\",\n\n\t\t\t\tcolumnDefaults: {\n\t\t\t\t\tformatter: \"html\",\n\t\t\t\t\tresizable: true,\n\t\t\t\t\tminWidth: \"100px\"\n\t\t\t\t}\n\t\t\t})\n\t\t})\n\n\t\tdocument.querySelectorAll(\"#cms [data-confirm]\").forEach((el) => {\n\t\t\tel.addEventListener(\"click\", (evt) => {\n\t\t\t evt.preventDefault();\n\t\t\t BsConfirm.popup(el.dataset.confirm)\n\t\t\t\t.then(() => {\n\t\t\t\t Axios.get(el.href)\n\t\t\t\t\t.then((res) => {\n\t\t\t\t\t\t// TODO(chris): check for success then show message and/or reload\n\t\t\t\t\t\tlocation = location;\n\t\t\t\t\t})\n\t\t\t\t\t.catch((err) => console.error(\"ERROR:\", err));\n\t\t\t\t})\n\t\t\t\t.catch(() => {});\n\t\t\t});\n\t\t });\n\t\tdocument.querySelectorAll(\"#cms [data-href]\").forEach((el) => {\n\t\t\tel.href = el.dataset.href.replace(\n\t\t\t\t/^ROOT\\//,\n\t\t\t\tFHC_JS_DATA_STORAGE_OBJECT.app_root\n\t\t\t);\n\t\t});\n\t\t\t\n\t\tdocument.querySelectorAll(\"[href]\").forEach((element) => {\n\t\t\tlet orignal_href = element.getAttribute(\"href\");\n\t\t\tlet new_href = replaceRelativeLegacyLink(orignal_href);\n\t\t\telement.href = new_href;\n\t\t});\n\n\t\tdocument.querySelectorAll(\"[style*=background-color]\").forEach((element) => {\n\t\t\tif (element.style.backgroundColor == \"rgb(255, 255, 255)\"){\n\t\t\t\telement.style.backgroundColor = \"var(--fhc-background)\";\n\t\t\t}\n\t\t\tif(element.querySelector(\"*[style*=background-color]\")){\n\t\t\t\telement.style.backgroundColor = \"var(--fhc-tertiary)\";\n\t\t\t}\n\t\t});\n\n\t\tVue.nextTick(() => {\n\t\t\tdocument.querySelectorAll(\".card-header\").forEach((el) => {\n\t\t\t\tel.classList.add(\"fhc-primary\");\n\t\t\t});\n\t\t\tdocument.querySelectorAll(\".row\").forEach((el) => {\n\t\t\t\tel.classList.add(\"w-100\");\n\t\t\t\tel.classList.add(\"align-items-center\");\n\n\t\t\t});\n\t\t\tdocument.querySelectorAll(\".row h2\").forEach((el) => {\n\t\t\t\tel.classList.add(\"mb-0\");\n\t\t\t});\n\n\t\t})\n\n\t},\n\ttemplate: /*html*/ `\n\t \n\t\n\t\t\n\t
Content was not found
\n\t `,\n };\n ","import { replaceRelativeLegacyLink } from \"../../../../helpers/LegacyLinkReplaceHelper.js\";\n\nexport default {\n\tname: \"iframe_content\",\n\tprops: {\n\t\tcontent: { type: String, required: true }\n\t},\n\tcomputed: {\n\t\tsrcUrl() {\n\t\t\tconst parser = new DOMParser()\n\t\t\tconst doc = parser.parseFromString(`${this.content}
`, \"text/html\");\n\t\t\tconst iframe = doc.querySelector(\"iframe[src]\");\n\n\t\t\tif (!iframe)\n\t\t\t\treturn \"\";\n\n\t\t\tlet url = iframe.getAttribute(\"src\") || \"\";\n\t\t\treturn replaceRelativeLegacyLink(url);\n\t\t}\n\t},\n\ttemplate: `\n\t\t\n\t\t\t\n\t\t
\n\t`\n};\n","import FhcCalendar from \"../../Calendar/LvPlan.js\";\n\nimport ApiLvPlan from '../../../api/factory/lvPlan.js';\n\nexport const DEFAULT_MODE_RAUMINFO = 'Week'\n\nexport default {\n\tname: \"RoomInformation\",\n\tcomponents: {\n\t\tFhcCalendar\n\t},\n\tprops:{\n\t\tviewData: Object, // NOTE(chris): this is inherited from router-view\n\t\tpropsViewData: Object\n\t},\n\tcomputed: {\n\t\tcurrentDay() {\n\t\t\treturn this.propsViewData?.focus_date || luxon.DateTime.now().setZone(this.viewData.timezone).toISODate();\n\t\t},\n\t\tcurrentMode() {\n\t\t\treturn this.propsViewData?.mode || DEFAULT_MODE_RAUMINFO;\n\t\t}\n\t},\n\tmethods:{\n\t\thandleChangeDate(day, newMode) {\n\t\t\treturn this.handleChangeMode(newMode, day);\n\t\t},\n\t\thandleChangeMode(newMode, day) {\n\t\t\tconst mode = newMode[0].toUpperCase() + newMode.slice(1)\n\t\t\tconst focus_date = day.toISODate();\n\n\t\t\tthis.$router.push({\n\t\t\t\tname: \"RoomInformation\",\n\t\t\t\tparams: {\n\t\t\t\t\tmode,\n\t\t\t\t\tfocus_date,\n\t\t\t\t\tort_kurzbz: this.propsViewData.ort_kurzbz\n\t\t\t\t}\n\t\t\t});\n\t\t},\n\t\tgetPromiseFunc(start, end) {\n\t\t\treturn [\n\t\t\t\tthis.$api.call(ApiLvPlan.getRoomInfo(this.propsViewData.ort_kurzbz, start.toISODate(), end.toISODate())),\n\t\t\t\tthis.$api.call(ApiLvPlan.getOrtReservierungen(this.propsViewData.ort_kurzbz, start.toISODate(), end.toISODate()))\n\t\t\t];\n\t\t}\n\t},\n\ttemplate: /*html*/`\n\tKeine URL gefunden.
\n\t\t\n\t\t
\n\t\t
`\n};\n","import Upload from '../../../components/Form/Upload/Dms.js';\nimport BsModal from '../../Bootstrap/Modal.js';\nimport VueDatePicker from '../../vueDatepicker.js.php';\n\nconst today = new Date()\nexport const AbgabeStudentDetail = {\n\tname: \"AbgabeStudentDetail\",\n\tcomponents: {\n\t\tUpload,\n\t\tBsModal,\n\t\tInputNumber: primevue.inputnumber,\n\t\tCheckbox: primevue.checkbox,\n\t\tDropdown: primevue.dropdown,\n\t\tTextarea: primevue.textarea,\n\t\tVueDatePicker\n\t},\n\tprops: {\n\t\tprojektarbeit: {\n\t\t\ttype: Object,\n\t\t\tdefault: null\n\t\t},\n\t\tviewMode: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t}\n\t},\n\tdata() {\n\t\treturn {\n\t\t\teidAkzeptiert: false,\n\t\t\tenduploadTermin: null,\n\t\t\tallActiveLanguages: FHC_JS_DATA_STORAGE_OBJECT.server_languages,\n\t\t\tform: Vue.reactive({\n\t\t\t\tsprache: '',\n\t\t\t\tabstract: '',\n\t\t\t\tabstract_en: '',\n\t\t\t\tschlagwoerter: '',\n\t\t\t\tschlagwoerter_en: '',\n\t\t\t\tkontrollschlagwoerter: '',\n\t\t\t\tseitenanzahl: 1,\n\t\t\t})\n\t\t}\n\t},\n\tmethods: {\n\t\tvalidate: function(termin) {\n\t\t\tif(!termin.file.length) {\n\t\t\t\tthis.$fhcAlert.alertWarning(this.$p.t('global/warningChooseFile'));\n\t\t\t\treturn false\n\t\t\t}\n\n\t\t\treturn true;\n\t\t},\n\t\ttriggerEndupload() {\n\t\t\tif (!this.validate(this.enduploadTermin))\n\t\t\t{\n\t\t\t\treturn false;\n\t\t\t}\n\t\t\t\n\t\t\t// post endabgabe\n\t\t\tconst formData = new FormData();\n\t\t\tformData.append('paabgabetyp_kurzbz', this.enduploadTermin.paabgabetyp_kurzbz)\n\t\t\tformData.append('projektarbeit_id', this.enduploadTermin.projektarbeit_id);\n\t\t\tformData.append('paabgabe_id', this.enduploadTermin.paabgabe_id)\n\t\t\tformData.append('student_uid', this.projektarbeit.student_uid)\n\t\t\tformData.append('bperson_id', this.projektarbeit.bperson_id)\n\t\t\t\n\t\t\t// TODO: validate/check for null etc.\n\t\t\tformData.append('sprache', this.form['sprache'].sprache)\n\t\t\tformData.append('abstract', this.form['abstract'])\n\t\t\tformData.append('abstract_en', this.form['abstract_en'])\n\t\t\tformData.append('schlagwoerter', this.form['schlagwoerter'])\n\t\t\tformData.append('schlagwoerter_en', this.form['schlagwoerter_en'])\n\t\t\tformData.append('seitenanzahl', this.form['seitenanzahl'])\n\t\t\t\n\t\t\tfor (let i = 0; i < this.enduploadTermin.file.length; i++) {\n\t\t\t\tformData.append('file', this.enduploadTermin.file[i]);\n\t\t\t}\n\t\t\tthis.$fhcApi.factory.lehre.postStudentProjektarbeitEndupload(formData)\n\t\t\t\t.then(res => {\n\t\t\t\t\tthis.handleUploadRes(res)\n\t\t\t\t})\n\t\t\t\n\t\t\tthis.$refs.modalContainerEnduploadZusatzdaten.hide()\n\t\t},\n\t\tdownloadAbgabe(termin) {\n\t\t\tthis.$fhcApi.factory.lehre.getStudentProjektarbeitAbgabeFile(termin.paabgabe_id, this.projektarbeit.student_uid)\n\t\t},\n\t\tformatDate(dateParam) {\n\t\t\tconst date = new Date(dateParam)\n\t\t\t// handle missing leading 0\n\t\t\tconst padZero = (num) => String(num).padStart(2, '0');\n\n\t\t\tconst month = padZero(date.getMonth() + 1); // Months are zero-based\n\t\t\tconst day = padZero(date.getDate());\n\t\t\tconst year = date.getFullYear();\n\n\t\t\treturn `${day}.${month}.${year}`;\n\t\t},\n\t\tupload(termin) {\n\n\t\t\tif (!this.validate(termin))\n\t\t\t{\n\t\t\t\treturn false;\n\t\t\t}\n\t\t\t\n\t\t\tif(termin.bezeichnung === 'Endupload') {\n\t\t\t\t// open endupload form modal for further inputs\n\t\t\t\tthis.enduploadTermin = termin\n\t\t\t\tthis.$refs.modalContainerEnduploadZusatzdaten.show()\n\t\t\t} else {\n\t\t\t\tconst formData = new FormData();\n\t\t\t\tformData.append('paabgabetyp_kurzbz', termin.paabgabetyp_kurzbz)\n\t\t\t\tformData.append('projektarbeit_id', this.projektarbeit.projektarbeit_id)\n\t\t\t\tformData.append('paabgabe_id', termin.paabgabe_id)\n\t\t\t\tformData.append('student_uid', this.projektarbeit.student_uid)\n\t\t\t\tformData.append('bperson_id', this.projektarbeit.bperson_id)\n\t\t\t\t\n\t\t\t\tfor (let i = 0; i < termin.file.length; i++) {\n\t\t\t\t\tformData.append('file', termin.file[i]);\n\t\t\t\t}\n\t\t\t\tthis.$fhcApi.factory.lehre.postStudentProjektarbeitZwischenabgabe(formData)\n\t\t\t\t\t.then(res => {\n\t\t\t\t\t\tthis.handleUploadRes(res)\n\t\t\t\t\t})\n\t\t\t}\n\t\t},\n\t\thandleUploadRes(res) {\n\t\t\tif(res.meta.status == \"success\") {\n\t\t\t\tthis.$fhcAlert.alertSuccess('File erfolgreich hochgeladen')\n\t\t\t} else {\n\t\t\t\tthis.$fhcAlert.alertError('File upload error')\n\t\t\t}\n\t\t\t\n\t\t\tif(res.meta.signaturInfo) {\n\t\t\t\tthis.$fhcAlert.alertInfo(res.meta.signaturInfo)\n\t\t\t}\n\t\t},\n\t\tdateDiffInDays(datum, today){\n\t\t\tconst oneDayMs = 1000 * 60 * 60 * 24\n\t\t\treturn Math.round((new Date(datum) - new Date(today)) / oneDayMs)\n\t\t},\n\t\tgetDateStyle(termin, mode) {\n\t\t\tconst datum = new Date(termin.datum)\n\t\t\tconst abgabedatum = new Date(termin.abgabedatum)\n\t\t\t\n\t\t\t// todo: rework styling but keep the color pattern logic\n\t\t\t// https://wiki.fhcomplete.info/doku.php?id=cis:abgabetool_fuer_studierende\n\t\t\tlet color = 'white'\n\t\t\tlet fontColor = 'black'\n\t\t\tlet icon = '';\n\t\t\tif (termin.abgabedatum === null) {\n\t\t\t\tif(datum < today) {\n\t\t\t\t\tcolor = 'red'\n\t\t\t\t\tfontColor = 'white'\n\t\t\t\t\ticon = 'fa-triangle-exclamation'\n\t\t\t\t} else if (datum > today && this.dateDiffInDays(datum, today) <= 12) {\n\t\t\t\t\tcolor = 'yellow'\n\t\t\t\t\ticon = 'fa-circle-exclamation'\n\t\t\t\t}\n\t\t\t} else if(abgabedatum > datum) {\n\t\t\t\tcolor = 'pink' // aka \"hellrot\"\n\t\t\t\tfontColor = 'white'\n\t\t\t\ticon = 'fa-circle-question'\n\t\t\t} else {\n\t\t\t\tcolor = 'green'\n\t\t\t\ticon = 'fa-square-check'\n\t\t\t}\n\t\t\t\n\t\t\t//return `font-color: ${fontColor} ; background-color: ${color}; border-radius: 50%;`\n\t\t\tif( typeof mode !== 'undefined' || mode === 'icon') {\n\t\t\t\treturn icon;\n\t\t\t} else {\n\t\t\t\treturn 'abgabe-zieldatum-border-' + color;\n\t\t\t}\n\t\t},\n\t\topenBeurteilungLink(link) {\n\t\t\twindow.open(link, '_blank')\n\t\t},\n\t\tgetOptionLabel(option) {\n\t\t\treturn option.sprache\n\t\t}\n\t},\n\twatch: {\n\t\tprojektarbeit(newVal) {\n\t\t\t// default select german if projektarbeit sprache was null\n\t\t\tthis.form.sprache = newVal.sprache ? this.allActiveLanguages.find(lang => lang.sprache == newVal.sprache) : this.allActiveLanguages.find(lang => lang.sprache == 'German')\n\t\t\tthis.form.abstract = newVal.abstract\n\t\t\tthis.form.abstract_en = newVal.abstract_en\n\t\t\tthis.form.schlagwoerter = newVal.schlagwoerter\n\t\t\tthis.form.schlagwoerter_en = newVal.schlagwoerter_en\n\t\t\tthis.form.kontrollschlagwoerter = newVal.kontrollschlagwoerter\n\t\t\tthis.form.seitenanzahl = newVal.seitenanzahl\n\t\t}\n\t},\n\tcomputed: {\n\t\tgetEid() {\n\t\t\treturn this.$p.t('abgabetool/c4eidesstattlicheErklaerung')\n\t\t},\n\t\tgetEnduploadErlaubt() {\n\t\t\treturn !this.eidAkzeptiert\n\t\t}\n\t},\n\tcreated() {\n\n\t},\n\tmounted() {\n\n\t},\n\ttemplate: `\n\t\t{{ $p.t('rauminfo/rauminfo') }} {{ propsViewData.ort_kurzbz }}
\n\t\t\n\t\t
\n\t\t\n\t\t\t
\n\t \t\n\t \t{{$p.t('abgabetool/c4abgabeStudentenbereich')}}
\n\t\t\t\n\t\t\t\t
\n\t\t\t{{projektarbeit?.betreuer}}
\n\t\t\t\t{{projektarbeit?.titel}}
\n\t\t\t\n\t\t\t\t
\n\t\t \n\t\t\t\t\t
\n\t\t\t\t{{$p.t('abgabetool/c4fixtermin')}}
\n\t\t\t\t\t{{$p.t('abgabetool/c4zieldatum')}}
\n\t\t\t\t\t{{$p.t('abgabetool/c4abgabetyp')}}
\n\t\t\t\t\t{{$p.t('abgabetool/c4abgabekurzbz')}}
\n\t\t\t\t\t{{$p.t('abgabetool/c4abgabedatum')}}
\n\t\t\t\t\t\n\t\t\t\t\t\t{{$p.t('abgabetool/c4fileupload')}}\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t{{ termin.bezeichnung }}
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t{{ termin.abgabedatum?.split(\"-\").reverse().join(\".\") }}\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t{{$p.t('abgabetool/c4enduploadZusatzdaten')}}\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\tStudent UID: {{ projektarbeit?.student_uid}}
\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\n\t\t\t\tTitel: {{ projektarbeit?.titel }}
\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\n\n\n\n\n\n\n\n\n\t\t\t\t{{$p.t('abgabetool/c4Sprache')}}
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t{{$p.t('abgabetool/c4schlagwoerterGer')}}
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t{{$p.t('abgabetool/c4schlagwoerterEng')}}
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\n\t\t\t\t{{$p.t('abgabetool/c4abstractGer')}}
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t{{$p.t('abgabetool/c4abstractEng')}}
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t
\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t{{$p.t('abgabetool/c4seitenanzahl')}}
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t
\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t{{ $p.t('abgabetool/c4gelesenUndAkzeptiert') }}
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t
\n\t\t\t\t\t\n
\n `,\n mounted: function() {\n this.calcHeights();\n this.trackVerticalSplitterOffsetTop();\n window.addEventListener('resize', this.calcHeights);\n },\n updated: function() {\n this.trackVerticalSplitterOffsetTop();\n },\n methods: {\n calcHeights: function() {\n var windowheight = window.innerHeight;\n var oldavailHeight = this.availHeight;\n this.selfOffsetTop = this.$refs.verticalsplit.offsetTop;\n this.availHeight = windowheight - this.selfOffsetTop - this.$refs.vsplitter.offsetHeight;\n if( (this.topheight === 0 && this.bottomheight === 0) || oldavailHeight === 0 ) {\n this.topheight = Math.floor(this.availHeight/2);\n } else {\n this.topheight = Math.floor( ((((this.topheight * 100) / oldavailHeight) / 100) * this.availHeight) );\n }\n this.bottomheight = this.availHeight - this.topheight;\n },\n collapseTop: function() {\n this.calcHeights();\n this.topheight = 0;\n this.bottomheight = this.availHeight;\n },\n collapseBottom: function() {\n this.calcHeights();\n this.topheight = this.availHeight;\n this.bottomheight = 0;\n },\n showBoth: function() {\n this.topheight = Math.floor(this.availHeight/2);\n this.bottomheight = Math.floor(this.availHeight/2);\n },\n isCollapsed: function() {\n if( this.topheight === 0 ) {\n return 'top';\n } else if ( this.bottomheight === 0 ) {\n return 'bottom';\n } else {\n return false;\n }\n },\n dragStart: function(e) {\n e.preventDefault();\n e.stopPropagation();\n window.addEventListener('mouseup', this.dragEnd);\n window.addEventListener('mousemove', this.drag);\n this.resize = true;\n this.mousePosY = e.clientY;\n },\n drag: function(e) {\n if( !this.resize ) {\n return;\n }\n e.preventDefault();\n e.stopPropagation();\n var offsetY = e.clientY - this.mousePosY;\n this.topheight = this.topheight + offsetY;\n if( this.topheight < 0 ) {\n this.topheight = 0;\n }\n if( this.topheight > this.availHeight ) {\n this.topheight = this.availHeight;\n }\n this.bottomheight = this.availHeight - this.topheight;\n this.mousePosY = e.clientY;\n },\n dragEnd: function(e) {\n e.preventDefault();\n e.stopPropagation();\n window.removeEventListener('mousemove', this.drag);\n window.removeEventListener('mouseup', this.dragEnd);\n this.resize = false;\n this.mousePosY = e.clientY;\n },\n trackVerticalSplitterOffsetTop: function() {\n this.vsplitterOffset = this.$refs.vsplitter.offsetTop;\n }\n },\n computed: {\n topOrBottomClass: function() {\n return ((this.vsplitterOffset - this.selfOffsetTop) <= Math.floor(this.availHeight/2))\n ? 'top'\n : 'bottom';\n },\n topheightcss: function() {\n return this.topheight + 'px';\n },\n bottomheightcss: function() {\n return this.bottomheight + 'px';\n }\n }\n};","import {CoreFilterCmpt} from \"../../../components/filter/Filter.js\";\nimport AbgabeDetail from \"./AbgabeStudentDetail.js\";\nimport VerticalSplit from \"../../verticalsplit/verticalsplit.js\";\n\nexport const AbgabetoolStudent = {\n\tname: \"AbgabetoolStudent\",\n\tcomponents: {\n\t\tCoreFilterCmpt,\n\t\tAbgabeDetail,\n\t\tVerticalSplit\n\t},\n\tprops: {\n\t\tstudent_uid_prop: {\n\t\t\tdefault: null\n\t\t},\n\t\tviewData: {\n\t\t\ttype: Object,\n\t\t\trequired: true,\n\t\t\tdefault: () => ({uid: ''}),\n\t\t\tvalidator(value) {\n\t\t\t\treturn value && value.uid\n\t\t\t}\n\t\t}\n\t},\n\tdata() {\n\t\treturn {\n\t\t\ttabulatorUuid: Vue.ref(0),\n\t\t\tdomain: '',\n\t\t\tstudent_uid: null,\n\t\t\tdetail: null,\n\t\t\tprojektarbeiten: null,\n\t\t\tselectedProjektarbeit: null,\n\t\t\ttableBuiltResolve: null,\n\t\t\ttableBuiltPromise: null,\n\t\t\tabgabeTableOptions: {\n\t\t\t\tminHeight: 250,\n\t\t\t\tindex: 'projektarbeit_id',\n\t\t\t\tlayout: 'fitColumns',\n\t\t\t\tplaceholder: this.$p.t('global/noDataAvailable'),\n\t\t\t\tcolumns: [\n\t\t\t\t\t{title: Vue.computed(() => this.$p.t('abgabetool/c4details')), field: 'details', formatter: this.detailFormatter, widthGrow: 1, tooltip: false},\n\t\t\t\t\t{title: Vue.computed(() => this.$p.t('abgabetool/c4beurteilung')), field: 'beurteilung', formatter: this.beurteilungFormatter, widthGrow: 1, tooltip: false},\n\t\t\t\t\t{title: Vue.computed(() => this.$p.t('abgabetool/c4sem')), field: 'sem', formatter: this.centeredTextFormatter, widthGrow: 1},\n\t\t\t\t\t{title: Vue.computed(() => this.$p.t('abgabetool/c4stg')), field: 'stg', formatter: this.centeredTextFormatter, widthGrow: 1},\n\t\t\t\t\t{title: Vue.computed(() => this.$p.t('abgabetool/c4kontakt')), field: 'mail', formatter: this.mailFormatter, widthGrow: 1},\n\t\t\t\t\t{title: Vue.computed(() => this.$p.t('abgabetool/c4betreuer')), field: 'betreuer', formatter: this.centeredTextFormatter,widthGrow: 2},\n\t\t\t\t\t{title: Vue.computed(() => this.$p.t('abgabetool/c4projekttyp')), field: 'typ', formatter: this.centeredTextFormatter, widthGrow: 1},\n\t\t\t\t\t{title: Vue.computed(() => this.$p.t('abgabetool/c4titel')), field: 'titel', formatter: this.centeredTextFormatter, widthGrow: 8}\n\t\t\t\t],\n\t\t\t\tpersistence: false,\n\t\t\t},\n\t\t\tabgabeTableEventHandlers: [{\n\t\t\t\tevent: \"tableBuilt\",\n\t\t\t\thandler: async () => {\n\t\t\t\t\tthis.tableBuiltResolve()\n\t\t\t\t}\n\t\t\t},\n\t\t\t{\n\t\t\t\tevent: \"cellClick\",\n\t\t\t\thandler: async (e, cell) => {\n\t\t\t\t\t\n\t\t\t\t\tif(cell.getColumn().getField() === \"details\") {\n\t\t\t\t\t\tconst val = cell.getValue()\n\t\t\t\t\t\t\n\t\t\t\t\t\tif(val.mode === 'detailTermine') {\n\t\t\t\t\t\t\tthis.setDetailComponent(cell.getValue())\n\t\t\t\t\t\t} else if (val.mode === 'beurteilungDownload') {\n\t\t\t\t\t\t\tconst pdfExportLink = FHC_JS_DATA_STORAGE_OBJECT.app_root + 'cis/private/pdfExport.php?xml=projektarbeitsbeurteilung.xml.php&xsl=Projektbeurteilung&betreuerart_kurzbz='+val.betreuerart_kurzbz+'&projektarbeit_id='+val.projektarbeit_id+'&person_id=' + val.betreuer_person_id\n\t\t\t\t\t\t\t// const pdfExportLink2 = FHC_JS_DATA_STORAGE_OBJECT.app_root + 'cis/private/lehre/projektbeurteilungDocumentExport.php?betreuerart_kurzbz='+val.betreuerart_kurzbz+'&projektarbeit_id='+val.projektarbeit_id+'&person_id=' + val.betreuer_person_id\n\t\t\t\t\t\t\twindow.open(pdfExportLink, '_blank')\n\t\t\t\t\t\t}\n\n\t\t\t\t\t} else if (cell.getColumn().getField() === \"beurteilung\") {\n\t\t\t\t\t\tconst val = cell.getValue()\n\t\t\t\t\t\t\n\t\t\t\t\t\tif(val != '-') window.open(val, '_blank')\n\t\t\t\t\t} \n\t\t\t\t\te.stopPropagation()\n\n\t\t\t\t}\n\t\t\t}\n\t\t\t]};\n\t},\n\tmethods: {\n\t\tisPastDate(date) {\n\t\t\treturn new Date(date) < new Date(Date.now())\t\n\t\t},\n\t\tsetDetailComponent(details){\n\t\t\tthis.loadAbgaben(details).then((res)=> {\n\t\t\t\tconst pa = this.projektarbeiten?.retval?.find(projekarbeit => projekarbeit.projektarbeit_id == details.projektarbeit_id)\n\t\t\t\tpa.abgabetermine = res.data[0].retval\n\t\t\t\tpa.abgabetermine.forEach(termin => {\n\t\t\t\t\ttermin.file = []\n\t\t\t\t\ttermin.allowedToUpload = true\n\t\t\t\t\t\n\t\t\t\t\t// TODO: fixtermin logic?\n\t\t\t\t\tif(termin.bezeichnung == 'Endupload' && this.isPastDate(termin.datum)) {\n\t\t\t\t\t\t\n\t\t\t\t\t\t// termin.allowedToUpload = false\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// termin.allowedToUpload = true\n\t\t\t\t\t}\n\n\t\t\t\t})\n\t\t\t\tpa.betreuer = this.buildBetreuer(pa)\n\t\t\t\tpa.student_uid = this.student_uid\n\n\t\t\t\tthis.selectedProjektarbeit = pa\n\n\t\t\t\t\n\t\t\t\tthis.$refs.verticalsplit.showBoth()\n\t\t\t\t\n\t\t\t})\n\t\t\t\n\t\t},\n\t\tcenteredTextFormatter(cell) {\n\t\t\tconst val = cell.getValue()\n\n\t\t\treturn '\n \n \n
\n Top Panel
\n\n
\n \n \n \n \n \n \n \n \n \n \n
\n \n \n \n \n
\n ' +\n\t\t\t\t'
'\n\t\t},\n\t\tdetailFormatter(cell) {\n\t\t\tconst val = cell.getValue()\n\n\t\t\tif(val.mode === 'detailTermine') {\n\t\t\t\treturn ''\n\t\t\t} else if (val.mode === 'beurteilungDownload') {\n\t\t\t\treturn ''\n\t\t\t}\n\t\t},\n\t\tmailFormatter(cell) {\n\t\t\tconst val = cell.getValue()\n\t\t\t\treturn ''\n\t\t},\n\t\tbeurteilungFormatter(cell) {\n\t\t\tconst val = cell.getValue()\n\t\t\tif(val) {\n\t\t\t\treturn ''\n\t\t\t} else return '-'\n\t\t},\n\t\ttableResolve(resolve) {\n\t\t\tthis.tableBuiltResolve = resolve\n\t\t},\n\t\tbuildMailToLink(abgabe) {\n\t\t\treturn 'mailto:' + abgabe.mitarbeiter_uid +'@'+ this.domain\n\t\t},\n\t\tbuildBetreuer(abgabe) {\n\t\t\treturn abgabe.betreuerart_beschreibung + ': ' + (abgabe.btitelpre ? abgabe.btitelpre + ' ' : '') + abgabe.bvorname + ' ' + abgabe.bnachname + (abgabe.btitelpost ? ' ' + abgabe.btitelpost : '')\n\t\t},\n\t\tsetupData(data){\n\t\t\tthis.projektarbeiten = data[0]\n\t\t\tthis.domain = data[1]\n\t\t\tthis.student_uid = data[2]\n\t\t\tconst d = data[0]?.retval?.map(projekt => {\n\t\t\t\tlet mode = 'detailTermine'\n\t\t\t\t\n\t\t\t\tif (projekt.babgeschickt || projekt.zweitbetreuer_abgeschickt) {\n\t\t\t\t\t// mode = 'beurteilungDownload' // build dl link for both betreuer documents\n\t\t\t\t\tprojekt.beurteilungLink = FHC_JS_DATA_STORAGE_OBJECT.app_root + 'cis/private/pdfExport.php?xml=projektarbeitsbeurteilung.xml.php&xsl=Projektbeurteilung&betreuerart_kurzbz='+projekt.betreuerart_kurzbz+'&projektarbeit_id='+projekt.projektarbeit_id+'&person_id=' + projekt.bperson_id\n\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\treturn {\n\t\t\t\t\tdetails: {\n\t\t\t\t\t\tstudent_uid: this.student_uid,\n\t\t\t\t\t\tprojektarbeit_id: projekt.projektarbeit_id,\n\t\t\t\t\t\tbetreuer_person_id: projekt.bperson_id,\n\t\t\t\t\t\tbetreuerart_kurzbz: projekt.betreuerart_kurzbz,\n\t\t\t\t\t\tmode\n\t\t\t\t\t},\n\t\t\t\t\tbeurteilung: projekt.beurteilungLink ?? null,\n\t\t\t\t\tsem: projekt.studiensemester_kurzbz,\n\t\t\t\t\tstg: projekt.kurzbzlang,\n\t\t\t\t\tmail: this.buildMailToLink(projekt),\n\t\t\t\t\tbetreuer: this.buildBetreuer(projekt),\n\t\t\t\t\ttyp: projekt.projekttypbezeichnung,\n\t\t\t\t\ttitel: projekt.titel\n\t\t\t\t}\n\t\t\t})\n\n\t\t\tthis.$refs.abgabeTable.tabulator.setColumns(this.abgabeTableOptions.columns)\n\t\t\tthis.$refs.abgabeTable.tabulator.setData(d);\n\t\t},\n\t\tloadProjektarbeiten() {\n\t\t\tthis.$fhcApi.factory.lehre.getStudentProjektarbeiten(this.student_uid_prop || this.viewData?.uid || null)\n\t\t\t\t.then(res => {\n\t\t\t\t\tif(res?.data) this.setupData(res.data)\n\t\t\t\t})\n\t\t},\n\t\tloadAbgaben(details) {\n\t\t\treturn new Promise((resolve) => {\n\t\t\t\tthis.$fhcApi.factory.lehre.getStudentProjektabgaben(details)\n\t\t\t\t\t.then(res => {\n\t\t\t\t\t\tresolve(res)\n\t\t\t\t\t})\n\t\t\t})\t\n\t\t},\n\t\thandleUuidDefined(uuid) {\n\t\t\tthis.tabulatorUuid = uuid\n\t\t},\n\t\tcalcMaxTableHeight() {\n\t\t\tconst tableID = this.tabulatorUuid ? ('-' + this.tabulatorUuid) : ''\n\t\t\tconst tableDataSet = document.getElementById('filterTableDataset' + tableID);\n\t\t\tif(!tableDataSet) return\n\t\t\tconst rect = tableDataSet.getBoundingClientRect();\n\n\t\t\tthis.abgabeTableOptions.height = window.visualViewport.height - rect.top\n\t\t\tthis.$refs.abgabeTable.tabulator.setHeight(this.abgabeTableOptions.height)\n\t\t},\n\t\tasync setupMounted() {\n\t\t\tthis.tableBuiltPromise = new Promise(this.tableResolve)\n\t\t\tawait this.tableBuiltPromise\n\t\t\t\n\t\t\tthis.loadProjektarbeiten()\n\n\t\t\tthis.$refs.verticalsplit.collapseBottom()\n\t\t\t//this.calcMaxTableHeight()\n\t\t}\n\t},\n\twatch: {\n\n\t},\n\tcomputed: {\n\t\tisViewMode() {\n\t\t\treturn this.student_uid !== this.viewData.uid\n\t\t}\n\t},\n\tcreated() {\n\n\t},\n\tmounted() {\n\t\tthis.setupMounted()\n\t},\n\ttemplate: `\n\t'+val+'
{{$p.t('abgabetool/abgabetoolTitle')}}
\n\t\t\t\n\t\t\t\t\n\t\t\t
\n\t\t\t\t
\n\t\t\n\t\n\t\t\n\n\t\t\t
\n\n`,\n};\n\nexport default AbgabeMitarbeiterDetail;\n","import {CoreFilterCmpt} from \"../../../components/filter/Filter.js\";\nimport AbgabeDetail from \"./AbgabeMitarbeiterDetail.js\";\nimport VerticalSplit from \"../../verticalsplit/verticalsplit.js\"\nimport BsModal from '../../Bootstrap/Modal.js';\nimport VueDatePicker from '../../vueDatepicker.js.php';\n\nexport const AbgabetoolMitarbeiter = {\n\tname: \"AbgabetoolMitarbeiter\",\n\tcomponents: {\n\t\tBsModal,\n\t\tCoreFilterCmpt,\n\t\tAbgabeDetail,\n\t\tVerticalSplit,\n\t\tDropdown: primevue.dropdown,\n\t\tTextarea: primevue.textarea,\n\t\tVueDatePicker\n\t},\n\tprops: {\n\t\tviewData: {\n\t\t\ttype: Object,\n\t\t\trequired: true,\n\t\t\tdefault: () => ({name: '', uid: ''}),\n\t\t\tvalidator(value) {\n\t\t\t\treturn value && value.name && value.uid\n\t\t\t}\n\t\t}\n\t},\n\tdata() {\n\t\treturn {\n\t\t\tsaving: false,\n\t\t\tloading: false,\n\t\t\t// TODO: fetch types\n\t\t\tallAbgabeTypes: [\n\t\t\t\t{\n\t\t\t\t\tpaabgabetyp_kurzbz: 'abstract',\n\t\t\t\t\tbezeichnung: 'Entwurf'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tpaabgabetyp_kurzbz: 'zwischen',\n\t\t\t\t\tbezeichnung: 'Zwischenabgabe'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tpaabgabetyp_kurzbz: 'note',\n\t\t\t\t\tbezeichnung: 'Benotung'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tpaabgabetyp_kurzbz: 'end',\n\t\t\t\t\tbezeichnung: 'Endupload'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tpaabgabetyp_kurzbz: 'enda',\n\t\t\t\t\tbezeichnung: 'Endabgabe im Sekretariat'\n\t\t\t\t}\n\t\t\t],\n\t\t\tserienTermin: Vue.reactive({\n\t\t\t\tdatum: new Date(),\n\t\t\t\tbezeichnung: {\n\t\t\t\t\tpaabgabetyp_kurzbz: 'zwischen',\n\t\t\t\t\tbezeichnung: 'Zwischenabgabe'\n\t\t\t\t},\n\t\t\t\tkurzbz: ''\n\t\t\t}),\n\t\t\tshowAll: false,\n\t\t\ttabulatorUuid: Vue.ref(0),\n\t\t\tselectedData: [],\n\t\t\tdomain: '',\n\t\t\tstudent_uid: null,\n\t\t\tdetail: null,\n\t\t\tdetailOffset: 0,\n\t\t\tprojektarbeiten: null,\n\t\t\tselectedProjektarbeit: null,\n\t\t\ttableBuiltResolve: null,\n\t\t\ttableBuiltPromise: null,\n\t\t\tabgabeTableOptions: {\n\t\t\t\theight: 700,\n\t\t\t\tindex: 'projektarbeit_id',\n\t\t\t\tlayout: 'fitDataStretch',\n\t\t\t\tplaceholder: this.$p.t('global/noDataAvailable'),\n\t\t\t\tselectable: true,\n\t\t\t\tselectableCheck: this.selectionCheck,\n\t\t\t\tcolumns: [\n\t\t\t\t\t{\n\t\t\t\t\t\tformatter: 'rowSelection',\n\t\t\t\t\t\ttitleFormatter: 'rowSelection',\n\t\t\t\t\t\ttitleFormatterParams: {\n\t\t\t\t\t\t\trowRange: \"active\" // Only toggle the values of the active filtered rows\n\t\t\t\t\t\t},\n\t\t\t\t\t\thozAlign:\"center\",\n\t\t\t\t\t\theaderSort: false,\n\t\t\t\t\t\tfrozen: true,\n\t\t\t\t\t\twidth: 70\n\t\t\t\t\t},\n\t\t\t\t\t{title: Vue.computed(() => this.$p.t('abgabetool/c4details')), field: 'details', formatter: this.detailFormatter, widthGrow: 1, tooltip: false},\n\t\t\t\t\t{title: Vue.computed(() => this.$p.t('abgabetool/c4personenkennzeichen')), field: 'pkz', formatter: this.pkzTextFormatter, widthGrow: 1, tooltip: false},\n\t\t\t\t\t{title: Vue.computed(() => this.$p.t('abgabetool/c4kontakt')), field: 'mail', formatter: this.mailFormatter, widthGrow: 1, tooltip: false},\n\t\t\t\t\t{title: Vue.computed(() => this.$p.t('abgabetool/c4vorname')), field: 'vorname', formatter: this.centeredTextFormatter, widthGrow: 1},\n\t\t\t\t\t{title: Vue.computed(() => this.$p.t('abgabetool/c4nachname')), field: 'nachname', formatter: this.centeredTextFormatter, widthGrow: 1},\n\t\t\t\t\t{title: Vue.computed(() => this.$p.t('abgabetool/c4projekttyp')), field: 'projekttyp_kurzbz', formatter: this.centeredTextFormatter, widthGrow: 1},\n\t\t\t\t\t{title: Vue.computed(() => this.$p.t('abgabetool/c4stg')), field: 'stg', formatter: this.centeredTextFormatter, widthGrow: 2},\n\t\t\t\t\t{title: Vue.computed(() => this.$p.t('abgabetool/c4sem')), field: 'studiensemester_kurzbz', formatter: this.centeredTextFormatter, widthGrow: 1},\n\t\t\t\t\t{title: Vue.computed(() => this.$p.t('abgabetool/c4titel')), field: 'titel', formatter: this.centeredTextFormatter, maxWidth: 500, widthGrow: 8},\n\t\t\t\t\t{title: Vue.computed(() => this.$p.t('abgabetool/c4betreuerart')), field: 'betreuerart_beschreibung',formatter: this.centeredTextFormatter, widthGrow: 8}\n\t\t\t\t],\n\t\t\t\tpersistence: false,\n\t\t\t},\n\t\t\tabgabeTableEventHandlers: [{\n\t\t\t\tevent: \"tableBuilt\",\n\t\t\t\thandler: async () => {\n\t\t\t\t\tthis.tableBuiltResolve()\n\t\t\t\t}\n\t\t\t},\n\t\t\t{\n\t\t\t\tevent: \"cellClick\",\n\t\t\t\thandler: async (e, cell) => {\n\t\t\t\t\tif(cell.getColumn().getField() === \"details\") {\n\t\t\t\t\t\tthis.setDetailComponent(cell.getValue())\n\t\t\t\t\t\tthis.undoSelection(cell)\n\t\t\t\t\t} else if (cell.getColumn().getField() === \"mail\") {\n\t\t\t\t\t\tthis.undoSelection(cell)\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t},\n\t\t\t{\n\t\t\t\tevent: \"rowSelectionChanged\",\n\t\t\t\thandler: async(data) => {\n\t\t\t\t\tthis.selectedData = data\n\t\t\t\t}\n\t\t\t}\n\t\t\t]};\n\t},\n\tmethods: {\n\t\tgetOptionLabelAbgabetyp(option){\n\t\t\treturn option.bezeichnung\n\t\t},\n\t\tformatDate(dateParam) {\n\t\t\tconst date = new Date(dateParam)\n\t\t\t// handle missing leading 0\n\t\t\tconst padZero = (num) => String(num).padStart(2, '0');\n\n\t\t\tconst month = padZero(date.getMonth() + 1); // Months are zero-based\n\t\t\tconst day = padZero(date.getDate());\n\t\t\tconst year = date.getFullYear();\n\n\t\t\treturn `${day}.${month}.${year}`;\n\t\t},\n\t\tundoSelection(cell) {\n\t\t\t// checks if cells row is selected and unselects -> imitates columns which dont trigger row selection\n\t\t\t// but actually just revert it after the fact\n\n\t\t\tconst row = cell.getRow()\n\t\t\tif(row.isSelected()) {\n\t\t\t\trow.deselect();\n\t\t\t}\n\t\t},\n\t\tselectionCheck(row) {\n\t\t\tconst data = row.getData()\n\t\t\tif(data?.betreuerart_kurzbz == 'Zweitbegutachter') return false\n\t\t\treturn true\n\t\t},\n\t\tshowDeadlines(){\n\t\t\tconst link = FHC_JS_DATA_STORAGE_OBJECT.app_root + FHC_JS_DATA_STORAGE_OBJECT.ci_router\n\t\t\t\t+ '/Cis/Abgabetool/Deadlines'\n\t\t\twindow.open(link, '_blank')\n\t\t},\n\t\ttoggleShowAll(showall) {\n\t\t\tthis.showAll = showall\n\t\t\tthis.loading = true\n\t\t\tthis.loadProjektarbeiten(showall, () => {\n\t\t\t\tthis.$refs.abgabeTable?.tabulator.redraw(true)\n\t\t\t\tthis.$refs.abgabeTable?.tabulator.setSort([]);\n\t\t\t\tthis.loading = false\n\t\t\t})\n\t\t},\n\t\topenAddSeriesModal() {\n\t\t\tthis.$refs.modalContainerAddSeries.show()\n\t\t},\n\t\taddSeries() {\n\t\t\tthis.saving = true\n\t\t\tthis.$fhcApi.factory.lehre.postSerientermin(\n\t\t\t\tthis.serienTermin.datum.toISOString(),\n\t\t\t\tthis.serienTermin.bezeichnung.paabgabetyp_kurzbz,\n\t\t\t\tthis.serienTermin.bezeichnung.bezeichnung,\n\t\t\t\tthis.serienTermin.kurzbz,\n\t\t\t\tthis.selectedData?.map(projekt => projekt.projektarbeit_id)\n\t\t\t).then(res => {\n\t\t\t\tif (res.meta.status === \"success\" && res.data) {\n\t\t\t\t\tthis.$fhcAlert.alertSuccess(this.$p.t('abgabetool/serienTerminGespeichert'))\n\t\t\t\t\t// TODO: sticky lifetime erhöhen um sinnvoll lesen zu können?\n\t\t\t\t\tthis.$fhcAlert.alertInfo(this.$p.t('abgabetool/serienTerminEmailSentInfo', [this.createInfoString(res.data)]));\n\t\t\t\t} else {\n\t\t\t\t\tthis.$fhcAlert.alertError(this.$p.t('abgabetool/errorSerienterminSpeichern'))\n\t\t\t\t}\n\t\t\t}).finally(()=>{\n\t\t\t\tthis.saving = false\n\t\t\t})\n\n\t\t\tthis.$refs.modalContainerAddSeries.hide()\n\t\t},\n\t\tcreateInfoString(data) {\n\t\t\tlet str = '';\n\t\t\t\n\t\t\tdata.forEach(name => {\n\t\t\t\tstr += name\n\t\t\t\tstr += '; '\n\t\t\t})\n\t\t\t\n\t\t\treturn str\n\t\t},\n\t\tisPastDate(date) {\n\t\t\treturn new Date(date) < new Date(Date.now())\n\t\t},\n\t\tsetDetailComponent(details){\n\t\t\tthis.loadAbgaben(details).then((res)=> {\n\t\t\t\tconst pa = this.projektarbeiten?.retval?.find(projekarbeit => projekarbeit.projektarbeit_id == details.projektarbeit_id)\n\t\t\t\tpa.abgabetermine = res.data[0].retval\n\t\t\t\tpa.isCurrent = res.data[1]\n\t\t\t\tpa.abgabetermine.push({ // new abgatermin row\n\n\t\t\t\t\t'paabgabe_id': -1,\n\t\t\t\t\t'projektarbeit_id': pa.projektarbeit_id,\n\t\t\t\t\t'fixtermin': false,\n\t\t\t\t\t'kurzbz': '',\n\t\t\t\t\t'datum': new Date().toISOString().split('T')[0],\n\t\t\t\t\t'paabgabetyp_kurzbz': '',\n\t\t\t\t\t'bezeichnung': '',\n\t\t\t\t\t'abgabedatum': null,\n\t\t\t\t\t'insertvon': this.viewData?.uid ?? ''\n\t\t\t\t\t\n\t\t\t\t})\n\t\t\t\tpa.abgabetermine.forEach(termin => {\n\t\t\t\t\ttermin.file = []\n\t\t\t\t\ttermin.allowedToSave = termin.insertvon == this.viewData?.uid && pa.betreuerart_kurzbz != 'Zweitbegutachter'\n\t\t\t\t\ttermin.allowedToDelete = termin.allowedToSave && !termin.abgabedatum\n\t\t\t\t\t\n\t\t\t\t\ttermin.bezeichnung = {\n\t\t\t\t\t\tbezeichnung: termin.bezeichnung,\n\t\t\t\t\t\tpaabgabetyp_kurzbz: termin.paabgabetyp_kurzbz\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t\tpa.betreuer = this.buildBetreuer(pa)\n\t\t\t\tpa.student_uid = details.student_uid\n\t\t\t\tpa.student = `${pa.vorname} ${pa.nachname}`\n\t\t\t\t\n\t\t\t\tthis.selectedProjektarbeit = pa\n\t\t\t\t\n\t\t\t\t\n\t\t\t\tthis.$refs.verticalsplit.showBoth()\n\t\t\t\t\n\t\t\t\n\t\t\t})\n\t\t},\n\t\tcenteredTextFormatter(cell) {\n\t\t\tconst val = cell.getValue()\n\t\t\tif(!val) return\n\t\t\t\n\t\t\treturn '{{$p.t('abgabetool/c4abgabeMitarbeiterbereich')}}
\n\n\n\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\t\t
\n\t\t\t\t{{projektarbeit?.student}}
\n\t\t\t\t\t{{projektarbeit?.titel}}
\n\t\t\t\t\t{{projektarbeit?.zweitbegutachter}}
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tKein Endupload vorhanden!\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t \n\t\t\t\t\t
\n\t\t\t\t{{$p.t('abgabetool/c4fixtermin')}}
\n\t\t\t\t\t{{$p.t('abgabetool/c4zieldatum')}}
\n\t\t\t\t\t{{$p.t('abgabetool/c4abgabetyp')}}
\n\t\t\t\t\t{{$p.t('abgabetool/c4abgabekurzbz')}}
\n\t\t\t\t\t{{$p.t('abgabetool/c4abgabedatum')}}
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\tkeine Termine gefunden!
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t{{ termin.abgabedatum?.split(\"-\").reverse().join(\".\") }}\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t' +\n\t\t\t\t'
'\n\t\t},\n\t\tdetailFormatter(cell) {\n\t\t\treturn ''\n\t\t},\n\t\tmailFormatter(cell) {\n\t\t\tconst val = cell.getValue()\n\t\t\treturn ''\n\t\t},\n\t\tbeurteilungFormatter(cell) {\n\t\t\tconst val = cell.getValue()\n\t\t\tif(val) {\n\t\t\t\treturn ''\n\t\t\t} else return '-'\n\t\t},\n\t\tpkzTextFormatter(cell) {\n\t\t\tconst val = cell.getValue()\n\n\t\t\treturn ''+val+'
' +\n\t\t\t\t'
'\n\t\t},\n\t\ttableResolve(resolve) {\n\t\t\tthis.tableBuiltResolve = resolve\n\t\t},\n\t\tbuildMailToLink(abgabe) {\n\t\t\treturn 'mailto:' + abgabe.uid +'@'+ this.domain\n\t\t},\n\t\tbuildPKZ(projekt) {\n\t\t\treturn `${projekt.uid} / ${projekt.matrikelnr}`\n\t\t},\n\t\tbuildStg(projekt) {\n\t\t\treturn (projekt.typ + projekt.kurzbz)?.toUpperCase()\t\n\t\t},\n\t\tbuildBetreuer(abgabe) {\n\t\t\t// TODO: preload and insert own titled name of betreuer somehow\n\t\t\treturn abgabe.betreuerart_beschreibung + ': ' + (abgabe.btitelpre ? abgabe.btitelpre + ' ' : '') + abgabe.bvorname + ' ' + abgabe.bnachname + (abgabe.btitelpost ? ' ' + abgabe.btitelpost : '')\n\t\t},\n\t\tsetupData(data){\n\t\t\tthis.projektarbeiten = data[0]\n\t\t\tthis.domain = data[1]\n\t\t\t\n\t\t\tconst d = data[0]?.retval?.map(projekt => {\n\t\t\t\tlet mode = 'detailTermine'\n\n\t\t\t\treturn {\n\t\t\t\t\t...projekt,\n\t\t\t\t\tdetails: {\n\t\t\t\t\t\tstudent_uid: projekt.uid,\n\t\t\t\t\t\tprojektarbeit_id: projekt.projektarbeit_id,\n\t\t\t\t\t},\n\t\t\t\t\tpkz: this.buildPKZ(projekt),\n\t\t\t\t\tbeurteilung: projekt.beurteilungLink ?? null,\n\t\t\t\t\tsem: projekt.studiensemester_kurzbz,\n\t\t\t\t\tstg: this.buildStg(projekt),\n\t\t\t\t\tmail: this.buildMailToLink(projekt),\n\t\t\t\t\ttyp: projekt.projekttyp_kurzbz,\n\t\t\t\t\ttitel: projekt.titel\n\t\t\t\t}\n\t\t\t})\n\n\t\t\tthis.$refs.abgabeTable.tabulator.setColumns(this.abgabeTableOptions.columns)\n\t\t\tthis.$refs.abgabeTable.tabulator.setData(d);\n\t\t},\n\t\tloadProjektarbeiten(all = false, callback) {\n\t\t\tthis.$fhcApi.factory.lehre.getMitarbeiterProjektarbeiten(this.viewData?.uid ?? null, all)\n\t\t\t\t.then(res => {\n\t\t\t\t\tif(res?.data) this.setupData(res.data)\n\t\t\t\t}).finally(() => {\n\t\t\t\t\tif(callback) {\n\t\t\t\t\t\tcallback()\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t},\n\t\tloadAbgaben(details) {\n\t\t\treturn new Promise((resolve) => {\n\t\t\t\tthis.$fhcApi.factory.lehre.getStudentProjektabgaben(details)\n\t\t\t\t\t.then(res => {\n\t\t\t\t\t\tresolve(res)\n\t\t\t\t\t})\n\t\t\t})\n\t\t},\n\t\thandleUuidDefined(uuid) {\n\t\t\tthis.tabulatorUuid = uuid\n\t\t},\n\t\tcalcMaxTableHeight() {\n\t\t\tconst tableID = this.tabulatorUuid ? ('-' + this.tabulatorUuid) : ''\n\t\t\tconst tableDataSet = document.getElementById('filterTableDataset' + tableID);\n\t\t\tif(!tableDataSet) return\n\t\t\tconst rect = tableDataSet.getBoundingClientRect();\n\n\t\t\tthis.abgabeTableOptions.height = window.visualViewport.height - rect.top\n\t\t\tthis.$refs.abgabeTable.tabulator.setHeight(this.abgabeTableOptions.height)\n\t\t},\n\t\tasync setupMounted() {\n\t\t\tthis.tableBuiltPromise = new Promise(this.tableResolve)\n\t\t\tawait this.tableBuiltPromise\n\n\t\t\tthis.loadProjektarbeiten()\n\n\n\t\t\tthis.$refs.verticalsplit.collapseBottom()\n\t\t\tthis.calcMaxTableHeight()\n\t\t\t\n\t\t}\n\t},\n\twatch: {\n\n\t},\n\tcomputed: {\n\n\t},\n\tcreated() {\n\n\t},\n\tmounted() {\n\t\tthis.setupMounted()\n\t},\n\ttemplate: `\n\t\t'+val+'
\n\t\t\t\t\t{{ $p.t('abgabetool/neueTerminserie') }}\n\t\t\t\t
\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t{{$p.t('abgabetool/c4zieldatum')}}\n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t{{$p.t('abgabetool/c4abgabetyp')}}\n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t{{$p.t('abgabetool/c4abgabekurzbz')}}\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t{{$p.t('abgabetool/abgabetoolTitle')}}
\n\t\t\t\t\n\t\t\t\t
\n\t\t\t\t\t\t\t{{ $p.t('abgabetool/currentlySaving') }} \n\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{{ $p.t('abgabetool/currentlyLoading') }} \n\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t \n\t\t\t\t\t
\n\t\t\t\n\t\t' +\n\t\t\t\t'
'\n\t\t},\n\t\ttableResolve(resolve) {\n\t\t\tthis.tableBuiltResolve = resolve\n\t\t},\n\t\tloadDeadlines() {\n\t\t\tthis.$fhcApi.factory.lehre.fetchDeadlines(this.person_uid_prop ?? null)\n\t\t\t\t.then(res => {\n\t\t\t\t\tif(res?.data) this.setupData(res.data)\n\t\t\t\t})\n\t\t},\n\t\tsetupData(data) {\n\t\t\tthis.deadlines = data\n\t\t\t\n\t\t\tthis.deadlines.forEach(dl => {\n\t\t\t\tdl.student = (dl.stud_titelpre ? (dl.stud_titelpre + ' ') :'') + dl.stud_vorname + ' ' + dl.stud_nachname + (dl.stud_titelpost ? (' ' + dl.stud_titelpost) :'')\n\t\t\t\tdl.fixterminstring = dl.fixtermin ? this.$p.t('abgabetool/c4yes') : this.$p.t('abgabetool/c4no')\n\t\t\t})\n\n\t\t\tthis.$refs.deadlineTable.tabulator.setColumns(this.deadlineTableOptions.columns)\n\t\t\tthis.$refs.deadlineTable.tabulator.setData(this.deadlines);\n\t\t},\n\t\thandleUuidDefined(uuid) {\n\t\t\tthis.tabulatorUuid = uuid\n\t\t},\n\t\tcalcMaxTableHeight() {\n\t\t\tconst tableID = this.tabulatorUuid ? ('-' + this.tabulatorUuid) : ''\n\t\t\tconst tableDataSet = document.getElementById('filterTableDataset' + tableID);\n\t\t\tif(!tableDataSet) return\n\t\t\tconst rect = tableDataSet.getBoundingClientRect();\n\n\t\t\tthis.deadlineTableOptions.height = window.visualViewport.height - rect.top\n\t\t\tthis.$refs.deadlineTable.tabulator.setHeight(this.deadlineTableOptions.height)\n\t\t},\n\t\tasync setupMounted() {\n\t\t\tthis.tableBuiltPromise = new Promise(this.tableResolve)\n\t\t\tawait this.tableBuiltPromise\n\n\t\t\tthis.loadDeadlines()\n\t\t\tthis.calcMaxTableHeight()\n\t\t}\n\t},\n\twatch: {\n\n\t},\n\tcomputed: {\n\n\t},\n\tcreated() {\n\n\t},\n\tmounted() {\n\t\tthis.setupMounted()\n\t},\n\ttemplate: `\n\t\t'+val+'
{{$p.t('abgabetool/deadlinesTitle')}} {{ fullName ? ('-' + fullName) : ''}}
\n\t\t\n\t\t\t\n\t\t
\n\t
\n\t\n\t\t\n\t\t\t \n\t
\n\n\t
\n\t\n\t`\n};","\nexport default {\n\t\t\n\tloadRenderers() {\n\t\treturn {\n\t\t\tmethod: 'get',\n\t\t\turl: '/api/frontend/v1/RendererLoader/GetRenderers',\n\t\t\tparams: {\n\t\t\t}\n\t\t};\n\t},\n}","/**\n * Copyright (C) 2025 fhcomplete.org\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see Studium
\n\t\n\t
0\" class=\"mb-4\">\n\t\t\t\t
\n\t\t\tLektoren:
\n\t\t\t\t{{lektor.name}}\n\t\t\tMenu:
\n\t\t\n\t\n\t\t
\n\n\t\n\t\t
\n\n\t\tStudiensemester:
\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t
\n\t\t\n\t\t
\n\n\t\tStudiengang:
\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t
\n\t\t\n\t\t
\n\n\t\tSemester:
\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t
\n\t\t\n\t\t
\n\tStudienordnung:
\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t
\n\t\t\n\n\t
\n\t\n\t\t
\n\n\n\t0\" >\n\t\t\t
\n\t\n\t\n\t\t\t\t
\n\t\t\t{{lehrveranstaltung.bezeichnung}}
\n\t\t\t\t{{lehrveranstaltung.lehrform_kurzbz}}
\n\t\t\t\n\t\t\t\t
\n\t\t- \n\t\t\t\t\t
- \n\t\t\t\t\t\t{{lv.bezeichnung}}\n\t\t\t\t\t\t
{{lv.lehrform_kurzbz}}
\n\t\t\t\t\t \t\n\t\t\t\t
\n\t\t
`\n}\n","import BsModal from './Modal.js';\n\nexport default {\n\tname: 'BootstrapAlert',\n\tcomponents: {\n\t\tBsModal\n\t},\n\tmixins: [\n\t\tBsModal\n\t],\n\tprops: {\n\t\tdialogClass: {\n\t\t\ttype: [String,Array,Object],\n\t\t\tdefault: 'modal-dialog-centered'\n\t\t},\n\t\t/*\n\t\t * NOTE(chris):\n\t\t * Hack to expose in \"emits\" declared events to $props which we use\n\t\t * in the v-bind directive to forward all events.\n\t\t * @see: https://github.com/vuejs/core/issues/3432\n\t\t*/\n\t\tonHideBsModal: Function,\n\t\tonHiddenBsModal: Function,\n\t\tonHidePreventedBsModal: Function,\n\t\tonShowBsModal: Function,\n\t\tonShownBsModal: Function\n\t},\n\tdata: () => ({\n\t\tresult: true\n\t}),\n\tmounted() {\n\t\tthis.modal = this.$refs.modalContainer.modal;\n\t},\n\tpopup(msg, options) {\n\t\treturn BsModal.popup.bind(this)(msg, options);\n\t},\n\ttemplate: `\n\t\t\t\n\t\t
\n\t\n\t\t
`\n}\n","// TODO(chris): Comments\n\nconst DIR_UP = 0;\nconst DIR_LEFT = 1;\nconst DIR_RIGHT = 2;\nconst DIR_DOWN = 3;\n\nclass GridLogic {\n\tconstructor(w) {\n\t\tif (w.w) {\n\t\t\tthis.w = w.w;\n\t\t\tthis.h = w.h;\n\t\t\tthis.data = [...w.data];\n\t\t\tthis.grid = [...w.grid];\n\t\t} else {\n\t\t\tthis.w = w;\n\t\t\tthis.h = 1;\n\t\t\tthis.data = [];\n\t\t\tthis.grid = [];\n\t\t}\n\t}\n\tisFreeSlot(x, y) {\n\t\tconst i = y*this.w + x;\n\t\treturn !this.grid[i] && this.grid[i] !== 0;\n\t}\n\tgetMaxY(){\n\t\treturn this.data.reduce((acc, item) => { \n\t\t\tif (item?.y > acc) {\n\t\t\t\t acc = item.y; \n\t\t\t} \n\t\t\treturn acc; \n\t\t}, 0);\n\t}\n\tgetFreeSlots() {\n\t\tconst freeSlots = [];\n\t\tlet biggestY = this.getMaxY();\n\t\tlet totalSpaces = this.w * (biggestY+1);\n\t\tfor(let i=0; i < totalSpaces; i++){\n\t\t\tif (!this.grid[i] && this.grid[i] !== 0){\n\t\t\t\tthis.grid[i] = undefined;\n\t\t\t}\n\t\t}\n\t\tfor(let i =0; i < this.grid.length; i++){\n\t\t\tif (!this.grid[i] && this.grid[i] !== 0){\n\t\t\t\tlet x = i % this.w;\n\t\t\t\tlet y = Math.floor(i / this.w);\n\t\t\t\tfreeSlots.push({x, y});\n\t\t\t}\n\t\t}\n\t\treturn freeSlots;\n\t}\n\tadd(item, prefer) {\n\t\tlet occupiers = this.getItemsInFrame(item.frame);\n\t\tif (!occupiers.length) {\n\t\t\titem.frame.forEach(f => this.grid[f] = item.index);\n\t\t\tthis.data[item.index] = item;\n\t\t\tthis.h = Math.max(this.h, item.y + item.h);\n\t\t\treturn [];\n\t\t} else {\n\t\t\tconst intermGrid = new GridLogic(this);\n\t\t\t\n\t\t\titem.frame.forEach(f => intermGrid.grid[f] = -1);\n\n\t\t\tconst possiblities = intermGrid.tryMoving(occupiers, prefer);\n\t\t\tif (possiblities.length) {\n\t\t\t\tconst bestOption = possiblities.sort((a,b) => {\n\t\t\t\t\tif (a.cost === undefined)\n\t\t\t\t\t\ta.cost = a.moves.reduce((a, v) => a * v.cost, 1);\n\t\t\t\t\tif (b.cost === undefined)\n\t\t\t\t\t\tb.cost = b.moves.reduce((a, v) => a * v.cost, 1);\n\t\t\t\t\treturn a.cost > b.cost;\n\t\t\t\t});\n\t\t\t\tconst result = [];\n\t\t\t\tbestOption[0].moves.forEach(move => {\n\t\t\t\t\tconst currItem = {...this.data[move.index]};\n\t\t\t\t\tcurrItem.x += move.x;\n\t\t\t\t\tcurrItem.y += move.y;\n\t\t\t\t\tcurrItem.frame = this.getItemFrame(currItem);\n\t\t\t\t\tthis.h = Math.max(this.h, currItem.y + currItem.h);\n\t\t\t\t\tthis.remove(currItem);\n\t\t\t\t\tcurrItem.frame.forEach(f => this.grid[f] = currItem.index);\n\t\t\t\t\tthis.data[move.index] = currItem;\n\t\t\t\t\tresult[move.index] = {\n\t\t\t\t\t\tindex: currItem.index,\n\t\t\t\t\t\tx: currItem.x,\n\t\t\t\t\t\ty: currItem.y\n\t\t\t\t\t};\n\t\t\t\t});\n\t\t\t\titem.frame.forEach(f => this.grid[f] = item.index);\n\t\t\t\tthis.data[item.index] = item;\n\n\t\t\t\treturn result;\n\t\t\t} else {\n\t\t\t\tconsole.error('FATAL', \"can't arrange item on grid\");\n\t\t\t}\n\t\t}\n\t}\n\tmove(item, x, y) {\n\t\tif (item.data.place[this.w]?.pinned)\n\t\t\treturn [];\n\t\tif (item.x == x && item.y == y)\n\t\t\treturn [];\n\t\t\n\t\tthis.remove(item);\n\n\t\tlet prefer = undefined;\n\t\tif (item.x == x) {\n\t\t\tif (y-item.y > 0)\n\t\t\t\tprefer = DIR_UP;\n\t\t\telse\n\t\t\t\tprefer = DIR_DOWN;\n\t\t} else if (item.y == y) {\n\t\t\tif (x-item.x > 0)\n\t\t\t\tprefer = DIR_LEFT;\n\t\t\telse\n\t\t\t\tprefer = DIR_RIGHT;\n\t\t}\n\n\t\tconst originalFrame = Array.isArray(item.frame) ? [...item.frame] : [item.frame];\n\n\t\tconst currItem = {...item};\n\t\tcurrItem.x = x;\n\t\tcurrItem.y = y;\n\t\tcurrItem.frame = this.getItemFrame(currItem);\n\t\tlet occupiers = this.getItemsInFrame(currItem.frame);\n\t\t\n\t\t// does not update if the target conatins pinned widgets\n\t\tif (occupiers.some(frame => this.data[frame]?.data.place[this.w]?.pinned)) {\n\t\t\treturn [];\n\t\t}\n\t\t\n\t\t// checks if target contains widget with the same high and width\n\t\tlet occupiersData = occupiers.map(occupier => this.data[occupier]);\n\t\tlet occupiersFrame = occupiersData.map(occupier => occupier.frame).flat();\n\t\tif (!occupiersFrame.some(frame => !currItem.frame.includes(frame)) && !occupiersFrame.some(frame => originalFrame.includes(frame))){\n\t\t\tlet replaceUpdate = [];\n\t\t\tlet newOccupierFrames = [];\n\t\t\tfor(let f of originalFrame){\n\t\t\t\tif(newOccupierFrames.includes(f)){\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\t\t\t\tlet occ = occupiersData.shift();\n\t\t\t\tif(occ){\n\t\t\t\t\tnewOccupierFrames = [...newOccupierFrames, ...this.getItemFrame({ ...occ, ...this.getSingleFramePosition(f) })];\n\t\t\t\t\treplaceUpdate[occ.index] = { index: occ.index, ...this.getSingleFramePosition(f)}\n\t\t\t\t}\n\t\t\t}\n\t\t\treplaceUpdate[item.index] = { index: item.index, x, y };\n\t\t\t\n\t\t\treturn replaceUpdate;\n\t\t}\n\t\t\n\t\tconst updates = this.add(currItem, prefer);\n\t\tupdates[item.index] = {index: item.index, x, y};\n\t\treturn updates;\n\t}\n\tresize(item, w, h) {\n\t\tif (item.w == w && item.h == h)\n\t\t\treturn [];\n\t\tthis.remove(item);\n\n\t\tconst currItem = {...item};\n\t\tcurrItem.w = w;\n\t\tcurrItem.h = h;\n\t\tcurrItem.frame = this.getItemFrame(currItem);\n\t\t\n\t\tconst updates = this.add(currItem);\n\t\tif(updates)\n\t\t\tupdates[item.index] = {index: item.index, w, h, x:item.x, y:item.y, resize:true};\n\n\t\treturn updates;\n\t}\n\ttryMoving(index, prefer) {\n\t\tif (Array.isArray(index)) {\n\t\t\tindex.forEach(i => this.remove({index:i}));\n\t\t\tlet possiblities = [{grid: this, moves: []}];\n\t\t\tindex.forEach(i => {\n\t\t\t\tlet newPoss = [];\n\t\t\t\tpossiblities.forEach(possiblity => {\n\t\t\t\t\tpossiblity.grid.tryMoving(i, prefer).forEach(p => {\n\t\t\t\t\t\tpossiblity.moves\n\t\t\t\t\t\tp.moves = [...p.moves, ...possiblity.moves];\n\t\t\t\t\t\tnewPoss.push(p)\n\t\t\t\t\t});\n\t\t\t\t});\n\t\t\t\tpossiblities = newPoss;\n\t\t\t});\n\t\t\treturn possiblities;\n\t\t}\n\t\tconst directions = [DIR_UP, DIR_DOWN, DIR_LEFT, DIR_RIGHT];\n\n\t\tthis.remove({index});\n\n\t\tconst weight = 1 + .2*(this.data[index].weight || 0);\n\n\t\treturn directions.reduce((result, dir) => {\n\t\t\tlet res = this.tryMovingInDirection(dir, index, 1, (prefer === dir ? .5 : 1 + dir*.1) * weight);\n\t\t\tif (!res)\n\t\t\t\treturn result;\n\t\t\treturn [...result, ...res];\n\t\t}, []).filter(p => p);\n\t}\n\ttryMovingInDirection(dir, index, amount, cost) {\n\t\tconst move = {index, x:0, y: 0, cost: cost};\n\t\tlet targetframe;\n\t\tswitch(dir) {\n\t\t\tcase DIR_UP:\n\t\t\t\tif (this.data[index].data?.place[this.w]?.pinned || this.data[index].y - amount < 0)\n\t\t\t\t\treturn false;\n\t\t\t\ttargetframe = this.data[index].frame.map(i => i-this.w*amount);\n\t\t\t\tmove.y = -amount;\n\t\t\t\tbreak;\n\t\t\tcase DIR_DOWN:\n\t\t\t\tif (this.data[index].data?.place[this.w]?.pinned)\n\t\t\t\t\treturn false;\n\t\t\t\tif (this.data[index].y + this.data[index].h + amount > this.h)\n\t\t\t\t\tcost += .4;\n\t\t\t\ttargetframe = this.data[index].frame.map(i => i+this.w*amount);\n\t\t\t\tmove.y = amount;\n\t\t\t\tbreak;\n\t\t\tcase DIR_LEFT:\n\t\t\t\tif (this.data[index].data?.place[this.w]?.pinned || this.data[index].x - amount < 0)\n\t\t\t\t\treturn false;\n\t\t\t\ttargetframe = this.data[index].frame.map(i => i-amount);\n\t\t\t\tmove.x = -amount;\n\t\t\t\tbreak;\n\t\t\tcase DIR_RIGHT:\n\t\t\t\tif (this.data[index].data?.place[this.w]?.pinned || this.data[index].x + this.data[index].w + amount > this.w)\n\t\t\t\t\treturn false;\n\t\t\t\ttargetframe = this.data[index].frame.map(i => i+amount);\n\t\t\t\tmove.x = amount;\n\t\t\t\tbreak;\n\t\t}\n\n\t\tconst occupiers = this.getItemsInFrame(targetframe);\n\t\tif (occupiers.includes(-1)) {\n\t\t\treturn this.tryMovingInDirection(dir, index, amount+1, cost);\n\t\t}\n\t\t\n\t\tconst intermGrid = new GridLogic(this);\n\t\ttargetframe.forEach(f => intermGrid.grid[f] = -1);\n\t\t\n\t\tif (!occupiers.length) {\n\t\t\treturn [{grid: intermGrid, moves: [move]}];\n\t\t}\n\t\tconst possiblities = intermGrid.tryMoving(occupiers).map(possiblity => possiblity.moves.unshift(move) && possiblity);\n\t\treturn possiblities.length ? possiblities : false;\n\t}\n\tclearWeights() {\n\t\tthis.data.forEach(item => item.weight = undefined);\n\t}\n\tgetItemsInFrame(frame) {\n\t\treturn frame.map(i => this.grid[i]).filter((v,i,a) => (v || v === 0) && a.indexOf(v) === i);\n\t}\n\tremove(item) {\n\t\tthis.grid = this.grid.map(i => i != item.index ? i : undefined);\n\t}\n\tgetItemFrame(item) {\n\t\tconst frame = [];\n\t\tfor (let i = 0; i < item.w; i++)\n\t\t\tfor (let j = 0; j < item.h; j++)\n\t\t\t\tframe.push(i + item.x + (j + item.y) * this.w);\n\t\treturn frame;\n\t}\n\tgetSingleFramePosition(frame){\n\t\treturn { x: frame % this.w, y: Math.floor(frame / this.w)};\n\t}\n\tdebug() {\n\t\treturn this.grid;\n\t}\n}\n\nexport default GridLogic;","// TODO(chris): Comments\n\nimport GridItem from './Grid/Item.js';\nimport GridLogic from '../../composables/GridLogic.js';\n\nconst MODE_IDLE = 0;\nconst MODE_MOVE = 1;\nconst MODE_RESIZE = 2;\nconst MODE_MOUSE_DOWN = 3;\n\nexport default {\n\tname: 'Grid',\n\tcomponents: {\n\t\tGridItem,\n\t},\n\tprops: {\n\t\tcols: Number,\n\t\titems: Array,\n\t\titemsSetup: Object,\n\t\tresizeLimit: Function,\n\t\tactive: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true\n\t\t},\n\t\tmarginForExtraRow: {\n\t\t\ttype: Number,\n\t\t\tdefault: 0\n\t\t},\n\t\tadditionalRow:{\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t}\n\t},\n\temits: [\n\t\t\"rearrangeItems\",\n\t\t\"newItem\",\n\t\t\"gridHeight\",\n\t\t\"draggedItem\",\n\t\t\"update:additionalRow\"\n\t],\n\tdata() {\n\t\treturn {\n\t\t\tx: -1,\n\t\t\ty: -1,\n\t\t\tclientX:0,\n\t\t\tclientY: 0,\n\t\t\tmode: MODE_IDLE,\n\t\t\tgrid: null,\n\t\t\tdragGrid: null,\n\t\t\tpermUpdates: [],\n\t\t\tpositionUpdates: null,\n\t\t\tfixedPositionUpdates: null,\n\t\t\tdraggedOffset: [0,0],\n\t\t\tdraggedItem: null,\n\t\t\tdraggedNode: null,\n\t\t\treorderedItems:[],\n\t\t\tclonedWidget:null,\n\t\t}\n\t},\n\tinject:{\n\t\tsectionName: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\t},\n\tcomputed: {\n\t\tadditionalRowComputed: {\n\t\t\tget() {\n\t\t\t\treturn this.additionalRow;\n\t\t\t},\n\t\t\tset(value) {\n\t\t\t\tthis.$emit('update:additionalRow', value);\n\t\t\t}\n\t\t},\n\t\titems_hashmap() {\n\t\t\tlet items = {};\n\t\t\tthis.items.forEach(item => {\n\t\t\t\tif (this.reorderedItems.length > 0 && this.needsReordering(item)){\n\t\t\t\t\t\tlet rearrangedPosition = this.reorderedItems.filter(widget => widget.data.widgetid == item.widgetid)?.pop();\n\t\t\t\t\t\tif (rearrangedPosition) {\t\t\t\n\t\t\t\t\t\t\titem.x = rearrangedPosition.x;\n\t\t\t\t\t\t\titem.y = rearrangedPosition.y;\n\t\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\titems[`x${item.x}y${item.y}`] = item;\n\t\t\t});\t\n\t\t\treturn items\n\t\t},\n\t\titems_placeholders(){\n\t\t\tlet placeholders = [];\n\t\t\tlet col_max = this.cols;\n\t\t\tlet rows_max = this.rows;\n\n\t\t\t// occupied hashmap to keep track of the occupied cells\n\t\t\tlet occupied = {};\n\n\t\t\tfor (let y = 0; y < rows_max; y++) {\n\t\t\t\tfor (let x = 0; x < col_max; x++) {\n\t\t\t\t\t// skip current position if it was registered as occupied\n\t\t\t\t\tif (Object.keys(occupied).length && occupied[`x${x}y${y}`]) {\n\t\t\t\t\t\tcontinue;\n\t\t\t\t\t}\n\t\t\t\t\tlet current_item = this.items_hashmap[`x${x}y${y}`];\n\t\t\t\t\tif (current_item) {\n\t\t\t\t\t\t//calculate the occupied cells from the width and the height from the items \n\t\t\t\t\t\tlet width = current_item.w;\n\t\t\t\t\t\tlet height = current_item.h;\n\t\t\t\t\t\tlet max_x = x + width - 1;\n\t\t\t\t\t\tlet max_y = y + height - 1;\n\t\t\t\t\t\tif(x != max_x || y != max_y){\n\t\t\t\t\t\t\tfor (let occupied_y = y; occupied_y <= max_y; occupied_y++) {\n\t\t\t\t\t\t\t\tfor (let occupied_x = x; occupied_x <= max_x; occupied_x++) {\n\t\t\t\t\t\t\t\t\tif (occupied_x != x || occupied_y != y) {\n\t\t\t\t\t\t\t\t\t\toccupied[`x${occupied_x}y${occupied_y}`]=true;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\telse {\n\t\t\t\t\t\tplaceholders.push({ x: x, y: y, w: 1, h: 1, placeholder: true, \n\t\t\t\t\t\t\tdata: { id: 'placeholder_' + String(placeholders.length).padStart(4, \"0\") } });\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn placeholders;\n\t\t},\n\t\tplacedItems_withPlaceholders() {\n\t\t\treturn [...this.placedItems, ...this.items_placeholders];\n\t\t},\n\t\trows() {\n\t\t\tif (this.additionalRowComputed) {\n\t\t\t\t\treturn this.grid ? (this.grid.h+1) : 1;\n\t\t\t}\n\t\t\treturn this.grid ? this.grid.h : 1;\n\t\t\t\n\t\t},\n\t\tgridStyle() {\n\t\t\tconst addH = this.active ? this.marginForExtraRow : 0;\n\t\t\treturn {\n\t\t\t\t'--fhc-dg-row-height': 100/(this.rows + addH) + '%',\n\t\t\t\t'--fhc-dg-col-width': 100/this.cols + '%',\n\t\t\t\t'--fhc-dg-item-padding-horizontal': '0.25%',\n\t\t\t\t'--fhc-dg-item-padding-top': '0.5%',\n\t\t\t\t'padding-bottom': 100 * (this.rows + addH)/this.cols + '%'\n\t\t\t}\n\t\t},\n\t\tindexedItems() {\n\t\t\treturn this.items.map(\n\t\t\t\t(item, index) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\tindex: index,\n\t\t\t\t\t\tx: item.x,\n\t\t\t\t\t\ty: item.y,\n\t\t\t\t\t\tw: item.w,\n\t\t\t\t\t\th: item.h,\n\t\t\t\t\t\tweight: item.weight || 0,\n\t\t\t\t\t\tdata: item\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t);\n\t\t},\n\t\tprePlacedItems() {\n\t\t\tif (!this.fixedPositionUpdates)\n\t\t\t\treturn this.indexedItems;\n\t\t\treturn this.indexedItems.map(item => {\n\t\t\t\tif (!this.fixedPositionUpdates[item.index])\n\t\t\t\t\treturn item;\n\t\t\t\treturn {\n\t\t\t\t\tindex: item.index,\n\t\t\t\t\tweight: item.weight,\n\t\t\t\t\tdata: item.data,\n\t\t\t\t\tx: this.fixedPositionUpdates[item.index].x === undefined ? item.x : this.fixedPositionUpdates[item.index].x,\n\t\t\t\t\ty: this.fixedPositionUpdates[item.index].y === undefined ? item.y : this.fixedPositionUpdates[item.index].y,\n\t\t\t\t\tw: this.fixedPositionUpdates[item.index].w === undefined ? item.w : this.fixedPositionUpdates[item.index].w,\n\t\t\t\t\th: this.fixedPositionUpdates[item.index].h === undefined ? item.h : this.fixedPositionUpdates[item.index].h\n\t\t\t\t};\n\t\t\t});\n\t\t},\n\t\tplacedItems() {\n\t\t\tif (!this.positionUpdates)\n\t\t\t\treturn this.prePlacedItems;\n\t\t\tlet mappedPlacedItems= this.prePlacedItems.map(item => {\n\t\t\t\tif (!this.positionUpdates[item.index] )\n\t\t\t\t\treturn item;\n\t\t\t\tlet height_diff = this.positionUpdates[item.index]?.h - item.h;\n\t\t\t\tlet width_diff = this.positionUpdates[item.index]?.w - item.w;\n\t\t\t\treturn {\n\t\t\t\t\tresize: this.positionUpdates[item.index]?.resize,\n\t\t\t\t\tindex: item.index,\n\t\t\t\t\tweight: item.weight,\n\t\t\t\t\tdata: item.data,\n\t\t\t\t\tx: this.positionUpdates[item.index].x === undefined ? item.x : this.positionUpdates[item.index].x,\n\t\t\t\t\ty: this.positionUpdates[item.index].y === undefined ? item.y : this.positionUpdates[item.index].y,\n\t\t\t\t\tw: width_diff>0?item.w:this.positionUpdates[item.index].w === undefined ? item.w : this.positionUpdates[item.index].w,\n\t\t\t\t\th: height_diff > 0 ?item.h:this.positionUpdates[item.index].h === undefined ? item.h : this.positionUpdates[item.index].h\n\t\t\t\t\t\n\t\t\t\t};\n\t\t\t});\n\n\t\t\tlet temporaryResizeItems = [];\n\t\t\tmappedPlacedItems.forEach(item=>{\n\t\t\t\tif(item.resize){\n\t\t\t\t\tlet newItem = {\n\t\t\t\t\t\t...item,\n\t\t\t\t\t\tw:this.positionUpdates[item.index].w === undefined ? item.w : this.positionUpdates[item.index].w,\n\t\t\t\t\t\th:this.positionUpdates[item.index].h === undefined ? item.h : this.positionUpdates[item.index].h,\n\t\t\t\t\t\tresizeOverlay:true,\n\t\t\t\t\t\tblank:true,\n\t\t\t\t\t};\n\t\t\t\t\ttemporaryResizeItems.push(newItem)\n\t\t\t\t}\n\t\t\t})\n\t\t\treturn [...mappedPlacedItems, ...temporaryResizeItems];\n\t\t},\n\t\tshowEmptyTileHover() {\n\t\t\tif (!this.active || !this.grid || this.mode != MODE_IDLE || this.x < 0 || this.y < 0 || this.x >= this.cols || this.y >= this.rows)\n\t\t\t\treturn false;\n\t\t\treturn this.grid.isFreeSlot(this.x, this.y);\n\t\t},\n\t\twidgetSetup(){\n\t\t\tif (!this.widgetsSetup)\n\t\t\t\treturn;\n\t\t\treturn this.widgetsSetup.reduce((acc, ele) => { \n\t\t\t\tacc[ele.widget_id] =ele;\n\t\t\t\treturn acc;\n\t\t\t} ,{});\n\t\t},\n\t},\n\twatch: {\n\t\tactive(active) {\n\t\t\tif (!active)\n\t\t\t\tthis.dragCancel();\n\t\t},\n\t\tcols() {\n\t\t\tthis.dragCancel();\n\t\t},\n\t rows: {\n\t\t\thandler(value) {\n\t\t\t\tthis.$emit('gridHeight', value);\n\t\t\t},\n\t\t\timmediate: true\n\t\t},\n\t\tindexedItems: {\n\t\t\thandler(value) {\n\t\t\t\tthis.dragCancel();\n\n\t\t\t\tconst updated = this.createNewGrid(value);\n\n\t\t\t\tthis.fixedPositionUpdates = updated;\n\t\t\t\tif (updated.length)\n\t\t\t\t\tthis.$emit('rearrangeItems', updated.filter(v => v));\n\t\t\t},\n\t\t\timmediate: true,\n\t\t\tdeep: true\n\t\t}\n\t},\n\tmethods: {\n\t\tneedsReordering(item){\n\t\t\tif (!item?.data?.place[this.cols]){\n\t\t\t\treturn true;\n\t\t\t}\n\t\t\treturn false;\n\t\t},\n\t\ttoggleDraggedItemOverlay(condition){\n\t\t\tif(!this.draggedNode)\n\t\t\t\treturn;\n\t\t\tif(condition){\n\t\t\t\tthis.draggedNode.firstElementChild.classList.add(\"dashboard-item-overlay\");\n\t\t\t}else{\n\t\t\t\tthis.draggedNode.firstElementChild.classList.remove(\"dashboard-item-overlay\");\n\t\t\t}\n\t\t},\n\t\tdragging(event){\n\t\t\tif(this.mode == MODE_MOVE){\n\t\t\t\tthis.toggleDraggedItemOverlay(true);\n\t\t\t\t\n\t\t\t\tconst containerRect = this.$refs.container.getBoundingClientRect();\n\t\t\t\tconst clonedWidgetRect = this.clonedWidget.getBoundingClientRect();\n\t\t\t\t\n\t\t\t\tlet desiredTop = this.clientY - 20;\n\t\t\t\tlet desiredLeft = this.clientX - 15;\n\t\t\t\t\n\t\t\t\tconst minTop = 0;\n\t\t\t\tconst maxTop = containerRect.height - clonedWidgetRect.height;\n\t\t\t\tconst minLeft = 0;\n\t\t\t\tconst maxLeft = containerRect.width - clonedWidgetRect.width;\n\t\t\t\t\n\t\t\t\tconst constrainedTop = Math.max(minTop, Math.min(maxTop, desiredTop));\n\t\t\t\tconst constrainedLeft = Math.max(minLeft, Math.min(maxLeft, desiredLeft));\n\t\t\t\t\n\t\t\t\tthis.clonedWidget.style.top = `${constrainedTop}px`;\n\t\t\t\tthis.clonedWidget.style.left = `${constrainedLeft}px`;\n\t\t\t}\n\t\t},\n\t\tcreateNewGrid(items) {\n\t\t\tthis.grid = new GridLogic(this.cols);\n\t\t\tconst result = [];\n\t\t\tlet sortedItems = [...items].sort((a, b) => {\n\t\t\t\tif(this.needsReordering(a) && this.needsReordering(b)){\n\t\t\t\t\treturn 0;\n\t\t\t\t}\n\t\t\t\telse if(this.needsReordering(a)){\n\t\t\t\t\treturn 999;\n\t\t\t\t}\n\t\t\t\telse if(this.needsReordering(b)){\n\t\t\t\t\treturn -999;\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\treturn a.weight > b.weight;\n\t\t\t}); \n\t\t\tlet reorderedItems = [];\n\t\t\tsortedItems.forEach(item => {\n\t\t\t\tlet freeSlots = this.grid.getFreeSlots();\n\t\t\t\t\n\t\t\t\tif(this.needsReordering(item)){\n\t\t\t\t\tlet firstFreeSlot = freeSlots.shift();\n\t\t\t\t\tif (!firstFreeSlot) {\n\t\t\t\t\t\titem.x = 0;\n\t\t\t\t\t\titem.y = this.grid.h;\n\t\t\t\t\t}else{\n\t\t\t\t\t\titem.x = firstFreeSlot.x;\n\t\t\t\t\t\titem.y = firstFreeSlot.y;\n\t\t\t\t\t}\n\t\t\t\t\treorderedItems.push(item);\n\t\t\t\t\t\n\t\t\t\t}\n\t\t\t\tif (item.x + item.w > this.cols) {\n\t\t\t\t\tlet targetW = this.cols-item.x,\n\t\t\t\t\t\ttargetX = undefined;\n\t\t\t\t\tif (this.resizeLimit) {\n\t\t\t\t\t\t[targetW] = this.resizeLimit(item.data, targetW, item.h);\n\t\t\t\t\t}\n\t\t\t\t\tif (targetW < 1)\n\t\t\t\t\t\ttargetW = 1;\n\t\t\t\t\tif (targetW > this.cols)\n\t\t\t\t\t\ttargetW = this.cols;\n\t\t\t\t\tif (item.x + targetW > this.cols) {\n\t\t\t\t\t\ttargetX = this.cols - targetW;\n\t\t\t\t\t}\n\t\t\t\t\tif (targetW == item.w)\n\t\t\t\t\t\ttargetW = undefined;\n\t\t\t\t\tresult[item.index] = {\n\t\t\t\t\t\titem: item.data,\n\t\t\t\t\t\tx: targetX,\n\t\t\t\t\t\tw: targetW\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t\titem.frame = this.grid.getItemFrame(item);\n\t\t\t\tthis.convertGridResultToUpdate(this.grid.add(item), result, items);\n\t\t\t});\n\t\t\tthis.reorderedItems = reorderedItems;\n\t\t\tthis.grid.clearWeights();\n\t\t\treturn result;\n\t\t},\n\t\tconvertGridResultToUpdate(input, output, baseArray) {\n\t\t\t\n\t\t\tif (!input)\n\t\t\t\treturn;\n\t\t\tif (!baseArray)\n\t\t\t\tbaseArray = this.indexedItems;\n\t\t\tinput.forEach(item => {\n\t\t\t\tlet result = {\n\t\t\t\t\titem: baseArray[item.index].data\n\t\t\t\t};\n\t\t\t\tif (item.x !== undefined)\n\t\t\t\t\tresult.x = item.x;\n\t\t\t\tif (item.y !== undefined)\n\t\t\t\t\tresult.y = item.y;\n\t\t\t\tif (item.w !== undefined)\n\t\t\t\t\tresult.w = item.w;\n\t\t\t\tif (item.h !== undefined)\n\t\t\t\t\tresult.h = item.h;\n\t\t\t\toutput[item.index] = result;\n\t\t\t});\n\t\t},\n\t\tmouseLeave() {\n\t\t\t/* if (this.mode == MODE_IDLE) {\n\t\t\t\tthis.x = -1;\n\t\t\t\tthis.y = -1;\n\t\t\t\t\n\t\t\t} */\n\t\t},\n\t\tupdateCursor(evt) {\n\t\t\tif (!this.active) {\n\t\t\t\tthis.x = this.y = -1;\n\t\t\t\treturn false;\n\t\t\t}\n\t\t\tconst addH = this.active ? this.marginForExtraRow : 0;\n\t\t\tconst rect = this.$refs.container.getBoundingClientRect();\n\t\t\t\n\t\t\tif (!evt.clientX && !evt.clientY && evt.touches){\n\t\t\t\tevt.clientX = evt.touches[0].clientX;\n\t\t\t\tevt.clientY = evt.touches[0].clientY;\n\t\t\t}\n\n\t\t\tthis.clientX = (evt.clientX - rect.left);\n\t\t\tthis.clientY = (evt.clientY - rect.top);\n\t\t\tconst gridX = Math.floor(this.cols * (evt.clientX - rect.left) / this.$refs.container.clientWidth);\n\t\t\tconst gridY = Math.floor((this.rows + addH) * (evt.clientY - rect.top) / this.$refs.container.clientHeight);\n\t\t\t\n\t\t\tif (this.x == gridX && this.y == gridY)\n\t\t\t\treturn false;\n\t\t\t\n\t\t\tthis.x = gridX;\n\t\t\tthis.y = gridY;\n\n\t\t\treturn true;\n\t\t},\n\t\t_dragStart(evt, item) {\n\t\t\tif (evt.dataTransfer) {\n\t\t\t\tevt.dataTransfer.setDragImage(evt.target, -99999, -99999);\n\t\t\t\tevt.dataTransfer.dropEffect = 'move';\n\t\t\t\tevt.dataTransfer.effectAllowed = 'move';\n\t\t\t}\n\t\t},\n\t\tstartMove(evt, item) {\n\t\t\t\n\t\t\tif (!this.active)\n\t\t\t\treturn;\n\t\t\t\n\t\t\tthis.mode = MODE_MOVE;\n\t\t\t\n\t\t\tthis.draggedItem = item;\n\t\t\t\n\t\t\tthis.$emit('draggedItem', item);\n\t\t\t// workaround for chrome fireing event dragend when styles are manipulated during dragging\n\t\t\tsetTimeout(() => {\n\t\t\t\tthis.draggedNode = evt.target.closest(\".drop-grid-item\");\n\t\t\t\t//clones the widget for the drag Image\n\t\t\t\t\n\t\t\t\tlet clone = evt.target.closest(\".drop-grid-item\")?.cloneNode(true);\n\n\t\t\t\tclone.style.zIndex = 5;\n\t\t\t\tclone.classList.add(\"widgetClone\");\n\t\t\t\tthis.$refs.container.appendChild(clone);\n\t\t\t\tconst hiddenWidget = clone.querySelector(\"[style='display: none;']\");\n\t\t\t\thiddenWidget.style.removeProperty(\"display\");\n\t\t\t\tthis.clonedWidget = clone;\n\t\t\t}, 0);\n\n\t\t\tthis.draggedOffset = [item.x - this.x, item.y - this.y];\n\t\t\tthis._dragStart(evt, item);\n\t\t},\n\t\tstartResize(evt, item) {\n\t\t\tif (!this.active)\n\t\t\t\treturn;\n\t\t\tthis.mode = MODE_RESIZE;\n\t\t\tthis.draggedItem = item;\n\t\t\tthis.$emit('draggedItem', item);\n\t\t\tthis._dragStart(evt);\n\t\t},\n\t\tdragOver(evt) {\n\t\t\tif ((this.y + 1) > this.rows && (this.mode == MODE_MOVE || this.mode == MODE_RESIZE)) {\n\t\t\t\tthis.dragCancel();\n\t\t\t\t\n\t\t\t}\n\t\t\tif (!this.active)\n\t\t\t\treturn this.dragCancel();\n\t\t\tthis.checkPinnedWidgetAnimation();\n\t\t\tif(this.mode == MODE_RESIZE){\n\t\t\t\tthis.checkWidgetSizeLimitAnimation();\n\t\t\t}\n\t\t\tif (this.updateCursor(evt)) {\n\t\t\t\tswitch(this.mode) {\n\t\t\t\t\tcase MODE_MOVE: {\n\t\t\t\t\t\tevt.preventDefault();\n\t\t\t\t\t\tthis.dragGrid = new GridLogic(this.grid);\n\t\t\t\t\t\tlet x = this.x + this.draggedOffset[0];\n\t\t\t\t\t\tlet y = this.y + this.draggedOffset[1];\n\t\t\t\t\t\tif (x < 0) {\n\t\t\t\t\t\t\tthis.draggedOffset[0] += x;\n\t\t\t\t\t\t\tx = 0;\n\t\t\t\t\t\t} else if (x + this.draggedItem.w > this.cols) {\n\t\t\t\t\t\t\tthis.draggedOffset[0] += this.cols - this.draggedItem.w - x;\n\t\t\t\t\t\t\tx = this.cols - this.draggedItem.w;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif (y < 0) {\n\t\t\t\t\t\t\tthis.draggedOffset[1] += y;\n\t\t\t\t\t\t\ty = 0;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tthis.positionUpdates= this.dragGrid.move(this.draggedItem, x, y);\n\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\t\t\t\t\tcase MODE_RESIZE: {\n\t\t\t\t\t\tevt.preventDefault();\n\t\t\t\t\t\tthis.dragGrid = new GridLogic(this.grid);\n\t\t\t\t\t\tlet w = Math.min(this.cols - this.draggedItem.x, Math.max(1, this.x - this.draggedItem.x + 1));\n\t\t\t\t\t\tlet h = Math.max(1, this.y - this.draggedItem.y + 1);\n\t\t\t\t\t\tif (this.resizeLimit)\n\t\t\t\t\t\t\t[w, h] = this.resizeLimit(this.draggedItem.data, w, h);\n\t\t\t\t\t\tthis.positionUpdates = this.dragGrid.resize(this.draggedItem, w, h);\n\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\tdragCancel() {\n\t\t\tthis.removeWidgetClones();\n\t\t\tthis.additionalRowComputed = false;\n\t\t\tthis.toggleDraggedItemOverlay(false);\n\t\t\tthis.mode = MODE_IDLE;\n\t\t\tthis.positionUpdates = null;\n\t\t\tthis.draggedOffset = [0,0],\n\t\t\tthis.draggedItem = null;\n\t\t\tthis.$emit('draggedItem',null);\n\t\t\tthis.draggedNode = null;\n\t\t\t\n\t\t},\n\t\tdragEnd() {\n\t\t\tthis.removeWidgetClones();\n\t\t\tthis.toggleDraggedItemOverlay(false);\n\t\t\t\n\t\t\tif (this.mode == MODE_IDLE){\n\t\t\t\treturn;\n\t\t\t}\n\t\t\t// clean up unused classes\n\t\t\tlet draggedItemNode = document.getElementById(this.draggedItem.data.widgetid);\n\t\t\tdraggedItemNode.classList.remove(\"border-danger\");\n\t\t\tArray.from(document.getElementsByClassName(\"denied-dragging-animation\"))?.forEach(ele => {\n\t\t\t\tele.classList.remove(\"denied-dragging-animation\");\n\t\t\t})\n\t\t\t\n\t\t\t//if (!this.active || this.x < 0 || this.y < 0 || this.x >= this.cols)\n\t\t\t\t//return this.dragCancel();\n\n\t\t\tthis.mode = MODE_IDLE;\n\t\t\tlet updated = [];\n\t\t\tthis.convertGridResultToUpdate(this.positionUpdates, updated);\n\t\t\tupdated = this._updateFixedPositions(updated);\n\t\t\tif (updated.length)\n\t\t\t\tthis.$emit('rearrangeItems', updated.filter(v => v));\n\n\t\t\tthis.draggedItem = null;\n\t\t\tthis.draggedNode = null;\n\t\t\tthis.$emit('draggedItem', null);\n\t\t},\n\t\t_updateFixedPositions(updated) {\n\t\t\tupdated.forEach((item, index) => {\n\t\t\t\tif (!this.fixedPositionUpdates[index])\n\t\t\t\t\tthis.fixedPositionUpdates[index] = item;\n\t\t\t\telse\n\t\t\t\t\tthis.fixedPositionUpdates[index] = {...this.fixedPositionUpdates[index], ...item};\n\t\t\t});\n\t\t\tlet additionalUpdates = this.createNewGrid(this.prePlacedItems);\n\t\t\tif (additionalUpdates.length) {\n\t\t\t\t// NOTE(chris): this should never happen but it's here for safety\n\t\t\t\tadditionalUpdates.forEach((item, index) => updated[index] = item);\n\t\t\t\treturn this._updateFixedPositions(updated);\n\t\t\t}\n\t\t\treturn updated;\n\t\t},\n\t\temptyTileClicked() {\n\t\t\tthis.additionalRowComputed = false;\n\t\t\tthis.$emit('newItem', this.x, this.y);\n\t\t},\n\t\tupdateCursorOnMouseMove(evt){\n\t\t\tif(this.mode == MODE_IDLE){\n\t\t\t\tthis.updateCursor(evt);\n\t\t\t}\n\t\t},\n\t\tcheckPinnedWidgetAnimation(){\n\t\t\tlet itemAtPosition=[];\n\t\t\tswitch(this.mode){\n\t\t\t\tcase MODE_RESIZE:\n\t\t\t\t\tfor (let x = this.draggedItem.x; x <= this.x; x++) {\n\t\t\t\t\t\tfor (let y = this.draggedItem.y; y <= this.y; y++) {\n\t\t\t\t\t\t\tthis.items.forEach(item => {\n\t\t\t\t\t\t\t\tif (item.x == x && item.y == y) {\n\t\t\t\t\t\t\t\t\titemAtPosition.push(item);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\tbreak;\n\t\t\t\tcase MODE_MOVE:\n\t\t\t\t\titemAtPosition = this.items.filter(item=>item.x == this.x && item.y == this.y);\n\t\t\t\t\tbreak;\n\t\t\t}\n\t\t\t\n\t\t\tArray.from(document.getElementsByClassName(\"denied-dragging-animation\"))?.forEach(ele => {\n\t\t\t\tele.classList.remove(\"denied-dragging-animation\");\n\t\t\t})\n\n\t\t\titemAtPosition.forEach(item=>{\n\t\t\t\tif (item.place[this.cols] && item.place[this.cols].pinned) {\n\t\t\t\t\tlet pinnedWidget = document.getElementById(item.widgetid);\n\t\t\t\t\tlet pinNode = pinnedWidget.querySelector(\"[pinned='true']\");\n\t\t\t\t\tif (!pinNode.classList.contains(\"denied-dragging-animation\")) {\n\t\t\t\t\t\tpinNode.classList.add(\"denied-dragging-animation\");\n\t\t\t\t\t}\n\t\t\t\t}\t\n\t\t\t})\n\t\t},\n\t\tcheckWidgetSizeLimitAnimation() {\n\n\t\t\tlet draggedItemSetup = this.itemsSetup[this.draggedItem.data.widget];\n\t\t\tlet draggedItemMaxWidth = draggedItemSetup.width.max ?? draggedItemSetup.width;\n\t\t\tlet draggedItemMinWidth = draggedItemSetup.width.min ?? draggedItemSetup.width;\n\t\t\tlet draggedItemMaxHeight = draggedItemSetup.height.max ?? draggedItemSetup.height;\n\t\t\tlet draggedItemMinHeight = draggedItemSetup.height.min ?? draggedItemSetup.height;\n\t\t\tlet draggedItemNode = document.getElementById(this.draggedItem.data.widgetid);\n\n\t\t\tlet width_after_resize = this.x - this.draggedItem.x + 1; \n\t\t\tlet height_after_resize = this.y - this.draggedItem.y + 1; \n\t\t\tif( \n\t\t\t\t(width_after_resize > 0 && (width_after_resize > draggedItemMaxWidth\n\t\t\t\t|| width_after_resize < draggedItemMinWidth)\n\t\t\t\t)\n\t\t\t\t||\n\t\t\t\t(height_after_resize > 0 && (height_after_resize > draggedItemMaxHeight\n\t\t\t\t|| height_after_resize < draggedItemMinHeight)\n\t\t\t\t)\n\t\t\t){\n\t\t\t\tdraggedItemNode.classList.add(\"border-danger\");\n\t\t\t}else{\n\t\t\t\tdraggedItemNode.classList.remove(\"border-danger\");\n\t\t\t}\n\t\t},\n\t\tremoveWidgetClones(){\n\t\t\tlet widgetClones = Array.from(document.getElementsByClassName(\"widgetClone\"));\n\t\t\tfor (let i = 0; i < widgetClones.length; i++) {\n\t\t\t\tthis.$refs.container.removeChild(widgetClones[i]);\n\t\t\t}\n\t\t},\n\t\tmouseDown(){\n\t\t\tthis.mode = MODE_MOUSE_DOWN;\n\t\t},\n\t\tmouseUp() {\n\t\t\tthis.mode = MODE_IDLE;\n\t\t},\n\t},\n\ttemplate: `\n\t\n\t\t
\n\t\n\t\t\t\n\t\t
\n\t\n\t
`,\n};\n","export default {\n\tdata(){\n\t\treturn {\n\n\t\t}\n\t},\n\tmethods:{\n\t\tonEnter(el,done){\n\t\t\tel.style.height = '0';\n\t\t\tel.style.height = el.scrollHeight + 'px';\n\t\t},\n\t\tonLeave(el,done){\n\t\t\tel.style.height = el.scrollHeight + 'px';\n\t\t\tel.style.height = '0';\n\t\t}\n\t},\n\ttemplate:\n\t/*html*/`\n\t\t\n\t\t\n\t\t\t\n\t\t\t\t{{ widget ? 'Config for ' + widget.setup.name : '' }}\n\t\t\t\n\t\t\t\n\t\t\t\t \n\t\t\n\t\t\t\n\t\t \n\t\t
\n\t\n\t\t\t\n\t\t\t\t\n\t\t\t \n\t\t\t{{ widget.setup.name }}\n\t\t\t\n\t\t\t\t\n\t\t\t\t \n\t\t
\n\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\n \t\t\n \t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t
\n\t\t\n\t\t
\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t
\n\t\t![]()
\n\t\t
`,\n}","import BsConfirm from \"../Bootstrap/Confirm.js\";\nimport DropGrid from '../Drop/Grid.js'\nimport DashboardItem from \"./Item.js\";\nimport CachedWidgetLoader from \"../../composables/Dashboard/CachedWidgetLoader.js\";\nimport WidgetIcon from \"./Widget/WidgetIcon.js\"\n\nexport default {\n\tname: 'Section',\n\tcomponents: {\n\t\tDropGrid,\n\t\tDashboardItem,\n\t\tWidgetIcon,\n\t},\n\tinject: {\n\t\twidgetsSetup:{\n\t\t\ttype: Array,\n\t\t\tdefault: [],\n\t\t},\n\t\tadminMode: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t},\n\t\teditMode: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t}\n\t},\n\tprops: [\n\t\t\"name\",\n\t\t\"widgets\"\n\t],\n\temits: [\n\t\t\"widgetAdd\",\n\t\t\"widgetUpdate\",\n\t\t\"widgetRemove\"\n\t],\n\tdata() {\n\t\treturn {\n\t\t\tconfigOpened: false,\n\t\t\tgridWidth: 1,\n\t\t\tgridHeight: null,\n\t\t\tdraggedItem:null,\n\t\t\tadditionalRow:false,\n\t\t}\n\t},\n\tprovide() {\n\t\treturn {\n\t\t\teditModeIsActive: Vue.computed(() =>\n\t\t\t\tthis.editModeIsActive\n\t\t\t),\t\n\t\t\tsectionName: Vue.computed(() => this.name),\t\n\t\t}\n\t},\n\tcomputed: {\n\t\tcomputedWidgetsSetup(){\n\t\t\tif(!this.widgetsSetup) return {};\n\t\t\treturn this.widgetsSetup.reduce((acc, setup)=>{\n\t\t\t\tacc[setup.widget_id] = setup.setup;\n\t\t\t\treturn acc;\n\t\t\t},{})\n\t\t},\n\t\teditModeIsActive() {\n\t\t\treturn (this.editMode || this.adminMode) && !this.configOpened\t\n\t\t},\n\t\tgetSectionStyle() {\n\t\t\treturn 'margin-bottom: 8px;';\n\t\t},\n\t\titems() {\n\t\t\t// reuses the nearest placement of the widget from another viewport \n\t\t\t/* const computeNearestPlace = (item, gridWidth) =>{\n\t\t\t\tlet place;\n\t\t\t\tif (Object.keys(item.place).length > 0) {\n\t\t\t\t\tconst nearestIndex = Object.keys(item.place)\n\t\t\t\t\t\t\t\t\t\t\t .sort((a, b) => Math.abs(a - gridWidth) - Math.abs(b - gridWidth))\n\t\t\t\t\t\t\t\t\t\t\t .shift();\n\t\t\t\t\tplace = item.place[nearestIndex];\n\t\t\t\t}\n\t\t\t\telse{\n\t\t\t\t\tplace = { x: 0, y: 0, w: 1, h: 1 };\n\t\t\t\t}\n\t\t\t\treturn place;\n\t\t\t} */\n\t\t\t\n\t\t\tlet placedItems = this.widgets.map(item => {\n\t\t\t\tif(!item?.widgetid && item?.id){\n\t\t\t\t\titem.widgetid = item.id;\n\t\t\t\t}\n\t\t\t\treturn { ...item, reorder: false, ...(item.place[this.gridWidth] || { reorder: true, ...{ x: 0, y: 0, w: 1, h: 1 } })};\n\t\t\t});\n\t\t\treturn placedItems;\n\t\t\t\n\t\t},\n\t\t\n\t},\n\tmethods: {\n\t\tsectionNameTranslation(){\n\t\t\tswitch(this.name){\n\t\t\t\tcase \"general\": \n\t\t\t\t\treturn this.$p.t('dashboard',this.name); \n\t\t\t\t\tbreak;\n\t\t\t\tcase \"custom\":\n\t\t\t\t\treturn this.$p.t('dashboard',this.name);\n\t\t\t\t\tbreak;\n\t\t\t\tdefault:\n\t\t\t\t\treturn this.name;\n\t\t\t\t\tbreak;\n\t\t\t}\n\t\t},\n\t\tshowSectionInformation(){\n\t\t\tif (this.name == \"general\"){\n\t\t\t\treturn this.$p.t('dashboard', 'dashboardGeneralSectionDescription'); \n\t\t\t}\n\t\t\telse if(this.name == \"custom\"){\n\t\t\t\treturn this.$p.t('dashboard', 'dashboardCustomSectionDescription');\n\t\t\t}\n\t\t\telse{\n\t\t\t\treturn this.$p.t('dashboard', 'dashboardSectionDescription', [this.name]);\n\t\t\t}\n\t\t},\n\t\thandleConfigOpened() {\n\t\t\tthis.configOpened = true\n\t\t},\n\t\thandleConfigClosed() {\n\t\t\tthis.configOpened = false\n\t\t},\n\t\tcheckResizeLimit(item, w, h) {\n\t\t\t// NOTE(chris): widgets needs to be loaded for this to work\n\t\t\tlet widget = CachedWidgetLoader.getWidget(item.widget);\n\t\t\tif (widget) {\n\t\t\t\tlet minmaxW = widget.setup.width;\n\t\t\t\tif (minmaxW.max)\n\t\t\t\t\tminmaxW.min = minmaxW.min || 1;\n\t\t\t\telse\n\t\t\t\t\tminmaxW = {min:minmaxW,max:minmaxW};\n\t\t\t\tif (w < minmaxW.min)\n\t\t\t\t\tw = minmaxW.min; \n\t\t\t\tif (w > minmaxW.max)\n\t\t\t\t\tw = minmaxW.max;\n\n\t\t\t\tlet minmaxH = widget.setup.height;\n\t\t\t\tif (minmaxH.max)\n\t\t\t\t\tminmaxH.min = minmaxH.min || 1;\n\t\t\t\telse\n\t\t\t\t\tminmaxH = {min:minmaxH,max:minmaxH};\n\t\t\t\tif (h < minmaxH.min)\n\t\t\t\t\th = minmaxH.min;\n\t\t\t\tif (h > minmaxH.max)\n\t\t\t\t\th = minmaxH.max;\n\t\t\t}\n\t\t\treturn [w, h];\n\t\t},\n\t\tremoveWidget(item, revert) {\n\t\t\tif (item.custom) {\n\t\t\t\tBsConfirm.popup('Are you sure you want to delete this widget?').then(() => this.$emit('widgetRemove', this.name, item.id));\n\t\t\t} else {\n\t\t\t\tlet update = {};\n\t\t\t\tupdate[item.id] = { hidden: !revert };\n\t\t\t\tthis.updatePreset(update);\n\t\t\t}\n\t\t},\n\t\tsaveConfig(config, item) {\n\t\t\tlet payload = {};\n\t\t\tpayload[item.id] = { config };\n\t\t\tthis.updatePreset(payload);\n\t\t},\n\t\tupdatePositions(updated, pinned=false) {\n\t\t\tlet result = {};\n\t\t\tupdated.forEach(update => {\n\t\t\t\t\n\t\t\t\tlet item = {...update.item};\n\t\t\t\tif (!item.placeholder) {\n\t\t\t\tif (!item.place[this.gridWidth])\n\t\t\t\t\titem.place[this.gridWidth] = {x: 0, y: 0, w: 1, h: 1};\n\t\t\t\tdelete item.x;\n\t\t\t\tdelete item.y;\n\t\t\t\tdelete item.w;\n\t\t\t\tdelete item.h;\n\t\t\t\tdelete item.place[this.gridWidth].pinned;\n\t\t\t\tif (update.x !== undefined)\n\t\t\t\t\titem.place[this.gridWidth].x = update.x;\n\t\t\t\tif (update.y !== undefined)\n\t\t\t\t\titem.place[this.gridWidth].y = update.y;\n\t\t\t\tif (update.w !== undefined)\n\t\t\t\t\titem.place[this.gridWidth].w = update.w;\n\t\t\t\tif (update.h !== undefined)\n\t\t\t\t\titem.place[this.gridWidth].h = update.h;\n\t\t\t\tif (pinned){\n\t\t\t\t\titem.place[this.gridWidth].pinned = true;\n\t\t\t\t}\n\n\t\t\t\tresult[item.id] = item;\n\t\t\t\t}\n\t\t\t});\n\t\t\tthis.updatePreset(result);\n\t\t},\n\t\tupdatePreset(update) {\n\t\t\tlet payload = {};\n\t\t\tpayload[this.name] = update;\n\t\t\tthis.$emit('widgetUpdate', this.name, payload);\n\t\t}\n\t},\n\tmounted() {\n\t\tlet self = this;\n\t\tlet cont = self.$refs.container;\n\t\tself.gridWidth = parseInt(window.getComputedStyle(cont).getPropertyValue('--fhc-dashboard-grid-size'));\n\t\t\n\t\twindow.addEventListener('resize', () => {\n\t\t\tself.gridWidth = parseInt(window.getComputedStyle(cont).getPropertyValue('--fhc-dashboard-grid-size'));\n\t\t});\n\t},\n\ttemplate: `\n\t\n\t\t\t
\n\t{{ widget.setup.name || widget.widget_kurzbz }}
\n\t\t\t{{ widget.beschreibung }}
\n\t\t\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t \n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t \n\t
`\n}\n\n/*\nOLD VERSION - ON HOVER\n\n\t\n\n*/","import BsModal from \"../../Bootstrap/Modal.js\";\nimport WidgetIcon from \"./WidgetIcon.js\";\n\nexport default {\n\tcomponents: {\n\t\tBsModal,\n\t\tWidgetIcon,\n\t},\n\tprops: [\n\t\t\"widgets\"\n\t],\n\tdata: () => ({\n\t\tcallbacks: {}\n\t}),\n\tmethods: {\n\t\tgetWidget() {\n\t\t\treturn new Promise((resolve,reject) => {\n\t\t\t\tthis.callbacks = {resolve,reject};\n\t\t\t\tthis.$refs.modal.show();\n\t\t\t});\n\t\t},\n\t\tclose() {\n\t\t\tif (this.callbacks.reject)\n\t\t\t\tthis.callbacks.reject();\n\t\t\tthis.callbacks = {};\n\t\t},\n\t\tpick(widget_id) {\n\t\t\tif (this.callbacks.resolve)\n\t\t\t\tthis.callbacks.resolve(widget_id);\n\t\t\tthis.callbacks = {};\n\t\t\tthis.$refs.modal.hide();\n\t\t},\n\t\t\n\t},\n\ttemplate: ``\n}\n","export default {\n\t/**\n\t* Performs a deep merge of objects and returns new object. Does not modify\n\t* objects (immutable) and merges arrays via concatenation.\n\t*\n\t* @param {...object} objects - Objects to merge\n\t* @returns {object} New object with merged key/values\n\t*/\n\tmergeDeep(...objects) {\n\t\tconst isObject = obj => obj && typeof obj === 'object';\n\t\t\n\t\treturn objects.reduce((prev, obj) => {\n\t\t\tObject.keys(obj).forEach(key => {\n\t\t\t\tconst pVal = prev[key];\n\t\t\t\tconst oVal = obj[key];\n\t\t\t\t\n\t\t\t\tif (Array.isArray(pVal) && Array.isArray(oVal)) {\n\t\t\t\t\tprev[key] = pVal.concat(...oVal);\n\t\t\t\t}\n\t\t\t\telse if (isObject(pVal) && isObject(oVal)) {\n\t\t\t\t\tprev[key] = this.mergeDeep(pVal, oVal);\n\t\t\t\t}\n\t\t\t\telse {\n\t\t\t\t\tprev[key] = oVal;\n\t\t\t\t}\n\t\t\t});\n\t\t\t\n\t\t\treturn prev;\n\t\t}, {});\n\t}\n}","/**\n * Copyright (C) 2025 fhcomplete.org\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see \n\t\t\t\n\t\t\t{{sectionNameTranslation()}}:\n\t\t
\n\t\t\n\t\t\n\t\t
`\n}\n","/**\n * Copyright (C) 2024 fhcomplete.org\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see \n\t\t\t{{ $p.t('global/personalGreeting', [ viewDataInternal?.name ]) }}\n\t\t\t\n\t\t
\n\t\t- '\n\t\t\t\t\t\t\t\t\t+ msgs.join('')\n\t\t\t\t\t\t\t\t\t+ '
- ' + msgs.join('') + '
\n\t\t
\n\t`\n}\n","// TODO(chris): translate aria-labels\n\nexport default {\n\tname: \"CalendarHeaderDatepicker\",\n\tcomponents: {\n\t\tVueDatePicker\n\t},\n\tinject: [\n\t\t\"locale\",\n\t\t\"timezone\"\n\t],\n\tprops: {\n\t\tdate: {\n\t\t\ttype: luxon.DateTime,\n\t\t\trequired: true\n\t\t},\n\t\tmode: {\n\t\t\ttype: String,\n\t\t\trequired: true\n\t\t},\n\t\tlistLength: {\n\t\t\ttype: Number,\n\t\t\tdefault: 7\n\t\t}\n\t},\n\temits: [\n\t\t\"update:date\"\n\t],\n\tcomputed: {\n\t\tconvertedDate() {\n\t\t\t// convert to target TZ then strip TZ Information\n\t\t\t// so the datepicker can work with local times\n\t\t\treturn this.date.setZone(this.timezone).setZone('local', { keepLocalTime: true });\n\t\t},\n\t\tcurrent() {\n\t\t\tswitch (this.mode) {\n\t\t\tcase \"month\":\n\t\t\t\treturn {month: this.convertedDate.month-1, year: this.convertedDate.year};\n\t\t\tcase \"list\":\n\t\t\t\treturn [this.convertedDate.startOf('day').ts, this.convertedDate.startOf('day').plus({ days: this.listLength }).ts - 1];\n\t\t\tcase \"week\":\n\t\t\t\treturn [this.convertedDate.startOf('week', { useLocaleWeeks: true }).ts, this.convertedDate.endOf('week', { useLocaleWeeks: true }).ts];\n\t\t\tcase \"day\":\n\t\t\t\treturn this.convertedDate;\n\t\t\tdefault:\n\t\t\t\treturn null;\n\t\t\t}\n\t\t},\n\t\ttitle() {\n\t\t\tswitch (this.mode) {\n\t\t\tcase \"month\":\n\t\t\t\treturn this.date.toLocaleString({ month: 'long', year: 'numeric' });\n\t\t\tcase \"week\":\n\t\t\t\tvar year = this.date.localWeekYear;\n\t\t\t\tvar week = this.date.toFormat('nn');\n\t\t\t\treturn this.$p.t('calendar/year_kw', { year, week });\n\t\t\tcase \"list\":\n\t\t\t\treturn this.date.toLocaleString(luxon.DateTime.DATE_FULL) + '-' + this.date.plus({ days: this.listLength - 1 }).toLocaleString(luxon.DateTime.DATE_FULL);\n\t\t\tcase \"day\":\n\t\t\t\treturn this.date.toLocaleString(luxon.DateTime.DATE_FULL);\n\t\t\tdefault:\n\t\t\t\treturn 'View not Supported';\n\t\t\t}\n\t\t},\n\t\tweekStart() {\n\t\t\treturn luxon.Info.getStartOfWeek(this.date)%7;\n\t\t}\n\t},\n\tmethods: {\n\t\tupdate(value) {\n\t\t\tlet date;\n\t\t\tswitch (this.mode) {\n\t\t\tcase \"month\":\n\t\t\t\tvalue.month++;\n\t\t\t\tdate = luxon.DateTime.fromObject(value).setZone(this.timezone, { keepLocalTime: true }).setLocale(this.locale);\n\t\t\t\tbreak;\n\t\t\tcase \"list\":\n\t\t\tcase \"week\":\n\t\t\t\tdate = luxon.DateTime.fromJSDate(value[0]).setZone(this.timezone, { keepLocalTime: true }).setLocale(this.locale);\n\t\t\t\tbreak;\n\t\t\tcase \"day\":\n\t\t\t\tdate = luxon.DateTime.fromJSDate(value).setZone(this.timezone, { keepLocalTime: true }).setLocale(this.locale);\n\t\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\treturn; // Don't update if the value is invalid!\n\t\t\t}\n\t\t\tthis.$emit(\"update:date\", date);\n\t\t},\n\t\tweekNumbers(date) {\n\t\t\treturn luxon.DateTime.fromJSDate(date, { locale: this.locale }).localWeekNumber;\n\t\t}\n\t},\n\ttemplate: /* html */`\n\t\n\t\t\t
\n\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\t
\n\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t
\n\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t
\n\t\t\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\n\t\t\t\t
\n\t\t\n\t\n\t`\n}\n","const clickListeners = [];\n\nfunction saveAddClickListener(el, source, value) {\n\tconst index = clickListeners.findIndex(data => data.el == el);\n\tif (index >= 0) {\n\t\tel.removeEventListener('click', clickListeners[index].listener);\n\t\tclickListeners.splice(index, 1);\n\t}\n\tconst listener = evt => {\n\t\tevt.preventDefault();\n\t\tevt.stopPropagation();\n\t\tconst customEvent = new CustomEvent('cal-click', {\n\t\t\tcancelable: true,\n\t\t\tbubbles: true,\n\t\t\tdetail: { source, value }\n\t\t});\n\t\tevt.target.dispatchEvent(customEvent);\n\t}\n\tclickListeners.push({el, listener});\n\tel.addEventListener('click', listener);\n}\n\nexport default {\n\tmounted(el, binding, vnode) {\n\t\tif (binding.arg == 'container') {\n\t\t\tel.addEventListener('cal-click', evt => {\n\t\t\t\tconst customEvent = new Event('click:' + evt.detail.source, {\n\t\t\t\t\tcancelable: true\n\t\t\t\t});\n\t\t\t\tbinding.instance.$emit('click:' + evt.detail.source, customEvent, evt.detail.value);\n\t\t\t\tif (!customEvent.defaultPrevented) {\n\t\t\t\t\tconst finalEvent = new CustomEvent('cal-click-default', {\n\t\t\t\t\t\tcancelable: true,\n\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\tdetail: evt.detail\n\t\t\t\t\t});\n\t\t\t\t\tevt.target.dispatchEvent(finalEvent);\n\t\t\t\t}\n\t\t\t});\n\t\t} else {\n\t\t\tsaveAddClickListener(el, binding.arg, binding.value);\n\t\t}\n\t},\n\tupdated(el, binding, vnode, prevVnode) {\n\t\tif (binding.arg != 'container') {\n\t\t\tsaveAddClickListener(el, binding.arg, binding.value);\n\t\t}\n\t}\n}","import BaseDraganddrop from './Base/DragAndDrop.js';\nimport BaseHeader from './Base/Header.js';\nimport BaseSlider from './Base/Slider.js';\nimport BsModal from '../Bootstrap/Modal.js';\n\nimport CalClick from '../../directives/Calendar/Click.js';\n\nexport default {\n\tname: \"CalendarBase\",\n\tcomponents: {\n\t\tBaseDraganddrop,\n\t\tBaseHeader,\n\t\tBaseSlider,\n\t\tBsModal\n\t},\n\tdirectives: {\n\t\tCalClick\n\t},\n\tprovide() {\n\t\treturn {\n\t\t\tlocale: Vue.computed(() => this.locale),\n\t\t\ttimezone: Vue.computed(() => this.timezone),\n\t\t\ttimeGrid: Vue.computed(() => this.timeGrid),\n\t\t\tdraggableEvents: Vue.computed(() => {\n\t\t\t\tif (!this.draggableEvents)\n\t\t\t\t\treturn () => false;\n\n\t\t\t\tif (Array.isArray(this.draggableEvents))\n\t\t\t\t\treturn event => this.draggableEvents.includes(event.type);\n\t\t\t\tif (this.draggableEvents instanceof Function)\n\t\t\t\t\treturn this.draggableEvents;\n\t\t\t\t\n\t\t\t\treturn () => true;\n\t\t\t}),\n\t\t\tdropableEvents: Vue.computed(() => {\n\t\t\t\tif (!this.onDrop)\n\t\t\t\t\treturn () => false;\n\n\t\t\t\tif (Array.isArray(this.dropableEvents))\n\t\t\t\t\treturn item => this.dropableEvents.includes(item.type);\n\t\t\t\tif (this.dropableEvents instanceof Function)\n\t\t\t\t\treturn this.dropableEvents;\n\n\t\t\t\treturn () => true;\n\t\t\t}),\n\t\t\thasDragoverFunc: Vue.computed(() => this.onDragover),\n\t\t\tmode: Vue.computed(() => this.mode)\n\t\t};\n\t},\n\tprops: {\n\t\tlocale: {\n\t\t\ttype: String,\n\t\t\tdefault: 'de'\n\t\t},\n\t\ttimezone: {\n\t\t\ttype: String,\n\t\t\trequired: true\n\t\t},\n\t\tdate: {\n\t\t\ttype: [Date, String, Number, luxon.DateTime],\n\t\t\tdefault: props => luxon.DateTime.now().setZone(props.timezone).startOf('day')\n\t\t},\n\t\tmodes: {\n\t\t\ttype: Object,\n\t\t\trequired: true,\n\t\t\tdefault: {}\n\t\t\t// TODO(chris): verfication functions\n\t\t},\n\t\tmode: String,\n\t\tmodeOptions: Object,\n\t\tevents: {\n\t\t\ttype: Array,\n\t\t\tdefault: []\n\t\t},\n\t\tbackgrounds: {\n\t\t\ttype: Array,\n\t\t\tdefault: []\n\t\t},\n\t\tshowBtns: Boolean,\n\t\tbtnMonth: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: undefined\n\t\t},\n\t\tbtnWeek: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: undefined\n\t\t},\n\t\tbtnDay: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: undefined\n\t\t},\n\t\tbtnList: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: undefined\n\t\t},\n\t\ttimeGrid: Array,\n\t\tdraggableEvents: [Boolean, Array, Function],\n\t\tdropableEvents: [Boolean, Array, Function],\n\t\tonDragover: Function,\n\t\tonDrop: Function\n\t},\n\temits: [\n\t\t\"click:next\",\n\t\t\"click:prev\",\n\t\t\"click:mode\",\n\t\t\"click:event\",\n\t\t\"click:day\",\n\t\t\"click:week\",\n\t\t\"update:date\",\n\t\t\"update:mode\",\n\t\t\"update:range\",\n\t\t\"drop\"\n\t],\n\tdata() {\n\t\treturn {\n\t\t\tinternalView: null,\n\t\t\tinternalDate: null,\n\t\t\tmodalEvent: null\n\t\t};\n\t},\n\tcomputed: {\n\t\tconvertedEvents() {\n\t\t\treturn this.events.map(orig => ({\n\t\t\t\tid: orig.type + orig[orig.type + '_id'],\n\t\t\t\ttype: orig.type,\n\t\t\t\tstart: luxon.DateTime.fromISO(orig.isostart).setZone(this.timezone),\n\t\t\t\tend: luxon.DateTime.fromISO(orig.isoend).setZone(this.timezone),\n\t\t\t\torig\n\t\t\t}));\n\t\t},\n\t\tconvertedBackgrounds() {\n\t\t\treturn this.backgrounds.map(bg => {\n\t\t\t\tconst res = { ...bg };\n\t\t\t\tif (res.start) {\n\t\t\t\t\tif (Number.isInteger(res.start))\n\t\t\t\t\t\tres.start = luxon.DateTime.fromMillis(res.start, { zone: this.timezone, locale: this.locale });\n\t\t\t\t\telse if (res.start instanceof Date)\n\t\t\t\t\t\tres.start = luxon.DateTime.fromJSDate(res.start, { zone: this.timezone, locale: this.locale });\n\t\t\t\t\telse if (typeof res.start === \n\t\t\t\t\t\t'string' || res.start instanceof String)\n\t\t\t\t\t\tres.start = luxon.DateTime.fromISO(res.start, { zone: this.timezone, locale: this.locale });\n\t\t\t\t}\n\t\t\t\tif (res.end) {\n\t\t\t\t\tif (Number.isInteger(res.end))\n\t\t\t\t\t\tres.end = luxon.DateTime.fromMillis(res.end, { zone: this.timezone, locale: this.locale });\n\t\t\t\t\telse if (res.end instanceof Date)\n\t\t\t\t\t\tres.end = luxon.DateTime.fromJSDate(res.end, { zone: this.timezone, locale: this.locale });\n\t\t\t\t\telse if (typeof res.end === \n\t\t\t\t\t\t'string' || res.end instanceof String)\n\t\t\t\t\t\tres.end = luxon.DateTime.fromISO(res.end, { zone: this.timezone, locale: this.locale });\n\t\t\t\t}\n\t\t\t\treturn res;\n\t\t\t});\n\t\t},\n\t\tsDate() {\n\t\t\tif (this.date instanceof luxon.DateTime)\n\t\t\t\treturn this.date;\n\t\t\treturn luxon.DateTime.fromJSDate(new Date(this.date)).setZone(this.timezone);\n\t\t},\n\t\tcDate: {\n\t\t\tget() {\n\t\t\t\tconst date = this.internalDate ? this.internalDate : this.sDate;\n\t\t\t\treturn date.setLocale(this.locale);\n\t\t\t},\n\t\t\tset(value) {\n\t\t\t\tthis.internalDate = value;\n\t\t\t\tthis.$emit('update:date', value, this.cMode);\n\t\t\t}\n\t\t},\n\t\tsMode() {\n\t\t\t// choose default mode\n\t\t\tlet mode = this.mode;\n\t\t\tif (mode)\n\t\t\t\tmode = mode.toLowerCase();\n\t\t\tif (!mode || !this.modes[mode])\n\t\t\t\tmode = Object.keys(this.modes).find(Boolean); // start with first entry as active mode\n\t\t\treturn mode || '';\n\t\t},\n\t\tcMode: {\n\t\t\tget() {\n\t\t\t\treturn this.internalView ? this.internalView : this.sMode;\n\t\t\t},\n\t\t\tset(value) {\n\t\t\t\tthis.internalView = value;\n\t\t\t\tthis.$emit('update:mode', value, this.cDate);\n\t\t\t}\n\t\t}\n\t},\n\twatch: {\n\t\tsDate(n, o) {\n\t\t\tif (this.sDate.isValid && !this.sDate.hasSame(this.internalDate, 'day'))\n\t\t\t\tthis.internalDate = this.sDate;\n\t\t},\n\t\tsMode() {\n\t\t\tif (this.sMode)\n\t\t\t\tthis.internalView = this.sMode;\n\t\t}\n\t},\n\tmethods: {\n\t\tclickPrev() {\n\t\t\tconst evt = new Event('click:prev', {cancelable: true});\n\t\t\tthis.$emit('click:prev', evt);\n\t\t\tif (evt.defaultPrevented)\n\t\t\t\treturn;\n\n\t\t\t// default: switch page\n\t\t\tthis.$refs.mode.prevPage();\n\t\t},\n\t\tclickNext() {\n\t\t\tconst evt = new Event('click:next', {cancelable: true});\n\t\t\tthis.$emit('click:next', evt);\n\t\t\tif (evt.defaultPrevented)\n\t\t\t\treturn;\n\n\t\t\t// default: switch page\n\t\t\tthis.$refs.mode.nextPage();\n\t\t},\n\t\thandleClickDefaults(evt) {\n\t\t\t// TODO(chris): implement\n\t\t\tswitch (evt.detail.source) {\n\t\t\tcase 'day':\n\t\t\t\tif (this.cMode != 'day' && this.modes['day']) {\n\t\t\t\t\tevt.stopPropagation();\n\t\t\t\t\tthis.cDate = evt.detail.value;\n\t\t\t\t\tthis.cMode = 'day';\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\tcase 'week':\n\t\t\t\tif (this.cMode != 'week' && this.modes['week']) {\n\t\t\t\t\tevt.stopPropagation();\n\t\t\t\t\tthis.cDate = luxon.DateTime.fromObject({\n\t\t\t\t\t\tlocalWeekNumber: evt.detail.value.number,\n\t\t\t\t\t\tlocalWeekYear: evt.detail.value.year\n\t\t\t\t\t}, {\n\t\t\t\t\t\tzone: this.cDate.zoneName,\n\t\t\t\t\t\tlocale: this.cDate.locale\n\t\t\t\t\t});\n\t\t\t\t\tthis.cMode = 'week';\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\t}\n\t\t},\n\t\tonDropItem(evt, start, end) {\n\t\t\tthis.$emit('drop', evt, start, end);\n\t\t},\n\t\tshowEventModal(eventObj) {\n\t\t\tthis.modalEvent = eventObj;\n\t\t\tthis.$refs.modal.show();\n\t\t},\n\t\thideEventModal() {\n\t\t\tif (this.modalEvent)\n\t\t\t\tthis.modalEvent.closeFn = undefined;\n\t\t\tthis.$refs.modal.hide();\n\t\t\tthis.modalEvent = null;\n\t\t},\n\t\tonModalHidden() {\n\t\t\tif (this.modalEvent.closeFn)\n\t\t\t\tthis.modalEvent.closeFn();\n\t\t}\n\t},\n\tbeforeUnmount() {\n\t\tthis.hideEventModal();\n\t},\n\ttemplate: /* html */`\n\t\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\t\t \n\t
\n\t`\n}\n","/**\n * Copyright (C) 2025 fhcomplete.org\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see \n\t\t{{ start }}\n\t\t-\n\t\t{{ end }}\n\t
\n\t`\n}\n","import CalendarGrid from '../../Base/Grid.js';\nimport LabelDay from '../../Base/Label/Day.js';\nimport LabelDow from '../../Base/Label/Dow.js';\nimport LabelTime from '../../Base/Label/Time.js';\n\nimport { useResizeObserver } from '../../../../composables/Responsive.js';\n\nexport default {\n\tname: \"DayView\",\n\tcomponents: {\n\t\tCalendarGrid,\n\t\tLabelDay,\n\t\tLabelDow,\n\t\tLabelTime\n\t},\n\tinject: {\n\t\ttimeGrid: \"timeGrid\",\n\t\toriginalEvents: \"events\",\n\t\ttimezone: \"timezone\"\n\t},\n\tprops: {\n\t\tday: {\n\t\t\ttype: luxon.DateTime,\n\t\t\trequired: true\n\t\t},\n\t\temptyMessage: String,\n\t\temptyMessageDetails: String\n\t},\n\temits: [\n\t\t\"requestModalOpen\",\n\t\t\"requestModalClose\"\n\t],\n\tdata() {\n\t\treturn {\n\t\t\tchosenEvent: null,\n\t\t\tgridMainRef: null\n\t\t};\n\t},\n\tcomputed: {\n\t\taxisMain() {\n\t\t\treturn [this.day.startOf('day')];\n\t\t},\n\t\taxisParts() {\n\t\t\tif (this.timeGrid) {\n\t\t\t\t// create {start, end} array\n\t\t\t\treturn this.timeGrid.map(tu => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\tstart: luxon.Duration.fromISOTime(tu.start),\n\t\t\t\t\t\tend: luxon.Duration.fromISOTime(tu.end)\n\t\t\t\t\t};\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\t// create 07:00-23:00\n\t\t\t\treturn Array.from({ length: 17 }, (e, i) => luxon.Duration.fromObject({ hours: i + 7 }));\n\t\t\t}\n\t\t},\n\t\tevents() {\n\t\t\treturn this.originalEvents\n\t\t\t\t.filter(event => event.start < this.day.plus({ days: 1 }) && event.end > this.day)\n\t\t\t\t.sort((a, b) => a.start.ts - b.start.ts)\n\t\t\t\t.map(evt => evt.orig);\n\t\t},\n\t\tcurrentEvent() {\n\t\t\tif (this.chosenEvent) {\n\t\t\t\tif (this.events.find(e => e == this.chosenEvent))\n\t\t\t\t\treturn this.chosenEvent;\n\t\t\t}\n\t\t\tlet first = null;\n\t\t\tif (this.events)\n\t\t\t\tfirst = this.events.find(Boolean); // undefined => none found\n\n\t\t\tif (first && first.type == 'loading')\n\t\t\t\treturn null; // null => loading\n\n\t\t\treturn first;\n\t\t},\n\t\tisToday() {\n\t\t\treturn this.day.hasSame(luxon.DateTime.now().setZone(this.timezone), 'day');\n\t\t}\n\t},\n\twatch: {\n\t\tcompact() {\n\t\t\tif (this.compact) {\n\t\t\t\tif (this.chosenEvent) {\n\t\t\t\t\tthis.$emit('requestModalOpen', {\n\t\t\t\t\t\tevent: this.chosenEvent,\n\t\t\t\t\t\tcloseFn: () => { this.chosenEvent = null; }\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tthis.$emit('requestModalClose');\n\t\t\t}\n\t\t}\n\t},\n\tmethods: {\n\t\thandleClickDefaults(evt) {\n\t\t\tif (evt.detail.source == 'event') {\n\t\t\t\tthis.chosenEvent = evt.detail.value;\n\t\t\t\tif (this.compact) {\n\t\t\t\t\tthis.$emit('requestModalOpen', {\n\t\t\t\t\t\tevent: this.chosenEvent,\n\t\t\t\t\t\tcloseFn: () => { this.chosenEvent = null; }\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t},\n\tsetup() {\n\t\tconst container = Vue.ref(null); // use useTemplateRef when updating to Vue 3.5\n\t\tconst { compact } = useResizeObserver(container, 750);\n\n\t\treturn {\n\t\t\tcontainer, // must be exposed or it won't be set in Vue < 3.5\n\t\t\tcompact\n\t\t};\n\t},\n\tmounted() {\n\t\tthis.gridMainRef = this.$refs.grid.$refs.main;\n\t},\n\ttemplate: /* html */`\n\t\n\t\t\t\t\t evt.detail.source = 'day'\"\n\t\t\t\t\t\tv-bind=\"{ date }\"\n\t\t\t\t\t/>\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t
\n\t\t\t{{ emptyMessageDetails }}
\n\t\t\t\n\t\t\n\t\t\t\n\t\t\t\t
\n\t`\n}\n","import BaseSlider from '../Base/Slider.js';\nimport MonthView from './Month/View.js';\n\nexport default {\n\tname: \"ModeMonth\",\n\tcomponents: {\n\t\tBaseSlider,\n\t\tMonthView\n\t},\n\tprops: {\n\t\tcurrentDate: {\n\t\t\ttype: luxon.DateTime,\n\t\t\trequired: true\n\t\t}\n\t},\n\temits: [\n\t\t\"update:currentDate\",\n\t\t\"update:range\",\n\t\t\"click\",\n\t\t\"requestModalOpen\"\n\t],\n\tdata() {\n\t\treturn {\n\t\t\tfocusDate: this.currentDate,\n\t\t\trangeOffset: 0\n\t\t};\n\t},\n\tcomputed: {\n\t\trange() {\n\t\t\tlet first = this.focusDate.startOf('month').startOf('week', { useLocaleWeeks: true });\n\t\t\tlet last = first.plus({ days: 41 }).endOf('day'); // NOTE(chris): 6 weeks minus 1 day\n\n\t\t\tif (this.rangeOffset != 0) {\n\t\t\t\tconst nextFocusDate = this.focusDate.plus({ months: this.rangeOffset});\n\t\t\t\tconst nextRangeStart = nextFocusDate.startOf('month').startOf('week', { useLocaleWeeks: true });\n\t\t\t\tif (this.rangeOffset < 0) {\n\t\t\t\t\tfirst = nextRangeStart;\n\t\t\t\t} else {\n\t\t\t\t\tlast = nextRangeStart.plus({ days: 41 }).endOf('day');\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn luxon.Interval.fromDateTimes(first, last);\n\t\t}\n\t},\n\twatch: {\n\t\tcurrentDate() {\n\t\t\tif (this.currentDate.locale != this.focusDate.locale) {\n\t\t\t\tthis.focusDate = this.currentDate;\n\t\t\t\tthis.$emit('update:range', this.range);\n\t\t\t} else {\n\t\t\t\tthis.rangeOffset = this.currentDate.startOf('month').diff(this.focusDate.startOf('month'), 'months').months;\n\t\t\t\tif (this.rangeOffset) {\n\t\t\t\t\tthis.$emit('update:range', this.range);\n\t\t\t\t\tthis.$refs.slider.slidePages(this.rangeOffset).then(this.updatePage);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t},\n\tmethods: {\n\t\tprevPage() {\n\t\t\tthis.rangeOffset = this.$refs.slider.target - 1;\n\t\t\tthis.$emit('update:range', this.range);\n\t\t\tthis.$refs.slider.prevPage().then(this.updatePage);\n\t\t},\n\t\tnextPage() {\n\t\t\tthis.rangeOffset = this.$refs.slider.target + 1;\n\t\t\tthis.$emit('update:range', this.range);\n\t\t\tthis.$refs.slider.nextPage().then(this.updatePage);\n\t\t},\n\t\tupdatePage(months) {\n\t\t\tconst newFocusDate = this.focusDate.plus({ months });\n\t\t\tthis.focusDate = newFocusDate;\n\t\t\tthis.rangeOffset = 0;\n\t\t\tthis.$emit('update:currentDate', this.focusDate);\n\t\t\tthis.$emit('update:range', this.range);\n\t\t},\n\t\tviewAttrs(months) {\n\t\t\tconst day = this.focusDate.plus({ months });\n\t\t\treturn { day };\n\t\t},\n\t\thandleClickDefaults(evt) {\n\t\t\tswitch (evt.detail.source) {\n\t\t\tcase 'week':\n\t\t\t\t// default: Move to week if not in month\n\t\t\t\tlet dayInWeek = luxon.DateTime.fromObject({\n\t\t\t\t\tlocalWeekNumber: evt.detail.value.number,\n\t\t\t\t\tlocalWeekYear: evt.detail.value.year\n\t\t\t\t}, {\n\t\t\t\t\tzone: this.currentDate.zoneName,\n\t\t\t\t\tlocale: this.currentDate.locale\n\t\t\t\t});\n\n\t\t\t\tif (!this.focusDate.hasSame(dayInWeek.startOf('week', { useLocaleWeeks: true }), 'month')) {\n\t\t\t\t\tthis.$emit('update:currentDate', dayInWeek.startOf('week', { useLocaleWeeks: true }));\n\t\t\t\t} else if (!this.focusDate.hasSame(dayInWeek.endOf('week', { useLocaleWeeks: true }), 'month')) {\n\t\t\t\t\tthis.$emit('update:currentDate', dayInWeek.endOf('week', { useLocaleWeeks: true }));\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\tcase 'day':\n\t\t\t\t// default: Set current-date\n\t\t\t\tthis.$emit('update:currentDate', evt.detail.value);\n\t\t\t\tbreak;\n\t\t\tcase 'event':\n\t\t\t\t// default: Request Modal\n\t\t\t\tthis.$emit('requestModalOpen', { event: evt.detail.value });\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t},\n\tmounted() {\n\t\tthis.$emit('update:range', this.range);\n\t},\n\ttemplate: `\n\t\n\t\t\t\t\t evt.detail.source = 'day'\"\n\t\t\t\t\t/>\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t\n\t\t\n\t\t\t\n\t\t\t\t
\n\t`\n}\n","import CalClick from '../../../../directives/Calendar/Click.js';\n\nexport default {\n\tname: \"LabelWeek\",\n\tdirectives: {\n\t\tCalClick\n\t},\n\tprops: {\n\t\tdate: {\n\t\t\ttype: luxon.DateTime,\n\t\t\trequired: true\n\t\t}\n\t},\n\tcomputed: {\n\t\tweeks() {\n\t\t\tconst firstDay = this.date.startOf('week', { useLocaleWeeks: true });\n\t\t\tconst lastDay = this.date.endOf('week', { useLocaleWeeks: true });\n\n\t\t\tconst weeks = [\n\t\t\t\t{ number: firstDay.localWeekNumber, year: firstDay.localWeekYear },\n\t\t\t\t{ number: lastDay.localWeekNumber, year: lastDay.localWeekYear }\n\t\t\t];\n\t\t\tif (weeks[0].number == weeks[1].number)\n\t\t\t\tweeks.pop();\n\t\t\treturn weeks;\n\t\t}\n\t},\n\ttemplate: `\n\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t\n\t\t\n\t\t\t{{ week.number }}\n\t\t\n\t
\n\t`\n}\n","import FhcCalendar from \"./Base.js\";\n\nimport ApiLvPlan from '../../api/factory/lvPlan.js';\n\nimport { useEventLoader } from '../../composables/EventLoader.js';\n\nimport ModeDay from './Mode/Day.js';\nimport ModeWeek from './Mode/Week.js';\nimport ModeMonth from './Mode/Month.js';\n\nexport default {\n\tname: \"CalendarLvPlan\",\n\tcomponents: {\n\t\tFhcCalendar\n\t},\n\tinject: [\n\t\t\"renderers\"\n\t],\n\tprops: {\n\t\ttimezone: {\n\t\t\ttype: String,\n\t\t\trequired: true\n\t\t},\n\t\tdate: {\n\t\t\ttype: [Date, String, Number, luxon.DateTime],\n\t\t\tdefault: luxon.DateTime.local()\n\t\t},\n\t\tmode: {\n\t\t\ttype: String,\n\t\t\tdefault: 'Week'\n\t\t},\n\t\tgetPromiseFunc: {\n\t\t\ttype: Function,\n\t\t\trequired: true\n\t\t}\n\t},\n\temits: [\n\t\t\"update:date\",\n\t\t\"update:mode\",\n\t\t\"update:range\"\n\t],\n\tdata() {\n\t\treturn {\n\t\t\tmodes: {\n\t\t\t\tday: Vue.markRaw(ModeDay),\n\t\t\t\tweek: Vue.markRaw(ModeWeek),\n\t\t\t\tmonth: Vue.markRaw(ModeMonth)\n\t\t\t},\n\t\t\tmodeOptions: {\n\t\t\t\tday: {\n\t\t\t\t\temptyMessage: Vue.computed(() => this.$p.t('lehre/noLvFound')),\n\t\t\t\t\temptyMessageDetails: Vue.computed(() => this.$p.t('lehre/noLvFound'))\n\t\t\t\t},\n\t\t\t\tweek: {\n\t\t\t\t\tcollapseEmptyDays: false\n\t\t\t\t}\n\t\t\t},\n\t\t\tteachingunits: null\n\t\t};\n\t},\n\tcomputed: {\n\t\tbackgrounds() {\n\t\t\tlet now = luxon.DateTime.now().setZone(this.timezone);\n\n\t\t\tif (this.mode == 'Month')\n\t\t\t\treturn [\n\t\t\t\t\t{\n\t\t\t\t\t\tclass: 'background-past',\n\t\t\t\t\t\tend: now.startOf('day')\n\t\t\t\t\t}\n\t\t\t\t];\n\n\t\t\treturn [\n\t\t\t\t{\n\t\t\t\t\tclass: 'background-past',\n\t\t\t\t\tend: now,\n\t\t\t\t\tlabel: now.startOf('minute').toISOTime({ suppressSeconds: true, includeOffset: false })\n\t\t\t\t}\n\t\t\t];\n\t\t}\n\t},\n\tmethods: {\n\t\teventStyle(event) {\n\t\t\tif (!event.farbe)\n\t\t\t\treturn undefined;\n\t\t\treturn '--event-bg:#' + event.farbe;\n\t\t},\n\t\tupdateRange(rangeInterval) {\n\t\t\tthis.rangeInterval = rangeInterval;\n\t\t\tthis.$emit('update:range', rangeInterval);\n\t\t}\n\t},\n\tsetup(props, context) {\n\t\tconst rangeInterval = Vue.ref(null);\n\t\t\n\t\tconst { events, lv } = useEventLoader(rangeInterval, props.getPromiseFunc);\n\n\t\tVue.watch(lv, newValue => {\n\t\t\tcontext.emit('update:lv', newValue);\n\t\t});\n\n\t\treturn {\n\t\t\trangeInterval,\n\t\t\tevents,\n\t\t\tlv\n\t\t};\n\t},\n\tcreated() {\n\t\tthis.$api\n\t\t\t.call(ApiLvPlan.getStunden())\n\t\t\t.then(res => {\n\t\t\t\treturn this.teachingunits = res.data.map(el => ({\n\t\t\t\t\tid: el.stunde,\n\t\t\t\t\tstart: el.beginn,\n\t\t\t\t\tend: el.ende\n\t\t\t\t}));\n\t\t\t});\n\t},\n\ttemplate: /* html */`\n\t\n\t\t
\n\t\t
`\n};\n","import FhcCalendar from \"../../Calendar/LvPlan.js\";\n\nimport ApiLvPlan from '../../../api/factory/lvPlan.js';\nimport ApiAuthinfo from '../../../api/factory/authinfo.js';\n\nexport const DEFAULT_MODE_LVPLAN = 'Week'\n\nexport default {\n\tname: 'LvPlanPersonal',\n\tcomponents: {\n\t\tFhcCalendar\n\t},\n\tprops: {\n\t\tviewData: Object, // NOTE(chris): this is inherited from router-view\n\t\tpropsViewData: Object\n\t},\n\tdata() {\n\t\treturn {\n\t\t\tstudiensemester_kurzbz: null,\n\t\t\tstudiensemester_start: null,\n\t\t\tstudiensemester_ende: null,\n\t\t\tuid: null,\n\t\t\tisMitarbeiter: false,\n\t\t\tisStudent: false\n\t\t};\n\t},\n\tcomputed:{\n\t\tcurrentDay() {\n\t\t\tif (!this.propsViewData?.focus_date || isNaN(new Date(this.propsViewData?.focus_date)))\n\t\t\t\treturn luxon.DateTime.now().setZone(this.viewData.timezone).toISODate();\n\t\t\treturn this.propsViewData?.focus_date;\n\t\t},\n\t\tcurrentMode() {\n\t\t\tif (!this.propsViewData?.mode || !['day', 'week', 'month'].includes(this.propsViewData?.mode.toLowerCase()))\n\t\t\t\treturn DEFAULT_MODE_LVPLAN;\n\t\t\treturn this.propsViewData?.mode;\n\t\t},\n\t\tdownloadLinks() {\n\t\t\tif (!this.studiensemester_start || !this.studiensemester_ende || !this.uid)\n\t\t\t\treturn false;\n\n\t\t\tlet type = false;\n\t\t\ttype = this.isStudent ? 'student' : type;\n\t\t\ttype = this.isMitarbeiter ? 'lektor' : type;\n\t\t\tif (false === type)\n\t\t\t{\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst opts = { zone: this.viewData.timezone };\n\t\t\tconst start = luxon.DateTime\n\t\t\t\t.fromISO(this.studiensemester_start, opts)\n\t\t\t\t.toUnixInteger();\n\t\t\tconst ende = luxon.DateTime\n\t\t\t\t.fromISO(this.studiensemester_ende, opts)\n\t\t\t\t.toUnixInteger();\n\n\t\t\tconst download_link = FHC_JS_DATA_STORAGE_OBJECT.app_root\n\t\t\t\t+ 'cis/private/lvplan/stpl_kalender.php'\n\t\t\t\t+ '?type=' + type\n\t\t\t\t+ '&pers_uid=' + this.uid\n\t\t\t\t+ '&begin=' + start\n\t\t\t\t+ '&ende=' + ende;\n\n\t\t\treturn [\n\t\t\t\t{ title: \"excel\", icon: 'fa-solid fa-file-excel', link: download_link + '&format=excel' },\n\t\t\t\t{ title: \"csv\", icon: 'fa-solid fa-file-csv', link: download_link + '&format=csv' },\n\t\t\t\t{ title: \"ical1\", icon: 'fa-regular fa-calendar', link: download_link + '&format=ical&version=1&target=ical' },\n\t\t\t\t{ title: \"ical2\", icon: 'fa-regular fa-calendar', link: download_link + '&format=ical&version=2&target=ical' }\n\t\t\t];\n\t\t}\n\t},\n\tmethods: {\n\t\thandleChangeDate(day, newMode) {\n\t\t\treturn this.handleChangeMode(newMode, day);\n\t\t},\n\t\thandleChangeMode(newMode, day) {\n\t\t\tconst mode = newMode[0].toUpperCase() + newMode.slice(1)\n\t\t\tconst focus_date = day.toISODate();\n\t\t\t\n\t\t\tthis.$router.push({\n\t\t\t\tname: \"MyLvPlan\",\n\t\t\t\tparams: {\n\t\t\t\t\tmode,\n\t\t\t\t\tfocus_date\n\t\t\t\t}\n\t\t\t});\n\t\t},\n\t\tupdateRange(rangeInterval) {\n\t\t\tthis.$api\n\t\t\t\t.call(ApiLvPlan.studiensemesterDateInterval(\n\t\t\t\t\trangeInterval.end.startOf('week').toISODate()\n\t\t\t\t))\n\t\t\t\t.then(res => {\n\t\t\t\t\tthis.studiensemester_kurzbz = res.data.studiensemester_kurzbz;\n\t\t\t\t\tthis.studiensemester_start = res.data.start;\n\t\t\t\t\tthis.studiensemester_ende = res.data.ende;\n\t\t\t\t});\n\t\t},\n\t\tgetPromiseFunc(start, end) {\n\t\t\treturn [\n\t\t\t\tthis.$api.call(ApiLvPlan.eventsPersonal(start.toISODate(), end.toISODate())),\n\t\t\t\tthis.$api.call(ApiLvPlan.getLvPlanReservierungen(start.toISODate(), end.toISODate()))\n\t\t\t];\n\t\t}\n\t},\n\tcreated() {\n\t\tthis.$api\n\t\t\t.call(ApiAuthinfo.getAuthInfo())\n\t\t\t.then(res => {\n\t\t\t\tthis.uid = res.data.uid;\n\t\t\t\tthis.isMitarbeiter = res.data.isMitarbeiter;\n\t\t\t\tthis.isStudent = res.data.isStudent;\n\t\t\t});\n\t},\n\ttemplate: /*html*/`\n\t\n\t\t\t{{ $p.t('lehre/stundenplan') }}\n\t\t\t\n\t\t\t\t{{ lvTitle }}\n\t\t\t\n\t\t
\n\t\t\n\t\t
\n\t\t\t{{ $p.t('lehre/noLvFound') }}\n\t\t
\n\t\t\n\t\t
\n\t\t\n\t\t\t\n\t\t\t\t
\n\t\t\n\t`\n};\n","import BsModal from '../../../../../Bootstrap/Modal.js';\n\nconst pruefungen = {};\n\nexport default {\n\tcomponents: {\n\t\tBsModal\n\t},\n\tmixins: [\n\t\tBsModal\n\t],\n\tprops: {\n\t\tpruefungenData: Array|null,\n\t\tbezeichnung: String,\n\t\t/*\n\t\t * NOTE(chris): \n\t\t * Hack to expose in \"emits\" declared events to $props which we use \n\t\t * in the v-bind directive to forward all events.\n\t\t * @see: https://github.com/vuejs/core/issues/3432\n\t\t*/\n\t\tonHideBsModal: Function,\n\t\tonHiddenBsModal: Function,\n\t\tonHidePreventedBsModal: Function,\n\t\tonShowBsModal: Function,\n\t\tonShownBsModal: Function\n\t},\n\tdata: () => ({\n\t\tresult: true,\n\t}),\n\tmounted() {\n\t\tthis.modal = this.$refs.modalContainer.modal;\n\t},\n\tpopup(options) {\n\t\treturn BsModal.popup.bind(this)(null, options);\n\t},\n\ttemplate: `\n\t\t\t{{ $p.t('lehre/stundenplan') }}\n\t\t\t\n\t\t\t\t{{ studiensemester_kurzbz }}\n\t\t\t\n\t\t
\n\t\t\n\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t{{ title }}\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t
\n\t\t\t\n\t\t\t\tKeine Prüfungen vorhanden!\n\t\t\t
\n\t\t\t| \n\t\t\t\t\t | Datum | \n\t\t\t\t\tNote | \n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t
| {{pruefung.pruefungstyp_kurzbz}} | \n\t\t\t\t\t\t{{pruefung.datum}} | \n\t\t\t\t\t\t{{pruefung.note}} | \n\t\t\t\t\t
|---|
{{$p.t('lvinfo/lehrveranstaltungsinformationen')}}
\n\t\t\t\n\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t| {{$p.t('lehre/lehrveranstaltung')}} | \n\t\t\t\t\t\t\t{{bezeichnung}} | \n\t\t\t\t\t\t
|---|---|
| {{$p.t('lehre/studiengang')}} | \n\t\t\t\t\t\t\t{{studiengang_kuerzel}} | \n\t\t\t\t\t\t
| {{$p.t('lehre/semester')}} | \n\t\t\t\t\t\t\t{{semester}} | \n\t\t\t\t\t\t
| {{$p.t('lehre/studiensemester')}} | \n\t\t\t\t\t\t\t{{studien_semester}} | \n\t\t\t\t\t\t
| {{$p.t('lehre/organisationsform')}} | \n\t\t\t\t\t\t\t{{orgform_kurzbz}} | \n\t\t\t\t\t\t
| {{$p.t('lehre/lehrbeauftragter')}} | \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{{$p.t('lehre/keinLektorZugeordnet')}}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t | \n\t\t\t\t\t\t
| {{$p.t('lehre/lvleitung')}} | \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t | \n\t\t\t\t\t\t
| {{$p.t('global/sprache')}} | \n\t\t\t\t\t\t\t{{sprache}} | \n\t\t\t\t\t\t
| {{$p.t('lehre/ects')}} | \n\t\t\t\t\t\t\t{{ects}} | \n\t\t\t\t\t\t
| {{$p.t('lehre/incomingplaetze')}} | \n\t\t\t\t\t\t\t{{incoming}} | \n\t\t\t\t\t\t
| {{$p.t('lehre/organisationseinheit')}} | \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{{oe}} \n\t\t\t\t\t\t\t\t(\n\t\t\t\t\t\t\t\t{{$p.t('global/leitung')}}: {{oeLeitung.join(', ')}}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{{$p.t('global/koordination')}}: {{koordinator.join(', ')}}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t | \n\t\t\t\t\t\t
\n\t\t\t\t\t
`\n}\n","const categories = {};\nconst loadingModules = {};\n\nfunction extractCategory(obj, category) {\n\treturn obj.filter(e => e.category == category).reduce((res, elem) => {\n\t\tif (!res[elem.phrase])\n\t\t\tres[elem.phrase] = elem.text;\n\t\treturn res;\n\t}, {});\n}\nfunction reloadRefs(category) {\n\twhile (loadingModules[category].length) {\n\t\tvar v = loadingModules[category].pop();\n\t\tv[0].value = getValueForLoadedPhrase(category, v[1], v[2]);\n\t\tVue.triggerRef(v[0]);\n\t\t/*Vue.unref(v);*/\n\t}\n}\nfunction loadLazy(category, val, phrase, params) {\n\t// NOTE(chris): load module if it's not loaded yet\n\tif (loadingModules[category]) {\n\t\tloadingModules[category].push([val, phrase, params]);\n\t\tif (categories[category]) // NOTE(chris): this is for safety in case the loading finished the moment before the val was pushed into the array\n\t\t\treloadRefs(category);\n\t\treturn;\n\t}\n\tloadingModules[category] = [[val, phrase, params]];\n\n\taxios.get(FHC_JS_DATA_STORAGE_OBJECT.app_root + FHC_JS_DATA_STORAGE_OBJECT.ci_router + '/components/Phrasen/loadModule/' + category).then(res => {\n\t\tif (res.data.retval)\n\t\t\tcategories[category] = extractCategory(res.data.retval, category);\n\t\telse\n\t\t\tcategories[category] = {};\n\n\t\treloadRefs(category);\n\t}).catch(err => console.error(err));\n}\nfunction getValueForLoadedPhrase(category, phrase, params) {\n\tlet result = categories[category][phrase];\n\tif (!result)\n\t\treturn '<< PHRASE ' + phrase + '>>';\n\tif (params)\n\t\tresult = result.replace(/\\{([^}]*)\\}/g, (match, p1) => params[p1] === undefined ? match : params[p1]);\n\treturn result;\n}\n\n\nconst phrasen = {\n\tt_ref(category, phrase, params) {\n\t\tif (params === undefined && (\n\t\t\t(Array.isArray(category) && category.length == 2) ||\n\t\t\t(category.split && category.split('/').length == 2))\n\t\t\t) {\n\t\t\tparams = phrase;\n\t\t\t[category, phrase] = category.split ? category.split('/') : category;\n\t\t}\n\t\tif (phrase === undefined) {\n\t\t\tconsole.error('invalid input');\n\t\t\treturn '';\n\t\t}\n\t\tif (!categories[category]) {\n\t\t\t\n\t\t\tvar initialval = '';\n \t\t\tif (window.FHC_JS_PHRASES_STORAGE_OBJECT !== undefined) {\n \t\t\t\tvar tmp_category = extractCategory(FHC_JS_PHRASES_STORAGE_OBJECT, category);\n\t\t\t\tif(tmp_category[phrase] !== undefined ) {\n\t\t\t\t\tinitialval = tmp_category[phrase];\n\t\t\t\t}\n\t\t\t}\n\t\t\t\n\t\t\tif (!categories[category] || Object.keys(categories[category]).length === 0) {\n\t\t\t\tcategories[category] = undefined;\n\t\t\t\tlet val = Vue.ref(initialval);\n\t\t\t\tloadLazy(category, val, phrase, params);\n\t\t\t\treturn val;\n\t\t\t}\n\t\t}\n\t\tvar result = getValueForLoadedPhrase(category, phrase, params);\n\t\treturn Vue.ref(result);\n\t},\n\tt(category, phrase, params) {\n\t\treturn Vue.unref(this.t_ref(category, phrase, params));\n\t}\n};\n\nexport default {\n\tdata: () => {\n\t\treturn {\n\t\t\tp: phrasen\n\t\t}\n\t}\n}\n\n// Composable (wrapper for mixin)\nexport function usePhrasen() {\n\n\tfunction t(category, phrase, params) {\n\t\treturn phrasen.t(category, phrase, params);\n\t}\n\n\treturn {\t\t\n\t\tt,\n\t}\n\n}\n","\nexport default {\n\tprops:{\n\t\tmenu:{\n\t\t\ttype:Array,\n\t\t\tdefault:null,\n\t\t},\n\t\tcontainerStyles: Array,\n\t\trowStyles: Array,\n\t\thasLvPlanEintraege: {\n\t\t\trequired:false,\n\t\t\tdefault:true,\n\t\t\ttype:Boolean,\n\t\t},\n\t},\n\tdata(){\n\t\treturn{\n\t\t\t\n\t\t}\n\t},\n\tmethods:{\n\t\tc4_disabled: function (menuItem) {\n\t\t\tif (!this.c4_link(menuItem) && !menuItem.c4_moodle_links?.length) {\n\t\t\t\treturn true;\n\t\t\t}\n\t\t\tif (menuItem.id == \"addon_fhtw_menu_lvplan_lva\" && !this.hasLvPlanEintraege){\n\t\t\t\treturn true;\n\t\t\t}\n\t\t\treturn null;\n\t\t},\n\t\tc4_target: function (menuItem) {\n\t\t\tif (menuItem.c4_moodle_links?.length > 0) return null;\n\t\t\treturn menuItem.c4_target ?? null;\n\t\t},\n\t\tc4_link(menuItem) {\n\t\t\tif (!menuItem) return null;\n\t\t\tif (Array.isArray(menuItem.c4_moodle_links) && menuItem.c4_moodle_links.length) \n\t\t\t{\n\t\t\t\treturn null;\n\t\t\t}\n\t\t\telse\n\t\t\t{\n\t\t\t\treturn menuItem.c4_link ?? null;\n\t\t\t}\n\t\t},\n\t\tgetMenuName(menuItem) {\n\t\t\tif(menuItem.phrase) {\n\t\t\t\treturn this.$p.t(menuItem.phrase)\n\t\t\t} else {\n\t\t\t\treturn menuItem.name\n\t\t\t}\n\t\t}\n\t},\n\ttemplate:/*html*/`\n\t 1\" class=\"text-end\">\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t{{i.header}}
\n\t\t\t\t\t\t{{i.subheader}}
\n\t\t\t\t\t\t- \n\t\t\t\t\t\t\t
- {{e}} \n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t{{i.body}}\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t{{$p.t('lehre','lehrveranstaltungsUnavailable')}}
\n\t\n\t\t
\n\t`\n}","/**\n * Copyright (C) 2025 fhcomplete.org\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see \n\t\t\t
\n\t\n\t\t\t\t
\n\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t![]()
\n\t\t\t\t\t\t
\n\t\t\t{{ getMenuName(menuItem) }}
\n\t\t\t\t\t\t{{text}}\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\n\t
\n\t\n\t\t\n\t
`\n};","import MylvSemesterStudiengangLv from \"./Studiengang/Lv.js\";\nimport Phrasen from \"../../../../mixins/Phrasen.js\";\n\nexport default {\n\tcomponents: {\n\t\tMylvSemesterStudiengangLv\n\t},\n\tmixins: [\n\t\tPhrasen\n\t],\n\tprops: {\n\t\tbezeichnung: String,\n\t\tkuerzel: String,\n\t\tsemester: [String,Number],\n\t\tlvs: Array,\n\t\tsg_bezeichnung_eng: String\n\t},\n\tcomputed: {\n\t\tlehrveranstaltungen() {\n\t\t\treturn [... new Map(\n\t\t\t\tthis.lvs\n\t\t\t\t.map(lv => [\n\t\t\t\t\tlv.lehrveranstaltung_id, \n\t\t\t\t\tlv\n\t\t\t\t])\n\t\t\t).values()]\n\t\t}\n\t},\n\tmethods: {\n\t\tnote(lv) {\n\t\t\treturn lv.benotung ? lv.znote || lv.lvnote || null : null;\n\t\t}\n\t},\n\ttemplate: `\n\t\t
`\n};","import LvPruefungen from \"./Lv/Pruefungen.js\";\nimport LvInfo from \"./Lv/Info.js\";\nimport Phrasen from \"../../../../../mixins/Phrasen.js\";\nimport LvUebersicht from \"../../LvUebersicht.js\";\n\nimport ApiLehre from '../../../../../api/factory/lehre.js';\nimport ApiAddons from '../../../../../api/factory/addons.js';\n\n// TODO(chris): L10n\n\nexport default {\n\tcomponents:{\n\t\tLvUebersicht,\n\t},\n\tmixins: [\n\t\tPhrasen\n\t],\n\tinject: ['studien_semester'],\n\tprops: {\n\t\tlehrveranstaltung_id: Number,\n\t\tbezeichnung: String,\n\t\tbezeichnung_eng: String,\n\t\tmodule: String,\n\t\tfarbe: String,\n\t\tlvinfo: Boolean,\n\t\tbenotung: Boolean,\n\t\tlvnote: String,\n\t\tlvnotebez: Array,\n\t\tznote: String,\n\t\tznotebez: Array,\n\t\tstudiengang_kuerzel: String,\n\t\tsemester: [String, Number],\n\t\torgform_kurzbz: String,\n\t\tsprache: String,\n\t\tects: String,\n\t\tincoming: Number,\n\t\tpositiv: Boolean,\n\t\tnote_index: String\n\t},\n\tdata: () => {\n\t\treturn {\n\t\t\tpruefungenData: null,\n\t\t\tinfo: null,\n\t\t\tmenu: null,\n\t\t\tpreselectedMenuItem: null,\n\t\t}\n\t},\n\tcomputed: {\n\t\tgradeColor() {\n\t\t\t// early return if value is null or undefined\n\t\t\tif (this.positiv == null) return;\n\t\t\t// returns a suitable color for the given grade\n\t\t\tif (this.positiv)\n\t\t\t{\n\t\t\t\treturn 'var(--fhc-success)';\n\t\t\t}\n\t\t\telse\n\t\t\t{\n\t\t\t\treturn 'var(--fhc-danger)';\n\t\t\t}\n\t\t},\n\t\tis_organisatorische_einheit(){\n\t\t\treturn this.menu == \"organisatorische_einheit\";\n\t\t},\n\t\temptyMenu(){\n\t\t\treturn !this.menu || !Array.isArray(this.menu) || Array.isArray(this.menu) && this.menu.length == 0;\n\t\t},\n\t\tbodyStyle() {return {};\n\t\t\t/*const bodyStyle = {};\n\t\t\tif (this.farbe)\n\t\t\t\tbodyStyle['background-color'] = '#' + this.farbe;\n\t\t\treturn bodyStyle;*/\n\t\t},\n\t\tgrade() {\n\t\t\tconst languageIndex = this.$p.user_language.value === 'English' ? 1 : 0\n\t\t\tif(this.benotung && this.znotebez?.length) {\n\t\t\t\treturn this.znotebez[languageIndex]\n\t\t\t} else if(this.benotung && this.lvnotebez?.length) {\n\t\t\t\treturn this.lvnotebez[languageIndex]\n\t\t\t} else return null\n\t\t},\n\t\tLvHasPruefungenInformation(){\n\t\t\treturn this.pruefungenData && this.pruefungenData.length > 0;\n\t\t},\n\t},\n\tmethods: {\n\t\t\n\t\tfetchMenu(lehrveranstaltung_id = this.lehrveranstaltung_id, studien_semester = this.studien_semester) {\n\t\t\treturn this.$api\n\t\t\t\t.call(ApiAddons.getLvMenu(lehrveranstaltung_id, studien_semester))\n\t\t\t\t.then(res => {\n\t\t\t\t\tthis.menu = res.data;\n\t\t\t\t})\n\t\t\t\t.catch((error) => {\n\t\t\t\t\tthis.$fhcAlert.handleSystemError(error);\n\t\t\t\t\tthis.menu = [];\n\t\t\t\t});\n\t\t},\n\n\t\tc4_link(menuItem) {\n\t\t\tif (!menuItem) return null;\n\t\t\tif (Array.isArray(menuItem.c4_moodle_links) && menuItem.c4_moodle_links.length) {\n\t\t\t\treturn '#';\n\t\t\t}\n\t\t\telse {\n\t\t\t\treturn menuItem.c4_link ?? null;\n\t\t\t}\n\t\t},\n\t\topenLvOption(menuItem){\n\t\t\tif (menuItem.id == \"core_menu_mailanstudierende\"){\n\t\t\t\twindow.location.href = menuItem.c4_link;\n\t\t\t} else if (menuItem.id == \"core_menu_digitale_anwesenheitslisten\") {\n\t\t\t\twindow.location.href = menuItem.c4_link;\n\t\t\t} else{\n\t\t\t\tthis.preselectedMenuItem = menuItem;\n\t\t\t\tVue.nextTick(() => {\n\t\t\t\t\tthis.$refs.lvUebersicht.show();\n\t\t\t\t});\n\t\t\t}\n\t\t},\n\t\topenPruefungen() {\n\t\t\t// early return if the pruefungenData is empty or not set\n\t\t\tif (!this.LvHasPruefungenInformation) return;\n\n\t\t\tLvPruefungen.popup({\n\t\t\t\tpruefungenData: this.pruefungenData, \n\t\t\t\tbezeichnung: this.bezeichnung\n\t\t\t});\n\t\t},\n\t\topenInfos() {\n\t\t\tif (!this.info) {\n\t\t\t\tthis.info = true;\n\t\t\t\t// TODO(chris): load all this params on ajax?\n\t\t\t\tLvInfo.popup({\n\t\t\t\t\tlehrveranstaltung_id: this.lehrveranstaltung_id, \n\t\t\t\t\tbezeichnung: this.bezeichnung,\n\t\t\t\t\tbezeichnung_eng: this.bezeichnung_eng,\n\t\t\t\t\tstudiengang_kuerzel: this.studiengang_kuerzel,\n\t\t\t\t\tsemester: this.semester,\n\t\t\t\t\tstudien_semester: this.studien_semester,\n\t\t\t\t\torgform_kurzbz: this.orgform_kurzbz,\n\t\t\t\t\tsprache: this.sprache,\n\t\t\t\t\tects: this.ects,\n\t\t\t\t\tincoming: this.incoming\n\t\t\t\t}).then(() => this.info = false).catch(() => this.info = false);\n\t\t\t}\n\t\t}\n\t},\n\twatch:{\n\t\tstudien_semester(newValue){\n\t\t\tthis.fetchMenu(this.lehrveranstaltung_id, newValue);\n\t\t}\n\t},\n\tcreated() {\n\t\tthis.$api\n\t\t\t.call(ApiLehre.getStudentPruefungen(this.lehrveranstaltung_id))\n\t\t\t.then(res => res.data)\n\t\t\t.then(pruefungen => {\n\t\t\t\tthis.pruefungenData = pruefungen;\n\t\t\t}); \n\t},\n\tmounted() {\n\t\tthis.fetchMenu(this.lehrveranstaltung_id, this.studien_semester);\n\t},\n\ttemplate: /*html*/`\n\t\t\t
\n\t{{$p.user_language.value === 'English' ? sg_bezeichnung_eng : bezeichnung}} - {{kuerzel}}\n\t\t\t\t{{semester}}.{{$p.t('lehre/semester')}}\n\t\t\t
\n\t\t\t\n\t\t\t\t
\n\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t
`\n};","import MylvSemester from \"./Semester.js\";\nimport Phrasen from \"../../../mixins/Phrasen.js\";\n\n// TODO(chris): phrase: global/studiensemester_auswaehlen\n// TODO(chris): phrase: next & prev +aria-label\n\nexport default {\n\tcomponents: {\n\t\tMylvSemester\n\t},\n\tmixins: [\n\t\tPhrasen\n\t],\n\tdata: () => {\n\t\treturn {\n\t\t\tfirstLoad: true,\n\t\t\tstudiensemester: null,\n\t\t\tlvs: {},\n\t\t\tcurrentSemester: null\n\t\t};\n\t},\n\tcomputed: {\n\t\tready() {\n\t\t\treturn this.studiensemester !== null && (!this.firstLoad || this.current.lvs !== null);\n\t\t},\n\t\tcurrent() {\n\t\t\tif (this.currentSemester === null)\n\t\t\t\treturn { semester: null, lvs: [] };\n\t\t\tif (this.lvs[this.currentSemester] === undefined) {\n\t\t\t\tthis.lvs[this.currentSemester] = {\n\t\t\t\t\tsemester: this.currentSemester, \n\t\t\t\t\tlvs: null\n\t\t\t\t};\n\t\t\t\taxios.get(FHC_JS_DATA_STORAGE_OBJECT.app_root + FHC_JS_DATA_STORAGE_OBJECT.ci_router + '/components/Cis/Mylv/Lvs/' + this.currentSemester).then(res => {\n\t\t\t\t\tthis.lvs[this.currentSemester].lvs = res.data.retval || [];\n\t\t\t\t\tthis.firstLoad = false;\n\t\t\t\t});\n\t\t\t}\n\t\t\treturn this.lvs[this.currentSemester];\n\t\t},\n\t\tnearestSem() {\n\t\t\tlet now = Date.now();\n\t\t\tlet nearestSem = null;\n\t\t\tlet nearestSemDiff = 0;\n\t\t\tthis.studiensemester.forEach(sem => {\n\t\t\t\tlet start = new Date(sem.start);\n\t\t\t\tlet end = new Date(sem.ende);\n\t\t\t\tif (now >= start && now <= end) {\n\t\t\t\t\tnearestSem = sem.studiensemester_kurzbz;\n\t\t\t\t\tnearestSemDiff = 0;\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tlet diff = Math.min(Math.abs(now - start), Math.abs(now - end));\n\t\t\t\tif (nearestSem === null || diff < nearestSemDiff) {\n\t\t\t\t\tnearestSem = sem.studiensemester_kurzbz;\n\t\t\t\t\tnearestSemDiff = diff;\n\t\t\t\t}\n\n\t\t\t});\n\t\t\treturn nearestSem;\n\t\t},\n\t\tcurrentIsFirst() {\n\t\t\treturn this.studiensemester[0].studiensemester_kurzbz == this.currentSemester;\n\t\t},\n\t\tcurrentIsLast() {\n\t\t\treturn this.studiensemester[this.studiensemester.length-1].studiensemester_kurzbz == this.currentSemester;\n\t\t}\n\t},\n\tmethods: {\n\t\tprevSem() {\n\t\t\tthis.$refs.studiensemester.selectedIndex--;\n\t\t\tthis.$refs.studiensemester.dispatchEvent(new Event('change', { bubbles: true }));\n\t\t},\n\t\tnextSem() {\n\t\t\tthis.$refs.studiensemester.selectedIndex++;\n\t\t\tthis.$refs.studiensemester.dispatchEvent(new Event('change', { bubbles: true }));\n\t\t},\n\t\tupdateRouter(val) {\n\t\t\tthis.$router.push(`/Cis/MyLv/${val}`);\n\t\t}\n\t},\n\tcreated() {\n\t\taxios.get(FHC_JS_DATA_STORAGE_OBJECT.app_root + FHC_JS_DATA_STORAGE_OBJECT.ci_router + '/components/Cis/Mylv/Studiensemester').then(res => {\n\t\t\tthis.studiensemester = res.data.retval || [];\n\t\t\tconst routerStudiensemester = this.$route.params.studiensemester;\n\t\t\tif (routerStudiensemester && this.studiensemester.filter(s => s.studiensemester_kurzbz == routerStudiensemester).length)\n\t\t\t\tthis.currentSemester = routerStudiensemester;\n\t\t\telse\n\t\t\t\tthis.currentSemester = this.nearestSem;\n\t\t});\n\t},\n\tbeforeRouteUpdate(to, from, next){\n\t\tif (to.params.studiensemester && this.studiensemester.filter(s => s.studiensemester_kurzbz == to.params.studiensemester).length && to.params.studiensemester != this.currentSemester)\n\t\t\tthis.currentSemester = to.params.studiensemester;\n\t\tnext();\n\n\t},\n\ttemplate: `\n\n\t\n\t\t\t\n\t\t\t
\n\t\t{{ $p.t('lehre/organisationseinheit') }}:
\n\t\t\t{{$p.user_language.value === 'English' ? bezeichnung_eng : bezeichnung}}
\n\t\t\n\t\t\t\n\t\t\t\t
\n\t\t\n\t- \n\t\t\t\t\t
- \n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t{{$p.t('lehre/myLV')}}
\n\t\n\t
\n\t\t\n\t
\n\t\n\t\t\t
\n\t\t\n\t\t\t\t\n\t\t\t
\n\t\t\t\n\t\t\t\t
\n\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t{{$p.t('lehre/noLvFound')}}\n\t\t
\n\t\t\n\t\t\n\t
`\n};","/**\n * Copyright (C) 2022 fhcomplete.org\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see Loading...
\n\t\t{{ errorMessage }}
\n\t\t\n\t\t
\n\t`\n};\n\n","/**\n * Copyright (C) 2022 fhcomplete.org\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see \n\t\t\t
\n\t\n\t\t\t\t
\n\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\n\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tFilter {{ index + 1 }}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t
\n\t\n\t`\n};\n\n","/**\n * Copyright (C) 2022 fhcomplete.org\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see \n\t\t\t
\n\t\t\n\t\t\t\t\n\t\t\t\t\t{{ names[fieldToDisplay] || fieldToDisplay }}\n\t\t\t\t
\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t
\n\t\n\t`\n};\n\n","const elementDataMap = new WeakMap();\n\nexport default {\n\tmounted(el, binding) {\n\t\tlet open = false;\n\t\telementDataMap.set(el, evt => {\n\t\t\tif (!open)\n\t\t\t\treturn;\n\n\t\t\tif (el.contains(evt.target))\n\t\t\t\treturn;\n\n\t\t\tconst collapse = bootstrap.Collapse.getInstance(el)\n\t\t\tif (collapse)\n\t\t\t\tcollapse.hide();\n\t\t});\n\t\tel.addEventListener('shown.bs.collapse', () => {\n\t\t\topen = true;\n\t\t});\n\t\tel.addEventListener('hide.bs.collapse', () => {\n\t\t\topen = false;\n\t\t});\n\t\tdocument.addEventListener('click', elementDataMap.get(el), true);\n\t},\n\tbeforeUnmount(el, binding) {\n\t\tdocument.removeEventListener('click', elementDataMap.get(el));\n\t\tdelete el.collapsibleAutoHideFunc;\n\t}\n}","/**\n * This may need changes if Tabulator gets updated!\n *\n * Current working Version: 5.5.2\n * \n * This is a copy of the fitDataStretch function. The only difference\n * is the check for frozen columns on line 22.\n */\n\nexport default window.Tabulator?.extendModule(\"layout\", \"modes\", {\n\tfitDataStretchFrozen(columns, forced) {\n\t\tvar colsWidth = 0,\n\t\ttableWidth = this.table.rowManager.element.clientWidth,\n\t\tgap = 0,\n\t\tlastCol = false;\n\n\t\tcolumns.forEach((column, i) => {\n\t\t\tif (!column.widthFixed) {\n\t\t\t\tcolumn.reinitializeWidth();\n\t\t\t}\n\n\t\t\tif (this.table.options.responsiveLayout ? column.modules.responsive.visible : column.visible && !column.definition.frozen) {\n\t\t\t\tlastCol = column;\n\t\t\t}\n\n\t\t\tif (column.visible) {\n\t\t\t\tcolsWidth += column.getWidth();\n\t\t\t}\n\t\t});\n\n\t\tif (lastCol){\n\t\t\tgap = tableWidth - colsWidth + lastCol.getWidth();\n\n\t\t\tif (this.table.options.responsiveLayout && this.table.modExists(\"responsiveLayout\", true)) {\n\t\t\t\tlastCol.setWidth(0);\n\t\t\t\tthis.table.modules.responsiveLayout.update();\n\t\t\t}\n\n\t\t\tif (gap > 0) {\n\t\t\t\tlastCol.setWidth(gap);\n\t\t\t} else {\n\t\t\t\tlastCol.reinitializeWidth();\n\t\t\t}\n\t\t} else {\n\t\t\tif (this.table.options.responsiveLayout && this.table.modExists(\"responsiveLayout\", true)) {\n\t\t\t\tthis.table.modules.responsiveLayout.update();\n\t\t\t}\n\t\t}\n\t}\n});\n","/**\n * Copyright (C) 2025 fhcomplete.org\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see \n\t\t\t
\n\t\t\n\t\t\t\t
\n\t\t\n\t\t\t\t\t{{ title }}\n\t\t\t\t
\n\t\t\t\n\n\t\t\t\n\n\t\t\t\n\t\t\t\n\t\t\t\t
\n\t\t\n\n\t\t\n\t\t\n\t`\n};\n","export default {\n props: {\n data: Object,\n title: { type: String },\n },\n data() {\n return {};\n },\n created(){\n\n },\n template: /*html*/`\n\t0\">\n \n\t\t\t\t
\n\n\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t{{ selectedData.length }} ausgewählt\n\t\t\t\t\t\t Mit {{ selectedData.length }} ausgewählten:\n\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t[ {{ filterName }} ]\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n
\n\t`,\n};\n","export default {\n\tprops: {\n\t\tdata: {\n\t\t\ttype: String,\n\t\t}\n\t},\n\tdata() {\n\t\treturn {}\n\t},\n\ttemplate: /*html*/`\n \n {{title}}\n
\n \n
\n {{$p.t('profil','mailverteilerMitglied')}}
\n\n
\n \n
\n \n
\n \n \n
\n \n {{verteiler.beschreibung}}
\n \n
`,\n}","export default {\n\t//TODO: To be implemented\n\tprops: {\n\t\tdata: {\n\t\t\ttype: String,\n\t\t},\n\t\ttitle: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\t\tmobile: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t},\n\tmethods: {\n\t\thideCollapse: function () {\n\t\t\tthis.collapseOpen = false;\n\t\t},\n\t\tshowCollapse: function () {\n\t\t\tthis.collapseOpen = true;\n\t\t},\n\t},\n\tdata() {\n\t\treturn {\n\t\t\tcollapseOpen: false,\n\t\t};\n\t},\n\ttemplate: /*html*/ `\n\n {{$p.t('profil','fhAusweisStatus',[data])}}\n
\n \n \n \n
`,\n};\n","export default {\n props:{\n data:Object,\n view:String,\n withZustelladresse:{\n type:Boolean,\n default:true,\n },\n },\n data(){\n return{}\n },\n created(){\n \n },\n template:/*html*/`\n \n \n \n
\n \n \n {{title}}
\n \n \n\n \n \n
\n`\n};","export default{\n props:{\n view:String,\n data:Object,\n },\n data(){\n return {\n\n }\n },\n created(){\n\n }, \n template:/*html*/`\n\t\n \n \n
\n \n \n
\n \n \n \n
\n {{$p.t('person','strasse')}}
\n {{data.strasse}} \n \n
\n \n \n
\n {{$p.t('global','typ')}}
\n {{data.typ}} \n \n
\n \n
\n {{$p.t('person','ort')}}
\n {{data.ort}} \n \n
\n\n \n
\n {{$p.t('person','plz')}}
\n {{data.plz}} \n \n
\n \n
\n {{$p.t('person','zustelladresse')}}
\n \n \n
\n \n
\n\t\n`,\n};","export default {\n\tdata() {\n\t\treturn {};\n\t},\n\tprops: {\n\t\ttitle: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\t\tdata: {\n\t\t\ttype: Array,\n\t\t},\n\t},\n\ttemplate: /*html*/ `\n\n \n
\n \n \n \n
\n \n
\n \n
\n {{$p.t('global','anmerkung')}}
\n {{data.anmerkung}} \n \n \n \n
\n \n
`,\n};\n","export default {\n\tdata() {\n\t\treturn {}\n\t},\n\tprops: {\n\t\tdata: {\n\t\t\ttype: Object,\n\t\t},\n\t\ttitle: {\n\t\t\ttype: String,\n\t\t}\n\t},\n\tinject: {\n\t\t// inject info that should not be displayed\n\t\t'studiengang_kz': {\n\t\t\tfrom: 'studiengang_kz',\n\t\t\tdefault: false\n\t\t},\n\t},\n\tcomputed: {\n\t\tgetLinkGruppeListe() {\n\t\t\tif(this.studiengang_kz === false) {\n\t\t\t\treturn '';\n\t\t\t}\n\t\t\treturn this.data.gruppe?.value && this.data.verband?.value && this.data.semester?.value ? FHC_JS_DATA_STORAGE_OBJECT.app_root \n\t\t\t\t+ 'cis/private/stud_in_grp.php?kz='+this.studiengang_kz+'&sem=' + this.data.semester.value\n\t\t\t\t+ '&verband=' + this.data.verband.value + '&grp=' + this.data.gruppe.value : ''\n\t\t},\n\t\tgetLinkVerbandListe() {\n\t\t\tif(this.studiengang_kz === false) {\n\t\t\t\treturn '';\n\t\t\t}\n\t\t\treturn this.data.verband?.value && this.data.semester?.value ? FHC_JS_DATA_STORAGE_OBJECT.app_root \n\t\t\t\t+ 'cis/private/stud_in_grp.php?kz='+this.studiengang_kz+'&sem=' + this.data.semester.value\n\t\t\t\t+ '&verband=' + this.data.verband.value : ''\n\t\t},\n\t\tgetLinkSemesterListe() {\n\t\t\tif(this.studiengang_kz === false) {\n\t\t\t\treturn '';\n\t\t\t}\n\t\t\treturn this.data.semester?.value ? FHC_JS_DATA_STORAGE_OBJECT.app_root \n\t\t\t\t+ 'cis/private/stud_in_grp.php?kz='+this.studiengang_kz+'&sem=' + this.data.semester.value : ''\n\t\t}\n\t},\n\tcreated() {\n\t\t//TODO: check if data.Telefon is a valid telefon number to call before using it as a tel: link\n\t},\n\ttemplate: `\n \n {{title}}\n
\n \n \n
\n\n
\n \n\t\t\t\t\n\t\t\t\t\t
\n \n\t\t\t\t\t\t
\n\t\t\t\t\n \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t{{email?.type}}
\n\t\t\t\t\t\t\t\t{{email?.email}} \n\t\t\t\t\t\t\t \n
`\n};","/**\n * Copyright (C) 2025 fhcomplete.org\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see {{title}}
\n \n
\n\t\n\t\t\t\t
\n\t\t\n\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t{{entry.label }}
\n\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t{{entry.value ?? '-'}}\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{{ entry.value }}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{{ entry.value }}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{{ entry.value }}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t{{ entry.value ?? '-'}}\n\t\t\t\t\t\n\t\t\n\t\t
`\n}","export default {\n\temits: [\n\t\t'delete'\n\t],\n\tprops: {\n\t\tmodelValue: {\n\t\t\ttype: [File, Object],\n\t\t\trequired: true\n\t\t}\n\t},\n\tdata() {\n\t\treturn {\n\t\t\tpreview: ''\n\t\t};\n\t},\n\twatch: {\n\t\tmodelValue(n) {\n\t\t\tif (n.type == 'application/x.fhc-dms+json') {\n\t\t\t\tn.text().then(result => {\n\t\t\t\t\tconst obj = JSON.parse(result);\n\t\t\t\t\tthis.preview = obj.preview || '';\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\t},\n\ttemplate: `\n\t- \n\t\t\t
{{$p.t('profilUpdate','profilBildUpdateMessage',[titel])}}
\n\t\t\n\t\t\n\t\t\t\n\t\t\t\t
\n\t\t\t{{titel?titel:$p.t('global','titel')}}
\n\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t
\n\t\t\n\t\n\t
\n`,\n};\n","import Kontakt from \"../ProfilComponents/Kontakt.js\";\nimport EditKontakt from \"./EditProfilComponents/EditKontakt.js\";\nimport Adresse from \"../ProfilComponents/Adresse.js\";\nimport EditAdresse from \"./EditProfilComponents/EditAdresse.js\";\nimport Status from \"./EditProfilComponents/Status.js\";\nimport TextInputDokument from \"./EditProfilComponents/TextInputDokument.js\";\n\nexport default {\n\tname: 'EditProfilSelect',\n\tcomponents: {\n\t\tKontakt,\n\t\tEditKontakt,\n\t\tAdresse,\n\t\tEditAdresse,\n\t\tStatus,\n\t\tTextInputDokument,\n\t},\n\tinject: [\"profilUpdateTopic\", \"isMitarbeiter\"],\n\tprops: {\n\t\tlist: Object,\n\n\t\t//? Prop used to determine how many options the select should initially show\n\t\tsize: {\n\t\t\ttype: Number,\n\t\t\tdefault: null,\n\t\t},\n\t\t//? Content for the aria label of the select\n\t\tariaLabel: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\t\tprofilUpdate: String,\n\t\ttopic: String,\n\t\tbreadcrumb: String,\n\t},\n\temits: {\n\t\t//? update:modelValue event is needed to notify the v-model when the value has changed\n\t\t[\"update:profilUpdate\"]: null,\n\t\t[\"update:topic\"]: null,\n\t\t[\"update:breadcrumb\"]: null,\n\t\tsubmit: null,\n\t\tselect: null,\n\t},\n\tdata() {\n\t\treturn {\n\t\t\tview: null,\n\t\t\tdata: null,\n\t\t\tbreadcrumbItems: [],\n\t\t\tmodal_topic: this.topic,\n\t\t\tproperties: null,\n\t\t};\n\t},\n\n\tmethods: {\n\t\taddItem: function () {\n\t\t\tthis.view =\n\t\t\t\tthis.modal_topic == this.profilUpdateTopic[\"Private Kontakte\"]\n\t\t\t\t\t? \"EditKontakt\"\n\t\t\t\t\t: \"EditAdresse\";\n\n\t\t\t//? updates the topic when a Kontakt or an Address should be added\n\t\t\tthis.modal_topic =\n\t\t\t\tthis.modal_topic == this.profilUpdateTopic[\"Private Kontakte\"]\n\t\t\t\t\t? this.profilUpdateTopic[\"Add Kontakt\"]\n\t\t\t\t\t: this.profilUpdateTopic[\"Add Adresse\"];\n\t\t\tthis.$emit(\"update:topic\", this.modal_topic);\n\t\t\tthis.breadcrumbItems.push(this.modal_topic);\n\t\t\tthis.$emit(\"update:breadcrumb\", this.breadcrumbItems);\n\n\t\t\tthis.data =\n\t\t\t\tthis.view == \"EditAdresse\"\n\t\t\t\t\t? {\n\t\t\t\t\t\t//? add flag\n\t\t\t\t\t\tadd: true,\n\t\t\t\t\t\tadresse_id: null,\n\t\t\t\t\t\tstrasse: null,\n\t\t\t\t\t\ttyp: null,\n\t\t\t\t\t\tplz: null,\n\t\t\t\t\t\tort: null,\n\t\t\t\t\t\tzustelladresse: false,\n\t\t\t\t\t}\n\t\t\t\t\t: {\n\t\t\t\t\t\t//? add flag\n\t\t\t\t\t\tadd: true,\n\t\t\t\t\t\tkontakt_id: null,\n\t\t\t\t\t\tkontakttyp: null,\n\t\t\t\t\t\tkontakt: null,\n\t\t\t\t\t\tanmerkung: null,\n\t\t\t\t\t\tzustellung: false,\n\t\t\t\t\t};\n\t\t},\n\n\t\tdeleteItem: function (item) {\n\t\t\t//? delete flag\n\t\t\titem.data.delete = true;\n\t\t\tthis.$emit(\"update:profilUpdate\", item.data);\n\t\t\t//? updates the topic when a Kontakt or an Address should be deleted\n\n\t\t\tthis.modal_topic = this.modal_topic == this.profilUpdateTopic[\"Private Adressen\"]\n\t\t\t\t? this.profilUpdateTopic[\"Delete Adresse\"]\n\t\t\t\t: this.profilUpdateTopic[\"Delete Kontakt\"];\n\t\t\tthis.$emit(\"update:topic\", this.modal_topic);\n\t\t\tthis.$emit(\"submit\");\n\t\t},\n\n\t\tprofilUpdateEmit: function (event) {\n\t\t\t//? passes the updated profil information to the parent component\n\t\t\tthis.$emit(\"update:profilUpdate\", event);\n\t\t},\n\n\t\tupdateOptions: function (event, item) {\n\t\t\tthis.properties = item;\n\t\t\tthis.data = item.data;\n\t\t\tthis.view = item.view;\n\t\t\tif (item.title) {\n\t\t\t\t//? emits the selected topic to the parent component\n\t\t\t\tthis.modal_topic = item.topic;\n\t\t\t\tthis.$emit(\"update:topic\", this.modal_topic);\n\n\t\t\t\t//? emits the new item for the breadcrumb in the parent component\n\t\t\t\tthis.breadcrumbItems.push(item.title);\n\t\t\t} else {\n\t\t\t\tif (item.data.kontakttyp) {\n\t\t\t\t\tthis.breadcrumbItems.push(item.data.kontakttyp);\n\t\t\t\t\tthis.breadcrumbItems.push(item.data.kontakt);\n\t\t\t\t} else if (item.data.strasse) {\n\t\t\t\t\tthis.breadcrumbItems.push(item.data.strasse);\n\t\t\t\t}\n\t\t\t}\n\t\t\tthis.$emit(\"update:breadcrumb\", this.breadcrumbItems);\n\t\t},\n\t},\n\tcomputed: {},\n\tcreated() {\n\t\t//? JSON parse and stringify are used to deep clone the objects\n\t\tthis.properties = {...this.list};\n\t\tthis.data = this.list.data\n\t\t\t? JSON.parse(JSON.stringify(this.list.data))\n\t\t\t: null;\n\t\tthis.view = this.list.view\n\t\t\t? JSON.parse(JSON.stringify(this.list.view))\n\t\t\t: null;\n\t},\n\tmounted() {\n\t},\n\n\ttemplate: /*html*/ `\n \n \n
\n \n
\n \n \n
\n \n {{title}}\n
\n \n
\n\n \n \n
\n \n
\n \n \n \n
\n \n \n ![\"profile]()
\n \n
\n \n \n
\n\t\t\t\t\t\t\n \n
\n \n
\n \n
\n \n
\n \n
\n {{$p.t('profilUpdate','vorname')}}
\n {{name.vorname}} \n \n
\n \n
\n {{$p.t('profilUpdate','nachname')}}
\n {{name.nachname}} \n \n
\n \n
\n {{$p.t('profil',bez)}}
\n {{wert?wert:'-'}} \n \n \n
\n \n \n \n \n \n
\n \n \n {{item.title}}
\n \n\n \n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t
\n \n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{{ $p.t('profilUpdate','infoHeimatadresse') }}\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n \n
\n \n \n \n\n
\n `,\n};\n","import Dms from \"../../../../Form/Upload/Dms.js\";\n\nimport ApiProfil from '../../../../../api/factory/profil.js';\n\nexport default {\n components: {\n AutoComplete: primevue.autocomplete,\n\tDms: Dms\n },\n\n props: {\n data: Object,\n files: {\n type: Array,\n default: []\n },\n },\n\n inject: [\"getZustelladressenCount\", \"updateFileID\", \"isMitarbeiter\"],\n\n data() {\n return {\n gemeinden: [],\n ortschaftnamen: [],\n selectedNation: null,\n nationenList: [],\n originalValue: null,\n zustellAdressenCount: null,\n\t dmsData: [],\n\t fileschanged: false\n };\n },\n\n watch: {\n \"data.gemeinde\": function (newValue, oldValue) {\n this.$emit(\"profilUpdate\", this.isChanged ? this.data : null);\n },\n \"data.ort\": function (newValue, oldValue) {\n this.$emit(\"profilUpdate\", this.isChanged ? this.data : null);\n },\n },\n\n methods: {\n\n autocompleteSearchGemeinden: function (event) {\n this.gemeinden = this.gemeinden.map((gemeinde) => gemeinde);\n },\n\n autocompleteSearchOrtschaftsnamen: function (event) {\n this.ortschaftnamen = this.ortschaftnamen.map((ortschaft) => ortschaft);\n },\n\n getGemeinde: function () {\n //? only query the gemeinde is the nation is Austria and the PLZ is greater than 999 and less than 32000\n if (\n this.data.nation &&\n this.data.nation === \"A\" &&\n this.data.plz &&\n this.data.plz > 999 &&\n this.data.plz < 32000\n ) {\n this.$api\n .call(ApiProfil.getGemeinden(this.data.nation, this.data.plz))\n .then((res) => {\n if (res.data.length) {\n this.gemeinden = [\n ...new Set(\n res.data.map((element) => {\n return element.name;\n })\n ),\n ];\n this.ortschaftnamen = [\n ...new Set(\n res.data.map((element) => {\n return element.ortschaftsname;\n })\n ),\n ];\n }\n });\n } else {\n this.gemeinden = [];\n }\n },\n\n updateValue: function (event, bind) {\n //? sets the value of a property to null when an empty string is entered to keep the isChanged function valid\n if (bind === \"zustelladresse\") {\n this.data[bind] = event.target.checked;\n\t } else if(bind === 'files') {\n\t\t if(this.dmsData.length > 0 && this.dmsData[0].type !== 'application/x.fhc-dms+json') {\n\t\t this.fileschanged = true;\n\t\t }\n\t\t this.updateFileID(this.dmsData);\n } else {\n this.data[bind] = event.target.value === \"\" ? null : event.target.value;\n }\n\n this.$emit(\"profilUpdate\", this.isChanged ? this.data : null);\n // update the zustellAdressen count\n this.zustellAdressenCount = this.getZustelladressenCount();\n },\n\n\tdeleteDmsData: function() {\n\t\tthis.dmsData = [];\n\t\tthis.updateValue(null, 'files');\n\t}\n },\n\n computed: {\n showZustellAdressenWarning: function () {\n\n\t // if the address was already a zustellungsadresse when editing the address, then the warning will not be shown and the zustellungsadresse will just be overwritten\n\t if (JSON.parse(this.originalValue).zustelladresse){\n\t\treturn false;\n\t }\n // if zustellAdressenCount is not 0 and the own kontakt has the flag zustellung set to true\n if (!this.zustellAdressenCount.includes(this.data.adresse_id)) {\n return this.data.zustelladresse && this.zustellAdressenCount.length;\n }\n return this.zustellAdressenCount.length >= 2 && this.data.zustelladresse;\n },\n isChanged: function () {\n if (\n !this.data.strasse ||\n !this.data.plz ||\n !this.data.ort ||\n !this.data.typ ||\n this.dmsData.length === 0\n ) {\n return false;\n }\n\n const datachanged = this.originalValue !== JSON.stringify(this.data);\n return datachanged || this.fileschanged;\n },\n },\n\n created() {\n // get all available nationen\n this.$api\n .call(ApiProfil.getAllNationen())\n .then(res => {\n this.nationenList = res.data;\n this.getGemeinde();\n });\n \n this.originalValue = JSON.stringify(this.data);\n this.zustellAdressenCount = this.getZustelladressenCount();\n },\n\n mounted() {\n if (this.files) {\n this.dmsData = this.files;\n }\n },\n\n template: /*html*/ `\n\n\n\n
\n \n
\n\n {{$p.t('profilUpdate','kontaktTyp')}}
\n\n \n \n\n \n\n\n
\n \n
\n\n {{data.kontakttyp?data.kontakttyp:$p.t('global','kontakt')}}
\n\n \n \n\n
\n\n \n \n
\n\n {{$p.t('global','anmerkung')}}
\n\n \n \n
\n \n\n \n {{$p.t('profilUpdate','zustell_kontakte_warning')}}\n
\n \n {{$p.t('profilUpdate','zustellungsKontakt')}}\n\n \n
\n \n \n
\n `,\n};\n","import Adresse from \"../../ProfilComponents/Adresse.js\";\nimport Kontakt from \"../../ProfilComponents/Kontakt.js\";\n\nimport ApiProfilUpdate from '../../../../../api/factory/profilUpdate.js';\n\nexport default {\n components: {\n Adresse,\n Kontakt,\n },\n inject: [\"profilUpdateTopic\"],\n data() {\n return {\n files: null,\n };\n },\n methods: {\n getDocumentLink: function (dms_id) {\n return (\n FHC_JS_DATA_STORAGE_OBJECT.app_root +\n FHC_JS_DATA_STORAGE_OBJECT.ci_router +\n `/Cis/ProfilUpdate/show/${dms_id}`\n );\n },\n },\n computed: {\n getComponentView: function () {\n if (\n this.topic == this.profilUpdateTopic[\"Private Adressen\"] ||\n this.topic == this.profilUpdateTopic[\"Add Adresse\"] ||\n this.topic == this.profilUpdateTopic[\"Delete Adresse\"]\n ) {\n return \"Adresse\";\n } else if (\n this.topic == this.profilUpdateTopic[\"Private Kontakte\"] ||\n this.topic == this.profilUpdateTopic[\"Add Kontakt\"] ||\n this.topic == this.profilUpdateTopic[\"Delete Kontakt\"]\n ) {\n return \"Kontakt\";\n } else {\n return \"text_input\";\n }\n },\n cardHeader: function () {\n if (\n this.topic == this.profilUpdateTopic[\"Delete Addresse\"] ||\n this.topic == this.profilUpdateTopic[\"Delete Kontakt\"]\n ) {\n return \"Delete\";\n } else if (\n this.topic == this.profilUpdateTopic[\"Add Adresse\"] ||\n this.topic == this.profilUpdateTopic[\"Add Kontakt\"]\n ) {\n return \"Add\";\n } else {\n return \"Update\";\n }\n },\n },\n props: {\n data: { type: Object },\n view: { type: String },\n status: { type: String },\n status_message: { type: String },\n status_timestamp: { type: String },\n updateID: { type: Number },\n topic: { type: String },\n },\n created() {\n this.$api\n .call(ApiProfilUpdate.getProfilRequestFiles(this.updateID))\n .then((res) => {\n this.files = res.data;\n });\n },\n template: /*html*/ `\n \n
\n \n\n\n \n\t {{$p.t('profilUpdate','zustell_adressen_warning')}}\n
\n \n
\n\n \n \n \n \n
\n \n
\n\n \n \n
\n {{$p.t('person','nation')}}*
\n \n \n
\n\n \n \n
\n {{$p.t('person','plz')}}*
\n \n \n
\n\n \n \n
\n {{$p.t('person','gemeinde')}}*
\n \n
\n\n \n \n
\n {{$p.t('person','ort')}}*
\n \n
\n \n \n \n
\n {{$p.t('person','strasse')}}*
\n \n \n
\n\n\t\n
\n {{$p.t('profilUpdate','kontaktTyp')}}*
\n \n \n\t\t
\n\n\n\t\t\t\n\t\t
\n\t\t{{$p.t('profilUpdate','meldebestaetigung')}}*
\n\t\t\t\n\t\t\t \n\t\t\t\n\t\t
\n\t\n\n
\n \n
\n\n \n
\n {{$p.t('global','status')}}
\n {{status}} \n \n
\n \n \n
\n {{$p.t('global','datum')}}
\n {{status_timestamp}} \n \n
\n\n\n \n
\n \n
\n {{$p.t('profilUpdate','statusMessage')}}
\n \n \n
\n\n\t\n \n {{cardHeader}} \n
\n \n \n
\n \n
\n \n {{topic}}
\n {{data.value}} \n \n\t\t
\n `,\n};\n","import Dms from \"../../../../Form/Upload/Dms.js\";\n\nexport default {\n data() {\n return {\n dmsData: [],\n originalValue: null,\n };\n },\n components: {\n Dms,\n },\n props: {\n data: {\n type: Object,\n },\n withFiles: {\n type: Boolean,\n default: false,\n },\n files: {\n type: Array,\n },\n updateID: {\n type: Boolean,\n },\n },\n inject:[\"updateFileID\"],\n computed: {\n didFilesChange: function () {\n this.updateFileID(this.dmsData);\n let res = false;\n //? case in which the profilRequest has already associated files \n if(this.files){ \n Array.from(this.dmsData).forEach((file) => {\n if (this.files.some((f) => f.name !== file.name)) {\n res = true;\n }\n });\n return !(this.dmsData.length == this.files.length) || res;\n }\n //? case in which the user creates a new profilRequest\n else{ \n return Array.from(this.dmsData).length? true:false;\n }\n },\n didDataChange: function(){\n return JSON.stringify(this.data) !== this.originalValue;\n },\n isChanged: function () {\n if (this.withFiles) {\n if(this.updateID){\n return (this.didDataChange || this.didFilesChange) && this.dmsData.length;\n }\n return this.didDataChange && this.didFilesChange;\n }\n return this.didDataChange\n },\n },\n emits: [\"profilUpdate\"],\n watch: {\n //? watcher to trigger the event emit when a file was uploaded or removed\n dmsData(value) {\n this.emitChanges();\n },\n },\n methods: {\n stringifyFile(file) {\n\t\t\treturn JSON.stringify({\n\t\t\t\tlastModified: file.lastModified,\n\t\t\t\tlastModifiedDate: file.lastModifiedDate,\n\t\t\t\tname: file.name,\n\t\t\t\tsize: file.size,\n\t\t\t\ttype: file.type\n\t\t\t});\n\t\t},\n emitChanges: function () {\n if (this.isChanged) {\n \n this.$emit(\n \"profilUpdate\", { value: this.data.value }\n );\n } else {\n this.$emit(\"profilUpdate\", null);\n }\n },\n },\n mounted() {\n this.originalValue = JSON.stringify(Vue.toRaw(this.data));\n\n if (this.files) {\n this.dmsData = this.files;\n }\n },\n template: /*html*/`\n\n {{$p.t('profilUpdate','nachweisdokumente')}}
\n\t\t\n\t\t\t{{file.name}}\n\t\t
\n\t{{$p.t('profilUpdate','profilUpdateInformationMessage',[data.titel])}}
\n\n\n
\n `,\n};\n","import BsModal from './Bootstrap/Modal.js';\n\nexport default {\n\tcomponents: {\n\t\tBsModal\n\t},\n\tprops: {\n\t\ttimeout: {\n\t\t\ttype: Number,\n\t\t\tdefault: 300\n\t\t}\n\t},\n\tdata() {\n\t\treturn {\n\t\t\tt: null,\n\t\t\tstate: 0\n\t\t}\n\t},\n\tmethods: {\n\t\tshow() {\n\t\t\tswitch (this.state) {\n\t\t\t\tcase 0:\n\t\t\t\t\tif (this.timeout) {\n\t\t\t\t\t\tthis.state = 1;\n\t\t\t\t\t\tthis.t = window.setTimeout(() => this.$refs.modal.show(), this.timeout);\n\t\t\t\t\t\treturn;\n\t\t\t\t\t} else\n\t\t\t\t\t\treturn this.$refs.modal.show();\n\t\t\t\tcase 4:\n\t\t\t\t\treturn window.setTimeout(() => this.show(), 1);\n\t\t\t}\n\t\t},\n\t\thide() {\n\t\t\tswitch (this.state) {\n\t\t\t\tcase 1:\n\t\t\t\t\treturn window.clearTimeout(this.t);\n\t\t\t\tcase 2:\n\t\t\t\t\treturn window.setTimeout(() => this.hide(), 1);\n\t\t\t\tcase 3:\n\t\t\t\t\tthis.$refs.modal.hide();\n\t\t\t}\n\t\t}\n\t},\n\tmounted() {\n\t\tthis.$refs.modal.$refs.modal.addEventListener('show.bs.modal', () => {\n\t\t\tthis.state = 2;\n\t\t});\n\t\tthis.$refs.modal.$refs.modal.addEventListener('shown.bs.modal', () => {\n\t\t\tthis.state = 3;\n\t\t});\n\t\tthis.$refs.modal.$refs.modal.addEventListener('hide.bs.modal', () => {\n\t\t\tthis.state = 4;\n\t\t});\n\t\tthis.$refs.modal.$refs.modal.addEventListener('hidden.bs.modal', () => {\n\t\t\tthis.state = 0;\n\t\t});\n\t},\n\ttemplate: `\n\t{{data.titel?data.titel:$p.t('global','titel')}}
\n\n \n\n \n
\n \n
\n \n \n
\n \n\t\t\t\n\t\t\t
\n\t\n\t\n\t\n\t\t\n
\n`,\n};\n","if (!primevue) {\n\tconsole.error('PrimeVue not loaded!');\n}\n\n// NOTE(chris): Click on clear button gives an error. This is a bug in primevue => fixed in current version\nTabulator.extendModule('filter', 'filters', {\n\t\"dates\": (headerValue, rowValue) => {\n\t\tif (!headerValue)\n\t\t\treturn true;\n\n\t\tlet rowDate = new Date(rowValue);\n\n\t\tif (Array.isArray(headerValue))\n\t\t{\n\t\t\tlet startDate = new Date(headerValue[0]);\n\t\t\tif (headerValue[1])\n\t\t\t{\n\t\t\t\tlet endDate = new Date(headerValue[1]);\n\n\t\t\t\tendDate.setHours(23, 59, 59, 999);\n\n\t\t\t\treturn rowDate >= startDate && rowDate <= endDate;\n\t\t\t}\n\n\t\t\treturn rowDate.toDateString() === startDate.toDateString();\n\t\t}\n\t\tlet singleDate = new Date(headerValue);\n\t\treturn rowDate.toDateString() === singleDate.toDateString();\n\t}\n});\n\nfunction dateFilter(cell, onRendered, success) {\n\tlet div = document.createElement('div');\n\n\tlet initialValue = null;\n\n\tlet val = cell.getValue();\n\n\tif (Array.isArray(val))\n\t{\n\t\tconst start = val[0] ? new Date(val[0]) : null;\n\t\tconst end = val[1] ? new Date(val[1]) : null;\n\t\tinitialValue = [start, end];\n\t}\n\n\tVue.createApp({\n\t\tcomponents: {\n\t\t\tPrimevueCalendar: primevue.calendar\n\t\t},\n\t\tdata() {\n\t\t\treturn {\n\t\t\t\tval: initialValue\n\t\t\t}\n\t\t},\n\t\twatch: {\n\t\t\tval(n) {\n\t\t\t\tsuccess(n);\n\t\t\t}\n\t\t},\n\t\ttemplate: `{{$p.t('profilUpdate','profilUpdates')}}
\n \n
\n\n \n \n
\n
\n | {{$p.t('profilUpdate','topic')}} | \n{{$p.t('global','status')}} | \n{{$p.t('global','datum')}} | \n{{$p.t('ui','aktion')}} | \n|
|---|---|---|---|---|
| {{item.topic}} | \n{{item.status}} | \n{{item.status_timestamp?item.status_timestamp:item.insertamum}} | \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","import {CoreFilterCmpt} from \"../../../components/filter/Filter.js\";\nimport EditProfil from \"./ProfilModal/EditProfil.js\";\nimport Adresse from \"./ProfilComponents/Adresse.js\";\nimport Kontakt from \"./ProfilComponents/Kontakt.js\";\nimport FetchProfilUpdates from \"./ProfilComponents/FetchProfilUpdates.js\";\nimport Mailverteiler from \"./ProfilComponents/Mailverteiler.js\";\nimport AusweisStatus from \"./ProfilComponents/FhAusweisStatus.js\";\nimport QuickLinks from \"./ProfilComponents/QuickLinks.js\";\nimport ProfilEmails from \"./ProfilComponents/ProfilEmails.js\";\nimport RoleInformation from \"./ProfilComponents/RoleInformation.js\";\nimport ProfilInformation from \"./ProfilComponents/ProfilInformation.js\";\n\nimport ApiProfilUpdate from '../../../api/factory/profilUpdate.js';\nimport { dateFilter } from '../../../tabulator/filters/Dates.js';\n\nexport default {\n\tcomponents: {\n\t\tCoreFilterCmpt,\n\t\tEditProfil,\n\t\tAdresse,\n\t\tKontakt,\n\t\tFetchProfilUpdates,\n\t\tAusweisStatus,\n\t\tMailverteiler,\n\t\tQuickLinks,\n\t\tProfilEmails,\n\t\tRoleInformation,\n\t\tProfilInformation,\n\t},\n\n\tinject: [\"sortProfilUpdates\", \"collapseFunction\", \"language\",\"isEditable\"],\n\n\tdata() {\n\t\treturn {\n\t\t\tshowModal: false,\n\t\t\teditDataFilter: null,\n\t\t\tpreloadedPhrasen:{},\n\t\t\t// tabulator options\n\t\t\tfunktionen_table_options: {\n\t\t\t\tpersistenceID: \"filterTableMaProfilFunktionen\",\n\t\t\t\tpersistence: {\n\t\t\t\t\tcolumns: false\n\t\t\t\t},\n\t\t\t\tminHeight: 300,\n\t\t\t\tlayout: \"fitColumns\",\n\t\t\t\tresponsiveLayout: \"collapse\",\n\t\t\t\tresponsiveLayoutCollapseUseFormatters: false,\n\t\t\t\tresponsiveLayoutCollapseFormatter: Vue.$collapseFormatter,\n\t\t\t\tcolumns: [\n\t\t\t\t\t{\n\t\t\t\t\t\ttitle:\n\t\t\t\t\t\t\t\"\",\n\t\t\t\t\t\tfield: \"collapse\",\n\t\t\t\t\t\theaderSort: false,\n\t\t\t\t\t\theaderFilter: false,\n\t\t\t\t\t\tformatter: \"responsiveCollapse\",\n\t\t\t\t\t\tmaxWidth: 40,\n\t\t\t\t\t\theaderClick: this.collapseFunction,\n\t\t\t\t\t\tvisible: true\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\ttitle: Vue.computed(() => this.preloadedPhrasen.bezeichnungPhrase),\n\t\t\t\t\t\tfield: \"Bezeichnung\",\n\t\t\t\t\t\theaderFilter: true,\n\t\t\t\t\t\tminWidth: 200,\n\t\t\t\t\t\tvisible: true\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\ttitle: Vue.computed(() => this.preloadedPhrasen.organisationseinheitPhrase),\n\t\t\t\t\t\tfield: \"Organisationseinheit\",\n\t\t\t\t\t\theaderFilter: true,\n\t\t\t\t\t\tminWidth: 200,\n\t\t\t\t\t\tvisible: true\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\ttitle: Vue.computed(() => this.preloadedPhrasen.gueltigVonPhrase),\n\t\t\t\t\t\tfield: \"Gültig_von\",\n\t\t\t\t\t\theaderFilterFunc: 'dates',\n\t\t\t\t\t\theaderFilter: dateFilter,\n\t\t\t\t\t\tresizable: true,\n\t\t\t\t\t\tminWidth: 200,\n\t\t\t\t\t\tvisible: true,\n\t\t\t\t\t\tformatter:\"datetime\",\n\t\t\t\t\t\tformatterParams: this.datetimeFormatterParams()\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\ttitle: Vue.computed(() => this.preloadedPhrasen.gueltigBisPhrase),\n\t\t\t\t\t\tfield: \"Gültig_bis\",\n\t\t\t\t\t\theaderFilterFunc: 'dates',\n\t\t\t\t\t\theaderFilter: dateFilter,\n\t\t\t\t\t\tresizable: true,\n\t\t\t\t\t\tminWidth: 200,\n\t\t\t\t\t\tvisible: true,\n\t\t\t\t\t\tformatter:\"datetime\",\n\t\t\t\t\t\tformatterParams: this.datetimeFormatterParams()\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\ttitle: Vue.computed(() => this.preloadedPhrasen.wochenstundenPhrase),\n\t\t\t\t\t\tfield: \"Wochenstunden\",\n\t\t\t\t\t\theaderFilter: true,\n\t\t\t\t\t\tminWidth: 200,\n\t\t\t\t\t\tvisible: true\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t},\n\n\t\t\tbetriebsmittel_table_options: {\n\t\t\t\tpersistenceID: \"filterTableMaProfilBetriebsmittel\",\n\t\t\t\tpersistence: {\n\t\t\t\t\tcolumns: false\n\t\t\t\t},\n\t\t\t\tminHeight: 300,\n\t\t\t\tlayout: \"fitColumns\",\n\t\t\t\tresponsiveLayout: \"collapse\",\n\t\t\t\tresponsiveLayoutCollapseUseFormatters: false,\n\t\t\t\tresponsiveLayoutCollapseFormatter: Vue.$collapseFormatter,\n\t\t\t\tdata: [{betriebsmittel: \"\", Nummer: \"\", Ausgegeben_am: \"\"}],\n\t\t\t\tcolumns: [\n\t\t\t\t\t{\n\t\t\t\t\t\ttitle:\n\t\t\t\t\t\t\t\"\",\n\t\t\t\t\t\tfield: \"collapse\",\n\t\t\t\t\t\theaderSort: false,\n\t\t\t\t\t\theaderFilter: false,\n\t\t\t\t\t\tformatter: \"responsiveCollapse\",\n\t\t\t\t\t\tmaxWidth: 40,\n\t\t\t\t\t\theaderClick: this.collapseFunction,\n\t\t\t\t\t\tvisible: true\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\ttitle: Vue.computed(() => this.preloadedPhrasen.entlehnteBetriebsmittelPhrase),\n\t\t\t\t\t\tfield: \"betriebsmittel\",\n\t\t\t\t\t\theaderFilter: true,\n\t\t\t\t\t\tminWidth: 200,\n\t\t\t\t\t\tvisible: true\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\ttitle: Vue.computed(() => this.preloadedPhrasen.inventarnummerPhrase),\n\t\t\t\t\t\tfield: \"Nummer\",\n\t\t\t\t\t\theaderFilter: true,\n\t\t\t\t\t\tresizable: true,\n\t\t\t\t\t\tminWidth: 200,\n\t\t\t\t\t\tvisible: true\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\ttitle: Vue.computed(() => this.preloadedPhrasen.ausgabedatumPhrase),\n\t\t\t\t\t\tfield: \"Ausgegeben_am\",\n\t\t\t\t\t\theaderFilterFunc: 'dates',\n\t\t\t\t\t\theaderFilter: dateFilter,\n\t\t\t\t\t\tminWidth: 200,\n\t\t\t\t\t\tvisible: true,\n\t\t\t\t\t\tformatter:\"datetime\",\n\t\t\t\t\t\tformatterParams: this.datetimeFormatterParams()\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t}\n\t\t};\n\t},\n\n\tprops: {\n\t\tdata: Object,\n\t\teditData: Object,\n\t},\n\t\n\tmethods: {\n\t\tbetriebsmittelTableBuilt: function () {\n\t\t\tthis.$refs.betriebsmittelTable.tabulator.setColumns(this.betriebsmittel_table_options.columns)\n\t\t\tthis.$refs.betriebsmittelTable.tabulator.setData(this.data.mittel);\n\t\t},\n\t\tfunktionenTableBuilt: function () {\n\t\t\tthis.$refs.funktionenTable.tabulator.setColumns(this.funktionen_table_options.columns)\n\t\t\tthis.$refs.funktionenTable.tabulator.setData(this.data.funktionen);\n\t\t},\n\t\thideEditProfilModal: function () {\n\t\t\t//? checks the editModal component property result, if the user made a successful request or not\n\t\t\tif (this.$refs.editModal.result) {\n\t\t\t\tthis.$api\n\t\t\t\t\t.call(ApiProfilUpdate.selectProfilRequest())\n\t\t\t\t\t.then((request) => {\n\t\t\t\t\t\tif (!request.error && request.data) {\n\t\t\t\t\t\t\tthis.data.profilUpdates = request.data;\n\t\t\t\t\t\t\tthis.data.profilUpdates.sort(this.sortProfilUpdates);\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tconsole.error(\"Error when fetching profile updates: \" + request);\n\t\t\t\t\t\t}\n\t\t\t\t\t})\n\t\t\t\t\t.catch((err) => {\n\t\t\t\t\t\tconsole.error(err);\n\t\t\t\t\t});\n\t\t\t} else {\n\t\t\t\t// when modal was closed without submitting request\n\t\t\t}\n\t\t\tthis.showModal = false;\n\t\t\tthis.editDataFilter = null;\n\t\t},\n\n\t\tshowEditProfilModal(view) {\n\t\t\tif (view) {\n\t\t\t\tthis.editDataFilter = view;\n\t\t\t}\n\n\t\t\tthis.showModal = true;\n\t\t\tVue.nextTick(() => {\n\t\t\t\tthis.$refs.editModal.show();\n\t\t\t});\n\n\t\t\t// after a state change, wait for the DOM updates to complete\n\t\t},\n\n\t\tfetchProfilUpdates: function () {\n\t\t\tthis.$api\n\t\t\t\t.call(ApiProfilUpdate.selectProfilRequest())\n\t\t\t\t.then((res) => {\n\t\t\t\t\tif (!res.error && res) {\n\t\t\t\t\t\tthis.data.profilUpdates = res.data?.length\n\t\t\t\t\t\t\t? res.data.sort(this.sortProfilUpdates)\n\t\t\t\t\t\t\t: null;\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t},\n\t\tsetTableColumnTitles() { // reevaluates computed phrasen\n\t\t\tif(this.$refs.betriebsmittelTable) this.$refs.betriebsmittelTable.tabulator.setColumns(this.betriebsmittel_table_options.columns)\n\t\t\tif(this.$refs.funktionenTable) this.$refs.funktionenTable.tabulator.setColumns(this.funktionen_table_options.columns)\n\t\t},\n\t\tdatetimeFormatterParams: function() {\n\t\t\tconst params = {\n\t\t\t\tinputFormat:\"yyyy-MM-dd\",\n\t\t\t\toutputFormat:\"dd.MM.yyyy\",\n\t\t\t\tinvalidPlaceholder:\"(invalid date)\",\n\t\t\t\ttimezone:FHC_JS_DATA_STORAGE_OBJECT.timezone\n\t\t\t};\n\t\t\treturn params;\n\t\t}\n\t},\n\n\tcomputed: {\n\t\tfotoStatus() {\n\t\t\treturn this.data?.fotoStatus ?? null;\n\t\t},\n\t\tgetTelefonValue() {\n\t\t\tif(this.data.standort_telefon?.kontakt) {\n\t\t\t\treturn this.data.standort_telefon.kontakt + \" \" + this.data.telefonklappe\n\t\t\t} else if(this.data.standort_telefon) {\n\t\t\t\treturn this.data.standort_telefon + \" \" + this.data.telefonklappe\n\t\t\t} else {\n\t\t\t\treturn this.data.telefonklappe\n\t\t\t}\n\t\t},\n\t\tfilteredEditData() {\n\t\t\treturn this.editDataFilter\n\t\t\t\t? this.editData.data[this.editDataFilter]\n\t\t\t\t: this.editData;\n\t\t},\n\t\tprofilInformation() {\n\t\t\tif (!this.data) {\n\t\t\t\treturn {};\n\t\t\t}\n\n\t\t\treturn {\n\t\t\t\tVorname: this.data.vorname,\n\t\t\t\tNachname: this.data.nachname,\n\t\t\t\tUsername: this.data.username,\n\t\t\t\tAnrede: this.data.anrede,\n\t\t\t\tTitel: this.data.titel,\n\t\t\t\tPostnomen: this.data.postnomen,\n\t\t\t\tfoto_sperre: this.data.foto_sperre,\n\t\t\t\tfoto: this.data.foto,\n\t\t\t};\n\t\t},\n\n\t\troleInformation() {\n\t\t\tif (!this.data) {\n\t\t\t\treturn {};\n\t\t\t}\n\n\t\t\treturn {\n\t\t\t\tgeburtsdatum: {\n\t\t\t\t\tlabel: `${this.$p.t('profil','Geburtsdatum')}`,\n\t\t\t\t\tvalue: this.data.gebdatum\n\t\t\t\t},\n\t\t\t\tgeburtsort: {\n\t\t\t\t\tlabel: `${this.$p.t('profil','Geburtsort')}`,\n\t\t\t\t\tvalue: this.data.gebort\n\t\t\t\t},\n\t\t\t\tpersonenkennzeichen: {\n\t\t\t\t\tlabel: `${this.$p.t('profil','Kurzzeichen')}`,\n\t\t\t\t\tvalue: this.data.kurzbz\n\t\t\t\t},\n\t\t\t\ttelefon: {\n\t\t\t\t\tlabel: `${this.$p.t('profil','Telefon')}`,\n\t\t\t\t\tvalue: this.getTelefonValue\n\t\t\t\t},\n\t\t\t\toffice: {\n\t\t\t\t\tlabel: `${this.$p.t('profil','Büro')}`,\n\t\t\t\t\tvalue: this.data.ort_kurzbz\n\t\t\t\t}\n\t\t\t};\n\t\t},\n\t},\n\n\tcreated() {\n\t\t// preload phrasen\n\t\tthis.$p.loadCategory([\"ui\",\"lehre\",\"global\",\"profil\"]).then(() => {\n\t\t\tthis.preloadedPhrasen.bezeichnungPhrase = this.$p.t('ui/bezeichnung');\n\t\t\tthis.preloadedPhrasen.organisationseinheitPhrase = this.$p.t('lehre/organisationseinheit');\n\t\t\tthis.preloadedPhrasen.gueltigVonPhrase = this.$p.t('global/gueltigVon');\n\t\t\tthis.preloadedPhrasen.gueltigBisPhrase = this.$p.t('global/gueltigBis');\n\t\t\tthis.preloadedPhrasen.wochenstundenPhrase = this.$p.t('profil/wochenstunden');\n\t\t\tthis.preloadedPhrasen.entlehnteBetriebsmittelPhrase = this.$p.t('profil/entlehnteBetriebsmittel');\n\t\t\tthis.preloadedPhrasen.inventarnummerPhrase = this.$p.t('profil/inventarnummer');\n\t\t\tthis.preloadedPhrasen.ausgabedatumPhrase = this.$p.t('profil/ausgabedatum');\n\t\t\tthis.preloadedPhrasen.loaded=true;\n\t\t});\n\t\t//? sorts the profil Updates: pending -> accepted -> rejected\n\t\tthis.data.profilUpdates?.sort(this.sortProfilUpdates);\n\n\t},\n\twatch: {\n\t\t'data.funktionen'(newVal) {\n\t\t\tif(this.$refs.funktionenTable) this.$refs.funktionenTable.tabulator.setData(newVal);\n\t\t},\n\t\t'data.mittel'(newVal) {\n\t\t\tif(this.$refs.betriebsmittelTable) this.$refs.betriebsmittelTable.tabulator.setData(newVal);\n\t\t},\n\t\t'language.value'(newVal) {\n\t\t\tthis.setTableColumnTitles()\n\t\t}\n\t},\n\ttemplate: /*html*/ `\n\n \n
\n\n\n \n\n\t\t\t\n\t\t\t
\n\t\t\t\n\n\t\t\t\n\t\t\t\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t
\n\t\t\n\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{{$p.t('profil','privateKontakte')}}\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{{$p.t('profil','privateAdressen')}}\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t
\n\t\t\n\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t
\n \n \n\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t
\n \n \n\t\t\t\t\t\n\t\t\t\t\t
\n \n \n
\n\n \n `,\n};\n","import QuickLinks from \"./ProfilComponents/QuickLinks.js\";\nimport Mailverteiler from \"./ProfilComponents/Mailverteiler.js\";\nimport ProfilEmails from \"./ProfilComponents/ProfilEmails.js\";\nimport RoleInformation from \"./ProfilComponents/RoleInformation.js\";\nimport ProfilInformation from \"./ProfilComponents/ProfilInformation.js\";\n\nexport default {\n\tdata() {\n\t\treturn {};\n\t},\n\tcomponents: {\n\t\tQuickLinks,\n\t\tMailverteiler,\n\t\tProfilEmails,\n\t\tRoleInformation,\n\t\tProfilInformation,\n\t},\n\n\tprops: [\"data\"],\n\tprovide() {\n\t\treturn {\n\t\t\tstudiengang_kz: Vue.computed({ get: () => this.data.studiengang_kz }),\n\t\t}\n\t},\n\t\n\tmethods: {},\n\n\tcomputed: {\n\t\tfotoStatus() {\n\t\t\treturn this.data?.fotoStatus ?? null;\n\t\t},\n\t\tprofilInformation() {\n\t\t\tif (!this.data) {\n\t\t\t\treturn {};\n\t\t\t}\n\n\t\t\treturn {\n\t\t\t\tVorname: this.data.vorname,\n\t\t\t\tNachname: this.data.nachname,\n\t\t\t\tUsername: this.data.username,\n\t\t\t\tAnrede: this.data.anrede,\n\t\t\t\tTitel: this.data.titel,\n\t\t\t\tPostnomen: this.data.postnomen,\n\t\t\t\tfoto_sperre: this.data.foto_sperre,\n\t\t\t\tfoto: this.data.foto,\n\t\t\t};\n\t\t},\n\n\t\tpersonEmails() {\n\t\t\treturn this.data?.emails ? this.data.emails : [];\n\t\t},\n\n\t\troleInformation() {\n\t\t\tif (!this.data) {\n\t\t\t\treturn {};\n\t\t\t}\n\n\n\t\t\treturn {\n\t\t\t\tgeburtsdatum: {\n\t\t\t\t\tlabel: `${this.$p.t('profil','Geburtsdatum')}`,\n\t\t\t\t\tvalue: this.data.gebdatum\n\t\t\t\t},\n\t\t\t\tgeburtsort: {\n\t\t\t\t\tlabel: `${this.$p.t('profil','Geburtsort')}`,\n\t\t\t\t\tvalue: this.data.gebort\n\t\t\t\t},\n\t\t\t\tpersonenkennzeichen: {\n\t\t\t\t\tlabel: `${this.$p.t('person','personenkennzeichen')}`,\n\t\t\t\t\tvalue: this.data.personenkennzeichen\n\t\t\t\t},\n\t\t\t\tstudiengang: {\n\t\t\t\t\tlabel: `${this.$p.t('lehre','studiengang')}`,\n\t\t\t\t\tvalue: this.data.studiengang\n\t\t\t\t},\n\t\t\t\tsemester: {\n\t\t\t\t\tlabel: `${this.$p.t('lehre','semester')}`,\n\t\t\t\t\tvalue: this.data.semester\n\t\t\t\t},\n\t\t\t\tverband: {\n\t\t\t\t\tlabel: `${this.$p.t('lehre','lehrverband')}`,\n\t\t\t\t\tvalue: this.data.verband\n\t\t\t\t},\n\t\t\t\tgruppe: {\n\t\t\t\t\tlabel: `${this.$p.t('lehre','gruppe')}`,\n\t\t\t\t\tvalue: this.data.gruppe.trim()\n\t\t\t\t}\n\t\t\t};\n\t\t},\n\t},\n\n\tmounted() {\n\t},\n\n\ttemplate: /*html*/ ` \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 \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
\n \n
\n \n
\n \n
\n \n \n
\n \n {{$p.t('profil','privateKontakte')}}\n
\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n {{$p.t('profil','privateAdressen')}}\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
\n \n \n
\n \n
\n \n \n
\n \n
\n \n \n
\n \n \n
\n `,\n};\n","import {CoreFilterCmpt} from \"../../../components/filter/Filter.js\";\nimport Mailverteiler from \"./ProfilComponents/Mailverteiler.js\";\nimport QuickLinks from \"./ProfilComponents/QuickLinks.js\";\nimport RoleInformation from \"./ProfilComponents/RoleInformation.js\";\nimport ProfilEmails from \"./ProfilComponents/ProfilEmails.js\";\nimport ProfilInformation from \"./ProfilComponents/ProfilInformation.js\";\n\nimport { dateFilter } from '../../../tabulator/filters/Dates.js';\n\nexport default {\n\tcomponents: {\n\t\tCoreFilterCmpt,\n\t\tMailverteiler,\n\t\tQuickLinks,\n\t\tRoleInformation,\n\t\tProfilEmails,\n\t\tProfilInformation,\n\t},\n\tinject: [\"collapseFunction\", \"language\"],\n\tdata() {\n\t\treturn {\n\t\t\tcollapseIconFunktionen: true,\n\t\t\tpreloadedPhrasen:{},\n\t\t\tfunktionen_table_options: {\n\t\t\t\tpersistenceID: \"filterTableMaViewProfilFunktionen\",\n\t\t\t\tpersistence: {\n\t\t\t\t\tcolumns: false\n\t\t\t\t},\n\t\t\t\tminHeight: 300,\n\t\t\t\tlayout: \"fitColumns\",\n\t\t\t\tresponsiveLayout: \"collapse\",\n\t\t\t\tresponsiveLayoutCollapseUseFormatters: false,\n\t\t\t\tresponsiveLayoutCollapseFormatter: Vue.$collapseFormatter,\n\t\t\t\tcolumns: [\n\t\t\t\t\t//? option when wanting to hide the collapsed list\n\n\t\t\t\t\t{\n\t\t\t\t\t\ttitle:\n\t\t\t\t\t\t\t\"\",\n\t\t\t\t\t\tfield: \"collapse\",\n\t\t\t\t\t\theaderSort: false,\n\t\t\t\t\t\theaderFilter: false,\n\t\t\t\t\t\tformatter: \"responsiveCollapse\",\n\t\t\t\t\t\tmaxWidth: 40,\n\t\t\t\t\t\theaderClick: this.collapseFunction,\n\t\t\t\t\t\tvisible: true\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\ttitle: Vue.computed(() => this.$p.t('ui/bezeichnung')),\n\t\t\t\t\t\tfield: \"Bezeichnung\",\n\t\t\t\t\t\theaderFilter: true,\n\t\t\t\t\t\tminWidth: 200,\n\t\t\t\t\t\tvisible: true\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\ttitle: Vue.computed(() => this.$p.t('lehre/organisationseinheit')),\n\t\t\t\t\t\tfield: \"Organisationseinheit\",\n\t\t\t\t\t\theaderFilter: true,\n\t\t\t\t\t\tminWidth: 200,\n\t\t\t\t\t\tvisible: true\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\ttitle: Vue.computed(() => this.$p.t('global/gueltigVon')),\n\t\t\t\t\t\tfield: \"Gültig_von\",\n\t\t\t\t\t\theaderFilterFunc: 'dates',\n\t\t\t\t\t\theaderFilter: dateFilter,\n\t\t\t\t\t\tresizable: true,\n\t\t\t\t\t\tminWidth: 200,\n\t\t\t\t\t\tvisible: true,\n\t\t\t\t\t\tformatter:\"datetime\",\n\t\t\t\t\t\tformatterParams: this.datetimeFormatterParams()\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\ttitle: Vue.computed(() => this.$p.t('global/gueltigBis')),\n\t\t\t\t\t\tfield: \"Gültig_bis\",\n\t\t\t\t\t\theaderFilterFunc: 'dates',\n\t\t\t\t\t\theaderFilter: dateFilter,\n\t\t\t\t\t\tresizable: true,\n\t\t\t\t\t\tminWidth: 200,\n\t\t\t\t\t\tvisible: true,\n\t\t\t\t\t\tformatter:\"datetime\",\n\t\t\t\t\t\tformatterParams: this.datetimeFormatterParams()\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\ttitle: Vue.computed(() => this.$p.t('profil/wochenstunden')),\n\t\t\t\t\t\tfield: \"Wochenstunden\",\n\t\t\t\t\t\theaderFilter: true,\n\t\t\t\t\t\tminWidth: 200,\n\t\t\t\t\t\tvisible: true\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t},\n\t\t};\n\t},\n\n\t//? this is the prop passed to the dynamic component with the custom data of the view\n\tprops: [\"data\"],\n\tmethods: {\n\t\tfunktionenTableBuilt: function () {\n\t\t\tthis.$refs.funktionenTable.tabulator.setData(this.data.funktionen);\n\t\t},\n\t\tdatetimeFormatterParams: function() {\n\t\t\tconst params = {\n\t\t\t\tinputFormat:\"yyyy-MM-dd\",\n\t\t\t\toutputFormat:\"dd.MM.yyyy\",\n\t\t\t\tinvalidPlaceholder:\"(invalid date)\",\n\t\t\t\ttimezone:FHC_JS_DATA_STORAGE_OBJECT.timezone\n\t\t\t};\n\t\t\treturn params;\n\t\t}\n\t},\n\twatch: {\n\t\t'data.funktionen'(newVal) {\n\t\t\tif(this.$refs.funktionenTable) this.$refs.funktionenTable.tabulator.setData(newVal);\n\t\t},\n\t\t'language.value'(newVal) { // reevaluates computed phrasen\n\t\t\tif(this.$refs.funktionenTable) this.$refs.funktionenTable.tabulator.setColumns(this.funktionen_table_options.columns)\n\t\t}\n\t},\n\tcomputed: {\n\t\tgetTelefonValue() {\n\t\t\tif(this.data.standort_telefon?.kontakt) {\n\t\t\t\treturn this.data.standort_telefon.kontakt + \" \" + this.data.telefonklappe\n\t\t\t} else if(this.data.standort_telefon) {\n\t\t\t\treturn this.data.standort_telefon + \" \" + this.data.telefonklappe\n\t\t\t} else {\n\t\t\t\treturn this.data.telefonklappe\n\t\t\t}\n\t\t},\n\t\tfotoStatus() {\n\t\t\treturn this.data?.fotoStatus ?? null;\n\t\t},\n\n\t\tpersonEmails() {\n\t\t\treturn this.data?.emails ? this.data.emails : [];\n\t\t},\n\n\t\tprofilInformation() {\n\t\t\tif (!this.data) {\n\t\t\t\treturn {};\n\t\t\t}\n\n\t\t\treturn {\n\t\t\t\tVorname: this.data.vorname,\n\t\t\t\tNachname: this.data.nachname,\n\t\t\t\tUsername: this.data.username,\n\t\t\t\tAnrede: this.data.anrede,\n\t\t\t\tTitel: this.data.titel,\n\t\t\t\tPostnomen: this.data.postnomen,\n\t\t\t\tfoto_sperre: this.data.foto_sperre,\n\t\t\t\tfoto: this.data.foto,\n\t\t\t};\n\t\t},\n\n\t\troleInformation() {\n\t\t\tif (!this.data) {\n\t\t\t\treturn {};\n\t\t\t}\n\t\t\treturn {\n\t\t\t\tgeburtsdatum: {\n\t\t\t\t\tlabel: `${this.$p.t('profil','Geburtsdatum')}`,\n\t\t\t\t\tvalue: this.data.gebdatum\n\t\t\t\t},\n\t\t\t\tgeburtsort: {\n\t\t\t\t\tlabel: `${this.$p.t('profil','Geburtsort')}`,\n\t\t\t\t\tvalue: this.data.gebort\n\t\t\t\t},\n\t\t\t\tpersonenkennzeichen: {\n\t\t\t\t\tlabel: `${this.$p.t('profil','Kurzzeichen')}`,\n\t\t\t\t\tvalue: this.data.kurzbz\n\t\t\t\t},\n\t\t\t\ttelefon: {\n\t\t\t\t\tlabel: `${this.$p.t('profil','Telefon')}`,\n\t\t\t\t\tvalue: this.getTelefonValue\n\t\t\t\t},\n\t\t\t\toffice: {\n\t\t\t\t\tlabel: `${this.$p.t('profil','Büro')}`,\n\t\t\t\t\tvalue: this.data.ort_kurzbz\n\t\t\t\t}\n\t\t\t};\n\t\t},\n\t},\n\tcreated(){\n\t\tthis.$p.loadCategory([\"ui\", \"lehre\", \"global\", \"profil\"]).then(() => {\n\t\t\tthis.preloadedPhrasen.bezeichnungPhrase = this.$p.t('ui/bezeichnung');\n\t\t\tthis.preloadedPhrasen.organisationseinheitPhrase = this.$p.t('lehre/organisationseinheit');\n\t\t\tthis.preloadedPhrasen.gueltigVonPhrase = this.$p.t('global/gueltigVon');\n\t\t\tthis.preloadedPhrasen.gueltigBisPhrase = this.$p.t('global/gueltigBis');\n\t\t\tthis.preloadedPhrasen.wochenstundenPhrase = this.$p.t('profil/wochenstunden');\n\t\t\tthis.preloadedPhrasen.loaded = true;\n\t\t});\n\t},\n\n\ttemplate: /*html*/ `\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 \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 \n
\n \n \n \n
\n \n \n \n
\n`,\n};\n","import StudentProfil from \"./StudentProfil.js\";\nimport MitarbeiterProfil from \"./MitarbeiterProfil.js\";\nimport ViewStudentProfil from \"./StudentViewProfil.js\";\nimport ViewMitarbeiterProfil from \"./MitarbeiterViewProfil.js\";\nimport Loading from \"../../Loader.js\";\n\nimport ApiProfil from '../../../api/factory/profil.js';\nimport ApiProfilUpdate from '../../../api/factory/profilUpdate.js';\n\nVue.$collapseFormatter = function (data) {\n\t//data - an array of objects containing the column title and value for each cell\n\tvar container = document.createElement(\"div\");\n\tcontainer.classList.add(\"tabulator-collapsed-row\");\n\tcontainer.classList.add(\"text-break\");\n\n\tvar list = document.createElement(\"div\");\n\tlist.classList.add(\"row\");\n\n\tcontainer.appendChild(list);\n\n\tdata.forEach(function (col) {\n\t\tlet item = document.createElement(\"div\");\n\t\titem.classList.add(\"col-6\");\n\t\tlet item2 = document.createElement(\"div\");\n\t\titem2.classList.add(\"col-6\");\n\n\t\titem.innerHTML = \"\" + col.title + \"\";\n\t\titem2.innerHTML = col.value ? col.value : \"-\";\n\n\t\tlist.appendChild(item);\n\t\tlist.appendChild(item2);\n\t});\n\n\treturn Object.keys(data).length ? container : \"\";\n};\n\nexport const Profil = {\n\tname: 'Profil',\n\tcomponents: {\n\t\tStudentProfil,\n\t\tMitarbeiterProfil,\n\t\tViewStudentProfil,\n\t\tViewMitarbeiterProfil,\n\t\tLoading,\n\t},\n\tprops: {\n\t\tuid: {\n\t\t\ttype: String,\n\t\t\trequired:false,\n\t\t},\n\t\tviewData: {\n\t\t\ttype: Object,\n\t\t}\n\t},\n\tdata() {\n\t\treturn {\n\t\t\t//? loading property is used for showing/hiding the loading modal\n\t\t\tloading: false,\n\t\t\tprofilUpdateStates: null,\n\t\t\tprofilUpdateTopic: null,\n\t\t\tview: null,\n\t\t\tdata: null,\n\t\t\t// notfound is null by default, but contains an UID if no user exists with that UID\n\t\t\tnotFoundUID: null,\n\t\t\tisEditable: this.viewData.editable ?? false,\n\t\t};\n\t},\n\tprovide() {\n\t\treturn {\n\t\t\tisEditable: Vue.computed(()=>this.isEditable),\n\t\t\tprofilUpdateStates: Vue.computed(() =>\n\t\t\t\tthis.profilUpdateStates ? this.profilUpdateStates : false\n\t\t\t),\n\t\t\tprofilUpdateTopic: Vue.computed(() =>\n\t\t\t\tthis.profilUpdateTopic ? this.profilUpdateTopic : false\n\t\t\t),\n\t\t\tsetLoading: (newValue) => {\n\t\t\t\tthis.loading = newValue;\n\t\t\t},\n\t\t\tgetZustellkontakteCount: this.zustellKontakteCount,\n\t\t\tgetZustelladressenCount: this.zustellAdressenCount,\n\t\t\tcollapseFunction: (e, column) => {\n\t\t\t\t//* check if property doesn't exist already and add it to the reactive this properties\n\t\t\t\tif (this[e.target.id] === undefined) {\n\t\t\t\t\tthis[e.target.id] = true;\n\t\t\t\t}\n\t\t\t\tthis[e.target.id] = !this[e.target.id];\n\n\t\t\t\t//* gets all event icons of the different rows to use the onClick event later\n\t\t\t\tlet allClickableIcons = column._column.cells.map((row) => {\n\t\t\t\t\treturn row.element.children[0];\n\t\t\t\t});\n\n\t\t\t\t//* changes the icon that shows or hides all the collapsed columns\n\t\t\t\t//* if the replace function does not find the class to replace, it just simply returns false\n\t\t\t\tif (this[e.target.id]) {\n\t\t\t\t\te.target.classList.replace(\"fa-angle-up\", \"fa-angle-down\");\n\t\t\t\t} else {\n\t\t\t\t\te.target.classList.replace(\"fa-angle-down\", \"fa-angle-up\");\n\t\t\t\t}\n\n\t\t\t\t//* changes the icon for every collapsed column to open or closed\n\t\t\t\tif (this[e.target.id]) {\n\t\t\t\t\tallClickableIcons\n\t\t\t\t\t\t.filter((column) => {\n\t\t\t\t\t\t\treturn !column.classList.contains(\"open\");\n\t\t\t\t\t\t})\n\t\t\t\t\t\t.forEach((col) => {\n\t\t\t\t\t\t\tcol.click();\n\t\t\t\t\t\t});\n\t\t\t\t} else {\n\t\t\t\t\tallClickableIcons\n\t\t\t\t\t\t.filter((column) => {\n\t\t\t\t\t\t\treturn column.classList.contains(\"open\");\n\t\t\t\t\t\t})\n\t\t\t\t\t\t.forEach((col) => {\n\t\t\t\t\t\t\tcol.click();\n\t\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t},\n\t\t\tsortProfilUpdates: (ele1, ele2) => {\n\t\t\t\tlet result = 0;\n\t\t\t\tif (ele1.status.toLowerCase() === \"pending\") {\n\t\t\t\t\tresult = -1;\n\t\t\t\t} else if (ele1.status.toLowerCase() === \"accepted\") {\n\t\t\t\t\tresult = ele2.status.toLowerCase() === \"rejected\" ? -1 : 1;\n\t\t\t\t} else {\n\t\t\t\t\tresult = 1;\n\t\t\t\t}\n\t\t\t\t//? if they have the same status the insert date is used for ordering\n\t\t\t\tif (ele1.status === ele2.status) {\n\t\t\t\t\tresult =\n\t\t\t\t\t\tnew Date(ele2.insertamum.split(\".\").reverse().join(\"-\")) -\n\t\t\t\t\t\tnew Date(ele1.insertamum.split(\".\").reverse().join(\"-\"));\n\t\t\t\t}\n\t\t\t\treturn result;\n\t\t\t},\n\t\t};\n\t},\n\tmethods: {\n\t\tasync load() {\n\t\t\t// fetch profilUpdateStates to provide them to children components\n\t\t\tawait this.$api\n\t\t\t\t.call(ApiProfilUpdate.getStatus())\n\t\t\t\t.then((response) => {\n\t\t\t\t\tthis.profilUpdateStates = response.data;\n\t\t\t\t})\n\t\t\t\t.catch((error) => {\n\t\t\t\t\tconsole.error(error);\n\t\t\t\t});\n\n\t\t\tthis.$api\n\t\t\t\t.call(ApiProfilUpdate.getTopic())\n\t\t\t\t.then((response) => {\n\t\t\t\t\tthis.profilUpdateTopic = response.data;\n\t\t\t\t})\n\t\t\t\t.catch((error) => {\n\t\t\t\t\tconsole.error(error);\n\t\t\t\t});\n\t\t\t\n\t\t\t\n\t\t\tthis.$api\n\t\t\t\t.call(ApiProfil.profilViewData(this.$route.params.uid??null))\n\t\t\t\t.then((response) => response.data).then(data=>{\n\t\t\t\t\tthis.view = data?.profil_data.view;\n\t\t\t\t\tthis.data = data?.profil_data.data;\n\t\t\t\t\tthis.isEditable = data?.editable ?? false;\n\t\t\t\t})\n\t\t\t\t.catch((error) => {\n\t\t\t\t\tconsole.error(error);\n\t\t\t\t});\n\t\t\t\n\t\t\t\n\t\t},\n\t\tzustellAdressenCount() {\n\t\t\tif (!this.data || !this.data.adressen) {\n\t\t\t\treturn null;\n\t\t\t}\n\n\t\t\tlet adressenArray = [];\n\t\t\tif (this.data.profilUpdates?.length) {\n\t\t\t\tadressenArray = adressenArray.concat(\n\t\t\t\t\tthis.data.profilUpdates\n\t\t\t\t\t\t.filter((update) => {\n\t\t\t\t\t\t\treturn update.requested_change.zustelladresse;\n\t\t\t\t\t\t})\n\t\t\t\t\t\t.map((adresse) => {\n\t\t\t\t\t\t\treturn adresse.requested_change.adresse_id;\n\t\t\t\t\t\t})\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tif (\n\t\t\t\t!this.data.profilUpdates?.length ||\n\t\t\t\t!this.data.adressen\n\t\t\t\t\t.filter((adresse) => adresse.zustelladresse)\n\t\t\t\t\t.every((adresse) =>\n\t\t\t\t\t\tthis.data.profilUpdates.some(\n\t\t\t\t\t\t\t(update) =>\n\t\t\t\t\t\t\t\tupdate.requested_change.adresse_id == adresse.adresse_id\n\t\t\t\t\t\t)\n\t\t\t\t\t)\n\t\t\t) {\n\t\t\t\tadressenArray = adressenArray.concat(\n\t\t\t\t\tthis.data.adressen\n\t\t\t\t\t\t.filter((adresse) => {\n\t\t\t\t\t\t\treturn adresse.zustelladresse;\n\t\t\t\t\t\t})\n\t\t\t\t\t\t.map((adr) => {\n\t\t\t\t\t\t\treturn adr.adresse_id;\n\t\t\t\t\t\t})\n\t\t\t\t);\n\t\t\t}\n\n\t\t\treturn [...new Set(adressenArray)];\n\t\t\t\n\t\t},\n\t\tzustellKontakteCount() {\n\t\t\tif (!this.data || !this.data.kontakte) {\n\t\t\t\treturn null;\n\t\t\t}\n\n\t\t\tlet kontakteArray = [];\n\n\t\t\tif (this.data.profilUpdates?.length) {\n\t\t\t\tkontakteArray = kontakteArray.concat(\n\t\t\t\t\tthis.data.profilUpdates\n\t\t\t\t\t\t.filter((update) => {\n\t\t\t\t\t\t\treturn update.status === 'Pending' && update.requested_change.zustellung;\n\t\t\t\t\t\t})\n\t\t\t\t\t\t.map((kontant) => {\n\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\t\tkontakt_id: kontant.requested_change.kontakt_id,\n\t\t\t\t\t\t\t\t\t\tkontakttyp: kontant.requested_change.kontakttyp\n\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t})\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tif (\n\t\t\t\t!this.data.profilUpdates?.length ||\n\t\t\t\t!this.data.kontakte\n\t\t\t\t\t.filter((kontakt) => kontakt.zustellung)\n\t\t\t\t\t.every((kontakt) =>\n\t\t\t\t\t\tthis.data.profilUpdates.some(\n\t\t\t\t\t\t\t(update) =>\n\t\t\t\t\t\t\t\tupdate.status === 'Pending' && update.requested_change.kontakt_id == kontakt.kontakt_id\n\t\t\t\t\t\t)\n\t\t\t\t\t)\n\t\t\t) {\n\t\t\t\tkontakteArray = kontakteArray.concat(\n\t\t\t\t\tthis.data.kontakte\n\t\t\t\t\t\t.filter((kontakt) => {\n\t\t\t\t\t\t\treturn kontakt.zustellung;\n\t\t\t\t\t\t})\n\t\t\t\t\t\t.map((kon) => {\n\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\t\tkontakt_id: kon.kontakt_id,\n\t\t\t\t\t\t\t\t\t\tkontakttyp: kon.kontakttyp\n\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t})\n\t\t\t\t);\n\t\t\t}\n\n\t\t\treturn [...new Set(kontakteArray)];\n\t\t},\n\t},\n\tcomputed: {\n\t\t\n\t\tfilteredEditData() {\n\t\t\tif (!this.data) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\treturn {\n\t\t\t\tview: null,\n\t\t\t\tdata: {\n\t\t\t\t\tPersonen_Informationen: {\n\t\t\t\t\t\ttitle: this.$p.t(\"profil\", \"personenInformationen\"),\n\t\t\t\t\t\ttopic: \"Personen_informationen\",\n\t\t\t\t\t\tview: null,\n\t\t\t\t\t\tdata: {\n\t\t\t\t\t\t\tvorname: {\n\t\t\t\t\t\t\t\ttitle: this.$p.t(\"person\", \"vorname\"),\n\t\t\t\t\t\t\t\ttopic: this.profilUpdateTopic?.[\"Vorname\"],\n\t\t\t\t\t\t\t\tview: \"TextInputDokument\",\n\t\t\t\t\t\t\t\twithFiles: true,\n\t\t\t\t\t\t\t\tdata: {\n\t\t\t\t\t\t\t\t\ttitel: \"vorname\",\n\t\t\t\t\t\t\t\t\tvalue: this.data.vorname,\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tnachname: {\n\t\t\t\t\t\t\t\ttitle: this.$p.t(\"person\", \"nachname\"),\n\t\t\t\t\t\t\t\ttopic: this.profilUpdateTopic?.[\"Nachname\"],\n\t\t\t\t\t\t\t\tview: \"TextInputDokument\",\n\t\t\t\t\t\t\t\twithFiles: true,\n\t\t\t\t\t\t\t\tdata: {\n\t\t\t\t\t\t\t\t\ttitel: \"nachname\",\n\t\t\t\t\t\t\t\t\tvalue: this.data.nachname,\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\ttitel: {\n\t\t\t\t\t\t\t\ttitle: this.$p.t(\"global\", \"titel\"),\n\t\t\t\t\t\t\t\ttopic: this.profilUpdateTopic?.[\"Titel\"],\n\t\t\t\t\t\t\t\tview: \"TextInputDokument\",\n\t\t\t\t\t\t\t\twithFiles: true,\n\t\t\t\t\t\t\t\tdata: {\n\t\t\t\t\t\t\t\t\ttitel: \"titel\",\n\t\t\t\t\t\t\t\t\tvalue: this.data.titel,\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tpostnomen: {\n\t\t\t\t\t\t\t\ttitle: this.$p.t(\"profil\", \"postnomen\"),\n\t\t\t\t\t\t\t\ttopic: this.profilUpdateTopic?.[\"Postnomen\"],\n\t\t\t\t\t\t\t\tview: \"TextInputDokument\",\n\t\t\t\t\t\t\t\twithFiles: true,\n\t\t\t\t\t\t\t\tdata: {\n\t\t\t\t\t\t\t\t\ttitel: \"postnomen\",\n\t\t\t\t\t\t\t\t\tvalue: this.data.postnomen,\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t\tPrivate_Kontakte: {\n\t\t\t\t\t\ttitle: this.$p.t(\"profil\", \"privateKontakte\"),\n\t\t\t\t\t\ttopic: this.profilUpdateTopic?.[\"Private Kontakte\"],\n\t\t\t\t\t\tdata: this.data.kontakte\n\t\t\t\t\t\t\t?.filter((item) => {\n\t\t\t\t\t\t\t\t// excludes all contacts that are already used in pending profil update requests\n\t\t\t\t\t\t\t\treturn !this.data.profilUpdates?.some(\n\t\t\t\t\t\t\t\t\t(update) =>\n\t\t\t\t\t\t\t\t\t\tupdate.status === this.profilUpdateStates[\"Pending\"] &&\n\t\t\t\t\t\t\t\t\t\tupdate.requested_change?.kontakt_id === item.kontakt_id\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t.map((kontakt) => {\n\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\tlistview: \"Kontakt\",\n\t\t\t\t\t\t\t\t\tview: \"EditKontakt\",\n\t\t\t\t\t\t\t\t\tdata: kontakt,\n\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t}),\n\t\t\t\t\t},\n\t\t\t\t\tPrivate_Adressen: {\n\t\t\t\t\t\ttitle: this.$p.t(\"profil\", \"privateAdressen\"),\n\t\t\t\t\t\ttopic: this.profilUpdateTopic?.[\"Private Adressen\"],\n\t\t\t\t\t\tdata: this.data.adressen\n\t\t\t\t\t\t\t?.filter((item) => {\n\t\t\t\t\t\t\t\treturn !this.data.profilUpdates?.some((update) => {\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\tupdate.status === this.profilUpdateStates[\"Pending\"] &&\n\t\t\t\t\t\t\t\t\t\tupdate.requested_change?.adresse_id == item.adresse_id\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t.map((adresse) => {\n\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\tlistview: \"Adresse\",\n\t\t\t\t\t\t\t\t\tview: \"EditAdresse\",\n\t\t\t\t\t\t\t\t\tdata: adresse,\n\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t}),\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t};\n\t\t},\n\t},\n\twatch: {\n\t\tloading: function (newValue) {\n\t\t\tif (newValue) {\n\t\t\t\tthis.$refs.loadingModalRef.show();\n\t\t\t} else {\n\t\t\t\tthis.$refs.loadingModalRef.hide();\n\t\t\t}\n\t\t},\n\t\tuid (newVal, oldVal) {\n\t\t\tthis.load()\n\t\t}\n\t},\n\tcreated() {\n\t\tthis.load()\n\t},\n\ttemplate: `\n\t\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
\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 \n \n
\n \n \n
\n \n \n \n
\n \n\t\t
`,\n}\n\nexport default Profil","/**\n * Copyright (C) 2025 fhcomplete.org\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see \n\t\t\t
\n\t\tEs wurde keine Person mit der UID {{this.notFoundUID}} gefunden
\n\t\t\n
\n\t' +\n\t\t\t\t'' +\n\t\t\t\t'' +\n\t\t\t\t'
'\n\t\t\t} else {\n\t\t\t\treturn '' +\n\t\t\t\t\t'-
'\n\t\t\t}\n\t\t},\n\t\troomPlanLink(room) {\n\t\t\treturn FHC_JS_DATA_STORAGE_OBJECT.app_root + FHC_JS_DATA_STORAGE_OBJECT.ci_router\n\t\t\t+ '/CisVue/Cms/getRoomInformation/' + room.ort_kurzbz\n\t\t},\n\t\troomInfoLink(room) {\n\t\t\treturn FHC_JS_DATA_STORAGE_OBJECT.app_root + FHC_JS_DATA_STORAGE_OBJECT.ci_router\n\t\t\t\t+ '/CisVue/Cms/content/' + room.content_id\n\t\t},\n\t\tgetTimeString(time) {\n\t\t\tconst hours = String(time.hours).padStart(2, '0');\n\t\t\tconst minutes = String(time.minutes).padStart(2, '0');\n\t\t\treturn `${hours}:${minutes}`\n\t\t},\n\t\tsetupData(data){\n\t\t\tconst d = data.map(room => {\n\t\t\t\treturn {\n\t\t\t\t\tort_kurzbz: room.ort_kurzbz,\n\t\t\t\t\tbezeichnung: room.bezeichnung.replace('&', '&'),\n\t\t\t\t\tnummer: room.planbezeichnung,\n\t\t\t\t\tpersonen: room.max_person,\n\t\t\t\t\tlinkInfo: room.content_id ? this.roomInfoLink(room) : null,\n\t\t\t\t\tlinkRes: this.roomPlanLink(room)\n\t\t\t\t\t\n\t\t\t\t}\n\t\t\t\t\t\n\t\t\t})\n\t\t\t\n\t\t\tthis.$refs.raumsucheTable.tabulator.setData(d);\n\t\t},\n\t\tloadRoomTypes() {\n\t\t\tthis.$api.call(ApiOrt.getRoomTypes())\n\t\t\t\t.then(res => {\n\t\t\t\tres?.data?.forEach(type => {\n\t\t\t\t\ttype.beschreibung = type.beschreibung.replace('&', '&')\n\t\t\t\t})\n\t\t\t\tthis.selectedType = this.defaultType\n\t\t\t\tthis.roomtypes = res?.data ?? []\n\t\t\t})\n\t\t},\n\t\tloadRooms() {\n\t\t\tthis.$api.call(ApiOrt.getRooms(this.datum.toISOString(), this.getTimeString(this.von), this.getTimeString(this.bis), this.selectedType?.raumtyp_kurzbz ?? '', this.anzahl))\n\t\t\t\t.then(res => {\n\t\t\t\t\tif(res?.data?.retval) this.setupData(res.data.retval)\n\t\t\t})\n\t\t},\n\t\thandleUuidDefined(uuid) {\n\t\t\tthis.tabulatorUuid = uuid\n\t\t},\n\t\tsearch(){\n\t\t\tthis.loadRooms()\n\t\t},\n\t\tsetRoute(val) {\n\t\t\t// TODO: router push\n\t\t},\n\t\tdateFormat(date) {\n\t\t\tconst day = String(date.getDate()).padStart(2, '0');\n\t\t\tconst month = String(date.getMonth() + 1).padStart(2, '0');\n\t\t\tconst year = date.getFullYear();\n\t\t\treturn `${day}.${month}.${year}`\n\t\t},\n\t\ttimeFormat(date) {\n\t\t\tconst hours = String(date.getHours()).padStart(2, '0');\n\t\t\tconst minutes = String(date.getMinutes()).padStart(2, '0');\n\t\t\treturn `${hours}:${minutes}`;\n\t\t},\n\t\tasync setupMounted() {\n\t\t\t\n\t\t\tthis.tableBuiltPromise = new Promise(this.tableResolve)\n\t\t\tawait this.tableBuiltPromise\n\t\t\t\n\t\t\tthis.loadRoomTypes()\n\t\t\tthis.loadRooms()\n\n\t\t\tconst tableID = this.tabulatorUuid ? ('-' + this.tabulatorUuid) : ''\n\t\t\tconst tableDataSet = document.getElementById('filterTableDataset' + tableID);\n\t\t\tif(!tableDataSet) return\n\t\t\tconst rect = tableDataSet.getBoundingClientRect();\n\n\t\t\tconst h = window.visualViewport.height - rect.top - 100\n\t\t\tif(this.$refs.raumsucheTable) {\n\t\t\t\tthis.$refs.raumsucheTable.$refs.table.style.setProperty('height', h+'px')\n\t\t\t}\n\t\t\t\n\t\t}\n\t},\n\tcomputed: {\n\t\tisDarkMode(){\n\t\t\treturn this.$theme.theme_name.value == 'dark';\n\t\t}\n\t},\n\tcreated() {\n\t\tthis.phrasenPromise = this.$p.loadCategory(['rauminfo', 'global'])\n\t\tthis.phrasenPromise.then(()=> {this.phrasenResolved = true})\n\t},\n\tmounted() {\n\t\tthis.setupMounted()\n\t},\n\ttemplate: `\n\t{{$p.t('rauminfo/roomSearch')}}
\n\t\n\t
\n\t\t
\n\t\n\n \n\t\t\t\n\t\t\t\n\t\t
\n\t\t\n\t\t\t\n\t\t\t\n\t\t
\n\t\t\n\t\t\t\n\t\t\t\n\t\t
\n\t\t\n\t\t\n\t\t\t\n\t\t
\n\t\t\n\n\t\t\n\t\t\t
\n\t\t\n\t\t\t\n\t\t
\n\t\n\t\t$emit('page',{...data, page:data.page+1})\" :rows=\"page_size\" :totalRecords=\"maxPageCount\" :rowsPerPageOptions=\"[10, 20, 30]\" >\n\t\t \n\t
\n\t\n\t\n\t\t$emit('page',{...data, page:data.page+1})\" :rows=\"page_size\" :totalRecords=\"maxPageCount\" :rowsPerPageOptions=\"[10, 20, 30]\" template=\"FirstPageLink PrevPageLink CurrentPageReport NextPageLink LastPageLink RowsPerPageDropdown\">\n\t\t \n\t
\n `,\n};\n","export default {\n\tprops:{\n\t\tuid:String,\n\t\tvorname:String,\n\t\tnachname:String,\n\t\ttitelpre:String,\n\t\tkontakt:String,\t\n\t\ttelefoneklappe:String,\n\t\temail:String,\n\t\tplanbezeichnung:String,\n\t\tfoto:String,\n\t\tdisplayWidget:{\n\t\t\ttype:Boolean,\n\t\t\tdefault:false,\n\t\t}\n\t},\n\ttemplate:/*html*/`\n\t\n\t\t
\n\t\t
\n\t`,\n\tcomputed:{\n\t\tformattedEmail: function(){\n\t\t\tif(!this.email ) return null;\n\t\t\tlet emailString= this.email.replace(\"mailto:\", \"\");\n\t\t\t// when splitting a string, the letter that is used to split the string will be removed from the result\n\t\t\tlet emailArray = emailString.split('@');\n\t\t\t// returns both parts of the splitted string in combination with the removed letter and a word break\n\t\t\treturn emailArray[0] + '@\n\t\t\t![\"mitarbeiter_foto\"]()
\n\t\t
\n\t\t\n\t\t\n\t\t
\n\n\t\t\t
\n\t- \n\t\t\t\t
- \n\t\t\t\t
- {{phone.number}} \n\n\t\t\t\t
- \n\t\t\t\t
- {{ort}} \n\n\t\t\t\t
- \n\t\t\t\t
- \n\t\t\t
\n\t\t
\n\t`,\n\tmethods: {\n\t\tprofilViewLink: function (uid) {\n\t\t\treturn uid ? FHC_JS_DATA_STORAGE_OBJECT.app_root.concat(FHC_JS_DATA_STORAGE_OBJECT.ci_router).concat(\"/Cis/Profil/View/\").concat(uid) : null;\n\t\t},\n\t\tvertretungFormatedName: function (vertretung) {\n\t\t\tif (!vertretung) return null;\n\t\t\treturn `${vertretung.vorname ?? ''} ${vertretung.nachname ?? ''} ${vertretung.bezeichnung && this.showBezeichnung ? '('.concat(vertretung.bezeichnung.replace(\"(\", \"\").replace(\")\", \"\")).concat(\")\") : ''}`\n\t\t},\n\t},\n\n}","/**\n * Copyright (C) 2025 fhcomplete.org\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see \n\t\t\t{{title}}\n\t\t
\n\t\t\n\t\t\t
\n\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t{{vertretungFormatedName(vertretung,false)}}\n\t\t\t
\n\t\t\n\t\t\n\t\t\t
\n\t\n`,\ncomputed:{\n\t// this function concatenates the studiengangsleitung and the assistenz or the \n\t// geschaeftsfuehrende-Stellvertretende Leitung if both collections only contain one person\n\tcollection_array: function(){\n\t\tlet returnData = [];\n\n\t\tif (Array.isArray(this.stg_ltg) && this.stg_ltg.length == 1 && Array.isArray(this.ass) && this.ass.length == 1)\n\t\t{\n\t\t\treturnData.push({ title: `${this.$p.t('global', 'studiengangsleitung')}/${this.$p.t('studiengangInformation', 'assistenz')}` , collection: [...this.stg_ltg, ...this.ass] });\n\t\t}\n\t\telse\n\t\t{\n\t\t\treturnData.push({ title: this.$p.t('global', 'studiengangsleitung'), collection: this.stg_ltg });\n\t\t\treturnData.push({ title: this.$p.t('studiengangInformation', 'assistenz'), collection: this.ass });\n\t\t}\n\t\tif (Array.isArray(this.gf_ltg) && this.gf_ltg.length == 1 && Array.isArray(this.stv_ltg) && this.stv_ltg.length == 1)\n\t\t{\n\t\t\treturnData.push({ title: this.$p.t('studiengangInformation', 'geschaeftsfuehrende_stellvertretende_leitung'), collection: [...this.gf_ltg, ...this.stv_ltg] });\n\t\t}\n\t\telse\n\t\t{\n\t\t\treturnData.push({ title: this.$p.t('studiengangInformation', 'geschaeftsfuehrende_leitung'), collection: this.gf_ltg });\n\t\t\treturnData.push({ title: this.$p.t('studiengangInformation', 'stellvertretende_leitung'), collection: this.stv_ltg });\n\t\t}\n\n\t\treturn returnData;\n\t},\n\tmoodleLink: function(){\n\t\t// early return if the studiengang information is not available\n\t\tif(!this.studiengang || !this.studiengang.studiengang_kz) return;\n\n\t\treturn `https://moodle.technikum-wien.at/course/view.php?idnumber=dl` + this.studiengang.studiengang_kz;\n\t},\n},\n\tmounted() {\n\t\tthis.$api\n\t\t\t.call(ApiStudiengang.studiengangInformation())\n\t\t\t.then(res => res.data)\n\t\t\t.then(studiengangInformationen => {\n\t\t\t\tObject.assign(this, studiengangInformationen);\n\t\t\t});\n\t}\n};\n","/**\n * Copyright (C) 2025 fhcomplete.org\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see \n\t\t\t\t
\n\t\t\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t{{$p.t('lehre','studiengang')}}:
\n\t\t\t\t\t{{studiengang?.bezeichnung}}\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\tMoodle:
\n\t\t\t\t\t{{studiengang?.kurzbzlang}}\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t{{$p.t('lehre','studiensemester')}}:
\n\t\t\t\t\t{{semester}}\n\t\t\t\t{{title}}
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t\t0\">\n\t\t\tNews
\n\t\n\t
\n\t\t
\n\t\n\t\t\t
\n\t\n\t\t\t
\n\t\t\t\n\t\t\t\t
\n\t\t\n\t\t\t\t\t
\n\t\t\t${this.content}
`, \"text/html\");\n\n\t\tconst img = doc.querySelector(\"img\")\n\t\tif(img && img.title)\n\t\t{\n\t\t\tconst imgAttributes = {}\n\t\t\tfor (let attr of img.attributes) {\n\t\t\t\timgAttributes[attr.name] = attr.value\n\t\t\t}\n\n\t\t\tthis.imgContent = imgAttributes\n\t\t}\n\t\t\n\t\tconsole.error(`was not able to get the title of the raum_contentmittitel`);\n\t\t\n },\n template: /*html*/ `\n \n\n Content was not found
\n `,\n };\n ","// collection of relative and absolute regex to replace legacy links\nconst GROUP_REPLACEMENT_STRATEGIES = {\n\tQUERY_PARAMETERS:'QUERY_PARAMETERS',\n\tPATH_SEGMENTS:'PATH_SEGMENTS',\n}\n\nconst regexList = {\n\trelative:[\n\t\t{ \n\t\t\tpriority: 1, \n\t\t\tregex: new RegExp(/^\\.\\.\\/cms\\/content\\.php\\?content_id=([0-9]+)/),\n\t\t\treplacement: FHC_JS_DATA_STORAGE_OBJECT.app_root + FHC_JS_DATA_STORAGE_OBJECT.ci_router + '/CisVue/Cms/content',\n\t\t\tgroup_replacement_strategy:GROUP_REPLACEMENT_STRATEGIES.PATH_SEGMENTS,\n\t\t},\n\t\t{ \n\t\t\tpriority: 2,\n\t\t\tregex: new RegExp(/^\\.\\.\\/cms\\/news\\.php/),\n\t\t\treplacement: FHC_JS_DATA_STORAGE_OBJECT.app_root + FHC_JS_DATA_STORAGE_OBJECT.ci_router + '/CisVue/Cms/news',\n\t\t},\n\t\t{ \n\t\t\tpriority: 3,\n\t\t\tregex: new RegExp(/^\\.\\.\\/index\\.ci\\.php/),\n\t\t\treplacement: FHC_JS_DATA_STORAGE_OBJECT.app_root + FHC_JS_DATA_STORAGE_OBJECT.ci_router,\n\t\t},\n\t\t{ \n\t\t\tpriority: 10, \n\t\t\tregex: new RegExp(/^\\.\\.\\//),\n\t\t\treplacement: FHC_JS_DATA_STORAGE_OBJECT.app_root,\n\t\t},\n\t],\n\tabsolute:[\n\t\t{}\n\t]\n};\n\n// sorts the relative regex array by priority ascending\nconst relative_regex = regexList.relative\n\t.sort((a, b) => {\n\t\treturn a.priority - b.priority;\n\t})\n\t.map(regex => {\n\t\treturn {\n\t\t\tregex: regex.regex, \n\t\t\treplacement: regex.replacement,\n\t\t\tgroup_replacement_strategy: regex.group_replacement_strategy,\n\t\t}\n\t});\n\n// sorts the absolute regex array by priority ascending\nconst absolute_regex = regexList.absolute\n\t.sort((a, b) => {\n\t\treturn a.priority - b.priority;\n\t})\n\t.map(regex => {\n\t\treturn {\n\t\t\tregex: regex.regex,\n\t\t\treplacement: regex.replacement,\n\t\t\tgroup_replacement_strategy: regex.group_replacement_strategy,\n\t\t}\n\t})\n\n\nexport function replaceRelativeLegacyLink(relativeLegacyLink){\n\tfor (let {regex,replacement,group_replacement_strategy} of relative_regex){\t\n\t\t// if any of the regex matches the relativeLegacyLink, replace the matched part with the new app_root path\n\t\tlet match = relativeLegacyLink.match(regex);\n\t\tif (match) {\n\t\t\tlet new_link = relativeLegacyLink.replace(regex, replacement);\n\t\t\t\n\t\t\t\tswitch (group_replacement_strategy){\n\t\t\t\t\tcase 'QUERY_PARAMETERS':\n\t\t\t\t\t\t//TODO: this doesn't really work yet because the query parameter are key/value pairs\n\t\t\t\t\t\tnew_link = new_link.concat(`?${match[1]}`);\n\t\t\t\t\t\tfor (let query_parameter of match.slice(2)) {\n\t\t\t\t\t\t\tnew_link = new_link.concat(`&${query_parameter}`);\n\t\t\t\t\t\t}\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase 'PATH_SEGMENTS':\n\t\t\t\t\t\tfor (let query_parameter of match.slice(1)) { \n\t\t\t\t\t\t\tnew_link = new_link.concat(`/${query_parameter}`);\n\t\t\t\t\t\t} \n\t\t\t\t\t\tbreak;\n\t\t\t\t\tdefault:\n\t\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t\n\t\t\treturn new_link; \n\t\t}\n\t}\n\t// if none of the regex matched with the string return the original path\n\treturn relativeLegacyLink;\n}\n\n","import { replaceRelativeLegacyLink } from \"../../../../helpers/LegacyLinkReplaceHelper.js\"\nexport default {\n\tname: \"GeneralComponent\",\n props:{\n content:{\n type:String,\n required:true,\n },\n },\n\tmethods: {\n\t\tsanitizeLegacyTables(table) {\n\t\t\t\n\t\t\t// find nested tables and replace with p element\n\t\t\tconst tt = table.querySelectorAll('table')\n\t\t\ttt.forEach(t => {\n\t\t\t\tconst textContent = t.textContent.trim();\n\t\t\t\tconst pElement = document.createElement('p');\n\t\t\t\tpElement.textContent = textContent;\n\t\t\t\tt.parentNode.replaceChild(pElement, t);\n\t\t\t})\n\n\t\t\t// find unordered lists, traverse li childs and replace with p element -> more readable than 1 p tag for ul\n\t\t\tconst ul = table.querySelectorAll('ul')\n\t\t\tul.forEach(u => {\n\t\t\t\tArray.from(u.children).forEach(li => {\n\t\t\t\t\tconst p = document.createElement('p');\n\t\t\t\t\tp.textContent = li.textContent\n\t\t\t\t\tu.parentNode.appendChild(p)\n\t\t\t\t})\n\t\t\t\tu.parentNode.removeChild(u)\n\t\t\t\t\n\t\t\t})\n\n\t\t\t// find bare text nodes and put into p element\n\t\t\tconst td = Array.from(table.querySelectorAll('td')).filter(el => el.scrollWidth > 100)\n\t\t\ttd.forEach(element => {\n\t\t\t\tif (element.firstChild?.nodeType === Node.TEXT_NODE && element.firstChild.length > 10) {\n\t\t\t\t\tconst p = document.createElement('p');\n\t\t\t\t\tp.appendChild(element.firstChild)\n\t\t\t\t\telement.appendChild(p);\n\t\t\t\t}\n\t\t\t});\n\n\t\t\t// flatten nested th elements\n\t\t\tconst ths = Array.from(table.querySelectorAll('th'))\n\t\t\tths.forEach(th => {\n\n\t\t\t\tif(th.children.length > 1) {\n\t\t\t\t\tth.innerHTML = Array.from(th.childNodes).find(cn => cn.textContent).textContent\n\t\t\t\t}\n\t\t\t})\n\n\t\t\t// let p elements wrap on overflow\n\t\t\tconst p = table.querySelectorAll('p')\n\t\t\tp.forEach(p => {\n\t\t\t\tp.style.setProperty('word-wrap', 'break-word');\n\t\t\t\tp.style.setProperty('white-space', 'normal');\n\t\t\t\tp.style.setProperty('max-width', '400px');\n\t\t\t})\n\t\t},\n\t\tprepareContent() {\n\t\t\t// replaces the tablesorter with the tabulator\n\t\t\tlet tables = Array.from(document.getElementsByClassName(\"tablesorter\"));\n\n\t\t\ttables.forEach((table, index) => {\n\t\t\t\tthis.sanitizeLegacyTables(table)\n\n\t\t\t\tnew Tabulator(table, {\n\t\t\t\t\tindex: index,\n\t\t\t\t\tlayout: \"fitDataFill\",\n\n\t\t\t\t\tcolumnDefaults: {\n\t\t\t\t\t\tformatter: \"html\",\n\t\t\t\t\t\tresizable: true,\n\t\t\t\t\t\tminWidth: \"100px\"\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t})\n\n\t\t\tdocument.querySelectorAll(\"#cms [data-confirm]\").forEach((el) => {\n\t\t\t\tel.addEventListener(\"click\", (evt) => {\n\t\t\t\t\tevt.preventDefault();\n\t\t\t\t\tBsConfirm.popup(el.dataset.confirm)\n\t\t\t\t\t.then(() => {\n\t\t\t\t\t\tAxios.get(el.href)\n\t\t\t\t\t\t.then((res) => {\n\t\t\t\t\t\t\t// TODO(chris): check for success then show message and/or reload\n\t\t\t\t\t\t\tlocation = location;\n\t\t\t\t\t\t})\n\t\t\t\t\t\t.catch((err) => console.error(\"ERROR:\", err));\n\t\t\t\t\t})\n\t\t\t\t\t.catch(() => {});\n\t\t\t\t});\n\t\t\t});\n\t\t\tdocument.querySelectorAll(\"#cms [data-href]\").forEach((el) => {\n\t\t\t\tel.href = el.dataset.href.replace(\n\t\t\t\t\t/^ROOT\\//,\n\t\t\t\t\tFHC_JS_DATA_STORAGE_OBJECT.app_root\n\t\t\t\t);\n\t\t\t});\n\n\t\t\tdocument.querySelectorAll(\"[href]\").forEach((element) => {\n\t\t\t\tlet orignal_href = element.getAttribute(\"href\");\n\t\t\t\tlet new_href = replaceRelativeLegacyLink(orignal_href);\n\t\t\t\telement.href = new_href;\n\t\t\t});\n\n\t\t\tdocument.querySelectorAll(\"[style*=background-color]\").forEach((element) => {\n\t\t\t\tif (element.style.backgroundColor == \"rgb(255, 255, 255)\"){\n\t\t\t\t\telement.style.backgroundColor = \"var(--fhc-background)\";\n\t\t\t\t}\n\t\t\t\tif(element.querySelector(\"*[style*=background-color]\")){\n\t\t\t\t\telement.style.backgroundColor = \"var(--fhc-tertiary)\";\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t},\n\tupdated() {\n\t\tthis.prepareContent();\n\t},\n\tmounted(){\n\t\tthis.prepareContent();\n\t},\n template: /*html*/ `\n \n\n \t\n
Content was not found
\n `,\n };\n ","import raum_contentmittitel from './Content_types/Raum_contentmittitel.js'\nimport general from './Content_types/General.js'\nimport BsConfirm from \"../../Bootstrap/Confirm.js\";\nimport news_content from './Content_types/News_content.js';\nimport iframe_content from './Content_types/Iframe_content.js';\n\nimport ApiCms from '../../../api/factory/cms.js';\n\nexport default {\n\tname: \"ContentComponent\",\n\tprops: {\n\t\tcontent_id: {\n\t\t\ttype: [Number, String],\n\t\t\trequired: true\n\t\t},\n\t\tversion: {\n\t\t\ttype: [String, Number],\n\t\t\tdefault: null,\n\t\t},\n\t\tsichtbar: {\n\t\t\ttype: [String, Number],\n\t\t\tdefault: null,\n\t\t}\n\t},\n\tcomponents: {\n\t\traum_contentmittitel,\n\t\tnews_content,\n\t\tgeneral,\n\t\tiframe_content\n\t},\n\tdata() {\n\t\treturn {\n\t\t\tcontent_type: null,\n\t\t\tcontent: null,\n\t\t\tcontent_id_internal: this.content_id\n\t\t};\n\t},\n\tmethods: {\n\t\tfetchContent(){\n\t\t\tthis.$api\n\t\t\t\t.call(ApiCms.content(this.content_id_internal, this.version, this.sprache, this.sichtbar))\n\t\t\t\t.then(res => {\n\t\t\t\t\tthis.$nextTick(function() {\n\t\t\t\t\t\tthis.content = res.data.content;\n\t\t\t\t\t\tthis.content_type = res.data.type;\n\t\t\t\t\t});\n\t\t\t\t});\n\t\t}\n\t},\n\twatch:{\n\t\tsprache: function(sprache){\n\t\t\tthis.fetchContent();\n\t\t},\n\t\t'$route.params.content_id'(newVal) {\n\t\t\tthis.content_id_internal = newVal\n\t\t\tthis.fetchContent();\n\t\t}\n\t},\n\tcomputed: {\n\t\tsprache(){\n\t\t\treturn this.$p.user_language.value;\n\t\t},\n\t\tcomputeContentType: function () {\n\t\t\tswitch (this.content_type) {\n\t\t\t\tcase \"raum_contentmittitel\":\n\t\t\t\t\treturn \"raum_contentmittitel\";\n\t\t\t\tcase \"news\":\n\t\t\t\t\treturn \"news_content\";\n\t\t\t\tcase \"iframe\":\n\t\t\t\t\treturn \"iframe_content\";\n\t\t\t\tdefault:\n\t\t\t\t\treturn \"general\";\n\t\t\t};\n\t\t},\n\t},\n\tcreated() {\n\t\tthis.fetchContent();\n\t},\n\ttemplate: /*html*/ `\n \n\t\n \t
\n No content is available to display
\n `,\n};\n","import { replaceRelativeLegacyLink } from \"../../../../helpers/LegacyLinkReplaceHelper.js\"\nexport default {\n\tname: \"NewsContentType\",\n\tprops:{\n\t content:{\n\t\t type:String,\n\t\t required:true,\n\t },\n\t},\n\tmethods: {\n\t\tsanitizeLegacyTables(table) {\n\t\t\t\n\t\t\t// find nested tables and replace with p element\n\t\t\tconst tt = table.querySelectorAll('table')\n\t\t\ttt.forEach(t => {\n\t\t\t\tconst textContent = t.textContent.trim();\n\t\t\t\tconst pElement = document.createElement('p');\n\t\t\t\tpElement.textContent = textContent;\n\t\t\t\tt.parentNode.replaceChild(pElement, t);\n\t\t\t})\n\n\t\t\t// find unordered lists, traverse li childs and replace with p element -> more readable than 1 p tag for ul\n\t\t\tconst ul = table.querySelectorAll('ul')\n\t\t\tul.forEach(u => {\n\t\t\t\tArray.from(u.children).forEach(li => {\n\t\t\t\t\tconst p = document.createElement('p');\n\t\t\t\t\tp.textContent = li.textContent\n\t\t\t\t\tu.parentNode.appendChild(p)\n\t\t\t\t})\n\t\t\t\tu.parentNode.removeChild(u)\n\t\t\t\t\n\t\t\t})\n\n\t\t\t// find bare text nodes and put into p element\n\t\t\tconst td = Array.from(table.querySelectorAll('td')).filter(el => el.scrollWidth > 100)\n\t\t\ttd.forEach(element => {\n\t\t\t\tif (element.firstChild?.nodeType === Node.TEXT_NODE && element.firstChild.length > 10) {\n\t\t\t\t\tconst p = document.createElement('p');\n\t\t\t\t\tp.appendChild(element.firstChild)\n\t\t\t\t\telement.appendChild(p);\n\t\t\t\t}\n\t\t\t});\n\n\t\t\t// flatten nested th elements\n\t\t\tconst ths = Array.from(table.querySelectorAll('th'))\n\t\t\tths.forEach(th => {\n\n\t\t\t\tif(th.children.length > 1) {\n\t\t\t\t\tth.innerHTML = Array.from(th.childNodes).find(cn => cn.textContent).textContent\n\t\t\t\t}\n\t\t\t})\n\n\t\t\t// let p elements wrap on overflow\n\t\t\tconst p = table.querySelectorAll('p')\n\t\t\tp.forEach(p => {\n\t\t\t\tp.style.setProperty('word-wrap', 'break-word');\n\t\t\t\tp.style.setProperty('white-space', 'normal');\n\t\t\t\tp.style.setProperty('max-width', '400px');\n\t\t\t})\n\t\t}\n\t},\n\tmounted(){\n\t\t// replaces the tablesorter with the tabulator\n\t\tlet tables = Array.from(document.getElementsByClassName(\"tablesorter\"));\n\n\t\ttables.forEach((table, index) => {\n\t\t\tthis.sanitizeLegacyTables(table)\n\t\t\t\n\t\t\tnew Tabulator(table, {\n\t\t\t\tindex: index,\n\t\t\t\tlayout: \"fitDataFill\",\n\n\t\t\t\tcolumnDefaults: {\n\t\t\t\t\tformatter: \"html\",\n\t\t\t\t\tresizable: true,\n\t\t\t\t\tminWidth: \"100px\"\n\t\t\t\t}\n\t\t\t})\n\t\t})\n\n\t\tdocument.querySelectorAll(\"#cms [data-confirm]\").forEach((el) => {\n\t\t\tel.addEventListener(\"click\", (evt) => {\n\t\t\t evt.preventDefault();\n\t\t\t BsConfirm.popup(el.dataset.confirm)\n\t\t\t\t.then(() => {\n\t\t\t\t Axios.get(el.href)\n\t\t\t\t\t.then((res) => {\n\t\t\t\t\t\t// TODO(chris): check for success then show message and/or reload\n\t\t\t\t\t\tlocation = location;\n\t\t\t\t\t})\n\t\t\t\t\t.catch((err) => console.error(\"ERROR:\", err));\n\t\t\t\t})\n\t\t\t\t.catch(() => {});\n\t\t\t});\n\t\t });\n\t\tdocument.querySelectorAll(\"#cms [data-href]\").forEach((el) => {\n\t\t\tel.href = el.dataset.href.replace(\n\t\t\t\t/^ROOT\\//,\n\t\t\t\tFHC_JS_DATA_STORAGE_OBJECT.app_root\n\t\t\t);\n\t\t});\n\t\t\t\n\t\tdocument.querySelectorAll(\"[href]\").forEach((element) => {\n\t\t\tlet orignal_href = element.getAttribute(\"href\");\n\t\t\tlet new_href = replaceRelativeLegacyLink(orignal_href);\n\t\t\telement.href = new_href;\n\t\t});\n\n\t\tdocument.querySelectorAll(\"[style*=background-color]\").forEach((element) => {\n\t\t\tif (element.style.backgroundColor == \"rgb(255, 255, 255)\"){\n\t\t\t\telement.style.backgroundColor = \"var(--fhc-background)\";\n\t\t\t}\n\t\t\tif(element.querySelector(\"*[style*=background-color]\")){\n\t\t\t\telement.style.backgroundColor = \"var(--fhc-tertiary)\";\n\t\t\t}\n\t\t});\n\n\t\tVue.nextTick(() => {\n\t\t\tdocument.querySelectorAll(\".card-header\").forEach((el) => {\n\t\t\t\tel.classList.add(\"fhc-primary\");\n\t\t\t});\n\t\t\tdocument.querySelectorAll(\".row\").forEach((el) => {\n\t\t\t\tel.classList.add(\"w-100\");\n\t\t\t\tel.classList.add(\"align-items-center\");\n\n\t\t\t});\n\t\t\tdocument.querySelectorAll(\".row h2\").forEach((el) => {\n\t\t\t\tel.classList.add(\"mb-0\");\n\t\t\t});\n\n\t\t})\n\n\t},\n\ttemplate: /*html*/ `\n\t \n\t\n\t\t\n\t
Content was not found
\n\t `,\n };\n ","import { replaceRelativeLegacyLink } from \"../../../../helpers/LegacyLinkReplaceHelper.js\";\n\nexport default {\n\tname: \"iframe_content\",\n\tprops: {\n\t\tcontent: { type: String, required: true }\n\t},\n\tcomputed: {\n\t\tsrcUrl() {\n\t\t\tconst parser = new DOMParser()\n\t\t\tconst doc = parser.parseFromString(`${this.content}
`, \"text/html\");\n\t\t\tconst iframe = doc.querySelector(\"iframe[src]\");\n\n\t\t\tif (!iframe)\n\t\t\t\treturn \"\";\n\n\t\t\tlet url = iframe.getAttribute(\"src\") || \"\";\n\t\t\treturn replaceRelativeLegacyLink(url);\n\t\t}\n\t},\n\ttemplate: `\n\t\t\n\t\t\t\n\t\t
\n\t`\n};\n","import FhcCalendar from \"../../Calendar/LvPlan.js\";\n\nimport ApiLvPlan from '../../../api/factory/lvPlan.js';\n\nexport const DEFAULT_MODE_RAUMINFO = 'Week'\n\nexport default {\n\tname: \"RoomInformation\",\n\tcomponents: {\n\t\tFhcCalendar\n\t},\n\tprops:{\n\t\tviewData: Object, // NOTE(chris): this is inherited from router-view\n\t\tpropsViewData: Object\n\t},\n\tcomputed: {\n\t\tcurrentDay() {\n\t\t\treturn this.propsViewData?.focus_date || luxon.DateTime.now().setZone(this.viewData.timezone).toISODate();\n\t\t},\n\t\tcurrentMode() {\n\t\t\treturn this.propsViewData?.mode || DEFAULT_MODE_RAUMINFO;\n\t\t}\n\t},\n\tmethods:{\n\t\thandleChangeDate(day, newMode) {\n\t\t\treturn this.handleChangeMode(newMode, day);\n\t\t},\n\t\thandleChangeMode(newMode, day) {\n\t\t\tconst mode = newMode[0].toUpperCase() + newMode.slice(1)\n\t\t\tconst focus_date = day.toISODate();\n\n\t\t\tthis.$router.push({\n\t\t\t\tname: \"RoomInformation\",\n\t\t\t\tparams: {\n\t\t\t\t\tmode,\n\t\t\t\t\tfocus_date,\n\t\t\t\t\tort_kurzbz: this.propsViewData.ort_kurzbz\n\t\t\t\t}\n\t\t\t});\n\t\t},\n\t\tgetPromiseFunc(start, end) {\n\t\t\treturn [\n\t\t\t\tthis.$api.call(ApiLvPlan.getRoomInfo(this.propsViewData.ort_kurzbz, start.toISODate(), end.toISODate())),\n\t\t\t\tthis.$api.call(ApiLvPlan.getOrtReservierungen(this.propsViewData.ort_kurzbz, start.toISODate(), end.toISODate()))\n\t\t\t];\n\t\t}\n\t},\n\ttemplate: /*html*/`\n\tKeine URL gefunden.
\n\t\t\n\t\t
\n\t\t
`\n};\n","import Upload from '../../../components/Form/Upload/Dms.js';\nimport BsModal from '../../Bootstrap/Modal.js';\nimport VueDatePicker from '../../vueDatepicker.js.php';\n\nconst today = new Date()\nexport const AbgabeStudentDetail = {\n\tname: \"AbgabeStudentDetail\",\n\tcomponents: {\n\t\tUpload,\n\t\tBsModal,\n\t\tInputNumber: primevue.inputnumber,\n\t\tCheckbox: primevue.checkbox,\n\t\tDropdown: primevue.dropdown,\n\t\tTextarea: primevue.textarea,\n\t\tVueDatePicker\n\t},\n\tprops: {\n\t\tprojektarbeit: {\n\t\t\ttype: Object,\n\t\t\tdefault: null\n\t\t},\n\t\tviewMode: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t}\n\t},\n\tdata() {\n\t\treturn {\n\t\t\teidAkzeptiert: false,\n\t\t\tenduploadTermin: null,\n\t\t\tallActiveLanguages: FHC_JS_DATA_STORAGE_OBJECT.server_languages,\n\t\t\tform: Vue.reactive({\n\t\t\t\tsprache: '',\n\t\t\t\tabstract: '',\n\t\t\t\tabstract_en: '',\n\t\t\t\tschlagwoerter: '',\n\t\t\t\tschlagwoerter_en: '',\n\t\t\t\tkontrollschlagwoerter: '',\n\t\t\t\tseitenanzahl: 1,\n\t\t\t})\n\t\t}\n\t},\n\tmethods: {\n\t\tvalidate: function(termin) {\n\t\t\tif(!termin.file.length) {\n\t\t\t\tthis.$fhcAlert.alertWarning(this.$p.t('global/warningChooseFile'));\n\t\t\t\treturn false\n\t\t\t}\n\n\t\t\treturn true;\n\t\t},\n\t\ttriggerEndupload() {\n\t\t\tif (!this.validate(this.enduploadTermin))\n\t\t\t{\n\t\t\t\treturn false;\n\t\t\t}\n\t\t\t\n\t\t\t// post endabgabe\n\t\t\tconst formData = new FormData();\n\t\t\tformData.append('paabgabetyp_kurzbz', this.enduploadTermin.paabgabetyp_kurzbz)\n\t\t\tformData.append('projektarbeit_id', this.enduploadTermin.projektarbeit_id);\n\t\t\tformData.append('paabgabe_id', this.enduploadTermin.paabgabe_id)\n\t\t\tformData.append('student_uid', this.projektarbeit.student_uid)\n\t\t\tformData.append('bperson_id', this.projektarbeit.bperson_id)\n\t\t\t\n\t\t\t// TODO: validate/check for null etc.\n\t\t\tformData.append('sprache', this.form['sprache'].sprache)\n\t\t\tformData.append('abstract', this.form['abstract'])\n\t\t\tformData.append('abstract_en', this.form['abstract_en'])\n\t\t\tformData.append('schlagwoerter', this.form['schlagwoerter'])\n\t\t\tformData.append('schlagwoerter_en', this.form['schlagwoerter_en'])\n\t\t\tformData.append('seitenanzahl', this.form['seitenanzahl'])\n\t\t\t\n\t\t\tfor (let i = 0; i < this.enduploadTermin.file.length; i++) {\n\t\t\t\tformData.append('file', this.enduploadTermin.file[i]);\n\t\t\t}\n\t\t\tthis.$fhcApi.factory.lehre.postStudentProjektarbeitEndupload(formData)\n\t\t\t\t.then(res => {\n\t\t\t\t\tthis.handleUploadRes(res)\n\t\t\t\t})\n\t\t\t\n\t\t\tthis.$refs.modalContainerEnduploadZusatzdaten.hide()\n\t\t},\n\t\tdownloadAbgabe(termin) {\n\t\t\tthis.$fhcApi.factory.lehre.getStudentProjektarbeitAbgabeFile(termin.paabgabe_id, this.projektarbeit.student_uid)\n\t\t},\n\t\tformatDate(dateParam) {\n\t\t\tconst date = new Date(dateParam)\n\t\t\t// handle missing leading 0\n\t\t\tconst padZero = (num) => String(num).padStart(2, '0');\n\n\t\t\tconst month = padZero(date.getMonth() + 1); // Months are zero-based\n\t\t\tconst day = padZero(date.getDate());\n\t\t\tconst year = date.getFullYear();\n\n\t\t\treturn `${day}.${month}.${year}`;\n\t\t},\n\t\tupload(termin) {\n\n\t\t\tif (!this.validate(termin))\n\t\t\t{\n\t\t\t\treturn false;\n\t\t\t}\n\t\t\t\n\t\t\tif(termin.bezeichnung === 'Endupload') {\n\t\t\t\t// open endupload form modal for further inputs\n\t\t\t\tthis.enduploadTermin = termin\n\t\t\t\tthis.$refs.modalContainerEnduploadZusatzdaten.show()\n\t\t\t} else {\n\t\t\t\tconst formData = new FormData();\n\t\t\t\tformData.append('paabgabetyp_kurzbz', termin.paabgabetyp_kurzbz)\n\t\t\t\tformData.append('projektarbeit_id', this.projektarbeit.projektarbeit_id)\n\t\t\t\tformData.append('paabgabe_id', termin.paabgabe_id)\n\t\t\t\tformData.append('student_uid', this.projektarbeit.student_uid)\n\t\t\t\tformData.append('bperson_id', this.projektarbeit.bperson_id)\n\t\t\t\t\n\t\t\t\tfor (let i = 0; i < termin.file.length; i++) {\n\t\t\t\t\tformData.append('file', termin.file[i]);\n\t\t\t\t}\n\t\t\t\tthis.$fhcApi.factory.lehre.postStudentProjektarbeitZwischenabgabe(formData)\n\t\t\t\t\t.then(res => {\n\t\t\t\t\t\tthis.handleUploadRes(res)\n\t\t\t\t\t})\n\t\t\t}\n\t\t},\n\t\thandleUploadRes(res) {\n\t\t\tif(res.meta.status == \"success\") {\n\t\t\t\tthis.$fhcAlert.alertSuccess('File erfolgreich hochgeladen')\n\t\t\t} else {\n\t\t\t\tthis.$fhcAlert.alertError('File upload error')\n\t\t\t}\n\t\t\t\n\t\t\tif(res.meta.signaturInfo) {\n\t\t\t\tthis.$fhcAlert.alertInfo(res.meta.signaturInfo)\n\t\t\t}\n\t\t},\n\t\tdateDiffInDays(datum, today){\n\t\t\tconst oneDayMs = 1000 * 60 * 60 * 24\n\t\t\treturn Math.round((new Date(datum) - new Date(today)) / oneDayMs)\n\t\t},\n\t\tgetDateStyle(termin, mode) {\n\t\t\tconst datum = new Date(termin.datum)\n\t\t\tconst abgabedatum = new Date(termin.abgabedatum)\n\t\t\t\n\t\t\t// todo: rework styling but keep the color pattern logic\n\t\t\t// https://wiki.fhcomplete.info/doku.php?id=cis:abgabetool_fuer_studierende\n\t\t\tlet color = 'white'\n\t\t\tlet fontColor = 'black'\n\t\t\tlet icon = '';\n\t\t\tif (termin.abgabedatum === null) {\n\t\t\t\tif(datum < today) {\n\t\t\t\t\tcolor = 'red'\n\t\t\t\t\tfontColor = 'white'\n\t\t\t\t\ticon = 'fa-triangle-exclamation'\n\t\t\t\t} else if (datum > today && this.dateDiffInDays(datum, today) <= 12) {\n\t\t\t\t\tcolor = 'yellow'\n\t\t\t\t\ticon = 'fa-circle-exclamation'\n\t\t\t\t}\n\t\t\t} else if(abgabedatum > datum) {\n\t\t\t\tcolor = 'pink' // aka \"hellrot\"\n\t\t\t\tfontColor = 'white'\n\t\t\t\ticon = 'fa-circle-question'\n\t\t\t} else {\n\t\t\t\tcolor = 'green'\n\t\t\t\ticon = 'fa-square-check'\n\t\t\t}\n\t\t\t\n\t\t\t//return `font-color: ${fontColor} ; background-color: ${color}; border-radius: 50%;`\n\t\t\tif( typeof mode !== 'undefined' || mode === 'icon') {\n\t\t\t\treturn icon;\n\t\t\t} else {\n\t\t\t\treturn 'abgabe-zieldatum-border-' + color;\n\t\t\t}\n\t\t},\n\t\topenBeurteilungLink(link) {\n\t\t\twindow.open(link, '_blank')\n\t\t},\n\t\tgetOptionLabel(option) {\n\t\t\treturn option.sprache\n\t\t}\n\t},\n\twatch: {\n\t\tprojektarbeit(newVal) {\n\t\t\t// default select german if projektarbeit sprache was null\n\t\t\tthis.form.sprache = newVal.sprache ? this.allActiveLanguages.find(lang => lang.sprache == newVal.sprache) : this.allActiveLanguages.find(lang => lang.sprache == 'German')\n\t\t\tthis.form.abstract = newVal.abstract\n\t\t\tthis.form.abstract_en = newVal.abstract_en\n\t\t\tthis.form.schlagwoerter = newVal.schlagwoerter\n\t\t\tthis.form.schlagwoerter_en = newVal.schlagwoerter_en\n\t\t\tthis.form.kontrollschlagwoerter = newVal.kontrollschlagwoerter\n\t\t\tthis.form.seitenanzahl = newVal.seitenanzahl\n\t\t}\n\t},\n\tcomputed: {\n\t\tgetEid() {\n\t\t\treturn this.$p.t('abgabetool/c4eidesstattlicheErklaerung')\n\t\t},\n\t\tgetEnduploadErlaubt() {\n\t\t\treturn !this.eidAkzeptiert\n\t\t}\n\t},\n\tcreated() {\n\n\t},\n\tmounted() {\n\n\t},\n\ttemplate: `\n\t\t{{ $p.t('rauminfo/rauminfo') }} {{ propsViewData.ort_kurzbz }}
\n\t\t\n\t\t
\n\t\t\n\t\t\t
\n\t \t\n\t \t{{$p.t('abgabetool/c4abgabeStudentenbereich')}}
\n\t\t\t\n\t\t\t\t
\n\t\t\t{{projektarbeit?.betreuer}}
\n\t\t\t\t{{projektarbeit?.titel}}
\n\t\t\t\n\t\t\t\t
\n\t\t \n\t\t\t\t\t
\n\t\t\t\t{{$p.t('abgabetool/c4fixtermin')}}
\n\t\t\t\t\t{{$p.t('abgabetool/c4zieldatum')}}
\n\t\t\t\t\t{{$p.t('abgabetool/c4abgabetyp')}}
\n\t\t\t\t\t{{$p.t('abgabetool/c4abgabekurzbz')}}
\n\t\t\t\t\t{{$p.t('abgabetool/c4abgabedatum')}}
\n\t\t\t\t\t\n\t\t\t\t\t\t{{$p.t('abgabetool/c4fileupload')}}\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t{{ termin.bezeichnung }}
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t{{ termin.abgabedatum?.split(\"-\").reverse().join(\".\") }}\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t{{$p.t('abgabetool/c4enduploadZusatzdaten')}}\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\tStudent UID: {{ projektarbeit?.student_uid}}
\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\n\t\t\t\tTitel: {{ projektarbeit?.titel }}
\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\n\n\n\n\n\n\n\n\n\t\t\t\t{{$p.t('abgabetool/c4Sprache')}}
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t{{$p.t('abgabetool/c4schlagwoerterGer')}}
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t{{$p.t('abgabetool/c4schlagwoerterEng')}}
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\n\t\t\t\t{{$p.t('abgabetool/c4abstractGer')}}
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t{{$p.t('abgabetool/c4abstractEng')}}
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t
\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t{{$p.t('abgabetool/c4seitenanzahl')}}
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t
\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t{{ $p.t('abgabetool/c4gelesenUndAkzeptiert') }}
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t
\n\t\t\t\t\t\n
\n `,\n mounted: function() {\n this.calcHeights();\n this.trackVerticalSplitterOffsetTop();\n window.addEventListener('resize', this.calcHeights);\n },\n updated: function() {\n this.trackVerticalSplitterOffsetTop();\n },\n methods: {\n calcHeights: function() {\n var windowheight = window.innerHeight;\n var oldavailHeight = this.availHeight;\n this.selfOffsetTop = this.$refs.verticalsplit.offsetTop;\n this.availHeight = windowheight - this.selfOffsetTop - this.$refs.vsplitter.offsetHeight;\n if( (this.topheight === 0 && this.bottomheight === 0) || oldavailHeight === 0 ) {\n this.topheight = Math.floor(this.availHeight/2);\n } else {\n this.topheight = Math.floor( ((((this.topheight * 100) / oldavailHeight) / 100) * this.availHeight) );\n }\n this.bottomheight = this.availHeight - this.topheight;\n },\n collapseTop: function() {\n this.calcHeights();\n this.topheight = 0;\n this.bottomheight = this.availHeight;\n },\n collapseBottom: function() {\n this.calcHeights();\n this.topheight = this.availHeight;\n this.bottomheight = 0;\n },\n showBoth: function() {\n this.topheight = Math.floor(this.availHeight/2);\n this.bottomheight = Math.floor(this.availHeight/2);\n },\n isCollapsed: function() {\n if( this.topheight === 0 ) {\n return 'top';\n } else if ( this.bottomheight === 0 ) {\n return 'bottom';\n } else {\n return false;\n }\n },\n dragStart: function(e) {\n e.preventDefault();\n e.stopPropagation();\n window.addEventListener('mouseup', this.dragEnd);\n window.addEventListener('mousemove', this.drag);\n this.resize = true;\n this.mousePosY = e.clientY;\n },\n drag: function(e) {\n if( !this.resize ) {\n return;\n }\n e.preventDefault();\n e.stopPropagation();\n var offsetY = e.clientY - this.mousePosY;\n this.topheight = this.topheight + offsetY;\n if( this.topheight < 0 ) {\n this.topheight = 0;\n }\n if( this.topheight > this.availHeight ) {\n this.topheight = this.availHeight;\n }\n this.bottomheight = this.availHeight - this.topheight;\n this.mousePosY = e.clientY;\n },\n dragEnd: function(e) {\n e.preventDefault();\n e.stopPropagation();\n window.removeEventListener('mousemove', this.drag);\n window.removeEventListener('mouseup', this.dragEnd);\n this.resize = false;\n this.mousePosY = e.clientY;\n },\n trackVerticalSplitterOffsetTop: function() {\n this.vsplitterOffset = this.$refs.vsplitter.offsetTop;\n }\n },\n computed: {\n topOrBottomClass: function() {\n return ((this.vsplitterOffset - this.selfOffsetTop) <= Math.floor(this.availHeight/2))\n ? 'top'\n : 'bottom';\n },\n topheightcss: function() {\n return this.topheight + 'px';\n },\n bottomheightcss: function() {\n return this.bottomheight + 'px';\n }\n }\n};","import {CoreFilterCmpt} from \"../../../components/filter/Filter.js\";\nimport AbgabeDetail from \"./AbgabeStudentDetail.js\";\nimport VerticalSplit from \"../../verticalsplit/verticalsplit.js\";\n\nexport const AbgabetoolStudent = {\n\tname: \"AbgabetoolStudent\",\n\tcomponents: {\n\t\tCoreFilterCmpt,\n\t\tAbgabeDetail,\n\t\tVerticalSplit\n\t},\n\tprops: {\n\t\tstudent_uid_prop: {\n\t\t\tdefault: null\n\t\t},\n\t\tviewData: {\n\t\t\ttype: Object,\n\t\t\trequired: true,\n\t\t\tdefault: () => ({uid: ''}),\n\t\t\tvalidator(value) {\n\t\t\t\treturn value && value.uid\n\t\t\t}\n\t\t}\n\t},\n\tdata() {\n\t\treturn {\n\t\t\ttabulatorUuid: Vue.ref(0),\n\t\t\tdomain: '',\n\t\t\tstudent_uid: null,\n\t\t\tdetail: null,\n\t\t\tprojektarbeiten: null,\n\t\t\tselectedProjektarbeit: null,\n\t\t\ttableBuiltResolve: null,\n\t\t\ttableBuiltPromise: null,\n\t\t\tabgabeTableOptions: {\n\t\t\t\tminHeight: 250,\n\t\t\t\tindex: 'projektarbeit_id',\n\t\t\t\tlayout: 'fitColumns',\n\t\t\t\tplaceholder: this.$p.t('global/noDataAvailable'),\n\t\t\t\tcolumns: [\n\t\t\t\t\t{title: Vue.computed(() => this.$p.t('abgabetool/c4details')), field: 'details', formatter: this.detailFormatter, widthGrow: 1, tooltip: false},\n\t\t\t\t\t{title: Vue.computed(() => this.$p.t('abgabetool/c4beurteilung')), field: 'beurteilung', formatter: this.beurteilungFormatter, widthGrow: 1, tooltip: false},\n\t\t\t\t\t{title: Vue.computed(() => this.$p.t('abgabetool/c4sem')), field: 'sem', formatter: this.centeredTextFormatter, widthGrow: 1},\n\t\t\t\t\t{title: Vue.computed(() => this.$p.t('abgabetool/c4stg')), field: 'stg', formatter: this.centeredTextFormatter, widthGrow: 1},\n\t\t\t\t\t{title: Vue.computed(() => this.$p.t('abgabetool/c4kontakt')), field: 'mail', formatter: this.mailFormatter, widthGrow: 1},\n\t\t\t\t\t{title: Vue.computed(() => this.$p.t('abgabetool/c4betreuer')), field: 'betreuer', formatter: this.centeredTextFormatter,widthGrow: 2},\n\t\t\t\t\t{title: Vue.computed(() => this.$p.t('abgabetool/c4projekttyp')), field: 'typ', formatter: this.centeredTextFormatter, widthGrow: 1},\n\t\t\t\t\t{title: Vue.computed(() => this.$p.t('abgabetool/c4titel')), field: 'titel', formatter: this.centeredTextFormatter, widthGrow: 8}\n\t\t\t\t],\n\t\t\t\tpersistence: false,\n\t\t\t},\n\t\t\tabgabeTableEventHandlers: [{\n\t\t\t\tevent: \"tableBuilt\",\n\t\t\t\thandler: async () => {\n\t\t\t\t\tthis.tableBuiltResolve()\n\t\t\t\t}\n\t\t\t},\n\t\t\t{\n\t\t\t\tevent: \"cellClick\",\n\t\t\t\thandler: async (e, cell) => {\n\t\t\t\t\t\n\t\t\t\t\tif(cell.getColumn().getField() === \"details\") {\n\t\t\t\t\t\tconst val = cell.getValue()\n\t\t\t\t\t\t\n\t\t\t\t\t\tif(val.mode === 'detailTermine') {\n\t\t\t\t\t\t\tthis.setDetailComponent(cell.getValue())\n\t\t\t\t\t\t} else if (val.mode === 'beurteilungDownload') {\n\t\t\t\t\t\t\tconst pdfExportLink = FHC_JS_DATA_STORAGE_OBJECT.app_root + 'cis/private/pdfExport.php?xml=projektarbeitsbeurteilung.xml.php&xsl=Projektbeurteilung&betreuerart_kurzbz='+val.betreuerart_kurzbz+'&projektarbeit_id='+val.projektarbeit_id+'&person_id=' + val.betreuer_person_id\n\t\t\t\t\t\t\t// const pdfExportLink2 = FHC_JS_DATA_STORAGE_OBJECT.app_root + 'cis/private/lehre/projektbeurteilungDocumentExport.php?betreuerart_kurzbz='+val.betreuerart_kurzbz+'&projektarbeit_id='+val.projektarbeit_id+'&person_id=' + val.betreuer_person_id\n\t\t\t\t\t\t\twindow.open(pdfExportLink, '_blank')\n\t\t\t\t\t\t}\n\n\t\t\t\t\t} else if (cell.getColumn().getField() === \"beurteilung\") {\n\t\t\t\t\t\tconst val = cell.getValue()\n\t\t\t\t\t\t\n\t\t\t\t\t\tif(val != '-') window.open(val, '_blank')\n\t\t\t\t\t} \n\t\t\t\t\te.stopPropagation()\n\n\t\t\t\t}\n\t\t\t}\n\t\t\t]};\n\t},\n\tmethods: {\n\t\tisPastDate(date) {\n\t\t\treturn new Date(date) < new Date(Date.now())\t\n\t\t},\n\t\tsetDetailComponent(details){\n\t\t\tthis.loadAbgaben(details).then((res)=> {\n\t\t\t\tconst pa = this.projektarbeiten?.retval?.find(projekarbeit => projekarbeit.projektarbeit_id == details.projektarbeit_id)\n\t\t\t\tpa.abgabetermine = res.data[0].retval\n\t\t\t\tpa.abgabetermine.forEach(termin => {\n\t\t\t\t\ttermin.file = []\n\t\t\t\t\ttermin.allowedToUpload = true\n\t\t\t\t\t\n\t\t\t\t\t// TODO: fixtermin logic?\n\t\t\t\t\tif(termin.bezeichnung == 'Endupload' && this.isPastDate(termin.datum)) {\n\t\t\t\t\t\t\n\t\t\t\t\t\t// termin.allowedToUpload = false\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// termin.allowedToUpload = true\n\t\t\t\t\t}\n\n\t\t\t\t})\n\t\t\t\tpa.betreuer = this.buildBetreuer(pa)\n\t\t\t\tpa.student_uid = this.student_uid\n\n\t\t\t\tthis.selectedProjektarbeit = pa\n\n\t\t\t\t\n\t\t\t\tthis.$refs.verticalsplit.showBoth()\n\t\t\t\t\n\t\t\t})\n\t\t\t\n\t\t},\n\t\tcenteredTextFormatter(cell) {\n\t\t\tconst val = cell.getValue()\n\n\t\t\treturn '\n \n \n
\n Top Panel
\n\n
\n \n \n \n \n \n \n \n \n \n \n
\n \n \n \n \n
\n ' +\n\t\t\t\t'
'\n\t\t},\n\t\tdetailFormatter(cell) {\n\t\t\tconst val = cell.getValue()\n\n\t\t\tif(val.mode === 'detailTermine') {\n\t\t\t\treturn ''\n\t\t\t} else if (val.mode === 'beurteilungDownload') {\n\t\t\t\treturn ''\n\t\t\t}\n\t\t},\n\t\tmailFormatter(cell) {\n\t\t\tconst val = cell.getValue()\n\t\t\t\treturn ''\n\t\t},\n\t\tbeurteilungFormatter(cell) {\n\t\t\tconst val = cell.getValue()\n\t\t\tif(val) {\n\t\t\t\treturn ''\n\t\t\t} else return '-'\n\t\t},\n\t\ttableResolve(resolve) {\n\t\t\tthis.tableBuiltResolve = resolve\n\t\t},\n\t\tbuildMailToLink(abgabe) {\n\t\t\treturn 'mailto:' + abgabe.mitarbeiter_uid +'@'+ this.domain\n\t\t},\n\t\tbuildBetreuer(abgabe) {\n\t\t\treturn abgabe.betreuerart_beschreibung + ': ' + (abgabe.btitelpre ? abgabe.btitelpre + ' ' : '') + abgabe.bvorname + ' ' + abgabe.bnachname + (abgabe.btitelpost ? ' ' + abgabe.btitelpost : '')\n\t\t},\n\t\tsetupData(data){\n\t\t\tthis.projektarbeiten = data[0]\n\t\t\tthis.domain = data[1]\n\t\t\tthis.student_uid = data[2]\n\t\t\tconst d = data[0]?.retval?.map(projekt => {\n\t\t\t\tlet mode = 'detailTermine'\n\t\t\t\t\n\t\t\t\tif (projekt.babgeschickt || projekt.zweitbetreuer_abgeschickt) {\n\t\t\t\t\t// mode = 'beurteilungDownload' // build dl link for both betreuer documents\n\t\t\t\t\tprojekt.beurteilungLink = FHC_JS_DATA_STORAGE_OBJECT.app_root + 'cis/private/pdfExport.php?xml=projektarbeitsbeurteilung.xml.php&xsl=Projektbeurteilung&betreuerart_kurzbz='+projekt.betreuerart_kurzbz+'&projektarbeit_id='+projekt.projektarbeit_id+'&person_id=' + projekt.bperson_id\n\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\treturn {\n\t\t\t\t\tdetails: {\n\t\t\t\t\t\tstudent_uid: this.student_uid,\n\t\t\t\t\t\tprojektarbeit_id: projekt.projektarbeit_id,\n\t\t\t\t\t\tbetreuer_person_id: projekt.bperson_id,\n\t\t\t\t\t\tbetreuerart_kurzbz: projekt.betreuerart_kurzbz,\n\t\t\t\t\t\tmode\n\t\t\t\t\t},\n\t\t\t\t\tbeurteilung: projekt.beurteilungLink ?? null,\n\t\t\t\t\tsem: projekt.studiensemester_kurzbz,\n\t\t\t\t\tstg: projekt.kurzbzlang,\n\t\t\t\t\tmail: this.buildMailToLink(projekt),\n\t\t\t\t\tbetreuer: this.buildBetreuer(projekt),\n\t\t\t\t\ttyp: projekt.projekttypbezeichnung,\n\t\t\t\t\ttitel: projekt.titel\n\t\t\t\t}\n\t\t\t})\n\n\t\t\tthis.$refs.abgabeTable.tabulator.setColumns(this.abgabeTableOptions.columns)\n\t\t\tthis.$refs.abgabeTable.tabulator.setData(d);\n\t\t},\n\t\tloadProjektarbeiten() {\n\t\t\tthis.$fhcApi.factory.lehre.getStudentProjektarbeiten(this.student_uid_prop || this.viewData?.uid || null)\n\t\t\t\t.then(res => {\n\t\t\t\t\tif(res?.data) this.setupData(res.data)\n\t\t\t\t})\n\t\t},\n\t\tloadAbgaben(details) {\n\t\t\treturn new Promise((resolve) => {\n\t\t\t\tthis.$fhcApi.factory.lehre.getStudentProjektabgaben(details)\n\t\t\t\t\t.then(res => {\n\t\t\t\t\t\tresolve(res)\n\t\t\t\t\t})\n\t\t\t})\t\n\t\t},\n\t\thandleUuidDefined(uuid) {\n\t\t\tthis.tabulatorUuid = uuid\n\t\t},\n\t\tcalcMaxTableHeight() {\n\t\t\tconst tableID = this.tabulatorUuid ? ('-' + this.tabulatorUuid) : ''\n\t\t\tconst tableDataSet = document.getElementById('filterTableDataset' + tableID);\n\t\t\tif(!tableDataSet) return\n\t\t\tconst rect = tableDataSet.getBoundingClientRect();\n\n\t\t\tthis.abgabeTableOptions.height = window.visualViewport.height - rect.top\n\t\t\tthis.$refs.abgabeTable.tabulator.setHeight(this.abgabeTableOptions.height)\n\t\t},\n\t\tasync setupMounted() {\n\t\t\tthis.tableBuiltPromise = new Promise(this.tableResolve)\n\t\t\tawait this.tableBuiltPromise\n\t\t\t\n\t\t\tthis.loadProjektarbeiten()\n\n\t\t\tthis.$refs.verticalsplit.collapseBottom()\n\t\t\t//this.calcMaxTableHeight()\n\t\t}\n\t},\n\twatch: {\n\n\t},\n\tcomputed: {\n\t\tisViewMode() {\n\t\t\treturn this.student_uid !== this.viewData.uid\n\t\t}\n\t},\n\tcreated() {\n\n\t},\n\tmounted() {\n\t\tthis.setupMounted()\n\t},\n\ttemplate: `\n\t'+val+'
{{$p.t('abgabetool/abgabetoolTitle')}}
\n\t\t\t\n\t\t\t\t\n\t\t\t
\n\t\t\t\t
\n\t\t\n\t\n\t\t\n\n\t\t\t
\n\n`,\n};\n\nexport default AbgabeMitarbeiterDetail;\n","import {CoreFilterCmpt} from \"../../../components/filter/Filter.js\";\nimport AbgabeDetail from \"./AbgabeMitarbeiterDetail.js\";\nimport VerticalSplit from \"../../verticalsplit/verticalsplit.js\"\nimport BsModal from '../../Bootstrap/Modal.js';\nimport VueDatePicker from '../../vueDatepicker.js.php';\n\nexport const AbgabetoolMitarbeiter = {\n\tname: \"AbgabetoolMitarbeiter\",\n\tcomponents: {\n\t\tBsModal,\n\t\tCoreFilterCmpt,\n\t\tAbgabeDetail,\n\t\tVerticalSplit,\n\t\tDropdown: primevue.dropdown,\n\t\tTextarea: primevue.textarea,\n\t\tVueDatePicker\n\t},\n\tprops: {\n\t\tviewData: {\n\t\t\ttype: Object,\n\t\t\trequired: true,\n\t\t\tdefault: () => ({name: '', uid: ''}),\n\t\t\tvalidator(value) {\n\t\t\t\treturn value && value.name && value.uid\n\t\t\t}\n\t\t}\n\t},\n\tdata() {\n\t\treturn {\n\t\t\tsaving: false,\n\t\t\tloading: false,\n\t\t\t// TODO: fetch types\n\t\t\tallAbgabeTypes: [\n\t\t\t\t{\n\t\t\t\t\tpaabgabetyp_kurzbz: 'abstract',\n\t\t\t\t\tbezeichnung: 'Entwurf'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tpaabgabetyp_kurzbz: 'zwischen',\n\t\t\t\t\tbezeichnung: 'Zwischenabgabe'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tpaabgabetyp_kurzbz: 'note',\n\t\t\t\t\tbezeichnung: 'Benotung'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tpaabgabetyp_kurzbz: 'end',\n\t\t\t\t\tbezeichnung: 'Endupload'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tpaabgabetyp_kurzbz: 'enda',\n\t\t\t\t\tbezeichnung: 'Endabgabe im Sekretariat'\n\t\t\t\t}\n\t\t\t],\n\t\t\tserienTermin: Vue.reactive({\n\t\t\t\tdatum: new Date(),\n\t\t\t\tbezeichnung: {\n\t\t\t\t\tpaabgabetyp_kurzbz: 'zwischen',\n\t\t\t\t\tbezeichnung: 'Zwischenabgabe'\n\t\t\t\t},\n\t\t\t\tkurzbz: ''\n\t\t\t}),\n\t\t\tshowAll: false,\n\t\t\ttabulatorUuid: Vue.ref(0),\n\t\t\tselectedData: [],\n\t\t\tdomain: '',\n\t\t\tstudent_uid: null,\n\t\t\tdetail: null,\n\t\t\tdetailOffset: 0,\n\t\t\tprojektarbeiten: null,\n\t\t\tselectedProjektarbeit: null,\n\t\t\ttableBuiltResolve: null,\n\t\t\ttableBuiltPromise: null,\n\t\t\tabgabeTableOptions: {\n\t\t\t\theight: 700,\n\t\t\t\tindex: 'projektarbeit_id',\n\t\t\t\tlayout: 'fitDataStretch',\n\t\t\t\tplaceholder: this.$p.t('global/noDataAvailable'),\n\t\t\t\tselectable: true,\n\t\t\t\tselectableCheck: this.selectionCheck,\n\t\t\t\tcolumns: [\n\t\t\t\t\t{\n\t\t\t\t\t\tformatter: 'rowSelection',\n\t\t\t\t\t\ttitleFormatter: 'rowSelection',\n\t\t\t\t\t\ttitleFormatterParams: {\n\t\t\t\t\t\t\trowRange: \"active\" // Only toggle the values of the active filtered rows\n\t\t\t\t\t\t},\n\t\t\t\t\t\thozAlign:\"center\",\n\t\t\t\t\t\theaderSort: false,\n\t\t\t\t\t\tfrozen: true,\n\t\t\t\t\t\twidth: 70\n\t\t\t\t\t},\n\t\t\t\t\t{title: Vue.computed(() => this.$p.t('abgabetool/c4details')), field: 'details', formatter: this.detailFormatter, widthGrow: 1, tooltip: false},\n\t\t\t\t\t{title: Vue.computed(() => this.$p.t('abgabetool/c4personenkennzeichen')), field: 'pkz', formatter: this.pkzTextFormatter, widthGrow: 1, tooltip: false},\n\t\t\t\t\t{title: Vue.computed(() => this.$p.t('abgabetool/c4kontakt')), field: 'mail', formatter: this.mailFormatter, widthGrow: 1, tooltip: false},\n\t\t\t\t\t{title: Vue.computed(() => this.$p.t('abgabetool/c4vorname')), field: 'vorname', formatter: this.centeredTextFormatter, widthGrow: 1},\n\t\t\t\t\t{title: Vue.computed(() => this.$p.t('abgabetool/c4nachname')), field: 'nachname', formatter: this.centeredTextFormatter, widthGrow: 1},\n\t\t\t\t\t{title: Vue.computed(() => this.$p.t('abgabetool/c4projekttyp')), field: 'projekttyp_kurzbz', formatter: this.centeredTextFormatter, widthGrow: 1},\n\t\t\t\t\t{title: Vue.computed(() => this.$p.t('abgabetool/c4stg')), field: 'stg', formatter: this.centeredTextFormatter, widthGrow: 2},\n\t\t\t\t\t{title: Vue.computed(() => this.$p.t('abgabetool/c4sem')), field: 'studiensemester_kurzbz', formatter: this.centeredTextFormatter, widthGrow: 1},\n\t\t\t\t\t{title: Vue.computed(() => this.$p.t('abgabetool/c4titel')), field: 'titel', formatter: this.centeredTextFormatter, maxWidth: 500, widthGrow: 8},\n\t\t\t\t\t{title: Vue.computed(() => this.$p.t('abgabetool/c4betreuerart')), field: 'betreuerart_beschreibung',formatter: this.centeredTextFormatter, widthGrow: 8}\n\t\t\t\t],\n\t\t\t\tpersistence: false,\n\t\t\t},\n\t\t\tabgabeTableEventHandlers: [{\n\t\t\t\tevent: \"tableBuilt\",\n\t\t\t\thandler: async () => {\n\t\t\t\t\tthis.tableBuiltResolve()\n\t\t\t\t}\n\t\t\t},\n\t\t\t{\n\t\t\t\tevent: \"cellClick\",\n\t\t\t\thandler: async (e, cell) => {\n\t\t\t\t\tif(cell.getColumn().getField() === \"details\") {\n\t\t\t\t\t\tthis.setDetailComponent(cell.getValue())\n\t\t\t\t\t\tthis.undoSelection(cell)\n\t\t\t\t\t} else if (cell.getColumn().getField() === \"mail\") {\n\t\t\t\t\t\tthis.undoSelection(cell)\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t},\n\t\t\t{\n\t\t\t\tevent: \"rowSelectionChanged\",\n\t\t\t\thandler: async(data) => {\n\t\t\t\t\tthis.selectedData = data\n\t\t\t\t}\n\t\t\t}\n\t\t\t]};\n\t},\n\tmethods: {\n\t\tgetOptionLabelAbgabetyp(option){\n\t\t\treturn option.bezeichnung\n\t\t},\n\t\tformatDate(dateParam) {\n\t\t\tconst date = new Date(dateParam)\n\t\t\t// handle missing leading 0\n\t\t\tconst padZero = (num) => String(num).padStart(2, '0');\n\n\t\t\tconst month = padZero(date.getMonth() + 1); // Months are zero-based\n\t\t\tconst day = padZero(date.getDate());\n\t\t\tconst year = date.getFullYear();\n\n\t\t\treturn `${day}.${month}.${year}`;\n\t\t},\n\t\tundoSelection(cell) {\n\t\t\t// checks if cells row is selected and unselects -> imitates columns which dont trigger row selection\n\t\t\t// but actually just revert it after the fact\n\n\t\t\tconst row = cell.getRow()\n\t\t\tif(row.isSelected()) {\n\t\t\t\trow.deselect();\n\t\t\t}\n\t\t},\n\t\tselectionCheck(row) {\n\t\t\tconst data = row.getData()\n\t\t\tif(data?.betreuerart_kurzbz == 'Zweitbegutachter') return false\n\t\t\treturn true\n\t\t},\n\t\tshowDeadlines(){\n\t\t\tconst link = FHC_JS_DATA_STORAGE_OBJECT.app_root + FHC_JS_DATA_STORAGE_OBJECT.ci_router\n\t\t\t\t+ '/Cis/Abgabetool/Deadlines'\n\t\t\twindow.open(link, '_blank')\n\t\t},\n\t\ttoggleShowAll(showall) {\n\t\t\tthis.showAll = showall\n\t\t\tthis.loading = true\n\t\t\tthis.loadProjektarbeiten(showall, () => {\n\t\t\t\tthis.$refs.abgabeTable?.tabulator.redraw(true)\n\t\t\t\tthis.$refs.abgabeTable?.tabulator.setSort([]);\n\t\t\t\tthis.loading = false\n\t\t\t})\n\t\t},\n\t\topenAddSeriesModal() {\n\t\t\tthis.$refs.modalContainerAddSeries.show()\n\t\t},\n\t\taddSeries() {\n\t\t\tthis.saving = true\n\t\t\tthis.$fhcApi.factory.lehre.postSerientermin(\n\t\t\t\tthis.serienTermin.datum.toISOString(),\n\t\t\t\tthis.serienTermin.bezeichnung.paabgabetyp_kurzbz,\n\t\t\t\tthis.serienTermin.bezeichnung.bezeichnung,\n\t\t\t\tthis.serienTermin.kurzbz,\n\t\t\t\tthis.selectedData?.map(projekt => projekt.projektarbeit_id)\n\t\t\t).then(res => {\n\t\t\t\tif (res.meta.status === \"success\" && res.data) {\n\t\t\t\t\tthis.$fhcAlert.alertSuccess(this.$p.t('abgabetool/serienTerminGespeichert'))\n\t\t\t\t\t// TODO: sticky lifetime erhöhen um sinnvoll lesen zu können?\n\t\t\t\t\tthis.$fhcAlert.alertInfo(this.$p.t('abgabetool/serienTerminEmailSentInfo', [this.createInfoString(res.data)]));\n\t\t\t\t} else {\n\t\t\t\t\tthis.$fhcAlert.alertError(this.$p.t('abgabetool/errorSerienterminSpeichern'))\n\t\t\t\t}\n\t\t\t}).finally(()=>{\n\t\t\t\tthis.saving = false\n\t\t\t})\n\n\t\t\tthis.$refs.modalContainerAddSeries.hide()\n\t\t},\n\t\tcreateInfoString(data) {\n\t\t\tlet str = '';\n\t\t\t\n\t\t\tdata.forEach(name => {\n\t\t\t\tstr += name\n\t\t\t\tstr += '; '\n\t\t\t})\n\t\t\t\n\t\t\treturn str\n\t\t},\n\t\tisPastDate(date) {\n\t\t\treturn new Date(date) < new Date(Date.now())\n\t\t},\n\t\tsetDetailComponent(details){\n\t\t\tthis.loadAbgaben(details).then((res)=> {\n\t\t\t\tconst pa = this.projektarbeiten?.retval?.find(projekarbeit => projekarbeit.projektarbeit_id == details.projektarbeit_id)\n\t\t\t\tpa.abgabetermine = res.data[0].retval\n\t\t\t\tpa.isCurrent = res.data[1]\n\t\t\t\tpa.abgabetermine.push({ // new abgatermin row\n\n\t\t\t\t\t'paabgabe_id': -1,\n\t\t\t\t\t'projektarbeit_id': pa.projektarbeit_id,\n\t\t\t\t\t'fixtermin': false,\n\t\t\t\t\t'kurzbz': '',\n\t\t\t\t\t'datum': new Date().toISOString().split('T')[0],\n\t\t\t\t\t'paabgabetyp_kurzbz': '',\n\t\t\t\t\t'bezeichnung': '',\n\t\t\t\t\t'abgabedatum': null,\n\t\t\t\t\t'insertvon': this.viewData?.uid ?? ''\n\t\t\t\t\t\n\t\t\t\t})\n\t\t\t\tpa.abgabetermine.forEach(termin => {\n\t\t\t\t\ttermin.file = []\n\t\t\t\t\ttermin.allowedToSave = termin.insertvon == this.viewData?.uid && pa.betreuerart_kurzbz != 'Zweitbegutachter'\n\t\t\t\t\ttermin.allowedToDelete = termin.allowedToSave && !termin.abgabedatum\n\t\t\t\t\t\n\t\t\t\t\ttermin.bezeichnung = {\n\t\t\t\t\t\tbezeichnung: termin.bezeichnung,\n\t\t\t\t\t\tpaabgabetyp_kurzbz: termin.paabgabetyp_kurzbz\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t\tpa.betreuer = this.buildBetreuer(pa)\n\t\t\t\tpa.student_uid = details.student_uid\n\t\t\t\tpa.student = `${pa.vorname} ${pa.nachname}`\n\t\t\t\t\n\t\t\t\tthis.selectedProjektarbeit = pa\n\t\t\t\t\n\t\t\t\t\n\t\t\t\tthis.$refs.verticalsplit.showBoth()\n\t\t\t\t\n\t\t\t\n\t\t\t})\n\t\t},\n\t\tcenteredTextFormatter(cell) {\n\t\t\tconst val = cell.getValue()\n\t\t\tif(!val) return\n\t\t\t\n\t\t\treturn '{{$p.t('abgabetool/c4abgabeMitarbeiterbereich')}}
\n\n\n\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\t\t
\n\t\t\t\t{{projektarbeit?.student}}
\n\t\t\t\t\t{{projektarbeit?.titel}}
\n\t\t\t\t\t{{projektarbeit?.zweitbegutachter}}
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tKein Endupload vorhanden!\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t \n\t\t\t\t\t
\n\t\t\t\t{{$p.t('abgabetool/c4fixtermin')}}
\n\t\t\t\t\t{{$p.t('abgabetool/c4zieldatum')}}
\n\t\t\t\t\t{{$p.t('abgabetool/c4abgabetyp')}}
\n\t\t\t\t\t{{$p.t('abgabetool/c4abgabekurzbz')}}
\n\t\t\t\t\t{{$p.t('abgabetool/c4abgabedatum')}}
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\tkeine Termine gefunden!
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t{{ termin.abgabedatum?.split(\"-\").reverse().join(\".\") }}\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t' +\n\t\t\t\t'
'\n\t\t},\n\t\tdetailFormatter(cell) {\n\t\t\treturn ''\n\t\t},\n\t\tmailFormatter(cell) {\n\t\t\tconst val = cell.getValue()\n\t\t\treturn ''\n\t\t},\n\t\tbeurteilungFormatter(cell) {\n\t\t\tconst val = cell.getValue()\n\t\t\tif(val) {\n\t\t\t\treturn ''\n\t\t\t} else return '-'\n\t\t},\n\t\tpkzTextFormatter(cell) {\n\t\t\tconst val = cell.getValue()\n\n\t\t\treturn ''+val+'
' +\n\t\t\t\t'
'\n\t\t},\n\t\ttableResolve(resolve) {\n\t\t\tthis.tableBuiltResolve = resolve\n\t\t},\n\t\tbuildMailToLink(abgabe) {\n\t\t\treturn 'mailto:' + abgabe.uid +'@'+ this.domain\n\t\t},\n\t\tbuildPKZ(projekt) {\n\t\t\treturn `${projekt.uid} / ${projekt.matrikelnr}`\n\t\t},\n\t\tbuildStg(projekt) {\n\t\t\treturn (projekt.typ + projekt.kurzbz)?.toUpperCase()\t\n\t\t},\n\t\tbuildBetreuer(abgabe) {\n\t\t\t// TODO: preload and insert own titled name of betreuer somehow\n\t\t\treturn abgabe.betreuerart_beschreibung + ': ' + (abgabe.btitelpre ? abgabe.btitelpre + ' ' : '') + abgabe.bvorname + ' ' + abgabe.bnachname + (abgabe.btitelpost ? ' ' + abgabe.btitelpost : '')\n\t\t},\n\t\tsetupData(data){\n\t\t\tthis.projektarbeiten = data[0]\n\t\t\tthis.domain = data[1]\n\t\t\t\n\t\t\tconst d = data[0]?.retval?.map(projekt => {\n\t\t\t\tlet mode = 'detailTermine'\n\n\t\t\t\treturn {\n\t\t\t\t\t...projekt,\n\t\t\t\t\tdetails: {\n\t\t\t\t\t\tstudent_uid: projekt.uid,\n\t\t\t\t\t\tprojektarbeit_id: projekt.projektarbeit_id,\n\t\t\t\t\t},\n\t\t\t\t\tpkz: this.buildPKZ(projekt),\n\t\t\t\t\tbeurteilung: projekt.beurteilungLink ?? null,\n\t\t\t\t\tsem: projekt.studiensemester_kurzbz,\n\t\t\t\t\tstg: this.buildStg(projekt),\n\t\t\t\t\tmail: this.buildMailToLink(projekt),\n\t\t\t\t\ttyp: projekt.projekttyp_kurzbz,\n\t\t\t\t\ttitel: projekt.titel\n\t\t\t\t}\n\t\t\t})\n\n\t\t\tthis.$refs.abgabeTable.tabulator.setColumns(this.abgabeTableOptions.columns)\n\t\t\tthis.$refs.abgabeTable.tabulator.setData(d);\n\t\t},\n\t\tloadProjektarbeiten(all = false, callback) {\n\t\t\tthis.$fhcApi.factory.lehre.getMitarbeiterProjektarbeiten(this.viewData?.uid ?? null, all)\n\t\t\t\t.then(res => {\n\t\t\t\t\tif(res?.data) this.setupData(res.data)\n\t\t\t\t}).finally(() => {\n\t\t\t\t\tif(callback) {\n\t\t\t\t\t\tcallback()\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t},\n\t\tloadAbgaben(details) {\n\t\t\treturn new Promise((resolve) => {\n\t\t\t\tthis.$fhcApi.factory.lehre.getStudentProjektabgaben(details)\n\t\t\t\t\t.then(res => {\n\t\t\t\t\t\tresolve(res)\n\t\t\t\t\t})\n\t\t\t})\n\t\t},\n\t\thandleUuidDefined(uuid) {\n\t\t\tthis.tabulatorUuid = uuid\n\t\t},\n\t\tcalcMaxTableHeight() {\n\t\t\tconst tableID = this.tabulatorUuid ? ('-' + this.tabulatorUuid) : ''\n\t\t\tconst tableDataSet = document.getElementById('filterTableDataset' + tableID);\n\t\t\tif(!tableDataSet) return\n\t\t\tconst rect = tableDataSet.getBoundingClientRect();\n\n\t\t\tthis.abgabeTableOptions.height = window.visualViewport.height - rect.top\n\t\t\tthis.$refs.abgabeTable.tabulator.setHeight(this.abgabeTableOptions.height)\n\t\t},\n\t\tasync setupMounted() {\n\t\t\tthis.tableBuiltPromise = new Promise(this.tableResolve)\n\t\t\tawait this.tableBuiltPromise\n\n\t\t\tthis.loadProjektarbeiten()\n\n\n\t\t\tthis.$refs.verticalsplit.collapseBottom()\n\t\t\tthis.calcMaxTableHeight()\n\t\t\t\n\t\t}\n\t},\n\twatch: {\n\n\t},\n\tcomputed: {\n\n\t},\n\tcreated() {\n\n\t},\n\tmounted() {\n\t\tthis.setupMounted()\n\t},\n\ttemplate: `\n\t\t'+val+'
\n\t\t\t\t\t{{ $p.t('abgabetool/neueTerminserie') }}\n\t\t\t\t
\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t{{$p.t('abgabetool/c4zieldatum')}}\n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t{{$p.t('abgabetool/c4abgabetyp')}}\n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t{{$p.t('abgabetool/c4abgabekurzbz')}}\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t{{$p.t('abgabetool/abgabetoolTitle')}}
\n\t\t\t\t\n\t\t\t\t
\n\t\t\t\t\t\t\t{{ $p.t('abgabetool/currentlySaving') }} \n\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{{ $p.t('abgabetool/currentlyLoading') }} \n\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t \n\t\t\t\t\t
\n\t\t\t\n\t\t' +\n\t\t\t\t'
'\n\t\t},\n\t\ttableResolve(resolve) {\n\t\t\tthis.tableBuiltResolve = resolve\n\t\t},\n\t\tloadDeadlines() {\n\t\t\tthis.$fhcApi.factory.lehre.fetchDeadlines(this.person_uid_prop ?? null)\n\t\t\t\t.then(res => {\n\t\t\t\t\tif(res?.data) this.setupData(res.data)\n\t\t\t\t})\n\t\t},\n\t\tsetupData(data) {\n\t\t\tthis.deadlines = data\n\t\t\t\n\t\t\tthis.deadlines.forEach(dl => {\n\t\t\t\tdl.student = (dl.stud_titelpre ? (dl.stud_titelpre + ' ') :'') + dl.stud_vorname + ' ' + dl.stud_nachname + (dl.stud_titelpost ? (' ' + dl.stud_titelpost) :'')\n\t\t\t\tdl.fixterminstring = dl.fixtermin ? this.$p.t('abgabetool/c4yes') : this.$p.t('abgabetool/c4no')\n\t\t\t})\n\n\t\t\tthis.$refs.deadlineTable.tabulator.setColumns(this.deadlineTableOptions.columns)\n\t\t\tthis.$refs.deadlineTable.tabulator.setData(this.deadlines);\n\t\t},\n\t\thandleUuidDefined(uuid) {\n\t\t\tthis.tabulatorUuid = uuid\n\t\t},\n\t\tcalcMaxTableHeight() {\n\t\t\tconst tableID = this.tabulatorUuid ? ('-' + this.tabulatorUuid) : ''\n\t\t\tconst tableDataSet = document.getElementById('filterTableDataset' + tableID);\n\t\t\tif(!tableDataSet) return\n\t\t\tconst rect = tableDataSet.getBoundingClientRect();\n\n\t\t\tthis.deadlineTableOptions.height = window.visualViewport.height - rect.top\n\t\t\tthis.$refs.deadlineTable.tabulator.setHeight(this.deadlineTableOptions.height)\n\t\t},\n\t\tasync setupMounted() {\n\t\t\tthis.tableBuiltPromise = new Promise(this.tableResolve)\n\t\t\tawait this.tableBuiltPromise\n\n\t\t\tthis.loadDeadlines()\n\t\t\tthis.calcMaxTableHeight()\n\t\t}\n\t},\n\twatch: {\n\n\t},\n\tcomputed: {\n\n\t},\n\tcreated() {\n\n\t},\n\tmounted() {\n\t\tthis.setupMounted()\n\t},\n\ttemplate: `\n\t\t'+val+'
{{$p.t('abgabetool/deadlinesTitle')}} {{ fullName ? ('-' + fullName) : ''}}
\n\t\t\n\t\t\t\n\t\t
\n\t
\n\t\n\t\t\n\t\t\t \n\t
\n\n\t
\n\t\n\t`\n};","\nexport default {\n\t\t\n\tloadRenderers() {\n\t\treturn {\n\t\t\tmethod: 'get',\n\t\t\turl: '/api/frontend/v1/RendererLoader/GetRenderers',\n\t\t\tparams: {\n\t\t\t}\n\t\t};\n\t},\n}","/**\n * Copyright (C) 2025 fhcomplete.org\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see Studium
\n\t\n\t
0\" class=\"mb-4\">\n\t\t\t\t
\n\t\t\tLektoren:
\n\t\t\t\t{{lektor.name}}\n\t\t\tMenu:
\n\t\t\n\t\n\t\t
\n\n\t\n\t\t
\n\n\t\tStudiensemester:
\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t
\n\t\t\n\t\t
\n\n\t\tStudiengang:
\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t
\n\t\t\n\t\t
\n\n\t\tSemester:
\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t
\n\t\t\n\t\t
\n\tStudienordnung:
\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t
\n\t\t\n\n\t
\n\t\n\t\t
\n\n\n\t0\" >\n\t\t\t
\n\t\n\t\n\t\t\t\t
\n\t\t\t{{lehrveranstaltung.bezeichnung}}
\n\t\t\t\t{{lehrveranstaltung.lehrform_kurzbz}}
\n\t\t\t\n\t\t\t\t
\n\t\t- \n\t\t\t\t\t
- \n\t\t\t\t\t\t{{lv.bezeichnung}}\n\t\t\t\t\t\t
{{lv.lehrform_kurzbz}}
\n\t\t\t\t\t \t\n\t\t\t\t
Loading...
\n\t\t{{ errorMessage }}
\n\t\t\n\t\t
'},d={name:"BootstrapAlert",components:{BsModal:o},mixins:[o],props:{dialogClass:{type:[String,Array,Object],default:"modal-dialog-centered"},onHideBsModal:Function,onHiddenBsModal:Function,onHidePreventedBsModal:Function,onShowBsModal:Function,onShownBsModal:Function},data:()=>({result:!0}),mounted(){this.modal=this.$refs.modalContainer.modal},popup(t,e){return o.popup.bind(this)(t,e)},template:'\n\t\t\t\n\t\t
\n\t\n\t\t\t\t\n\t\t\t
\n\t\t\n\t\t\n\t\t\t\n\t\t\t\n\t\t\n\t\n\t\t
'},h={emits:["change","assignWidgets"],props:{dashboard_id:Number,widgets:Array},computed:{apiurl:()=>FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+"/dashboard"},methods:{sendChange(t){let e=!this.widgets.find(e=>e.widget_id==t).allowed;axios.post(this.apiurl+"/Widget/setAllowed",{dashboard_id:this.dashboard_id,widget_id:t,action:e?"add":"delete"}).catch(t=>console.error("ERROR: "+t))}},created(){axios.get(this.apiurl+"/Widget/getAll",{params:{dashboard_id:this.dashboard_id}}).then(t=>{this.$emit("assignWidgets",t.data.retval.map(t=>({...t,setup:JSON.parse(t.setup),arguments:JSON.parse(t.arguments),allowed:!!t.allowed})))}).catch(t=>console.error("ERROR:",t))},template:'\n\t'},u={name:"GridItem",components:{},inject:{},props:{item:Object,active:Boolean},emits:["mouseDown","mouseUp","startMove","startResize","dragging","endDrag","dropDrag","item","touchStart","touchEnd"],data:()=>({dragAction:"",dragging:!1}),computed:{},methods:{registerDragAction(t){if(this.$emit("mouseDown",t),t.target.hasAttribute("drag-action"))this.dragAction=t.target.getAttribute("drag-action");else{let e=t.target.closest("[drag-action]");this.dragAction=e?e.getAttribute("drag-action"):""}},tryDragStart(t,e){let i=this.dragAction||t.target.getAttribute("drag-action");if(i){if(this.dragging=!0,"move"==i)return this.$emit("startMove",t,e);if("resize"==i)return this.$emit("startResize",t,e)}},touchDragEnd(t){this.dragging&&(this.dragging=!1,this.$emit("touchEnd",t))},touchStart(t){this.$emit("touchStart",t),this.registerDragAction(t),this.tryDragStart(t,this.item)},touchMove(t){this.dragging&&(t.preventDefault(),this.$emit("dragging",t))}},template:'\n\t\n\t\t\t\n\t\t\t\n\t\t
\n\t\t\n\t\t\t\n\t\t\t\n\t\t
\n\t\t\n\t\t\t\n\t\t\t\n\t\t
\n\t\n\t\t
'};class g{constructor(t){t.w?(this.w=t.w,this.h=t.h,this.data=[...t.data],this.grid=[...t.grid]):(this.w=t,this.h=1,this.data=[],this.grid=[])}isFreeSlot(t,e){const i=e*this.w+t;return!this.grid[i]&&0!==this.grid[i]}getMaxY(){return this.data.reduce((t,e)=>(e?.y>t&&(t=e.y),t),0)}getFreeSlots(){const t=[];let e=this.getMaxY(),i=this.w*(e+1);for(let t=0;t\n\t\t
\n\t\n\t\t\t\n\t\t
\n\t\n\t
'},_={data:()=>({}),props:{widget:{type:Object,required:!0}},methods:{path:t=>"/"==t[0]?FHC_JS_DATA_STORAGE_OBJECT.app_root+t:t},emits:["select"],template:'\n\t\n\t\t\n\t\t\t\n\t\t\t\t{{ widget ? \'Config for \' + widget.setup.name : \'\' }}\n\t\t\t\n\t\t\t\n\t\t\t\t \n\t\t\n\t\t\t\n\t\t \n\t\t
\n\t\n\t\t\t\n\t\t\t\t\n\t\t\t \n\t\t\t{{ widget.setup.name }}\n\t\t\t\n\t\t\t\t\n\t\t\t\t \n\t\t
\n\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\n \t\t\n \t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t
\n\t\t\n\t\t
\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t
\n\t\t![]()
\n\t\t
'},$={name:"Section",components:{DropGrid:f,DashboardItem:y,WidgetIcon:_},inject:{widgetsSetup:{type:Array,default:[]},adminMode:{type:Boolean,default:!1},editMode:{type:Boolean,default:!1}},props:["name","widgets"],emits:["widgetAdd","widgetUpdate","widgetRemove"],data:()=>({configOpened:!1,gridWidth:1,gridHeight:null,draggedItem:null,additionalRow:!1}),provide(){return{editModeIsActive:Vue.computed(()=>this.editModeIsActive),sectionName:Vue.computed(()=>this.name)}},computed:{computedWidgetsSetup(){return this.widgetsSetup?this.widgetsSetup.reduce((t,e)=>(t[e.widget_id]=e.setup,t),{}):{}},editModeIsActive(){return(this.editMode||this.adminMode)&&!this.configOpened},getSectionStyle:()=>"margin-bottom: 8px;",items(){return this.widgets.map(t=>(!t?.widgetid&&t?.id&&(t.widgetid=t.id),{...t,reorder:!1,...t.place[this.gridWidth]||{reorder:!0,x:0,y:0,w:1,h:1}}))}},methods:{sectionNameTranslation(){switch(this.name){case"general":case"custom":return this.$p.t("dashboard",this.name);default:return this.name}},showSectionInformation(){return"general"==this.name?this.$p.t("dashboard","dashboardGeneralSectionDescription"):"custom"==this.name?this.$p.t("dashboard","dashboardCustomSectionDescription"):this.$p.t("dashboard","dashboardSectionDescription",[this.name])},handleConfigOpened(){this.configOpened=!0},handleConfigClosed(){this.configOpened=!1},checkResizeLimit(t,e,i){let r=b.getWidget(t.widget);if(r){let t=r.setup.width;t.max?t.min=t.min||1:t={min:t,max:t},e\n\t\t\t
\n\t{{ widget.setup.name || widget.widget_kurzbz }}
\n\t\t\t{{ widget.beschreibung }}
\n\t\t\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t \n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t \n\t
'},w={components:{BsModal:o,WidgetIcon:_},props:["widgets"],data:()=>({callbacks:{}}),methods:{getWidget(){return new Promise((t,e)=>{this.callbacks={resolve:t,reject:e},this.$refs.modal.show()})},close(){this.callbacks.reject&&this.callbacks.reject(),this.callbacks={}},pick(t){this.callbacks.resolve&&this.callbacks.resolve(t),this.callbacks={},this.$refs.modal.hide()}},template:''},E={mergeDeep(...t){const e=t=>t&&"object"==typeof t;return t.reduce((t,i)=>(Object.keys(i).forEach(r=>{const n=t[r],s=i[r];Array.isArray(n)&&Array.isArray(s)?t[r]=n.concat(...s):e(n)&&e(s)?t[r]=this.mergeDeep(n,s):t[r]=s}),t),{})}},S={components:{DashboardAdminEdit:p,DashboardAdminWidgets:h,DashboardAdminPresets:{components:{DashboardSection:$,DashboardWidgetPicker:w},props:{dashboard:String,widgets:Array},data:()=>({funktionen:{},sections:[],tmpLoading:""}),computed:{apiurl:()=>FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+"/dashboard",pickerWidgets(){return this.widgets.filter(t=>t.allowed)}},methods:{widgetAdd(t,e){this.$refs.widgetpicker.getWidget().then(i=>{e.widget=i,delete e.custom,e.preset=1;let r={...e};r.loading=!0,this.sections.forEach(e=>{e.name==t&&e.widgets.push(r)}),axios.post(this.apiurl+"/Config/addWidgetsToPreset",{db:this.dashboard,funktion_kurzbz:t,widgets:[e]}).then(i=>{let n=Object.keys(i.data.retval.data[t].widgets).pop();e.id=n,e.custom=1,this.sections.forEach(i=>{i.name==t&&(i.widgets.splice(i.widgets.indexOf(r),1),i.widgets.push(e))})}).catch(t=>{console.error("ERROR: ",t),alert("ERROR: "+t.response.data.retval)})}).catch(()=>{})},widgetUpdate(t,e){for(var i in e=e[t]){for(var r in this.sections)if(this.sections[r].name==t){for(var n in this.sections[r].widgets)if(this.sections[r].widgets[n].id==i){for(var s in e[i]=E.mergeDeep(this.sections[r].widgets[n],e[i]),{_x:1,_y:1,_w:1,_h:1,index:1,id:1})e[i][s]&&delete e[i][s];break}break}e[i].widgetid=i,delete e[i].custom}axios.post(this.apiurl+"/Config/addWidgetsToPreset",{db:this.dashboard,funktion_kurzbz:t,widgets:e}).then(()=>{this.sections.forEach(i=>{i.name==t&&i.widgets.forEach((t,r)=>{e[t.id]&&(e[t.id].id=t.id,e[t.id].index=t.index,i.widgets[r]=e[t.id],i.widgets[r].custom=1)})})}).catch(t=>{console.error("ERROR: ",t),alert("ERROR: "+t.response.data.retval)})},widgetRemove(t,e){axios.post(this.apiurl+"/Config/removeWidgetFromPreset",{db:this.dashboard,funktion_kurzbz:t,widgetid:e}).then(()=>{this.sections.forEach(i=>{i.name==t&&(i.widgets=i.widgets.filter(t=>t.id!=e))})}).catch(t=>{console.error("ERROR: ",t),alert("ERROR: "+t.response.data.retval)})},loadSections(t){let e=Array.from(t.target.querySelectorAll("option:checked"),t=>t.value);this.sections=[],this.tmpLoading=e.join("###"),axios.get(this.apiurl+"/Config/presetBatch",{params:{db:this.dashboard,funktionen:e}}).then(t=>{if(this.tmpLoading===e.join("###"))for(var i in t.data.retval){let e=[];for(var r in t.data.retval[i])t.data.retval[i][r].id=r,t.data.retval[i][r].custom=1,e.push(t.data.retval[i][r]);this.sections.push({name:i,widgets:e})}}).catch(t=>console.error("ERROR:",t))}},created(){axios.get(this.apiurl+"/Config/funktionen").then(t=>{this.funktionen={general:"GENERAL"},t.data.retval.forEach(t=>{this.funktionen[t.funktion_kurzbz]=t.beschreibung})}).catch(t=>console.error("ERROR:",t))},watch:{dashboard(){this.loadSections({target:this.$refs.funktionenList})}},template:'\n\t\t\t\n\t\t\t{{sectionNameTranslation()}}:\n\t\t
\n\t\t\n\t\t\n\t\t
'}},provide:()=>({adminMode:!0}),data:()=>({dashboards:[],current:-1,widgets:[]}),computed:{apiurl:()=>FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+"/dashboard",dashboard(){return this.dashboards.find(t=>t.dashboard_id==this.current)}},methods:{dashboardAdd(){let t="";l.popup("New Dashboard name").then(e=>(t=e,axios.post(this.apiurl+"/Dashboard/create",{dashboard_kurzbz:e}))).then(e=>{let i={dashboard_id:e.data.retval,dashboard_kurzbz:t,beschreibung:""};this.dashboards.push(i),this.current=i.dashboard_id}).catch(t=>void 0!==t?console.error("ERROR:",t):0)},dashboardUpdate(t){axios.post(this.apiurl+"/Dashboard/update",t).then(()=>{let e=this.dashboards.find(e=>e.dashboard_id==t.dashboard_id);e.dashboard_kurzbz=t.dashboard_kurzbz,e.beschreibung=t.beschreibung}).catch(t=>console.error("ERROR:",t))},dashboardDelete(t){axios.post(this.apiurl+"/Dashboard/delete",{dashboard_id:t}).then(()=>{this.current=-1,this.dashboards=this.dashboards.filter(e=>e.dashboard_id!=t)}).catch(t=>console.error("ERROR:",t))},assignWidgets(t){this.widgets=t}},created(){axios.get(this.apiurl+"/Dashboard").then(t=>{this.dashboards=t.data.retval}).catch(t=>console.error("ERROR:",t))},template:'\n\t\t\t
\n\t\t\n\t\t\t\t\n\t\t\t
\n\t\t\t\n\t\t\t\t
\n\t\t\n\t\t
'},C={search(t,e){return this.$fhcApi.post("/api/frontend/v1/searchbar/search",t,e)},searchAdvanced(t,e){return this.$fhcApi.post("/api/frontend/v1/searchbar/searchAdvanced",t,e)},searchdummy(t){return this.$fhcApi.post("public/js/apps/api/dummyapi.php/Search",t)}},P={loadCategory(t){return this.$fhcApi.get("/api/frontend/v1/phrasen/loadModule/"+t)},setLanguage(t,e){const i={categories:t,language:e};return this.$fhcApi.post("/api/frontend/v1/phrasen/setLanguage",i)},getLanguage(){return this.$fhcApi.get("/api/frontend/v1/phrasen/getLanguage",{})},getActiveDbLanguages(){return this.$fhcApi.get("/api/frontend/v1/phrasen/getAllLanguages",{})}},k={getHeader(t){return this.$fhcApi.get("/api/frontend/v1/navigation/header",{navigation_page:t})},getMenu:function(t){return this.$fhcApi.get("/api/frontend/v1/navigation/menu",{navigation_page:t})}},T={saveCustomFilter(t){return this.$fhcApi.post("/api/frontend/v1/filter/saveCustomFilter",{filterUniqueId:t.filterUniqueId,filterType:t.filterType,customFilterName:t.customFilterName})},removeCustomFilter(t){return this.$fhcApi.post("/api/frontend/v1/filter/removeCustomFilter",{filterUniqueId:t.filterUniqueId,filterType:t.filterType,filterId:t.filterId})},applyFilterFields(t){return this.$fhcApi.post("/api/frontend/v1/filter/applyFilterFields",{filterUniqueId:t.filterUniqueId,filterType:t.filterType,filterFields:t.filterFields})},addFilterField(t){return this.$fhcApi.post("/api/frontend/v1/filter/addFilterField",{filterUniqueId:t.filterUniqueId,filterType:t.filterType,filterField:t.filterField})},removeFilterField(t){return this.$fhcApi.post("/api/frontend/v1/filter/removeFilterField",{filterUniqueId:t.filterUniqueId,filterType:t.filterType,filterField:t.filterField})},getFilterById(t){return this.$fhcApi.get("/api/frontend/v1/filter/getFilter",{filterUniqueId:t.filterUniqueId,filterType:t.filterType,filterId:t.filterId})},getFilter(t){return this.$fhcApi.get("/api/frontend/v1/filter/getFilter",{filterUniqueId:t.filterUniqueId,filterType:t.filterType})}},x={abmeldung:{getDetails(t,e){const i="/api/frontend/v1/studstatus/abmeldung/"+(void 0!==t?"getDetailsForAntrag/"+t:"getDetailsForNewAntrag/"+e);return this.$fhcApi.get(i)},create(t,e,i){return this.$fhcApi.post("/api/frontend/v1/studstatus/abmeldung/createAntrag",{studiensemester:t,prestudent_id:e,grund:i},{errorHandling:"strict"})},cancel(t){return Array.isArray(t)?Promise.allSettled(t.map(t=>this.$fhcApi.post("/api/frontend/v1/studstatus/abmeldung/cancelAntrag",{antrag_id:t.studierendenantrag_id},{errorHeader:"#"+t.studierendenantrag_id}))):this.$fhcApi.post("/api/frontend/v1/studstatus/abmeldung/cancelAntrag",{antrag_id:t})}},unterbrechung:{getDetails(t,e){const i="/api/frontend/v1/studstatus/unterbrechung/"+(void 0!==t?"getDetailsForAntrag/"+t:"getDetailsForNewAntrag/"+e);return this.$fhcApi.get(i)},create(t,e,i,r,n){return this.$fhcApi.post("/api/frontend/v1/studstatus/unterbrechung/createAntrag",{studiensemester:t,prestudent_id:e,grund:i,datum_wiedereinstieg:r,attachment:n},{errorHandling:"strict"})},cancel(t){return this.$fhcApi.post("/api/frontend/v1/studstatus/unterbrechung/cancelAntrag",{antrag_id:t},{errorHandling:"strict"})}},wiederholung:{getDetails(t){const e="/api/frontend/v1/studstatus/wiederholung/getDetailsForNewAntrag/"+t;return this.$fhcApi.get(e)},getLvs(t){const e="/api/frontend/v1/studstatus/wiederholung/getLvs/"+t;return this.$fhcApi.get(e)},create(t,e){return this.$fhcApi.post("/api/frontend/v1/studstatus/wiederholung/createAntrag",{prestudent_id:t,studiensemester:e},{errorHandling:"strict"})},cancel(t,e){return this.$fhcApi.post("/api/frontend/v1/studstatus/wiederholung/cancelAntrag",{prestudent_id:t,studiensemester:e},{errorHandling:"strict"})},saveLvs(t,e){return this.$fhcApi.post("/api/frontend/v1/studstatus/wiederholung/saveLvs",{forbiddenLvs:t,mandatoryLvs:e})}},leitung:{getStgs(){return this.$fhcApi.get("/api/frontend/v1/studstatus/leitung/getActiveStgs")},getAntraege(t,e,i){return this.$fhcApi.get("/api/frontend/v1/studstatus/leitung/getAntraege/"+t).then(t=>t.data)},getHistory(t){return this.$fhcApi.get("/api/frontend/v1/studstatus/leitung/getHistory/"+t)},getPrestudents(t,e){return this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/getPrestudents",{query:t},{signal:e,timeout:3e4})},approve(t){return Array.isArray(t)?Promise.allSettled(t.map(t=>this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/approveAntrag",t,{errorHeader:"#"+t.studierendenantrag_id}))):this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/approveAntrag",t)},reject(t){return Array.isArray(t)?Promise.allSettled(t.map(t=>this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/rejectAntrag",t,{errorHeader:"#"+t.studierendenantrag_id}))):this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/rejectAntrag",t)},reopen(t){return Array.isArray(t)?Promise.allSettled(t.map(t=>this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/reopenAntrag",t,{errorHeader:"#"+t.studierendenantrag_id}))):this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/reopenAntrag",t)},pause(t){return Array.isArray(t)?Promise.allSettled(t.map(t=>this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/pauseAntrag",t,{errorHeader:"#"+t.studierendenantrag_id}))):this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/pauseAntrag",t)},unpause(t){return Array.isArray(t)?Promise.allSettled(t.map(t=>this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/unpauseAntrag",t,{errorHeader:"#"+t.studierendenantrag_id}))):this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/unpauseAntrag",t)},object(t){return Array.isArray(t)?Promise.allSettled(t.map(t=>this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/objectAntrag",t,{errorHeader:"#"+t.studierendenantrag_id}))):this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/objectAntrag",t)},approveObjection(t){return Array.isArray(t)?Promise.allSettled(t.map(t=>this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/approveObjection",t,{errorHeader:"#"+t.studierendenantrag_id}))):this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/approveObjection",t)},denyObjection(t){return Array.isArray(t)?Promise.allSettled(t.map(t=>this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/denyObjection",t,{errorHeader:"#"+t.studierendenantrag_id}))):this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/denyObjection",t)}}},O={getView:function(t){return this.$fhcApi.get(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+`/api/frontend/v1/Profil/getView/${t}`,{})},fotoSperre:function(t){return this.$fhcApi.get(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+`/api/frontend/v1/Profil/fotoSperre/${t}`,{})},isStudent:function(t){return this.$fhcApi.get(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+"/api/frontend/v1/Profil/isStudent",{uid:t})},isMitarbeiter:function(t){return this.$fhcApi.get(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+`/api/frontend/v1/Profil/isMitarbeiter/${t}`,{})},getZustellAdresse:function(){return this.$fhcApi.get(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+"/api/frontend/v1/Profil/getZustellAdresse",{})},getZustellKontakt:function(){return this.$fhcApi.get(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+"/api/frontend/v1/Profil/getZustellKontakt",{})},getGemeinden:function(t,e){return this.$fhcApi.get(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+`/api/frontend/v1/Profil/getGemeinden/${t}/${e}`,{})},getAllNationen:function(){return this.$fhcApi.get(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+"/api/frontend/v1/Profil/getAllNationen",{})}},D={
+import t from"../../../../index.ci.php/public/js/components/primevue/config/config.esm.min.js?2025111701";import e from"../../../../index.ci.php/public/js/components/primevue/toast/toast.esm.min.js?2025111701";import i from"../../../../index.ci.php/public/js/components/primevue/confirmdialog/confirmdialog.esm.min.js?2025111701";import r from"../../../../index.ci.php/public/js/components/primevue/confirmationservice/confirmationservice.esm.min.js?2025111701";const n={emits:["dataFetched"],props:{refresh:{type:Boolean},apiFunction:{required:!0,type:Function},apiFunctionParameters:{}},watch:{refresh:function(t,e){this.fetchData()}},data:function(){return{loading:!1,error:!1,errorMessage:null}},created:function(){this.fetchData()},methods:{fetchData:function(){if(this.loading=!0,this.error=!1,this.errorMessage=null,"function"==typeof this.apiFunction){let t=this.apiFunction(this.apiFunctionParameters);t instanceof Promise?t.then(this.successHandler).catch(this.errorHandler).finally(this.finallyHandler):this.setError("The called apiFunction does not return a Promise")}else this.setError("Property apiFunction is not a function")},setError:function(t){this.loading=!1,this.error=!0,this.errorMessage=t},successHandler:function(t){this.$emit("dataFetched",t?t.data:void 0)},errorHandler:function(t){t.response?.data?.retval?this.setError(t.response.data.retval):t.data?.message?this.setError(t.data.message):this.setError(t.message)},finallyHandler:function(){this.loading=!1}},template:'\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t
\n\t\t\n\t\t\t\n\t\t\t
\n\t\n\t\t\t\t
\n\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\tLoading...
\n\t\t{{ errorMessage }}
\n\t\t\n\t\t
'},d={name:"BootstrapAlert",components:{BsModal:o},mixins:[o],props:{dialogClass:{type:[String,Array,Object],default:"modal-dialog-centered"},onHideBsModal:Function,onHiddenBsModal:Function,onHidePreventedBsModal:Function,onShowBsModal:Function,onShownBsModal:Function},data:()=>({result:!0}),mounted(){this.modal=this.$refs.modalContainer.modal},popup(t,e){return o.popup.bind(this)(t,e)},template:'\n\t\t\t\n\t\t
\n\t\n\t\t\t\t\n\t\t\t
\n\t\t\n\t\t\n\t\t\t\n\t\t\t\n\t\t\n\t\n\t\t
'},h={emits:["change","assignWidgets"],props:{dashboard_id:Number,widgets:Array},computed:{apiurl:()=>FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+"/dashboard"},methods:{sendChange(t){let e=!this.widgets.find(e=>e.widget_id==t).allowed;axios.post(this.apiurl+"/Widget/setAllowed",{dashboard_id:this.dashboard_id,widget_id:t,action:e?"add":"delete"}).catch(t=>console.error("ERROR: "+t))}},created(){axios.get(this.apiurl+"/Widget/getAll",{params:{dashboard_id:this.dashboard_id}}).then(t=>{this.$emit("assignWidgets",t.data.retval.map(t=>({...t,setup:JSON.parse(t.setup),arguments:JSON.parse(t.arguments),allowed:!!t.allowed})))}).catch(t=>console.error("ERROR:",t))},template:'\n\t'},u={name:"GridItem",components:{},inject:{},props:{item:Object,active:Boolean},emits:["mouseDown","mouseUp","startMove","startResize","dragging","endDrag","dropDrag","item","touchStart","touchEnd"],data:()=>({dragAction:"",dragging:!1}),computed:{},methods:{registerDragAction(t){if(this.$emit("mouseDown",t),t.target.hasAttribute("drag-action"))this.dragAction=t.target.getAttribute("drag-action");else{let e=t.target.closest("[drag-action]");this.dragAction=e?e.getAttribute("drag-action"):""}},tryDragStart(t,e){let i=this.dragAction||t.target.getAttribute("drag-action");if(i){if(this.dragging=!0,"move"==i)return this.$emit("startMove",t,e);if("resize"==i)return this.$emit("startResize",t,e)}},touchDragEnd(t){this.dragging&&(this.dragging=!1,this.$emit("touchEnd",t))},touchStart(t){this.$emit("touchStart",t),this.registerDragAction(t),this.tryDragStart(t,this.item)},touchMove(t){this.dragging&&(t.preventDefault(),this.$emit("dragging",t))}},template:'\n\t\n\t\t\t\n\t\t\t\n\t\t
\n\t\t\n\t\t\t\n\t\t\t\n\t\t
\n\t\t\n\t\t\t\n\t\t\t\n\t\t
\n\t\n\t\t
'};class g{constructor(t){t.w?(this.w=t.w,this.h=t.h,this.data=[...t.data],this.grid=[...t.grid]):(this.w=t,this.h=1,this.data=[],this.grid=[])}isFreeSlot(t,e){const i=e*this.w+t;return!this.grid[i]&&0!==this.grid[i]}getMaxY(){return this.data.reduce((t,e)=>(e?.y>t&&(t=e.y),t),0)}getFreeSlots(){const t=[];let e=this.getMaxY(),i=this.w*(e+1);for(let t=0;t\n\t\t
\n\t\n\t\t\t\n\t\t
\n\t\n\t
'},_={data:()=>({}),props:{widget:{type:Object,required:!0}},methods:{path:t=>"/"==t[0]?FHC_JS_DATA_STORAGE_OBJECT.app_root+t:t},emits:["select"],template:'\n\t\n\t\t\n\t\t\t\n\t\t\t\t{{ widget ? \'Config for \' + widget.setup.name : \'\' }}\n\t\t\t\n\t\t\t\n\t\t\t\t \n\t\t\n\t\t\t\n\t\t \n\t\t
\n\t\n\t\t\t\n\t\t\t\t\n\t\t\t \n\t\t\t{{ widget.setup.name }}\n\t\t\t\n\t\t\t\t\n\t\t\t\t \n\t\t
\n\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\n \t\t\n \t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t
\n\t\t\n\t\t
\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t
\n\t\t![]()
\n\t\t
'},$={name:"Section",components:{DropGrid:f,DashboardItem:y,WidgetIcon:_},inject:{widgetsSetup:{type:Array,default:[]},adminMode:{type:Boolean,default:!1},editMode:{type:Boolean,default:!1}},props:["name","widgets"],emits:["widgetAdd","widgetUpdate","widgetRemove"],data:()=>({configOpened:!1,gridWidth:1,gridHeight:null,draggedItem:null,additionalRow:!1}),provide(){return{editModeIsActive:Vue.computed(()=>this.editModeIsActive),sectionName:Vue.computed(()=>this.name)}},computed:{computedWidgetsSetup(){return this.widgetsSetup?this.widgetsSetup.reduce((t,e)=>(t[e.widget_id]=e.setup,t),{}):{}},editModeIsActive(){return(this.editMode||this.adminMode)&&!this.configOpened},getSectionStyle:()=>"margin-bottom: 8px;",items(){return this.widgets.map(t=>(!t?.widgetid&&t?.id&&(t.widgetid=t.id),{...t,reorder:!1,...t.place[this.gridWidth]||{reorder:!0,x:0,y:0,w:1,h:1}}))}},methods:{sectionNameTranslation(){switch(this.name){case"general":case"custom":return this.$p.t("dashboard",this.name);default:return this.name}},showSectionInformation(){return"general"==this.name?this.$p.t("dashboard","dashboardGeneralSectionDescription"):"custom"==this.name?this.$p.t("dashboard","dashboardCustomSectionDescription"):this.$p.t("dashboard","dashboardSectionDescription",[this.name])},handleConfigOpened(){this.configOpened=!0},handleConfigClosed(){this.configOpened=!1},checkResizeLimit(t,e,i){let r=b.getWidget(t.widget);if(r){let t=r.setup.width;t.max?t.min=t.min||1:t={min:t,max:t},e\n\t\t\t
\n\t{{ widget.setup.name || widget.widget_kurzbz }}
\n\t\t\t{{ widget.beschreibung }}
\n\t\t\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t \n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t \n\t
'},w={components:{BsModal:o,WidgetIcon:_},props:["widgets"],data:()=>({callbacks:{}}),methods:{getWidget(){return new Promise((t,e)=>{this.callbacks={resolve:t,reject:e},this.$refs.modal.show()})},close(){this.callbacks.reject&&this.callbacks.reject(),this.callbacks={}},pick(t){this.callbacks.resolve&&this.callbacks.resolve(t),this.callbacks={},this.$refs.modal.hide()}},template:''},E={mergeDeep(...t){const e=t=>t&&"object"==typeof t;return t.reduce((t,i)=>(Object.keys(i).forEach(r=>{const n=t[r],s=i[r];Array.isArray(n)&&Array.isArray(s)?t[r]=n.concat(...s):e(n)&&e(s)?t[r]=this.mergeDeep(n,s):t[r]=s}),t),{})}},S={components:{DashboardAdminEdit:p,DashboardAdminWidgets:h,DashboardAdminPresets:{components:{DashboardSection:$,DashboardWidgetPicker:w},props:{dashboard:String,widgets:Array},data:()=>({funktionen:{},sections:[],tmpLoading:""}),computed:{apiurl:()=>FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+"/dashboard",pickerWidgets(){return this.widgets.filter(t=>t.allowed)}},methods:{widgetAdd(t,e){this.$refs.widgetpicker.getWidget().then(i=>{e.widget=i,delete e.custom,e.preset=1;let r={...e};r.loading=!0,this.sections.forEach(e=>{e.name==t&&e.widgets.push(r)}),axios.post(this.apiurl+"/Config/addWidgetsToPreset",{db:this.dashboard,funktion_kurzbz:t,widgets:[e]}).then(i=>{let n=Object.keys(i.data.retval.data[t].widgets).pop();e.id=n,e.custom=1,this.sections.forEach(i=>{i.name==t&&(i.widgets.splice(i.widgets.indexOf(r),1),i.widgets.push(e))})}).catch(t=>{console.error("ERROR: ",t),alert("ERROR: "+t.response.data.retval)})}).catch(()=>{})},widgetUpdate(t,e){for(var i in e=e[t]){for(var r in this.sections)if(this.sections[r].name==t){for(var n in this.sections[r].widgets)if(this.sections[r].widgets[n].id==i){for(var s in e[i]=E.mergeDeep(this.sections[r].widgets[n],e[i]),{_x:1,_y:1,_w:1,_h:1,index:1,id:1})e[i][s]&&delete e[i][s];break}break}e[i].widgetid=i,delete e[i].custom}axios.post(this.apiurl+"/Config/addWidgetsToPreset",{db:this.dashboard,funktion_kurzbz:t,widgets:e}).then(()=>{this.sections.forEach(i=>{i.name==t&&i.widgets.forEach((t,r)=>{e[t.id]&&(e[t.id].id=t.id,e[t.id].index=t.index,i.widgets[r]=e[t.id],i.widgets[r].custom=1)})})}).catch(t=>{console.error("ERROR: ",t),alert("ERROR: "+t.response.data.retval)})},widgetRemove(t,e){axios.post(this.apiurl+"/Config/removeWidgetFromPreset",{db:this.dashboard,funktion_kurzbz:t,widgetid:e}).then(()=>{this.sections.forEach(i=>{i.name==t&&(i.widgets=i.widgets.filter(t=>t.id!=e))})}).catch(t=>{console.error("ERROR: ",t),alert("ERROR: "+t.response.data.retval)})},loadSections(t){let e=Array.from(t.target.querySelectorAll("option:checked"),t=>t.value);this.sections=[],this.tmpLoading=e.join("###"),axios.get(this.apiurl+"/Config/presetBatch",{params:{db:this.dashboard,funktionen:e}}).then(t=>{if(this.tmpLoading===e.join("###"))for(var i in t.data.retval){let e=[];for(var r in t.data.retval[i])t.data.retval[i][r].id=r,t.data.retval[i][r].custom=1,e.push(t.data.retval[i][r]);this.sections.push({name:i,widgets:e})}}).catch(t=>console.error("ERROR:",t))}},created(){axios.get(this.apiurl+"/Config/funktionen").then(t=>{this.funktionen={general:"GENERAL"},t.data.retval.forEach(t=>{this.funktionen[t.funktion_kurzbz]=t.beschreibung})}).catch(t=>console.error("ERROR:",t))},watch:{dashboard(){this.loadSections({target:this.$refs.funktionenList})}},template:'\n\t\t\t\n\t\t\t{{sectionNameTranslation()}}:\n\t\t
\n\t\t\n\t\t\n\t\t
'}},provide:()=>({adminMode:!0}),data:()=>({dashboards:[],current:-1,widgets:[]}),computed:{apiurl:()=>FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+"/dashboard",dashboard(){return this.dashboards.find(t=>t.dashboard_id==this.current)}},methods:{dashboardAdd(){let t="";l.popup("New Dashboard name").then(e=>(t=e,axios.post(this.apiurl+"/Dashboard/create",{dashboard_kurzbz:e}))).then(e=>{let i={dashboard_id:e.data.retval,dashboard_kurzbz:t,beschreibung:""};this.dashboards.push(i),this.current=i.dashboard_id}).catch(t=>void 0!==t?console.error("ERROR:",t):0)},dashboardUpdate(t){axios.post(this.apiurl+"/Dashboard/update",t).then(()=>{let e=this.dashboards.find(e=>e.dashboard_id==t.dashboard_id);e.dashboard_kurzbz=t.dashboard_kurzbz,e.beschreibung=t.beschreibung}).catch(t=>console.error("ERROR:",t))},dashboardDelete(t){axios.post(this.apiurl+"/Dashboard/delete",{dashboard_id:t}).then(()=>{this.current=-1,this.dashboards=this.dashboards.filter(e=>e.dashboard_id!=t)}).catch(t=>console.error("ERROR:",t))},assignWidgets(t){this.widgets=t}},created(){axios.get(this.apiurl+"/Dashboard").then(t=>{this.dashboards=t.data.retval}).catch(t=>console.error("ERROR:",t))},template:'\n\t\t\t
\n\t\t\n\t\t\t\t\n\t\t\t
\n\t\t\t\n\t\t\t\t
\n\t\t\n\t\t
'},C={search(t,e){return this.$fhcApi.post("/api/frontend/v1/searchbar/search",t,e)},searchAdvanced(t,e){return this.$fhcApi.post("/api/frontend/v1/searchbar/searchAdvanced",t,e)},searchdummy(t){return this.$fhcApi.post("public/js/apps/api/dummyapi.php/Search",t)}},P={loadCategory(t){return this.$fhcApi.get("/api/frontend/v1/phrasen/loadModule/"+t)},setLanguage(t,e){const i={categories:t,language:e};return this.$fhcApi.post("/api/frontend/v1/phrasen/setLanguage",i)},getLanguage(){return this.$fhcApi.get("/api/frontend/v1/phrasen/getLanguage",{})},getActiveDbLanguages(){return this.$fhcApi.get("/api/frontend/v1/phrasen/getAllLanguages",{})}},k={getHeader(t){return this.$fhcApi.get("/api/frontend/v1/navigation/header",{navigation_page:t})},getMenu:function(t){return this.$fhcApi.get("/api/frontend/v1/navigation/menu",{navigation_page:t})}},T={saveCustomFilter(t){return this.$fhcApi.post("/api/frontend/v1/filter/saveCustomFilter",{filterUniqueId:t.filterUniqueId,filterType:t.filterType,customFilterName:t.customFilterName})},removeCustomFilter(t){return this.$fhcApi.post("/api/frontend/v1/filter/removeCustomFilter",{filterUniqueId:t.filterUniqueId,filterType:t.filterType,filterId:t.filterId})},applyFilterFields(t){return this.$fhcApi.post("/api/frontend/v1/filter/applyFilterFields",{filterUniqueId:t.filterUniqueId,filterType:t.filterType,filterFields:t.filterFields})},addFilterField(t){return this.$fhcApi.post("/api/frontend/v1/filter/addFilterField",{filterUniqueId:t.filterUniqueId,filterType:t.filterType,filterField:t.filterField})},removeFilterField(t){return this.$fhcApi.post("/api/frontend/v1/filter/removeFilterField",{filterUniqueId:t.filterUniqueId,filterType:t.filterType,filterField:t.filterField})},getFilterById(t){return this.$fhcApi.get("/api/frontend/v1/filter/getFilter",{filterUniqueId:t.filterUniqueId,filterType:t.filterType,filterId:t.filterId})},getFilter(t){return this.$fhcApi.get("/api/frontend/v1/filter/getFilter",{filterUniqueId:t.filterUniqueId,filterType:t.filterType})}},x={abmeldung:{getDetails(t,e){const i="/api/frontend/v1/studstatus/abmeldung/"+(void 0!==t?"getDetailsForAntrag/"+t:"getDetailsForNewAntrag/"+e);return this.$fhcApi.get(i)},create(t,e,i){return this.$fhcApi.post("/api/frontend/v1/studstatus/abmeldung/createAntrag",{studiensemester:t,prestudent_id:e,grund:i},{errorHandling:"strict"})},cancel(t){return Array.isArray(t)?Promise.allSettled(t.map(t=>this.$fhcApi.post("/api/frontend/v1/studstatus/abmeldung/cancelAntrag",{antrag_id:t.studierendenantrag_id},{errorHeader:"#"+t.studierendenantrag_id}))):this.$fhcApi.post("/api/frontend/v1/studstatus/abmeldung/cancelAntrag",{antrag_id:t})}},unterbrechung:{getDetails(t,e){const i="/api/frontend/v1/studstatus/unterbrechung/"+(void 0!==t?"getDetailsForAntrag/"+t:"getDetailsForNewAntrag/"+e);return this.$fhcApi.get(i)},create(t,e,i,r,n){return this.$fhcApi.post("/api/frontend/v1/studstatus/unterbrechung/createAntrag",{studiensemester:t,prestudent_id:e,grund:i,datum_wiedereinstieg:r,attachment:n},{errorHandling:"strict"})},cancel(t){return this.$fhcApi.post("/api/frontend/v1/studstatus/unterbrechung/cancelAntrag",{antrag_id:t},{errorHandling:"strict"})}},wiederholung:{getDetails(t){const e="/api/frontend/v1/studstatus/wiederholung/getDetailsForNewAntrag/"+t;return this.$fhcApi.get(e)},getLvs(t){const e="/api/frontend/v1/studstatus/wiederholung/getLvs/"+t;return this.$fhcApi.get(e)},create(t,e){return this.$fhcApi.post("/api/frontend/v1/studstatus/wiederholung/createAntrag",{prestudent_id:t,studiensemester:e},{errorHandling:"strict"})},cancel(t,e){return this.$fhcApi.post("/api/frontend/v1/studstatus/wiederholung/cancelAntrag",{prestudent_id:t,studiensemester:e},{errorHandling:"strict"})},saveLvs(t,e){return this.$fhcApi.post("/api/frontend/v1/studstatus/wiederholung/saveLvs",{forbiddenLvs:t,mandatoryLvs:e})}},leitung:{getStgs(){return this.$fhcApi.get("/api/frontend/v1/studstatus/leitung/getActiveStgs")},getAntraege(t,e,i){return this.$fhcApi.get("/api/frontend/v1/studstatus/leitung/getAntraege/"+t).then(t=>t.data)},getHistory(t){return this.$fhcApi.get("/api/frontend/v1/studstatus/leitung/getHistory/"+t)},getPrestudents(t,e){return this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/getPrestudents",{query:t},{signal:e,timeout:3e4})},approve(t){return Array.isArray(t)?Promise.allSettled(t.map(t=>this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/approveAntrag",t,{errorHeader:"#"+t.studierendenantrag_id}))):this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/approveAntrag",t)},reject(t){return Array.isArray(t)?Promise.allSettled(t.map(t=>this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/rejectAntrag",t,{errorHeader:"#"+t.studierendenantrag_id}))):this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/rejectAntrag",t)},reopen(t){return Array.isArray(t)?Promise.allSettled(t.map(t=>this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/reopenAntrag",t,{errorHeader:"#"+t.studierendenantrag_id}))):this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/reopenAntrag",t)},pause(t){return Array.isArray(t)?Promise.allSettled(t.map(t=>this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/pauseAntrag",t,{errorHeader:"#"+t.studierendenantrag_id}))):this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/pauseAntrag",t)},unpause(t){return Array.isArray(t)?Promise.allSettled(t.map(t=>this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/unpauseAntrag",t,{errorHeader:"#"+t.studierendenantrag_id}))):this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/unpauseAntrag",t)},object(t){return Array.isArray(t)?Promise.allSettled(t.map(t=>this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/objectAntrag",t,{errorHeader:"#"+t.studierendenantrag_id}))):this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/objectAntrag",t)},approveObjection(t){return Array.isArray(t)?Promise.allSettled(t.map(t=>this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/approveObjection",t,{errorHeader:"#"+t.studierendenantrag_id}))):this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/approveObjection",t)},denyObjection(t){return Array.isArray(t)?Promise.allSettled(t.map(t=>this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/denyObjection",t,{errorHeader:"#"+t.studierendenantrag_id}))):this.$fhcApi.post("/api/frontend/v1/studstatus/leitung/denyObjection",t)}}},O={getView:function(t){return this.$fhcApi.get(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+`/api/frontend/v1/Profil/getView/${t}`,{})},fotoSperre:function(t){return this.$fhcApi.get(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+`/api/frontend/v1/Profil/fotoSperre/${t}`,{})},isStudent:function(t){return this.$fhcApi.get(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+"/api/frontend/v1/Profil/isStudent",{uid:t})},isMitarbeiter:function(t){return this.$fhcApi.get(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+`/api/frontend/v1/Profil/isMitarbeiter/${t}`,{})},getZustellAdresse:function(){return this.$fhcApi.get(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+"/api/frontend/v1/Profil/getZustellAdresse",{})},getZustellKontakt:function(){return this.$fhcApi.get(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+"/api/frontend/v1/Profil/getZustellKontakt",{})},getGemeinden:function(t,e){return this.$fhcApi.get(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+`/api/frontend/v1/Profil/getGemeinden/${t}/${e}`,{})},getAllNationen:function(){return this.$fhcApi.get(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+"/api/frontend/v1/Profil/getAllNationen",{})}},D={
//! API calls for profil update requests
getStatus:function(){return this.$fhcApi.get(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+"/api/frontend/v1/ProfilUpdate/getStatus",{})},getTopic:function(){return this.$fhcApi.get(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+"/api/frontend/v1/ProfilUpdate/getTopic",{})},acceptProfilRequest:function({profil_update_id:t,uid:e,status_message:i,topic:r,requested_change:n}){return this.$fhcApi.post(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+"/api/frontend/v1/ProfilUpdate/acceptProfilRequest",{profil_update_id:t,uid:e,status_message:i,topic:r,requested_change:n})},denyProfilRequest:function({profil_update_id:t,uid:e,topic:i,status_message:r}){return this.$fhcApi.post(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+"/api/frontend/v1/ProfilUpdate/denyProfilRequest",{profil_update_id:t,uid:e,topic:i,status_message:r})},insertFile:function(t,e=null){return this.$fhcApi.post(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+`/api/frontend/v1/ProfilUpdate/insertFile/${e}`,t)},getProfilRequestFiles:function(t){return this.$fhcApi.get(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+`/api/frontend/v1/ProfilUpdate/getProfilRequestFiles/${t}`,{})},selectProfilRequest:function(t=null,e=null){return this.$fhcApi.get(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+"/api/frontend/v1/ProfilUpdate/selectProfilRequest",{...t?{uid:t}:{},...e?{id:e}:{}})},insertProfilRequest:function(t,e,i=null){return this.$fhcApi.post(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+"/api/frontend/v1/ProfilUpdate/insertProfilRequest",{topic:t,payload:e,...i?{fileID:i}:{}})},updateProfilRequest:function(t,e,i,r=null){return this.$fhcApi.post(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+"/api/frontend/v1/ProfilUpdate/updateProfilRequest",{topic:t,payload:e,ID:i,...r?{fileID:r}:{}})},deleteProfilRequest:function(t){return this.$fhcApi.post(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+"/api/frontend/v1/ProfilUpdate/deleteProfilRequest",{requestID:t})}},F={getRoomInfo(t,e,i){return this.$fhcApi.post("/api/frontend/v1/LvPlan/getRoomplan",{ort_kurzbz:t,start_date:e,end_date:i})},getStunden(){return this.$fhcApi.get("/api/frontend/v1/LvPlan/Stunden",{})},getOrtReservierungen(t,e,i){return this.$fhcApi.post(`/api/frontend/v1/LvPlan/getReservierungen/${t}`,{start_date:e,end_date:i})},getLvPlanReservierungen(t,e){return this.$fhcApi.post("/api/frontend/v1/LvPlan/getReservierungen",{start_date:t,end_date:e})},getLehreinheitStudiensemester(t){return this.$fhcApi.get(`/api/frontend/v1/LvPlan/getLehreinheitStudiensemester/${t}`,{})},studiensemesterDateInterval(t){return this.$fhcApi.get(`/api/frontend/v1/LvPlan/studiensemesterDateInterval/${t}`,{})},LvPlanEvents(t,e,i){return this.$fhcApi.get("/api/frontend/v1/LvPlan/LvPlanEvents",{start_date:t,end_date:e,lv_id:i})}},R={verband:{get(){return this.$fhcApi.get("api/frontend/v1/stv/verband")},favorites:{get(){return this.$fhcApi.get("api/frontend/v1/stv/favorites")},set(t){return this.$fhcApi.post("api/frontend/v1/stv/favorites/set",{favorites:t})}}},students:{uid(t,e){let i="api/frontend/v1/stv/students/"+encodeURIComponent(e)+"/uid/"+encodeURIComponent(t);return this.$fhcApi.getUri(i)},prestudent(t,e){let i="api/frontend/v1/stv/students/"+encodeURIComponent(e)+"/prestudent/"+encodeURIComponent(t);return this.$fhcApi.getUri(i)},person(t,e){let i="api/frontend/v1/stv/students/"+encodeURIComponent(e)+"/person/"+encodeURIComponent(t);return this.$fhcApi.getUri(i)},verband(t){return this.$fhcApi.getUri("api/frontend/v1/stv/students/"+t)}},filter:{getStg(){return this.$fhcApi.get("api/frontend/v1/stv/filter/getStg")},setStg(t){return this.$fhcApi.post("api/frontend/v1/stv/filter/setStg",{studiengang_kz:t})}},konto:{tabulatorConfig(t,e){return t.ajaxURL="api/frontend/v1/stv/konto/get",t.ajaxParams=()=>({person_id:e.modelValue.person_id||e.modelValue.map(t=>t.person_id),only_open:e.filter,studiengang_kz:e.studiengang_kz_intern?e.stg_kz:""}),t.ajaxRequestFunc=(t,e,i)=>this.$fhcApi.post(t,i,e),t.ajaxResponse=(t,e,i)=>i.data,t},checkDoubles(t,e){return this.$fhcApi.post(t,"api/frontend/v1/stv/konto/checkDoubles",e,{confirmErrorHandler:t=>!0})},insert(t,e){return this.$fhcApi.post(t,"api/frontend/v1/stv/konto/insert",e)},counter(t){return this.$fhcApi.post("api/frontend/v1/stv/konto/counter",t)},edit(t,e){return this.$fhcApi.post(t,"api/frontend/v1/stv/konto/update",e)},delete(t){return this.$fhcApi.post("api/frontend/v1/stv/konto/delete",{buchungsnr:t})},getBuchungstypen(){return this.$fhcApi.get("api/frontend/v1/stv/konto/getBuchungstypen")}},group:{getGruppen(t,e,i){return this.$fhcApi.get("api/frontend/v1/stv/Gruppen/getGruppen/"+i.id)},deleteGroup(t){return this.$fhcApi.post("api/frontend/v1/stv/Gruppen/deleteGruppe/",t)}},kontakt:{getAdressen(t,e,i){return this.$fhcApi.get("api/frontend/v1/stv/kontakt/getAdressen/"+i.id)},addNewAddress(t,e,i){return this.$fhcApi.post(t,"api/frontend/v1/stv/kontakt/addNewAddress/"+e,i)},loadAddress(t){return this.$fhcApi.post("api/frontend/v1/stv/kontakt/loadAddress/",{address_id:t})},updateAddress(t,e,i){return this.$fhcApi.post(t,"api/frontend/v1/stv/kontakt/updateAddress/"+e,i)},deleteAddress(t){return this.$fhcApi.post("api/frontend/v1/stv/kontakt/deleteAddress/",{address_id:t})},getPlaces(t){return this.$fhcApi.get("api/frontend/v1/stv/address/getPlaces/"+t)},getFirmen(t){return this.$fhcApi.get("api/frontend/v1/stv/kontakt/getFirmen/"+t)},getNations(){return this.$fhcApi.get("api/frontend/v1/stv/address/getNations/")},getAdressentypen(){return this.$fhcApi.get("api/frontend/v1/stv/kontakt/getAdressentypen/")},getBankverbindung(t,e,i){return this.$fhcApi.get("api/frontend/v1/stv/kontakt/getBankverbindung/"+i.id)},addNewBankverbindung(t,e,i){return this.$fhcApi.post(t,"api/frontend/v1/stv/kontakt/addNewBankverbindung/"+e,i)},loadBankverbindung(t){return this.$fhcApi.post("api/frontend/v1/stv/kontakt/loadBankverbindung/",{bankverbindung_id:t})},updateBankverbindung(t,e,i){return this.$fhcApi.post(t,"api/frontend/v1/stv/kontakt/updateBankverbindung/"+e,i)},deleteBankverbindung(t){return this.$fhcApi.post("api/frontend/v1/stv/kontakt/deleteBankverbindung/",{bankverbindung_id:t})},getKontakte(t,e,i){return this.$fhcApi.get("api/frontend/v1/stv/kontakt/getKontakte/"+i.id)},addNewContact(t,e,i){return this.$fhcApi.post(t,"api/frontend/v1/stv/kontakt/addNewContact/"+e,i)},loadContact(t){return this.$fhcApi.post("api/frontend/v1/stv/kontakt/loadContact/",{kontakt_id:t})},updateContact(t,e,i){return this.$fhcApi.post(t,"api/frontend/v1/stv/kontakt/updateContact/"+e,i)},deleteContact(t){return this.$fhcApi.post("api/frontend/v1/stv/kontakt/deleteContact/",{kontakt_id:t})},getStandorteByFirma(t){return this.$fhcApi.get("api/frontend/v1/stv/kontakt/getStandorteByFirma/"+t)},getKontakttypen(){return this.$fhcApi.get("api/frontend/v1/stv/kontakt/getKontakttypen/")}},prestudent:{get(t,e){return this.$fhcApi.post("api/frontend/v1/stv/prestudent/get/"+encodeURIComponent(t)+"/"+encodeURIComponent(e))},updatePrestudent(t,e,i){return this.$fhcApi.post(t,"api/frontend/v1/stv/prestudent/updatePrestudent/"+e,i)},getBezeichnungZGV(){return this.$fhcApi.get("api/frontend/v1/stv/prestudent/getBezeichnungZGV/")},getBezeichnungMZgv(){return this.$fhcApi.get("api/frontend/v1/stv/prestudent/getBezeichnungMZgv/")},getBezeichnungDZgv(){return this.$fhcApi.get("api/frontend/v1/stv/prestudent/getBezeichnungDZgv/")},getStgs(){return this.$fhcApi.get("api/frontend/v1/stv/lists/getStgs/")},getAusbildung(){return this.$fhcApi.get("api/frontend/v1/stv/prestudent/getAusbildung/")},getAufmerksamdurch(){return this.$fhcApi.get("api/frontend/v1/stv/prestudent/getAufmerksamdurch/")},getBerufstaetigkeit(){return this.$fhcApi.get("api/frontend/v1/stv/prestudent/getBerufstaetigkeit/")},getTypenStg(){return this.$fhcApi.get("api/frontend/v1/stv/prestudent/getTypenStg/")},getBisstandort(){return this.$fhcApi.get("api/frontend/v1/stv/prestudent/getBisstandort/")},getHistoryPrestudent(t,e,i){return this.$fhcApi.get("api/frontend/v1/stv/status/getHistoryPrestudent/"+i.id)},getMaxSem(t){return this.$fhcApi.post("api/frontend/v1/stv/status/getMaxSemester/",{studiengang_kzs:t})},advanceStatus({prestudent_id:t,status_kurzbz:e,studiensemester_kurzbz:i,ausbildungssemester:r}){return this.$fhcApi.post("api/frontend/v1/stv/status/advanceStatus/"+t+"/"+e+"/"+i+"/"+r)},confirmStatus({prestudent_id:t,status_kurzbz:e,studiensemester_kurzbz:i,ausbildungssemester:r}){return this.$fhcApi.post("api/frontend/v1/stv/status/confirmStatus/"+t+"/"+e+"/"+i+"/"+r)},isLastStatus(t){return this.$fhcApi.get("api/frontend/v1/stv/status/isLastStatus/"+t)},deleteStatus({prestudent_id:t,status_kurzbz:e,studiensemester_kurzbz:i,ausbildungssemester:r}){return this.$fhcApi.post("api/frontend/v1/stv/status/deleteStatus/"+t+"/"+e+"/"+i+"/"+r)},getLastBismeldestichtag(){return this.$fhcApi.get("api/frontend/v1/stv/status/getLastBismeldestichtag/")},getHistoryPrestudents(t,e,i){return this.$fhcApi.get("api/frontend/v1/stv/prestudent/getHistoryPrestudents/"+i.id)}},status:{insertStatus(t,e,i){return this.$fhcApi.post(t,"api/frontend/v1/stv/status/insertStatus/"+e,i)},loadStatus({prestudent_id:t,status_kurzbz:e,studiensemester_kurzbz:i,ausbildungssemester:r}){return this.$fhcApi.post("api/frontend/v1/stv/status/loadStatus/"+t+"/"+e+"/"+i+"/"+r)},updateStatus(t,{prestudent_id:e,status_kurzbz:i,studiensemester_kurzbz:r,ausbildungssemester:n},s){return this.$fhcApi.post(t,"api/frontend/v1/stv/status/updateStatus/"+e+"/"+i+"/"+r+"/"+n,s)},getStudienplaene(t){return this.$fhcApi.get("api/frontend/v1/stv/prestudent/getStudienplaene/"+t)},getStudiengang(t){return this.$fhcApi.get("api/frontend/v1/stv/prestudent/getStudiengang/"+t)},getStatusgruende(){return this.$fhcApi.get("api/frontend/v1/stv/status/getStatusgruende/")},getStati(){return this.$fhcApi.get("api/frontend/v1/stv/lists/getStati/")},addStudent(t,e){return this.$fhcApi.post("api/frontend/v1/stv/status/addStudent/"+t,e,{errorHeader:t})},changeStatus(t,e){return this.$fhcApi.post("api/frontend/v1/stv/status/changeStatus/"+t,e,{errorHeader:t})},getStatusarray(){return this.$fhcApi.get("api/frontend/v1/stv/status/getStatusarray/")}},details:{get(t,e){let i="api/frontend/v1/stv/student/get/"+encodeURIComponent(t)+"/"+encodeURIComponent(e);return this.$fhcApi.post(i)},save(t,e,i,r){let n="api/frontend/v1/stv/student/save/"+encodeURIComponent(e)+"/"+encodeURIComponent(i);return this.$fhcApi.post(t,n,r)}},exam:{getPruefungen(t,e,i){return this.$fhcApi.get("api/frontend/v1/stv/pruefung/getPruefungen/"+i.id)},loadPruefung(t){return this.$fhcApi.get("api/frontend/v1/stv/pruefung/loadPruefung/"+t)},getTypenPruefungen(){return this.$fhcApi.get("api/frontend/v1/stv/pruefung/getTypenPruefungen")},getAllLehreinheiten(t){return this.$fhcApi.post("api/frontend/v1/stv/pruefung/getAllLehreinheiten/",t)},getLvsByStudent(t){return this.$fhcApi.get("api/frontend/v1/stv/pruefung/getLvsByStudent/"+t)},getLvsandLesByStudent(t,e){return this.$fhcApi.get("api/frontend/v1/stv/pruefung/getLvsandLesByStudent/"+t+"/"+e)},getLvsAndMas(t){return this.$fhcApi.get("api/frontend/v1/stv/pruefung/getLvsAndMas/"+t)},getMitarbeiterLv(t){return this.$fhcApi.get("api/frontend/v1/stv/pruefung/getMitarbeiterLv/"+t)},getNoten(){return this.$fhcApi.get("api/frontend/v1/stv/pruefung/getNoten")},checkZeugnisnoteLv(t){return this.$fhcApi.post("api/frontend/v1/stv/pruefung/checkZeugnisnoteLv/",t)},addPruefung(t,e){return this.$fhcApi.post(t,"api/frontend/v1/stv/pruefung/insertPruefung/",e)},updatePruefung(t,e,i){return this.$fhcApi.post(t,"api/frontend/v1/stv/pruefung/updatePruefung/"+e,i)},deletePruefung(t){return this.$fhcApi.post("api/frontend/v1/stv/pruefung/deletePruefung/"+t)}},abschlusspruefung:{getAbschlusspruefung(t,e,i){return this.$fhcApi.get("api/frontend/v1/stv/abschlusspruefung/getAbschlusspruefung/"+i.id)},addNewAbschlusspruefung(t,e){return this.$fhcApi.post(t,"api/frontend/v1/stv/abschlusspruefung/insertAbschlusspruefung/",e)},loadAbschlusspruefung(t){return this.$fhcApi.post("api/frontend/v1/stv/abschlusspruefung/loadAbschlusspruefung/",{id:t})},updateAbschlusspruefung(t,e){return this.$fhcApi.post(t,"api/frontend/v1/stv/abschlusspruefung/updateAbschlusspruefung/",e)},deleteAbschlusspruefung(t){return this.$fhcApi.post("api/frontend/v1/stv/abschlusspruefung/deleteAbschlusspruefung/",{id:t})},getTypenAbschlusspruefung(){return this.$fhcApi.get("api/frontend/v1/stv/abschlusspruefung/getTypenAbschlusspruefung/")},getTypenAntritte(){return this.$fhcApi.get("api/frontend/v1/stv/abschlusspruefung/getTypenAntritte/")},getBeurteilungen(){return this.$fhcApi.get("api/frontend/v1/stv/abschlusspruefung/getBeurteilungen/")},getAkadGrade(t){return this.$fhcApi.post("api/frontend/v1/stv/abschlusspruefung/getAkadGrade/",{studiengang_kz:t})},getTypStudiengang(t){return this.$fhcApi.post("api/frontend/v1/stv/abschlusspruefung/getTypStudiengang/",{studiengang_kz:t})},getMitarbeiter(t){return this.$fhcApi.get("api/frontend/v1/stv/abschlusspruefung/getMitarbeiter/"+t)},getPruefer(t){return this.$fhcApi.get("api/frontend/v1/stv/abschlusspruefung/getPruefer/"+t)},getNoten(){return this.$fhcApi.get("api/frontend/v1/stv/abschlusspruefung/getNoten/")},checkForExistingExams(t){return this.$fhcApi.post("api/frontend/v1/stv/abschlusspruefung/checkForExistingExams/",{uids:t})}},grades:{list(){return this.$fhcApi.get("api/frontend/v1/stv/grades/list")},getCertificate(t,e){let i="api/frontend/v1/stv/grades/getCertificate/"+encodeURIComponent(t);return e&&(i=i+"/"+encodeURIComponent(e)),this.$fhcApi.get(i)},getTeacherProposal(t,e){let i="api/frontend/v1/stv/grades/getTeacherProposal/"+encodeURIComponent(t);return e&&(i=i+"/"+encodeURIComponent(e)),this.$fhcApi.get(i)},getRepeaterGrades(t,e){let i="api/frontend/v1/stv/grades/getRepeaterGrades/"+encodeURIComponent(t);return e&&(i=i+"/"+encodeURIComponent(e)),this.$fhcApi.get(i)},updateCertificate({lehrveranstaltung_id:t,student_uid:e,studiensemester_kurzbz:i,note:r,lehrveranstaltung_bezeichnung:n}){return this.$fhcApi.post("api/frontend/v1/stv/grades/updateCertificate",{lehrveranstaltung_id:t,student_uid:e,studiensemester_kurzbz:i,note:r},{errorHeader:n})},deleteCertificate({lehrveranstaltung_id:t,student_uid:e,studiensemester_kurzbz:i,lehrveranstaltung_bezeichnung:r}){return this.$fhcApi.post("api/frontend/v1/stv/grades/deleteCertificate",{lehrveranstaltung_id:t,student_uid:e,studiensemester_kurzbz:i},{errorHeader:r})},copyTeacherProposalToCertificate({lehrveranstaltung_id:t,student_uid:e,studiensemester_kurzbz:i,lehrveranstaltung_bezeichnung:r}){return this.$fhcApi.post("api/frontend/v1/stv/grades/copyTeacherProposalToCertificate",{lehrveranstaltung_id:t,student_uid:e,studiensemester_kurzbz:i},{errorHeader:r})},copyRepeaterGradeToCertificate({studierendenantrag_lehrveranstaltung_id:t,lv_bezeichnung:e}){return this.$fhcApi.post("api/frontend/v1/stv/grades/copyRepeaterGradeToCertificate",{studierendenantrag_lehrveranstaltung_id:t},{errorHeader:e})},getGradeFromPoints(t,e,i,r){const n=r?{errorHandling:!1}:{};return this.$fhcApi.post("api/frontend/v1/stv/grades/getGradeFromPoints",{points:t,lehrveranstaltung_id:e,studiensemester_kurzbz:i},n)}},mobility:{getMobilitaeten(t,e,i){return this.$fhcApi.get("api/frontend/v1/stv/mobility/getMobilitaeten/"+i.id)},getProgramsMobility(){return this.$fhcApi.get("api/frontend/v1/stv/mobility/getProgramsMobility/")},addNewMobility(t,e){return this.$fhcApi.post(t,"api/frontend/v1/stv/mobility/insertMobility/",e)},loadMobility(t){return this.$fhcApi.get("api/frontend/v1/stv/mobility/loadMobility/"+t)},updateMobility(t,e){return this.$fhcApi.post(t,"api/frontend/v1/stv/mobility/updateMobility/",e)},deleteMobility(t){return this.$fhcApi.post("api/frontend/v1/stv/mobility/deleteMobility/"+t)},getLVList(t){return this.$fhcApi.get("api/frontend/v1/stv/mobility/getLVList/"+t)},getAllLehreinheiten(t){return this.$fhcApi.post("api/frontend/v1/stv/mobility/getAllLehreinheiten/",t)},getLvsandLesByStudent(t){return this.$fhcApi.get("api/frontend/v1/stv/mobility/getLvsandLesByStudent/"+t)},getPurposes(t,e,i){return this.$fhcApi.get("api/frontend/v1/stv/mobility/getPurposes/"+i.id)},getSupports(t,e,i){return this.$fhcApi.get("api/frontend/v1/stv/mobility/getSupports/"+i.id)},getListPurposes(){return this.$fhcApi.get("api/frontend/v1/stv/mobility/getListPurposes/")},getListSupports(){return this.$fhcApi.get("api/frontend/v1/stv/mobility/getListSupports/")},deleteMobilityPurpose(t){return this.$fhcApi.post("api/frontend/v1/stv/mobility/deleteMobilityPurpose/"+t.bisio_id,t)},addMobilityPurpose(t){return this.$fhcApi.post("api/frontend/v1/stv/mobility/addMobilityPurpose/"+t.bisio_id,t)},deleteMobilitySupport(t){return this.$fhcApi.post("api/frontend/v1/stv/mobility/deleteMobilitySupport/"+t.bisio_id,t)},addMobilitySupport(t){return this.$fhcApi.post("api/frontend/v1/stv/mobility/addMobilitySupport/"+t.bisio_id,t)}},archiv:{tabulatorConfig(t,e){return t.ajaxURL="api/frontend/v1/stv/archiv/get",t.ajaxParams=()=>({person_id:e.modelValue.person_id||e.modelValue.map(t=>t.person_id)}),t.ajaxRequestFunc=(t,e,i)=>this.$fhcApi.post(t,i,e),t.ajaxResponse=(t,e,i)=>i.data,t},getArchivVorlagen(){return this.$fhcApi.post("api/frontend/v1/stv/archiv/getArchivVorlagen")},archive(t){return this.$fhcApi.post("api/frontend/v1/documents/archive",t)},archiveSigned(t){return this.$fhcApi.post("api/frontend/v1/documents/archiveSigned",t)},update(t){return this.$fhcApi.post("api/frontend/v1/stv/archiv/update",t)},delete({akte_id:t,studiengang_kz:e}){return this.$fhcApi.post("api/frontend/v1/stv/archiv/delete",{akte_id:t,studiengang_kz:e})}},documents:{getDocumentsUnaccepted(t,e,i){return this.$fhcApi.get("api/frontend/v1/stv/dokumente/getDocumentsUnaccepted/"+i.id+"/"+i.studiengang_kz)},getDocumentsAccepted(t,e,i){return this.$fhcApi.get("api/frontend/v1/stv/dokumente/getDocumentsAccepted/"+i.id+"/"+i.studiengang_kz)},deleteZuordnung(t){return this.$fhcApi.post("api/frontend/v1/stv/dokumente/deleteZuordnung/"+t.prestudent_id+"/"+t.dokument_kurzbz)},createZuordnung(t){return this.$fhcApi.post("api/frontend/v1/stv/dokumente/createZuordnung/"+t.prestudent_id+"/"+t.dokument_kurzbz)},loadAkte(t){return this.$fhcApi.get("api/frontend/v1/stv/dokumente/loadAkte/"+t)},getDoktypen(){return this.$fhcApi.get("api/frontend/v1/stv/dokumente/getDoktypen/")},updateFile(t,e){return this.$fhcApi.post("api/frontend/v1/stv/dokumente/updateAkte/"+t,e)},deleteFile(t){return this.$fhcApi.post("api/frontend/v1/stv/dokumente/deleteAkte/"+t)},uploadFile(t,e){return this.$fhcApi.post("api/frontend/v1/stv/dokumente/uploadDokument/"+t,e)}},exemptions:{getAnrechnungen(t,e,i){return this.$fhcApi.get("api/frontend/v1/stv/anrechnungen/getAnrechnungen/"+i.id)},getLehrveranstaltungen(t){return this.$fhcApi.get("api/frontend/v1/stv/anrechnungen/getLehrveranstaltungen/"+t)},getBegruendungen(){return this.$fhcApi.get("api/frontend/v1/stv/anrechnungen/getBegruendungen/")},getLvsKompatibel(t){return this.$fhcApi.get("api/frontend/v1/stv/anrechnungen/getLvsKompatibel/"+t)},getLektoren(t){return this.$fhcApi.get("api/frontend/v1/stv/anrechnungen/getLektoren/"+t)},addNewAnrechnung(t,e){return this.$fhcApi.post(t,"api/frontend/v1/stv/anrechnungen/insertAnrechnung/",e)},loadAnrechnung(t){return this.$fhcApi.get("api/frontend/v1/stv/anrechnungen/loadAnrechnung/"+t)},editAnrechnung(t,e){return this.$fhcApi.post(t,"api/frontend/v1/stv/anrechnungen/updateAnrechnung/",e)},deleteAnrechnung(t){return this.$fhcApi.post("api/frontend/v1/stv/anrechnungen/deleteAnrechnung/"+t)}},jointstudies:{getStudies(t,e,i){return this.$fhcApi.get("api/frontend/v1/stv/GemeinsameStudien/getStudien/"+i.id)},getTypenMobility(){return this.$fhcApi.get("api/frontend/v1/stv/GemeinsameStudien/getTypenMobility/")},getStudiensemester(){return this.$fhcApi.get("api/frontend/v1/stv/GemeinsameStudien/getStudiensemester/")},getStudyprograms(){return this.$fhcApi.get("api/frontend/v1/stv/GemeinsameStudien/getStudienprogramme/")},getListPartner(){return this.$fhcApi.get("api/frontend/v1/stv/GemeinsameStudien/getPartnerfirmen/")},getStatiPrestudent(){return this.$fhcApi.get("api/frontend/v1/stv/GemeinsameStudien/getStatiPrestudent/")},loadStudy(t){return this.$fhcApi.get("api/frontend/v1/stv/GemeinsameStudien/loadStudie/"+t)},insertStudy(t,e){return this.$fhcApi.post(t,"api/frontend/v1/stv/GemeinsameStudien/insertStudie/",e)},updateStudy(t,e){return this.$fhcApi.post(t,"api/frontend/v1/stv/GemeinsameStudien/updateStudie/",e)},deleteStudy(t){return this.$fhcApi.post("api/frontend/v1/stv/GemeinsameStudien/deleteStudie/"+t)}},courselist:{getCourselist(t,e,i){return this.$fhcApi.get("api/frontend/v1/stv/LvTermine/getStundenplan/"+i.student_uid+"/"+i.start_date+"/"+i.end_date+"/"+i.group_consecutiveHours+"/"+i.dbStundenplanTable)},getStudiensemester(){return this.$fhcApi.get("api/frontend/v1/stv/LvTermine/getStudiensemester/")}},configStudent(){return this.$fhcApi.get("api/frontend/v1/stv/config/student")},configStudents(){return this.$fhcApi.get("api/frontend/v1/stv/config/students")}},H={person:{getNotizen(t,e,i){return this.$fhcApi.get("api/frontend/v1/notiz/notizPerson/getNotizen/"+i.id+"/"+i.type)},getUid(){return this.$fhcApi.get("api/frontend/v1/notiz/notizPerson/getUid/")},addNewNotiz(t,e,i){return this.$fhcApi.post(t,"api/frontend/v1/notiz/notizPerson/addNewNotiz/"+e,i)},loadNotiz(t){return this.$fhcApi.post("api/frontend/v1/notiz/notizPerson/loadNotiz/",{notiz_id:t})},loadDokumente(t){return this.$fhcApi.post("api/frontend/v1/notiz/notizPerson/loadDokumente/",{notiz_id:t})},deleteNotiz(t,e,i){return this.$fhcApi.post("api/frontend/v1/notiz/notizPerson/deleteNotiz/",{notiz_id:t,type_id:e,id:i})},updateNotiz(t,e,i){return this.$fhcApi.post(t,"api/frontend/v1/notiz/notizPerson/updateNotiz/"+e,i)},getMitarbeiter(t){return this.$fhcApi.get("api/frontend/v1/notiz/notizPerson/getMitarbeiter/"+t)},isBerechtigt(t,e){return this.$fhcApi.get("api/frontend/v1/notiz/notizPerson/isBerechtigt/")}}},B={person:{getAllBetriebsmittel(t,e,i){return this.$fhcApi.get("api/frontend/v1/betriebsmittel/betriebsmittelP/getAllBetriebsmittel/"+i.type+"/"+i.id)},addNewBetriebsmittel(t,e,i){return this.$fhcApi.post(t,"api/frontend/v1/betriebsmittel/betriebsmittelP/addNewBetriebsmittel/"+e,i)},loadBetriebsmittel(t){return this.$fhcApi.post("api/frontend/v1/betriebsmittel/betriebsmittelP/loadBetriebsmittel/"+t)},updateBetriebsmittel(t,e,i){return this.$fhcApi.post(t,"api/frontend/v1/betriebsmittel/betriebsmittelP/updateBetriebsmittel/"+e,i)},deleteBetriebsmittel(t){return this.$fhcApi.post("api/frontend/v1/betriebsmittel/betriebsmittelP/deleteBetriebsmittel/"+t)},getTypenBetriebsmittel(){return this.$fhcApi.get("api/frontend/v1/betriebsmittel/betriebsmittelP/getTypenBetriebsmittel/")},loadInventarliste(t){return this.$fhcApi.get("api/frontend/v1/betriebsmittel/betriebsmittelP/loadInventarliste/"+t)}}},z={updatePersonUnrulyStatus(t,e){try{const i={person_id:t,unruly:e},r="/api/frontend/v1/checkperson/CheckPerson/updatePersonUnrulyStatus";return this.$fhcApi.post(r,i,null)}catch(t){throw t}},filterPerson(t,e=""){try{const i=e+"/api/frontend/v1/checkperson/CheckPerson/filterPerson";return axios.post(i,t)}catch(t){throw t}}},M={getContentID(t){return this.$fhcApi.get(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+"/api/frontend/v1/Ort/ContentID",{ort_kurzbz:t})},getRooms(t,e,i,r,n=0){return this.$fhcApi.get(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+"/api/frontend/v1/Ort/getRooms",{datum:t,von:e,bis:i,typ:r,personenanzahl:n})},getRoomTypes(){return this.$fhcApi.get(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+"/api/frontend/v1/Ort/getTypes")}},L={content(t,e=null,i=null,r=null){return this.$fhcApi.get("/api/frontend/v1/Cms/content",{content_id:t,...e?{version:e}:{},...i?{sprache:i}:{},...r?{sichtbar:r}:{}})},getNews(t=1,e=10,i){return this.$fhcApi.get("/api/frontend/v1/Cms/getNews",{page:t,page_size:e,sprache:i})},news(t){return this.$fhcApi.get("/api/frontend/v1/Cms/news",{limit:t})},getNewsRowCount:function(){return this.$fhcApi.get("/api/frontend/v1/Cms/getNewsRowCount",{})},getNewsExtra:function(){return this.$fhcApi.get("/api/frontend/v1/Cms/getStudiengangInfoForNews",{})}},J={getStudentenMail(t){return this.$fhcApi.get(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+"/api/frontend/v1/Lehre/lvStudentenMail",{lehreinheit_id:t})},getLvInfo(t,e){return this.$fhcApi.get(`/api/frontend/v1/Lehre/LV/${t}/${e}`,{})},getStudentPruefungen(t){return this.$fhcApi.get(`/api/frontend/v1/Lehre/Pruefungen/${t}`,{})},getStudentProjektarbeiten(t){return this.$fhcApi.get(`/api/frontend/v1/Lehre/getStudentProjektarbeiten/${t}`,{})},getStudentProjektabgaben(t){return this.$fhcApi.get("/api/frontend/v1/Lehre/getStudentProjektabgaben",{projektarbeit_id:t.projektarbeit_id,student_uid:t.student_uid})},postStudentProjektarbeitEndupload(t){return this.$fhcApi.post("/api/frontend/v1/Lehre/postStudentProjektarbeitEndupload",t,{Headers:{"Content-Type":"multipart/form-data"}})},postStudentProjektarbeitZwischenabgabe(t){return this.$fhcApi.post("/api/frontend/v1/Lehre/postStudentProjektarbeitZwischenabgabe",t,{Headers:{"Content-Type":"multipart/form-data"}})},getStudentProjektarbeitAbgabeFile(t,e){const i=`/Cis/Abgabetool/getStudentProjektarbeitAbgabeFile?paabgabe_id=${t}&student_uid=${e}`;window.location=FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+i},getMitarbeiterProjektarbeiten(t,e){return this.$fhcApi.get(`/api/frontend/v1/Lehre/getMitarbeiterProjektarbeiten?showall=${e}`,{})},postProjektarbeitAbgabe(t){const e={paabgabe_id:t.paabgabe_id,paabgabetyp_kurzbz:t.bezeichnung.paabgabetyp_kurzbz,datum:t.datum,fixtermin:t.fixtermin,insertvon:t.insertvon,kurzbz:t.kurzbz,projektarbeit_id:t.projektarbeit_id};return this.$fhcApi.post("/api/frontend/v1/Lehre/postProjektarbeitAbgabe",e,null)},deleteProjektarbeitAbgabe(t){const e={paabgabe_id:t};return this.$fhcApi.post("/api/frontend/v1/Lehre/deleteProjektarbeitAbgabe",e,null)},postSerientermin(t,e,i,r,n){const s={datum:t,paabgabetyp_kurzbz:e,bezeichnung:i,kurzbz:r,projektarbeit_ids:n};return this.$fhcApi.post("/api/frontend/v1/Lehre/postSerientermin",s,null)},fetchDeadlines(t){const e={person_id:t};return this.$fhcApi.post("/api/frontend/v1/Lehre/fetchDeadlines",e,null)}},I={getLvMenu(t,e){return this.$fhcApi.get(FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+`/api/frontend/v1/LvMenu/getLvMenu/${t}/${e}`,{})}},j={person:{getMessages(t,e,i){return this.$fhcApi.get("api/frontend/v1/messages/messages/getMessages/"+i.id+"/"+i.type+"/"+i.size+"/"+i.page)},getVorlagen(){return this.$fhcApi.get("api/frontend/v1/messages/messages/getVorlagen/")},getMsgVarsLoggedInUser(){return this.$fhcApi.get("api/frontend/v1/messages/messages/getMsgVarsLoggedInUser/")},getMessageVarsPerson(t){return this.$fhcApi.get("api/frontend/v1/messages/messages/getMessageVarsPerson/"+t.id+"/"+t.type_id)},getMsgVarsPrestudent(t){return this.$fhcApi.get("api/frontend/v1/messages/messages/getMsgVarsPrestudent/"+t.id+"/"+t.type_id)},getPersonId(t){return this.$fhcApi.get("api/frontend/v1/messages/messages/getPersonId/"+t.id+"/"+t.type_id)},getUid(t){return this.$fhcApi.get("api/frontend/v1/messages/messages/getUid/"+t.id+"/"+t.type_id)},getDataVorlage(t){return this.$fhcApi.get("api/frontend/v1/messages/messages/getDataVorlage/"+t)},getNameOfDefaultRecipient(t){return this.$fhcApi.get("api/frontend/v1/messages/messages/getNameOfDefaultRecipient/"+t.id+"/"+t.type_id)},getPreviewText(t,e){return this.$fhcApi.post("api/frontend/v1/messages/messages/getPreviewText/"+t.id+"/"+t.type_id,e)},getReplyData(t){return this.$fhcApi.get("api/frontend/v1/messages/messages/getReplyData/"+t)},sendMessageFromModalContext(t,e,i){return this.$fhcApi.post(t,"api/frontend/v1/messages/messages/sendMessage/"+e,i)},sendMessage(t,e){return this.$fhcApi.post("api/frontend/v1/messages/messages/sendMessage/"+t,e)},deleteMessage(t){return this.$fhcApi.post("api/frontend/v1/messages/messages/deleteMessage/"+t)}}},U={getVorlagen(){return this.$fhcApi.get("api/frontend/v1/vorlagen/vorlagen/getVorlagen/")},getVorlagenByLoggedInUser(){return this.$fhcApi.get("api/frontend/v1/vorlagen/vorlagen/getVorlagenByLoggedInUser/")}},G={getStudiensemester:function(){return this.$fhcApi.get("/components/Cis/Mylv/Studiensemester",{})},getAllStudienSemester:function(t=void 0,e=void 0,i=void 0,r=void 0){return this.$fhcApi.get("/api/frontend/v1/Studium/getStudienAllSemester",{studiensemester:t,studiengang:e,semester:i,studienplan:r})},getStudiengaengeForStudienSemester:function(t){return this.$fhcApi.get(`/api/frontend/v1/Studium/getStudiengaengeForStudienSemester/${t}`,{})},getStudienplaeneBySemester:function(t,e){return this.$fhcApi.get("/api/frontend/v1/Studium/getStudienplaeneBySemester",{studiengang:t,studiensemester:e})},getLvPlanForStudiensemester:function(t,e){return this.$fhcApi.get(`/api/frontend/v1/LvPlan/getLvPlanForStudiensemester/${t}/${e}`,{})},getLvEvaluierungInfo:function(t,e){return this.$fhcApi.get(`/api/frontend/v1/Studium/getLvEvaluierungInfo/${t}/${e}`,{})}},N={search:C,phrasen:P,navigation:k,dashboard:{async getViewData(){return this.$fhcApi.get("/api/frontend/v1/Cis4FhcApi/getViewData",null,null)}},filter:T,studstatus:x,profil:O,profilUpdate:D,lvPlan:F,bookmark:{getBookmarks:function(){return this.$fhcApi.get("/api/frontend/v1/Bookmark/getBookmarks",{})},delete:function(t){return this.$fhcApi.get(`/api/frontend/v1/Bookmark/delete/${t}`,{})},update:function({bookmark_id:t,url:e,title:i,tag:r=null}){return this.$fhcApi.post(`/api/frontend/v1/Bookmark/update/${t}`,{url:e,title:i})},insert:function({url:t,title:e,tag:i}){return this.$fhcApi.post("/api/frontend/v1/Bookmark/insert",{url:t,title:e,tag:i})}},stv:R,notiz:H,betriebsmittel:B,checkperson:z,ampeln:{open:function(){return this.$fhcApi.get("/api/frontend/v1/Ampeln/open",{})},all:function(){return this.$fhcApi.get("/api/frontend/v1/Ampeln/all",{})},confirm:function(t){return this.$fhcApi.get(`/api/frontend/v1/Ampeln/confirm/${t}`,{})}},ort:M,cms:L,lehre:J,addons:I,messages:j,vorlagen:U,addons:I,studiengang:{studiengangInformation:function(){return this.$fhcApi.get("/api/frontend/v1/Studgang/getStudiengangInfo",{})},getStudiengangByKz:function(t){return this.$fhcApi.get("/api/frontend/v1/organisation/StudiengangEP/getStudiengangByKz",{studiengang_kz:t})}},menu:{getMenu:function(){return this.$fhcApi.get("/api/frontend/v1/CisMenu/getMenu",{})}},authinfo:{getAuthUID(){return this.$fhcApi.get("/api/frontend/v1/AuthInfo/getAuthUID",{})},getAuthInfo(){return this.$fhcApi.get("/api/frontend/v1/AuthInfo/getAuthInfo",{})}},studium:G,language:{getAll(){return this.$fhcApi.get("/api/frontend/v1/language/get")}}},W={install:(t,e)=>{if(t.config.globalProperties.$fhcApi)return void(e?.factory&&(console.warn("$fhcApi is DEPRECATED!"),t.config.globalProperties.$fhcApi.factory.addEndpoints(e.factory)));function i(t,e,i,r){if("string"==typeof t&&void 0===r)[e,i,r]=[t,e,i],t=void 0;else if(t){if("object"!=typeof t)throw new TypeError("Parameter 1 of _get_config must be an object or a string");void 0===e&&void 0===i&&void 0===r&&(r=t,t=void 0)}if(t){if(!t.clearValidation||!t.setFeedback)throw new TypeError("'form' is not a Form Component");t={clearValidation:t.clearValidation,setFeedback:t.setFeedback},r?r.form=t:r={form:t}}return[e,i,r]}function r(t){const e=t.data;return delete t.data,e.meta?e.meta.response=t:e.meta={response:t},e}FHC_JS_DATA_STORAGE_OBJECT.app_root,FHC_JS_DATA_STORAGE_OBJECT.ci_router;const n=axios.create({timeout:5e5,baseURL:FHC_JS_DATA_STORAGE_OBJECT.app_root+FHC_JS_DATA_STORAGE_OBJECT.ci_router+"/"});n.interceptors.request.use(t=>{if("post"!=t.method||!t.data)return t;if(t.data instanceof FormData)return t;if(!Object.values(t.data).every(t=>!(t instanceof FileList)&&(!Array.isArray(t)||t.every(t=>!(t instanceof File))))){const e=Object.entries(t.data).reduce((t,[e,i])=>{if(i instanceof FileList)for(const r of i)t.FormData.append(e+(i.length>1?"[]":""),r);else Array.isArray(i)?i.every(t=>!(t instanceof File))?t.jsondata[e]=i:i.forEach(r=>t.FormData.append(e+(i.length>1?"[]":""),r)):t.jsondata[e]=i;return t},{FormData:new FormData,jsondata:{}});e.FormData.append("_jsondata",JSON.stringify(e.jsondata)),t.data=e.FormData}return t}),n.interceptors.response.use(e=>("off"==e.config?.errorHandling||!1===e.config?.errorHandling||"fail"==e.config?.errorHandling||e.data.errors&&(e.data.errors=e.data.errors.filter(i=>(e.config[i.type+"ErrorHandler"]||t.config.globalProperties.$fhcApi._defaultErrorHandlers[i.type])(i,e.config))),r(e)),e=>"ERR_CANCELED"==e.code?Promise.reject({handled:!0,...e}):"off"==e.config?.errorHandling||!1===e.config?.errorHandling||"success"==e.config?.errorHandling?Promise.reject(e):e.response?404==e.response.status?(t.config.globalProperties.$fhcAlert.alertDefault("error",e.message,e.request.responseURL,!0),Promise.reject({handled:!0,...e})):(e.response.data.errors=e.response.data.errors.filter(i=>(e.config[i.type+"ErrorHandler"]||t.config.globalProperties.$fhcApi._defaultErrorHandlers[i.type])(i,e.config)),e.response.data.errors.length?Promise.reject(e):Promise.reject({handled:!0,...e})):e.request?(t.config.globalProperties.$fhcAlert.alertDefault("error",e.message,e.request.responseURL),Promise.reject({handled:!0,...e})):(t.config.globalProperties.$fhcAlert.alertError(e.message),Promise.reject({handled:!0,...e}))),t.config.globalProperties.$fhcApi={getUri:t=>(console.warn("$fhcApi.getUri is DEPRECATED! Use $api.getUri instead."),n.getUri({url:t})),get:(t,e,r,s)=>(console.warn("$fhcApi.get is DEPRECATED! Use $api.get instead."),[e,r,s]=i(t,e,r,s),r&&(s?s.params=r:s={params:r}),n.get(e,s)),post:(t,e,r,s)=>(console.warn("$fhcApi.post is DEPRECATED! Use $api.post instead."),[e,r,s]=i(t,e,r,s),n.post(e,r,s)),_defaultErrorHandlers:{validation(e,i){const r=t.config.globalProperties.$fhcAlert;return i?.form?(i.form.clearValidation(),i.form.setFeedback(!1,e.messages),!1):Array.isArray(e.messages)?(e.messages.forEach(r.alertError),!1):"object"!=typeof e.messages||(i?.errorHeader?Object.values(e.messages).forEach(e=>r.alertDefault("error",Array.isArray(i.errorHeader)?t.config.globalProperties.$p.t.apply(null,i.errorHeader):i.errorHeader,e,!0)):Object.entries(e.messages).forEach(([t,e])=>r.alertDefault("error",t,e,!0)),!1)},general(e,i){const r=t.config.globalProperties.$fhcAlert;i?.form?i.form.setFeedback(!1,e.message):i?.errorHeader?r.alertDefault("error",Array.isArray(i.errorHeader)?t.config.globalProperties.$p.t.apply(null,i.errorHeader):i.errorHeader,e.message,!0):r.alertError(e.message)},php(e){const i=t.config.globalProperties.$fhcAlert;var r="";switch(r+="Message: "+e.message+"\n\n",r+="Filename: "+e.filename+"\n",r+="Line Number: "+e.line+"\n",e.backtrace&&e.backtrace.length&&(r+="\nBacktrace: ",e.backtrace.forEach(t=>{r+="\n\tFile: "+t.file+"\n",r+="\tLine: "+t.line+"\n",r+="\tFunction: "+t.function+"\n"})),e.severity){case"Warning":case"Core Warning":case"Compile Warning":case"User Warning":i.alertDefault("warn","PHP "+e.severity,r,!0);break;case"Notice":case"User Notice":case"Runtime Notice":i.alertDefault("info","PHP "+e.severity,r,!0);break;default:r="Type: PHP "+e.severity+"\n\n"+r,i.alertSystemError(r)}},exception(e){const i=t.config.globalProperties.$fhcAlert;var r="";r+="Type: "+e.class+"\n\n",r+="Message: "+e.message+"\n\n",r+="Filename: "+e.filename+"\n",r+="Line Number: "+e.line+"\n",e.backtrace&&e.backtrace.length&&(r+="\nBacktrace: ",e.backtrace.forEach(t=>{r+="\n\tFile: "+t.file+"\n",r+="\tLine: "+t.line+"\n",r+="\tFunction: "+t.function+"\n"})),i.alertSystemError(r)},db(e){const i=t.config.globalProperties.$fhcAlert;var r="";void 0!==e.heading&&(r+=e.heading+"\n\n"),void 0!==e.code&&(r+="Code: "+e.code+"\n\n"),void 0!==e.sql&&(r+="SQL: "+e.sql+"\n\n"),void 0!==e.message?r+="Message: "+e.message+"\n\n":void 0!==e.messages&&(r+="Messages: "+e.messages.join("\n\t")+"\n\n"),void 0!==e.filename&&(r+="Filename: "+e.filename+"\n"),void 0!==e.line&&(r+="Line Number: "+e.line+"\n"),i.alertSystemError(r)},auth(e,i){const r=t.config.globalProperties.$fhcAlert;var n="";n+="Controller name: "+e.controller+"\n",n+="Method name: "+e.method+"\n",n+="Required permissions: "+e.required_permissions,i?.errorHeader?r.alertDefault("error",Array.isArray(i.errorHeader)?t.config.globalProperties.$p.t.apply(null,i.errorHeader):i.errorHeader,e.message,!0):r.alertDefault("error",e.message,n)}}};class s{constructor(e,i){void 0===i?(this.$fhcApi={getUri:e=>(console.warn("$fhcApi.factory is DEPRECATED!"),t.config.globalProperties.$fhcApi.getUri(e)),get:(e,i,r,n)=>(console.warn("$fhcApi.factory is DEPRECATED!"),t.config.globalProperties.$fhcApi.get(e,i,r,n)),post:(e,i,r,n)=>(console.warn("$fhcApi.factory is DEPRECATED!"),t.config.globalProperties.$fhcApi.post(e,i,r,n))},Object.defineProperty(this.$fhcApi,"factory",{get:()=>(console.warn("$fhcApi.factory is DEPRECATED!"),t.config.globalProperties.$fhcApi.factory)}),t.config.globalProperties.$fhcApi.factory=this):Object.defineProperty(this,"$fhcApi",{get(){return(i||this).$fhcApi}}),this.addEndpoints(e,!0)}addEndpoints(t,e){Object.keys(t).forEach(e=>{Object.defineProperty(this,e,{get(){return"function"==typeof t[e]?t[e].bind(this):new s(t[e],this.$fhcApi.factory)}})}),e||console.warn("$fhcApi.factory.addEndpoints() is DEPRECATED!")}}const a=new s(N);e?.factory&&(console.warn("$fhcApi is DEPRECATED!"),a.addEndpoints(e.factory)),t.config.globalProperties.$fhcApi.factory=a,t.provide("$fhcApi",t.config.globalProperties.$fhcApi)}},V={install:(t,e)=>{if(t.config.globalProperties.$api)return;function i(t,e){Array.isArray(t)?t.forEach(e):Object.entries(t).forEach(([t,i])=>i.forEach(i=>e(i,t)))}t.config.globalProperties.$fhcAlert||t.use(dt);let r={success:!0,fail:!0,combine:{form:["validation","general"],toast:["validation","general","not_found","site_failed"]},handler:{form(t,e){t.clearValidation(),e.forEach(e=>t.setFeedback(!1,e.messages||e.message))},async toast(e){const i=t.config.globalProperties.$p;if(!i)return Promise.reject("Phrasen plugin not loaded!");async function r(t){t=t.reduce((t,e)=>{switch(e.type){case"not_found":case"site_failed":e.message?t[e.message]=[e.url]:t._default=[e.url];break;case"general":t._default||(t._default=[]),t._default.push(e.message);break;case"validation":Object.entries(e.messages).forEach(([e,i])=>{t[e]||(t[e]=[]),Array.isArray(i)?t[e].push(...i):t[e].push(i)})}return t},{});let e=0;const r=await Promise.all(Object.entries(t).sort((t,e)=>["_default"].indexOf(e[0])-["_default"].indexOf(t[0])).map(async([t,r])=>{if("_default"==t){await i.loadCategory("dashboard");t='\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t
\n\t\t\n\t\t\t\n\t\t\t
\n\t\n\t\t\t\t
\n\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t- "+a.join("")+"
- "+s.join("")+"
{{ message.detail }}
\n\t\t\t\n\t\t\n\tLoading...
\n\t\t{{ errorMessage }}
\n\t\t\n\t\t
`\n}\n","import BsModal from './Modal.js';\n\nexport default {\n\tname: 'BootstrapAlert',\n\tcomponents: {\n\t\tBsModal\n\t},\n\tmixins: [\n\t\tBsModal\n\t],\n\tprops: {\n\t\tdialogClass: {\n\t\t\ttype: [String,Array,Object],\n\t\t\tdefault: 'modal-dialog-centered'\n\t\t},\n\t\t/*\n\t\t * NOTE(chris):\n\t\t * Hack to expose in \"emits\" declared events to $props which we use\n\t\t * in the v-bind directive to forward all events.\n\t\t * @see: https://github.com/vuejs/core/issues/3432\n\t\t*/\n\t\tonHideBsModal: Function,\n\t\tonHiddenBsModal: Function,\n\t\tonHidePreventedBsModal: Function,\n\t\tonShowBsModal: Function,\n\t\tonShownBsModal: Function\n\t},\n\tdata: () => ({\n\t\tresult: true\n\t}),\n\tmounted() {\n\t\tthis.modal = this.$refs.modalContainer.modal;\n\t},\n\tpopup(msg, options) {\n\t\treturn BsModal.popup.bind(this)(msg, options);\n\t},\n\ttemplate: `\n\t\t\t\n\t\t
\n\t\n\t\t\t\t\n\t\t\t
\n\t\t\n\t\t\n\t\t\t\n\t\t\t\n\t\t\n\t\n\t\t
`\n}\n","export default {\n\temits: [\n\t\t\"change\",\n\t\t\"assignWidgets\"\n\t],\n\tprops: {\n\t\tdashboard_id: Number,\n\t\twidgets: Array\n\t},\n\tcomputed: {\n\t\tapiurl() {\n\t\t\treturn FHC_JS_DATA_STORAGE_OBJECT.app_root + FHC_JS_DATA_STORAGE_OBJECT.ci_router + '/dashboard';\n\t\t}\n\t},\n\tmethods: {\n\t\tsendChange(widget_id) {\n\t\t\tlet allow = !this.widgets.find(el => el.widget_id == widget_id).allowed;\n\t\t\taxios.post(this.apiurl + '/Widget/setAllowed', {\n\t\t\t\tdashboard_id: this.dashboard_id,\n\t\t\t\twidget_id,\n\t\t\t\taction: allow ? 'add' : 'delete'\n\t\t\t}).catch(err => console.error('ERROR: ' + err));\n\t\t}\n\t},\n\tcreated() {\n\t\taxios.get(this.apiurl + '/Widget/getAll', {\n\t\t\tparams:{\n\t\t\t\tdashboard_id: this.dashboard_id\n\t\t\t}\n\t\t}).then(\n\t\t\tresult => {\n\t\t\t\tthis.$emit('assignWidgets', result.data.retval.map(el => ({\n\t\t\t\t\t...el,\n\t\t\t\t\t...{setup:JSON.parse(el.setup),arguments:JSON.parse(el.arguments),allowed:!!el.allowed}\n\t\t\t\t})));\n\t\t\t}\n\t\t).catch(err => console.error('ERROR:', err));\n\t},\n\ttemplate: `\n\t`\n}\n","export default {\n\tname:'GridItem',\n\tcomponents: {\n\t},\n\tinject: {\n\t},\n\tprops: {\n\t\titem: Object,\n\t\tactive: Boolean\n\t},\n\temits: [\n\t\t\"mouseDown\",\n\t\t\"mouseUp\",\n\t\t\"startMove\",\n\t\t\"startResize\",\n\t\t\"dragging\",\n\t\t\"endDrag\",\n\t\t\"dropDrag\",\n\t\t\"item\",\n\t\t\"touchStart\",\n\t\t\"touchEnd\",\n\t],\n\tdata() {\n\t\treturn {\n\t\t\tdragAction: '',\n\t\t\tdragging: false\n\t\t}\n\t},\n\tcomputed: {\n\t},\n\tmethods: {\n\t\tregisterDragAction(evt) {\n\t\t\tthis.$emit('mouseDown', evt);\n\t\t\tif (evt.target.hasAttribute('drag-action')) {\n\t\t\t\tthis.dragAction = evt.target.getAttribute('drag-action');\n\t\t\t} else {\n\t\t\t\tlet parent = evt.target.closest('[drag-action]');\n\t\t\t\tif (parent) {\n\t\t\t\t\tthis.dragAction = parent.getAttribute('drag-action');\n\t\t\t\t} else {\n\t\t\t\t\tthis.dragAction = '';\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\ttryDragStart(evt, item) {\n\t\t\tlet dragAction = this.dragAction || evt.target.getAttribute('drag-action');\n\t\t\tif (dragAction) {\n\t\t\t\tthis.dragging = true;\n\t\t\t\tif (dragAction == 'move')\n\t\t\t\t\treturn this.$emit('startMove', evt, item);\n\t\t\t\telse if (dragAction == 'resize')\n\t\t\t\t\treturn this.$emit('startResize', evt, item);\n\t\t\t}\n\t\t\t//evt.preventDefault();\n\t\t},\n\t\ttouchDragEnd(evt) {\n\t\t\tif (!this.dragging)\n\t\t\t\treturn;\n\t\t\tthis.dragging = false;\n\t\t\tthis.$emit('touchEnd', evt);\n\t\t},\n\t\ttouchStart(event){\n\t\t\tthis.$emit('touchStart', event); \n\t\t\tthis.registerDragAction(event); \n\t\t\tthis.tryDragStart(event, this.item);\n\t\t},\n\t\ttouchMove(event){\n\t\t\tif(this.dragging){\n\t\t\t\tevent.preventDefault();\n\t\t\t\tthis.$emit('dragging', event);\n\t\t\t}\n\t\t}\n\t\t\n\t},\n\ttemplate: `\n\t\n\t\t\t\n\t\t\t\n\t\t
\n\t\t\n\t\t\t\n\t\t\t\n\t\t
\n\t\t\n\t\t\t\n\t\t\t\n\t\t
\n\t\n\t\t
`\n}\n","// TODO(chris): Comments\n\nconst DIR_UP = 0;\nconst DIR_LEFT = 1;\nconst DIR_RIGHT = 2;\nconst DIR_DOWN = 3;\n\nclass GridLogic {\n\tconstructor(w) {\n\t\tif (w.w) {\n\t\t\tthis.w = w.w;\n\t\t\tthis.h = w.h;\n\t\t\tthis.data = [...w.data];\n\t\t\tthis.grid = [...w.grid];\n\t\t} else {\n\t\t\tthis.w = w;\n\t\t\tthis.h = 1;\n\t\t\tthis.data = [];\n\t\t\tthis.grid = [];\n\t\t}\n\t}\n\tisFreeSlot(x, y) {\n\t\tconst i = y*this.w + x;\n\t\treturn !this.grid[i] && this.grid[i] !== 0;\n\t}\n\tgetMaxY(){\n\t\treturn this.data.reduce((acc, item) => { \n\t\t\tif (item?.y > acc) {\n\t\t\t\t acc = item.y; \n\t\t\t} \n\t\t\treturn acc; \n\t\t}, 0);\n\t}\n\tgetFreeSlots() {\n\t\tconst freeSlots = [];\n\t\tlet biggestY = this.getMaxY();\n\t\tlet totalSpaces = this.w * (biggestY+1);\n\t\tfor(let i=0; i < totalSpaces; i++){\n\t\t\tif (!this.grid[i] && this.grid[i] !== 0){\n\t\t\t\tthis.grid[i] = undefined;\n\t\t\t}\n\t\t}\n\t\tfor(let i =0; i < this.grid.length; i++){\n\t\t\tif (!this.grid[i] && this.grid[i] !== 0){\n\t\t\t\tlet x = i % this.w;\n\t\t\t\tlet y = Math.floor(i / this.w);\n\t\t\t\tfreeSlots.push({x, y});\n\t\t\t}\n\t\t}\n\t\treturn freeSlots;\n\t}\n\tadd(item, prefer) {\n\t\tlet occupiers = this.getItemsInFrame(item.frame);\n\t\tif (!occupiers.length) {\n\t\t\titem.frame.forEach(f => this.grid[f] = item.index);\n\t\t\tthis.data[item.index] = item;\n\t\t\tthis.h = Math.max(this.h, item.y + item.h);\n\t\t\treturn [];\n\t\t} else {\n\t\t\tconst intermGrid = new GridLogic(this);\n\t\t\t\n\t\t\titem.frame.forEach(f => intermGrid.grid[f] = -1);\n\n\t\t\tconst possiblities = intermGrid.tryMoving(occupiers, prefer);\n\t\t\tif (possiblities.length) {\n\t\t\t\tconst bestOption = possiblities.sort((a,b) => {\n\t\t\t\t\tif (a.cost === undefined)\n\t\t\t\t\t\ta.cost = a.moves.reduce((a, v) => a * v.cost, 1);\n\t\t\t\t\tif (b.cost === undefined)\n\t\t\t\t\t\tb.cost = b.moves.reduce((a, v) => a * v.cost, 1);\n\t\t\t\t\treturn a.cost > b.cost;\n\t\t\t\t});\n\t\t\t\tconst result = [];\n\t\t\t\tbestOption[0].moves.forEach(move => {\n\t\t\t\t\tconst currItem = {...this.data[move.index]};\n\t\t\t\t\tcurrItem.x += move.x;\n\t\t\t\t\tcurrItem.y += move.y;\n\t\t\t\t\tcurrItem.frame = this.getItemFrame(currItem);\n\t\t\t\t\tthis.h = Math.max(this.h, currItem.y + currItem.h);\n\t\t\t\t\tthis.remove(currItem);\n\t\t\t\t\tcurrItem.frame.forEach(f => this.grid[f] = currItem.index);\n\t\t\t\t\tthis.data[move.index] = currItem;\n\t\t\t\t\tresult[move.index] = {\n\t\t\t\t\t\tindex: currItem.index,\n\t\t\t\t\t\tx: currItem.x,\n\t\t\t\t\t\ty: currItem.y\n\t\t\t\t\t};\n\t\t\t\t});\n\t\t\t\titem.frame.forEach(f => this.grid[f] = item.index);\n\t\t\t\tthis.data[item.index] = item;\n\n\t\t\t\treturn result;\n\t\t\t} else {\n\t\t\t\tconsole.error('FATAL', \"can't arrange item on grid\");\n\t\t\t}\n\t\t}\n\t}\n\tmove(item, x, y) {\n\t\tif (item.data.place[this.w]?.pinned)\n\t\t\treturn [];\n\t\tif (item.x == x && item.y == y)\n\t\t\treturn [];\n\t\t\n\t\tthis.remove(item);\n\n\t\tlet prefer = undefined;\n\t\tif (item.x == x) {\n\t\t\tif (y-item.y > 0)\n\t\t\t\tprefer = DIR_UP;\n\t\t\telse\n\t\t\t\tprefer = DIR_DOWN;\n\t\t} else if (item.y == y) {\n\t\t\tif (x-item.x > 0)\n\t\t\t\tprefer = DIR_LEFT;\n\t\t\telse\n\t\t\t\tprefer = DIR_RIGHT;\n\t\t}\n\n\t\tconst originalFrame = Array.isArray(item.frame) ? [...item.frame] : [item.frame];\n\n\t\tconst currItem = {...item};\n\t\tcurrItem.x = x;\n\t\tcurrItem.y = y;\n\t\tcurrItem.frame = this.getItemFrame(currItem);\n\t\tlet occupiers = this.getItemsInFrame(currItem.frame);\n\t\t\n\t\t// does not update if the target conatins pinned widgets\n\t\tif (occupiers.some(frame => this.data[frame]?.data.place[this.w]?.pinned)) {\n\t\t\treturn [];\n\t\t}\n\t\t\n\t\t// checks if target contains widget with the same high and width\n\t\tlet occupiersData = occupiers.map(occupier => this.data[occupier]);\n\t\tlet occupiersFrame = occupiersData.map(occupier => occupier.frame).flat();\n\t\tif (!occupiersFrame.some(frame => !currItem.frame.includes(frame)) && !occupiersFrame.some(frame => originalFrame.includes(frame))){\n\t\t\tlet replaceUpdate = [];\n\t\t\tlet newOccupierFrames = [];\n\t\t\tfor(let f of originalFrame){\n\t\t\t\tif(newOccupierFrames.includes(f)){\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\t\t\t\tlet occ = occupiersData.shift();\n\t\t\t\tif(occ){\n\t\t\t\t\tnewOccupierFrames = [...newOccupierFrames, ...this.getItemFrame({ ...occ, ...this.getSingleFramePosition(f) })];\n\t\t\t\t\treplaceUpdate[occ.index] = { index: occ.index, ...this.getSingleFramePosition(f)}\n\t\t\t\t}\n\t\t\t}\n\t\t\treplaceUpdate[item.index] = { index: item.index, x, y };\n\t\t\t\n\t\t\treturn replaceUpdate;\n\t\t}\n\t\t\n\t\tconst updates = this.add(currItem, prefer);\n\t\tupdates[item.index] = {index: item.index, x, y};\n\t\treturn updates;\n\t}\n\tresize(item, w, h) {\n\t\tif (item.w == w && item.h == h)\n\t\t\treturn [];\n\t\tthis.remove(item);\n\n\t\tconst currItem = {...item};\n\t\tcurrItem.w = w;\n\t\tcurrItem.h = h;\n\t\tcurrItem.frame = this.getItemFrame(currItem);\n\t\t\n\t\tconst updates = this.add(currItem);\n\t\tif(updates)\n\t\t\tupdates[item.index] = {index: item.index, w, h, x:item.x, y:item.y, resize:true};\n\n\t\treturn updates;\n\t}\n\ttryMoving(index, prefer) {\n\t\tif (Array.isArray(index)) {\n\t\t\tindex.forEach(i => this.remove({index:i}));\n\t\t\tlet possiblities = [{grid: this, moves: []}];\n\t\t\tindex.forEach(i => {\n\t\t\t\tlet newPoss = [];\n\t\t\t\tpossiblities.forEach(possiblity => {\n\t\t\t\t\tpossiblity.grid.tryMoving(i, prefer).forEach(p => {\n\t\t\t\t\t\tpossiblity.moves\n\t\t\t\t\t\tp.moves = [...p.moves, ...possiblity.moves];\n\t\t\t\t\t\tnewPoss.push(p)\n\t\t\t\t\t});\n\t\t\t\t});\n\t\t\t\tpossiblities = newPoss;\n\t\t\t});\n\t\t\treturn possiblities;\n\t\t}\n\t\tconst directions = [DIR_UP, DIR_DOWN, DIR_LEFT, DIR_RIGHT];\n\n\t\tthis.remove({index});\n\n\t\tconst weight = 1 + .2*(this.data[index].weight || 0);\n\n\t\treturn directions.reduce((result, dir) => {\n\t\t\tlet res = this.tryMovingInDirection(dir, index, 1, (prefer === dir ? .5 : 1 + dir*.1) * weight);\n\t\t\tif (!res)\n\t\t\t\treturn result;\n\t\t\treturn [...result, ...res];\n\t\t}, []).filter(p => p);\n\t}\n\ttryMovingInDirection(dir, index, amount, cost) {\n\t\tconst move = {index, x:0, y: 0, cost: cost};\n\t\tlet targetframe;\n\t\tswitch(dir) {\n\t\t\tcase DIR_UP:\n\t\t\t\tif (this.data[index].data?.place[this.w]?.pinned || this.data[index].y - amount < 0)\n\t\t\t\t\treturn false;\n\t\t\t\ttargetframe = this.data[index].frame.map(i => i-this.w*amount);\n\t\t\t\tmove.y = -amount;\n\t\t\t\tbreak;\n\t\t\tcase DIR_DOWN:\n\t\t\t\tif (this.data[index].data?.place[this.w]?.pinned)\n\t\t\t\t\treturn false;\n\t\t\t\tif (this.data[index].y + this.data[index].h + amount > this.h)\n\t\t\t\t\tcost += .4;\n\t\t\t\ttargetframe = this.data[index].frame.map(i => i+this.w*amount);\n\t\t\t\tmove.y = amount;\n\t\t\t\tbreak;\n\t\t\tcase DIR_LEFT:\n\t\t\t\tif (this.data[index].data?.place[this.w]?.pinned || this.data[index].x - amount < 0)\n\t\t\t\t\treturn false;\n\t\t\t\ttargetframe = this.data[index].frame.map(i => i-amount);\n\t\t\t\tmove.x = -amount;\n\t\t\t\tbreak;\n\t\t\tcase DIR_RIGHT:\n\t\t\t\tif (this.data[index].data?.place[this.w]?.pinned || this.data[index].x + this.data[index].w + amount > this.w)\n\t\t\t\t\treturn false;\n\t\t\t\ttargetframe = this.data[index].frame.map(i => i+amount);\n\t\t\t\tmove.x = amount;\n\t\t\t\tbreak;\n\t\t}\n\n\t\tconst occupiers = this.getItemsInFrame(targetframe);\n\t\tif (occupiers.includes(-1)) {\n\t\t\treturn this.tryMovingInDirection(dir, index, amount+1, cost);\n\t\t}\n\t\t\n\t\tconst intermGrid = new GridLogic(this);\n\t\ttargetframe.forEach(f => intermGrid.grid[f] = -1);\n\t\t\n\t\tif (!occupiers.length) {\n\t\t\treturn [{grid: intermGrid, moves: [move]}];\n\t\t}\n\t\tconst possiblities = intermGrid.tryMoving(occupiers).map(possiblity => possiblity.moves.unshift(move) && possiblity);\n\t\treturn possiblities.length ? possiblities : false;\n\t}\n\tclearWeights() {\n\t\tthis.data.forEach(item => item.weight = undefined);\n\t}\n\tgetItemsInFrame(frame) {\n\t\treturn frame.map(i => this.grid[i]).filter((v,i,a) => (v || v === 0) && a.indexOf(v) === i);\n\t}\n\tremove(item) {\n\t\tthis.grid = this.grid.map(i => i != item.index ? i : undefined);\n\t}\n\tgetItemFrame(item) {\n\t\tconst frame = [];\n\t\tfor (let i = 0; i < item.w; i++)\n\t\t\tfor (let j = 0; j < item.h; j++)\n\t\t\t\tframe.push(i + item.x + (j + item.y) * this.w);\n\t\treturn frame;\n\t}\n\tgetSingleFramePosition(frame){\n\t\treturn { x: frame % this.w, y: Math.floor(frame / this.w)};\n\t}\n\tdebug() {\n\t\treturn this.grid;\n\t}\n}\n\nexport default GridLogic;","// TODO(chris): Comments\n\nimport GridItem from './Grid/Item.js';\nimport GridLogic from '../../composables/GridLogic.js';\n\nconst MODE_IDLE = 0;\nconst MODE_MOVE = 1;\nconst MODE_RESIZE = 2;\nconst MODE_MOUSE_DOWN = 3;\n\nexport default {\n\tname: 'Grid',\n\tcomponents: {\n\t\tGridItem,\n\t},\n\tprops: {\n\t\tcols: Number,\n\t\titems: Array,\n\t\titemsSetup: Object,\n\t\tresizeLimit: Function,\n\t\tactive: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true\n\t\t},\n\t\tmarginForExtraRow: {\n\t\t\ttype: Number,\n\t\t\tdefault: 0\n\t\t},\n\t\tadditionalRow:{\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t}\n\t},\n\temits: [\n\t\t\"rearrangeItems\",\n\t\t\"newItem\",\n\t\t\"gridHeight\",\n\t\t\"draggedItem\",\n\t\t\"update:additionalRow\"\n\t],\n\tdata() {\n\t\treturn {\n\t\t\tx: -1,\n\t\t\ty: -1,\n\t\t\tclientX:0,\n\t\t\tclientY: 0,\n\t\t\tmode: MODE_IDLE,\n\t\t\tgrid: null,\n\t\t\tdragGrid: null,\n\t\t\tpermUpdates: [],\n\t\t\tpositionUpdates: null,\n\t\t\tfixedPositionUpdates: null,\n\t\t\tdraggedOffset: [0,0],\n\t\t\tdraggedItem: null,\n\t\t\tdraggedNode: null,\n\t\t\treorderedItems:[],\n\t\t\tclonedWidget:null,\n\t\t}\n\t},\n\tinject:{\n\t\tsectionName: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\t},\n\tcomputed: {\n\t\tadditionalRowComputed: {\n\t\t\tget() {\n\t\t\t\treturn this.additionalRow;\n\t\t\t},\n\t\t\tset(value) {\n\t\t\t\tthis.$emit('update:additionalRow', value);\n\t\t\t}\n\t\t},\n\t\titems_hashmap() {\n\t\t\tlet items = {};\n\t\t\tthis.items.forEach(item => {\n\t\t\t\tif (this.reorderedItems.length > 0 && this.needsReordering(item)){\n\t\t\t\t\t\tlet rearrangedPosition = this.reorderedItems.filter(widget => widget.data.widgetid == item.widgetid)?.pop();\n\t\t\t\t\t\tif (rearrangedPosition) {\t\t\t\n\t\t\t\t\t\t\titem.x = rearrangedPosition.x;\n\t\t\t\t\t\t\titem.y = rearrangedPosition.y;\n\t\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\titems[`x${item.x}y${item.y}`] = item;\n\t\t\t});\t\n\t\t\treturn items\n\t\t},\n\t\titems_placeholders(){\n\t\t\tlet placeholders = [];\n\t\t\tlet col_max = this.cols;\n\t\t\tlet rows_max = this.rows;\n\n\t\t\t// occupied hashmap to keep track of the occupied cells\n\t\t\tlet occupied = {};\n\n\t\t\tfor (let y = 0; y < rows_max; y++) {\n\t\t\t\tfor (let x = 0; x < col_max; x++) {\n\t\t\t\t\t// skip current position if it was registered as occupied\n\t\t\t\t\tif (Object.keys(occupied).length && occupied[`x${x}y${y}`]) {\n\t\t\t\t\t\tcontinue;\n\t\t\t\t\t}\n\t\t\t\t\tlet current_item = this.items_hashmap[`x${x}y${y}`];\n\t\t\t\t\tif (current_item) {\n\t\t\t\t\t\t//calculate the occupied cells from the width and the height from the items \n\t\t\t\t\t\tlet width = current_item.w;\n\t\t\t\t\t\tlet height = current_item.h;\n\t\t\t\t\t\tlet max_x = x + width - 1;\n\t\t\t\t\t\tlet max_y = y + height - 1;\n\t\t\t\t\t\tif(x != max_x || y != max_y){\n\t\t\t\t\t\t\tfor (let occupied_y = y; occupied_y <= max_y; occupied_y++) {\n\t\t\t\t\t\t\t\tfor (let occupied_x = x; occupied_x <= max_x; occupied_x++) {\n\t\t\t\t\t\t\t\t\tif (occupied_x != x || occupied_y != y) {\n\t\t\t\t\t\t\t\t\t\toccupied[`x${occupied_x}y${occupied_y}`]=true;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\telse {\n\t\t\t\t\t\tplaceholders.push({ x: x, y: y, w: 1, h: 1, placeholder: true, \n\t\t\t\t\t\t\tdata: { id: 'placeholder_' + String(placeholders.length).padStart(4, \"0\") } });\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn placeholders;\n\t\t},\n\t\tplacedItems_withPlaceholders() {\n\t\t\treturn [...this.placedItems, ...this.items_placeholders];\n\t\t},\n\t\trows() {\n\t\t\tif (this.additionalRowComputed) {\n\t\t\t\t\treturn this.grid ? (this.grid.h+1) : 1;\n\t\t\t}\n\t\t\treturn this.grid ? this.grid.h : 1;\n\t\t\t\n\t\t},\n\t\tgridStyle() {\n\t\t\tconst addH = this.active ? this.marginForExtraRow : 0;\n\t\t\treturn {\n\t\t\t\t'--fhc-dg-row-height': 100/(this.rows + addH) + '%',\n\t\t\t\t'--fhc-dg-col-width': 100/this.cols + '%',\n\t\t\t\t'--fhc-dg-item-padding-horizontal': '0.25%',\n\t\t\t\t'--fhc-dg-item-padding-top': '0.5%',\n\t\t\t\t'padding-bottom': 100 * (this.rows + addH)/this.cols + '%'\n\t\t\t}\n\t\t},\n\t\tindexedItems() {\n\t\t\treturn this.items.map(\n\t\t\t\t(item, index) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\tindex: index,\n\t\t\t\t\t\tx: item.x,\n\t\t\t\t\t\ty: item.y,\n\t\t\t\t\t\tw: item.w,\n\t\t\t\t\t\th: item.h,\n\t\t\t\t\t\tweight: item.weight || 0,\n\t\t\t\t\t\tdata: item\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t);\n\t\t},\n\t\tprePlacedItems() {\n\t\t\tif (!this.fixedPositionUpdates)\n\t\t\t\treturn this.indexedItems;\n\t\t\treturn this.indexedItems.map(item => {\n\t\t\t\tif (!this.fixedPositionUpdates[item.index])\n\t\t\t\t\treturn item;\n\t\t\t\treturn {\n\t\t\t\t\tindex: item.index,\n\t\t\t\t\tweight: item.weight,\n\t\t\t\t\tdata: item.data,\n\t\t\t\t\tx: this.fixedPositionUpdates[item.index].x === undefined ? item.x : this.fixedPositionUpdates[item.index].x,\n\t\t\t\t\ty: this.fixedPositionUpdates[item.index].y === undefined ? item.y : this.fixedPositionUpdates[item.index].y,\n\t\t\t\t\tw: this.fixedPositionUpdates[item.index].w === undefined ? item.w : this.fixedPositionUpdates[item.index].w,\n\t\t\t\t\th: this.fixedPositionUpdates[item.index].h === undefined ? item.h : this.fixedPositionUpdates[item.index].h\n\t\t\t\t};\n\t\t\t});\n\t\t},\n\t\tplacedItems() {\n\t\t\tif (!this.positionUpdates)\n\t\t\t\treturn this.prePlacedItems;\n\t\t\tlet mappedPlacedItems= this.prePlacedItems.map(item => {\n\t\t\t\tif (!this.positionUpdates[item.index] )\n\t\t\t\t\treturn item;\n\t\t\t\tlet height_diff = this.positionUpdates[item.index]?.h - item.h;\n\t\t\t\tlet width_diff = this.positionUpdates[item.index]?.w - item.w;\n\t\t\t\treturn {\n\t\t\t\t\tresize: this.positionUpdates[item.index]?.resize,\n\t\t\t\t\tindex: item.index,\n\t\t\t\t\tweight: item.weight,\n\t\t\t\t\tdata: item.data,\n\t\t\t\t\tx: this.positionUpdates[item.index].x === undefined ? item.x : this.positionUpdates[item.index].x,\n\t\t\t\t\ty: this.positionUpdates[item.index].y === undefined ? item.y : this.positionUpdates[item.index].y,\n\t\t\t\t\tw: width_diff>0?item.w:this.positionUpdates[item.index].w === undefined ? item.w : this.positionUpdates[item.index].w,\n\t\t\t\t\th: height_diff > 0 ?item.h:this.positionUpdates[item.index].h === undefined ? item.h : this.positionUpdates[item.index].h\n\t\t\t\t\t\n\t\t\t\t};\n\t\t\t});\n\n\t\t\tlet temporaryResizeItems = [];\n\t\t\tmappedPlacedItems.forEach(item=>{\n\t\t\t\tif(item.resize){\n\t\t\t\t\tlet newItem = {\n\t\t\t\t\t\t...item,\n\t\t\t\t\t\tw:this.positionUpdates[item.index].w === undefined ? item.w : this.positionUpdates[item.index].w,\n\t\t\t\t\t\th:this.positionUpdates[item.index].h === undefined ? item.h : this.positionUpdates[item.index].h,\n\t\t\t\t\t\tresizeOverlay:true,\n\t\t\t\t\t\tblank:true,\n\t\t\t\t\t};\n\t\t\t\t\ttemporaryResizeItems.push(newItem)\n\t\t\t\t}\n\t\t\t})\n\t\t\treturn [...mappedPlacedItems, ...temporaryResizeItems];\n\t\t},\n\t\tshowEmptyTileHover() {\n\t\t\tif (!this.active || !this.grid || this.mode != MODE_IDLE || this.x < 0 || this.y < 0 || this.x >= this.cols || this.y >= this.rows)\n\t\t\t\treturn false;\n\t\t\treturn this.grid.isFreeSlot(this.x, this.y);\n\t\t},\n\t\twidgetSetup(){\n\t\t\tif (!this.widgetsSetup)\n\t\t\t\treturn;\n\t\t\treturn this.widgetsSetup.reduce((acc, ele) => { \n\t\t\t\tacc[ele.widget_id] =ele;\n\t\t\t\treturn acc;\n\t\t\t} ,{});\n\t\t},\n\t},\n\twatch: {\n\t\tactive(active) {\n\t\t\tif (!active)\n\t\t\t\tthis.dragCancel();\n\t\t},\n\t\tcols() {\n\t\t\tthis.dragCancel();\n\t\t},\n\t rows: {\n\t\t\thandler(value) {\n\t\t\t\tthis.$emit('gridHeight', value);\n\t\t\t},\n\t\t\timmediate: true\n\t\t},\n\t\tindexedItems: {\n\t\t\thandler(value) {\n\t\t\t\tthis.dragCancel();\n\n\t\t\t\tconst updated = this.createNewGrid(value);\n\n\t\t\t\tthis.fixedPositionUpdates = updated;\n\t\t\t\tif (updated.length)\n\t\t\t\t\tthis.$emit('rearrangeItems', updated.filter(v => v));\n\t\t\t},\n\t\t\timmediate: true,\n\t\t\tdeep: true\n\t\t}\n\t},\n\tmethods: {\n\t\tneedsReordering(item){\n\t\t\tif (!item?.data?.place[this.cols]){\n\t\t\t\treturn true;\n\t\t\t}\n\t\t\treturn false;\n\t\t},\n\t\ttoggleDraggedItemOverlay(condition){\n\t\t\tif(!this.draggedNode)\n\t\t\t\treturn;\n\t\t\tif(condition){\n\t\t\t\tthis.draggedNode.firstElementChild.classList.add(\"dashboard-item-overlay\");\n\t\t\t}else{\n\t\t\t\tthis.draggedNode.firstElementChild.classList.remove(\"dashboard-item-overlay\");\n\t\t\t}\n\t\t},\n\t\tdragging(event){\n\t\t\tif(this.mode == MODE_MOVE){\n\t\t\t\tthis.toggleDraggedItemOverlay(true);\n\t\t\t\t\n\t\t\t\tconst containerRect = this.$refs.container.getBoundingClientRect();\n\t\t\t\tconst clonedWidgetRect = this.clonedWidget.getBoundingClientRect();\n\t\t\t\t\n\t\t\t\tlet desiredTop = this.clientY - 20;\n\t\t\t\tlet desiredLeft = this.clientX - 15;\n\t\t\t\t\n\t\t\t\tconst minTop = 0;\n\t\t\t\tconst maxTop = containerRect.height - clonedWidgetRect.height;\n\t\t\t\tconst minLeft = 0;\n\t\t\t\tconst maxLeft = containerRect.width - clonedWidgetRect.width;\n\t\t\t\t\n\t\t\t\tconst constrainedTop = Math.max(minTop, Math.min(maxTop, desiredTop));\n\t\t\t\tconst constrainedLeft = Math.max(minLeft, Math.min(maxLeft, desiredLeft));\n\t\t\t\t\n\t\t\t\tthis.clonedWidget.style.top = `${constrainedTop}px`;\n\t\t\t\tthis.clonedWidget.style.left = `${constrainedLeft}px`;\n\t\t\t}\n\t\t},\n\t\tcreateNewGrid(items) {\n\t\t\tthis.grid = new GridLogic(this.cols);\n\t\t\tconst result = [];\n\t\t\tlet sortedItems = [...items].sort((a, b) => {\n\t\t\t\tif(this.needsReordering(a) && this.needsReordering(b)){\n\t\t\t\t\treturn 0;\n\t\t\t\t}\n\t\t\t\telse if(this.needsReordering(a)){\n\t\t\t\t\treturn 999;\n\t\t\t\t}\n\t\t\t\telse if(this.needsReordering(b)){\n\t\t\t\t\treturn -999;\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\treturn a.weight > b.weight;\n\t\t\t}); \n\t\t\tlet reorderedItems = [];\n\t\t\tsortedItems.forEach(item => {\n\t\t\t\tlet freeSlots = this.grid.getFreeSlots();\n\t\t\t\t\n\t\t\t\tif(this.needsReordering(item)){\n\t\t\t\t\tlet firstFreeSlot = freeSlots.shift();\n\t\t\t\t\tif (!firstFreeSlot) {\n\t\t\t\t\t\titem.x = 0;\n\t\t\t\t\t\titem.y = this.grid.h;\n\t\t\t\t\t}else{\n\t\t\t\t\t\titem.x = firstFreeSlot.x;\n\t\t\t\t\t\titem.y = firstFreeSlot.y;\n\t\t\t\t\t}\n\t\t\t\t\treorderedItems.push(item);\n\t\t\t\t\t\n\t\t\t\t}\n\t\t\t\tif (item.x + item.w > this.cols) {\n\t\t\t\t\tlet targetW = this.cols-item.x,\n\t\t\t\t\t\ttargetX = undefined;\n\t\t\t\t\tif (this.resizeLimit) {\n\t\t\t\t\t\t[targetW] = this.resizeLimit(item.data, targetW, item.h);\n\t\t\t\t\t}\n\t\t\t\t\tif (targetW < 1)\n\t\t\t\t\t\ttargetW = 1;\n\t\t\t\t\tif (targetW > this.cols)\n\t\t\t\t\t\ttargetW = this.cols;\n\t\t\t\t\tif (item.x + targetW > this.cols) {\n\t\t\t\t\t\ttargetX = this.cols - targetW;\n\t\t\t\t\t}\n\t\t\t\t\tif (targetW == item.w)\n\t\t\t\t\t\ttargetW = undefined;\n\t\t\t\t\tresult[item.index] = {\n\t\t\t\t\t\titem: item.data,\n\t\t\t\t\t\tx: targetX,\n\t\t\t\t\t\tw: targetW\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t\titem.frame = this.grid.getItemFrame(item);\n\t\t\t\tthis.convertGridResultToUpdate(this.grid.add(item), result, items);\n\t\t\t});\n\t\t\tthis.reorderedItems = reorderedItems;\n\t\t\tthis.grid.clearWeights();\n\t\t\treturn result;\n\t\t},\n\t\tconvertGridResultToUpdate(input, output, baseArray) {\n\t\t\t\n\t\t\tif (!input)\n\t\t\t\treturn;\n\t\t\tif (!baseArray)\n\t\t\t\tbaseArray = this.indexedItems;\n\t\t\tinput.forEach(item => {\n\t\t\t\tlet result = {\n\t\t\t\t\titem: baseArray[item.index].data\n\t\t\t\t};\n\t\t\t\tif (item.x !== undefined)\n\t\t\t\t\tresult.x = item.x;\n\t\t\t\tif (item.y !== undefined)\n\t\t\t\t\tresult.y = item.y;\n\t\t\t\tif (item.w !== undefined)\n\t\t\t\t\tresult.w = item.w;\n\t\t\t\tif (item.h !== undefined)\n\t\t\t\t\tresult.h = item.h;\n\t\t\t\toutput[item.index] = result;\n\t\t\t});\n\t\t},\n\t\tmouseLeave() {\n\t\t\t/* if (this.mode == MODE_IDLE) {\n\t\t\t\tthis.x = -1;\n\t\t\t\tthis.y = -1;\n\t\t\t\t\n\t\t\t} */\n\t\t},\n\t\tupdateCursor(evt) {\n\t\t\tif (!this.active) {\n\t\t\t\tthis.x = this.y = -1;\n\t\t\t\treturn false;\n\t\t\t}\n\t\t\tconst addH = this.active ? this.marginForExtraRow : 0;\n\t\t\tconst rect = this.$refs.container.getBoundingClientRect();\n\t\t\t\n\t\t\tif (!evt.clientX && !evt.clientY && evt.touches){\n\t\t\t\tevt.clientX = evt.touches[0].clientX;\n\t\t\t\tevt.clientY = evt.touches[0].clientY;\n\t\t\t}\n\n\t\t\tthis.clientX = (evt.clientX - rect.left);\n\t\t\tthis.clientY = (evt.clientY - rect.top);\n\t\t\tconst gridX = Math.floor(this.cols * (evt.clientX - rect.left) / this.$refs.container.clientWidth);\n\t\t\tconst gridY = Math.floor((this.rows + addH) * (evt.clientY - rect.top) / this.$refs.container.clientHeight);\n\t\t\t\n\t\t\tif (this.x == gridX && this.y == gridY)\n\t\t\t\treturn false;\n\t\t\t\n\t\t\tthis.x = gridX;\n\t\t\tthis.y = gridY;\n\n\t\t\treturn true;\n\t\t},\n\t\t_dragStart(evt, item) {\n\t\t\tif (evt.dataTransfer) {\n\t\t\t\tevt.dataTransfer.setDragImage(evt.target, -99999, -99999);\n\t\t\t\tevt.dataTransfer.dropEffect = 'move';\n\t\t\t\tevt.dataTransfer.effectAllowed = 'move';\n\t\t\t}\n\t\t},\n\t\tstartMove(evt, item) {\n\t\t\t\n\t\t\tif (!this.active)\n\t\t\t\treturn;\n\t\t\t\n\t\t\tthis.mode = MODE_MOVE;\n\t\t\t\n\t\t\tthis.draggedItem = item;\n\t\t\t\n\t\t\tthis.$emit('draggedItem', item);\n\t\t\t// workaround for chrome fireing event dragend when styles are manipulated during dragging\n\t\t\tsetTimeout(() => {\n\t\t\t\tthis.draggedNode = evt.target.closest(\".drop-grid-item\");\n\t\t\t\t//clones the widget for the drag Image\n\t\t\t\t\n\t\t\t\tlet clone = evt.target.closest(\".drop-grid-item\")?.cloneNode(true);\n\n\t\t\t\tclone.style.zIndex = 5;\n\t\t\t\tclone.classList.add(\"widgetClone\");\n\t\t\t\tthis.$refs.container.appendChild(clone);\n\t\t\t\tconst hiddenWidget = clone.querySelector(\"[style='display: none;']\");\n\t\t\t\thiddenWidget.style.removeProperty(\"display\");\n\t\t\t\tthis.clonedWidget = clone;\n\t\t\t}, 0);\n\n\t\t\tthis.draggedOffset = [item.x - this.x, item.y - this.y];\n\t\t\tthis._dragStart(evt, item);\n\t\t},\n\t\tstartResize(evt, item) {\n\t\t\tif (!this.active)\n\t\t\t\treturn;\n\t\t\tthis.mode = MODE_RESIZE;\n\t\t\tthis.draggedItem = item;\n\t\t\tthis.$emit('draggedItem', item);\n\t\t\tthis._dragStart(evt);\n\t\t},\n\t\tdragOver(evt) {\n\t\t\tif ((this.y + 1) > this.rows && (this.mode == MODE_MOVE || this.mode == MODE_RESIZE)) {\n\t\t\t\tthis.dragCancel();\n\t\t\t\t\n\t\t\t}\n\t\t\tif (!this.active)\n\t\t\t\treturn this.dragCancel();\n\t\t\tthis.checkPinnedWidgetAnimation();\n\t\t\tif(this.mode == MODE_RESIZE){\n\t\t\t\tthis.checkWidgetSizeLimitAnimation();\n\t\t\t}\n\t\t\tif (this.updateCursor(evt)) {\n\t\t\t\tswitch(this.mode) {\n\t\t\t\t\tcase MODE_MOVE: {\n\t\t\t\t\t\tevt.preventDefault();\n\t\t\t\t\t\tthis.dragGrid = new GridLogic(this.grid);\n\t\t\t\t\t\tlet x = this.x + this.draggedOffset[0];\n\t\t\t\t\t\tlet y = this.y + this.draggedOffset[1];\n\t\t\t\t\t\tif (x < 0) {\n\t\t\t\t\t\t\tthis.draggedOffset[0] += x;\n\t\t\t\t\t\t\tx = 0;\n\t\t\t\t\t\t} else if (x + this.draggedItem.w > this.cols) {\n\t\t\t\t\t\t\tthis.draggedOffset[0] += this.cols - this.draggedItem.w - x;\n\t\t\t\t\t\t\tx = this.cols - this.draggedItem.w;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif (y < 0) {\n\t\t\t\t\t\t\tthis.draggedOffset[1] += y;\n\t\t\t\t\t\t\ty = 0;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tthis.positionUpdates= this.dragGrid.move(this.draggedItem, x, y);\n\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\t\t\t\t\tcase MODE_RESIZE: {\n\t\t\t\t\t\tevt.preventDefault();\n\t\t\t\t\t\tthis.dragGrid = new GridLogic(this.grid);\n\t\t\t\t\t\tlet w = Math.min(this.cols - this.draggedItem.x, Math.max(1, this.x - this.draggedItem.x + 1));\n\t\t\t\t\t\tlet h = Math.max(1, this.y - this.draggedItem.y + 1);\n\t\t\t\t\t\tif (this.resizeLimit)\n\t\t\t\t\t\t\t[w, h] = this.resizeLimit(this.draggedItem.data, w, h);\n\t\t\t\t\t\tthis.positionUpdates = this.dragGrid.resize(this.draggedItem, w, h);\n\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\tdragCancel() {\n\t\t\tthis.removeWidgetClones();\n\t\t\tthis.additionalRowComputed = false;\n\t\t\tthis.toggleDraggedItemOverlay(false);\n\t\t\tthis.mode = MODE_IDLE;\n\t\t\tthis.positionUpdates = null;\n\t\t\tthis.draggedOffset = [0,0],\n\t\t\tthis.draggedItem = null;\n\t\t\tthis.$emit('draggedItem',null);\n\t\t\tthis.draggedNode = null;\n\t\t\t\n\t\t},\n\t\tdragEnd() {\n\t\t\tthis.removeWidgetClones();\n\t\t\tthis.toggleDraggedItemOverlay(false);\n\t\t\t\n\t\t\tif (this.mode == MODE_IDLE){\n\t\t\t\treturn;\n\t\t\t}\n\t\t\t// clean up unused classes\n\t\t\tlet draggedItemNode = document.getElementById(this.draggedItem.data.widgetid);\n\t\t\tdraggedItemNode.classList.remove(\"border-danger\");\n\t\t\tArray.from(document.getElementsByClassName(\"denied-dragging-animation\"))?.forEach(ele => {\n\t\t\t\tele.classList.remove(\"denied-dragging-animation\");\n\t\t\t})\n\t\t\t\n\t\t\t//if (!this.active || this.x < 0 || this.y < 0 || this.x >= this.cols)\n\t\t\t\t//return this.dragCancel();\n\n\t\t\tthis.mode = MODE_IDLE;\n\t\t\tlet updated = [];\n\t\t\tthis.convertGridResultToUpdate(this.positionUpdates, updated);\n\t\t\tupdated = this._updateFixedPositions(updated);\n\t\t\tif (updated.length)\n\t\t\t\tthis.$emit('rearrangeItems', updated.filter(v => v));\n\n\t\t\tthis.draggedItem = null;\n\t\t\tthis.draggedNode = null;\n\t\t\tthis.$emit('draggedItem', null);\n\t\t},\n\t\t_updateFixedPositions(updated) {\n\t\t\tupdated.forEach((item, index) => {\n\t\t\t\tif (!this.fixedPositionUpdates[index])\n\t\t\t\t\tthis.fixedPositionUpdates[index] = item;\n\t\t\t\telse\n\t\t\t\t\tthis.fixedPositionUpdates[index] = {...this.fixedPositionUpdates[index], ...item};\n\t\t\t});\n\t\t\tlet additionalUpdates = this.createNewGrid(this.prePlacedItems);\n\t\t\tif (additionalUpdates.length) {\n\t\t\t\t// NOTE(chris): this should never happen but it's here for safety\n\t\t\t\tadditionalUpdates.forEach((item, index) => updated[index] = item);\n\t\t\t\treturn this._updateFixedPositions(updated);\n\t\t\t}\n\t\t\treturn updated;\n\t\t},\n\t\temptyTileClicked() {\n\t\t\tthis.additionalRowComputed = false;\n\t\t\tthis.$emit('newItem', this.x, this.y);\n\t\t},\n\t\tupdateCursorOnMouseMove(evt){\n\t\t\tif(this.mode == MODE_IDLE){\n\t\t\t\tthis.updateCursor(evt);\n\t\t\t}\n\t\t},\n\t\tcheckPinnedWidgetAnimation(){\n\t\t\tlet itemAtPosition=[];\n\t\t\tswitch(this.mode){\n\t\t\t\tcase MODE_RESIZE:\n\t\t\t\t\tfor (let x = this.draggedItem.x; x <= this.x; x++) {\n\t\t\t\t\t\tfor (let y = this.draggedItem.y; y <= this.y; y++) {\n\t\t\t\t\t\t\tthis.items.forEach(item => {\n\t\t\t\t\t\t\t\tif (item.x == x && item.y == y) {\n\t\t\t\t\t\t\t\t\titemAtPosition.push(item);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\tbreak;\n\t\t\t\tcase MODE_MOVE:\n\t\t\t\t\titemAtPosition = this.items.filter(item=>item.x == this.x && item.y == this.y);\n\t\t\t\t\tbreak;\n\t\t\t}\n\t\t\t\n\t\t\tArray.from(document.getElementsByClassName(\"denied-dragging-animation\"))?.forEach(ele => {\n\t\t\t\tele.classList.remove(\"denied-dragging-animation\");\n\t\t\t})\n\n\t\t\titemAtPosition.forEach(item=>{\n\t\t\t\tif (item.place[this.cols] && item.place[this.cols].pinned) {\n\t\t\t\t\tlet pinnedWidget = document.getElementById(item.widgetid);\n\t\t\t\t\tlet pinNode = pinnedWidget.querySelector(\"[pinned='true']\");\n\t\t\t\t\tif (!pinNode.classList.contains(\"denied-dragging-animation\")) {\n\t\t\t\t\t\tpinNode.classList.add(\"denied-dragging-animation\");\n\t\t\t\t\t}\n\t\t\t\t}\t\n\t\t\t})\n\t\t},\n\t\tcheckWidgetSizeLimitAnimation() {\n\n\t\t\tlet draggedItemSetup = this.itemsSetup[this.draggedItem.data.widget];\n\t\t\tlet draggedItemMaxWidth = draggedItemSetup.width.max ?? draggedItemSetup.width;\n\t\t\tlet draggedItemMinWidth = draggedItemSetup.width.min ?? draggedItemSetup.width;\n\t\t\tlet draggedItemMaxHeight = draggedItemSetup.height.max ?? draggedItemSetup.height;\n\t\t\tlet draggedItemMinHeight = draggedItemSetup.height.min ?? draggedItemSetup.height;\n\t\t\tlet draggedItemNode = document.getElementById(this.draggedItem.data.widgetid);\n\n\t\t\tlet width_after_resize = this.x - this.draggedItem.x + 1; \n\t\t\tlet height_after_resize = this.y - this.draggedItem.y + 1; \n\t\t\tif( \n\t\t\t\t(width_after_resize > 0 && (width_after_resize > draggedItemMaxWidth\n\t\t\t\t|| width_after_resize < draggedItemMinWidth)\n\t\t\t\t)\n\t\t\t\t||\n\t\t\t\t(height_after_resize > 0 && (height_after_resize > draggedItemMaxHeight\n\t\t\t\t|| height_after_resize < draggedItemMinHeight)\n\t\t\t\t)\n\t\t\t){\n\t\t\t\tdraggedItemNode.classList.add(\"border-danger\");\n\t\t\t}else{\n\t\t\t\tdraggedItemNode.classList.remove(\"border-danger\");\n\t\t\t}\n\t\t},\n\t\tremoveWidgetClones(){\n\t\t\tlet widgetClones = Array.from(document.getElementsByClassName(\"widgetClone\"));\n\t\t\tfor (let i = 0; i < widgetClones.length; i++) {\n\t\t\t\tthis.$refs.container.removeChild(widgetClones[i]);\n\t\t\t}\n\t\t},\n\t\tmouseDown(){\n\t\t\tthis.mode = MODE_MOUSE_DOWN;\n\t\t},\n\t\tmouseUp() {\n\t\t\tthis.mode = MODE_IDLE;\n\t\t},\n\t},\n\ttemplate: `\n\t\n\t\t
\n\t\n\t\t\t\n\t\t
\n\t\n\t
`,\n};\n","export default {\n\tdata(){\n\t\treturn {\n\n\t\t}\n\t},\n\tmethods:{\n\t\tonEnter(el,done){\n\t\t\tel.style.height = '0';\n\t\t\tel.style.height = el.scrollHeight + 'px';\n\t\t},\n\t\tonLeave(el,done){\n\t\t\tel.style.height = el.scrollHeight + 'px';\n\t\t\tel.style.height = '0';\n\t\t}\n\t},\n\ttemplate:\n\t/*html*/`\n\t\t\n\t\t\n\t\t\t\n\t\t\t\t{{ widget ? 'Config for ' + widget.setup.name : '' }}\n\t\t\t\n\t\t\t\n\t\t\t\t \n\t\t\n\t\t\t\n\t\t \n\t\t
\n\t\n\t\t\t\n\t\t\t\t\n\t\t\t \n\t\t\t{{ widget.setup.name }}\n\t\t\t\n\t\t\t\t\n\t\t\t\t \n\t\t
\n\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\n \t\t\n \t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t
\n\t\t\n\t\t
\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t
\n\t\t![]()
\n\t\t
`,\n}","import BsConfirm from \"../Bootstrap/Confirm.js\";\nimport DropGrid from '../Drop/Grid.js'\nimport DashboardItem from \"./Item.js\";\nimport CachedWidgetLoader from \"../../composables/Dashboard/CachedWidgetLoader.js\";\nimport WidgetIcon from \"./Widget/WidgetIcon.js\"\n\nexport default {\n\tname: 'Section',\n\tcomponents: {\n\t\tDropGrid,\n\t\tDashboardItem,\n\t\tWidgetIcon,\n\t},\n\tinject: {\n\t\twidgetsSetup:{\n\t\t\ttype: Array,\n\t\t\tdefault: [],\n\t\t},\n\t\tadminMode: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t},\n\t\teditMode: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t}\n\t},\n\tprops: [\n\t\t\"name\",\n\t\t\"widgets\"\n\t],\n\temits: [\n\t\t\"widgetAdd\",\n\t\t\"widgetUpdate\",\n\t\t\"widgetRemove\"\n\t],\n\tdata() {\n\t\treturn {\n\t\t\tconfigOpened: false,\n\t\t\tgridWidth: 1,\n\t\t\tgridHeight: null,\n\t\t\tdraggedItem:null,\n\t\t\tadditionalRow:false,\n\t\t}\n\t},\n\tprovide() {\n\t\treturn {\n\t\t\teditModeIsActive: Vue.computed(() =>\n\t\t\t\tthis.editModeIsActive\n\t\t\t),\t\n\t\t\tsectionName: Vue.computed(() => this.name),\t\n\t\t}\n\t},\n\tcomputed: {\n\t\tcomputedWidgetsSetup(){\n\t\t\tif(!this.widgetsSetup) return {};\n\t\t\treturn this.widgetsSetup.reduce((acc, setup)=>{\n\t\t\t\tacc[setup.widget_id] = setup.setup;\n\t\t\t\treturn acc;\n\t\t\t},{})\n\t\t},\n\t\teditModeIsActive() {\n\t\t\treturn (this.editMode || this.adminMode) && !this.configOpened\t\n\t\t},\n\t\tgetSectionStyle() {\n\t\t\treturn 'margin-bottom: 8px;';\n\t\t},\n\t\titems() {\n\t\t\t// reuses the nearest placement of the widget from another viewport \n\t\t\t/* const computeNearestPlace = (item, gridWidth) =>{\n\t\t\t\tlet place;\n\t\t\t\tif (Object.keys(item.place).length > 0) {\n\t\t\t\t\tconst nearestIndex = Object.keys(item.place)\n\t\t\t\t\t\t\t\t\t\t\t .sort((a, b) => Math.abs(a - gridWidth) - Math.abs(b - gridWidth))\n\t\t\t\t\t\t\t\t\t\t\t .shift();\n\t\t\t\t\tplace = item.place[nearestIndex];\n\t\t\t\t}\n\t\t\t\telse{\n\t\t\t\t\tplace = { x: 0, y: 0, w: 1, h: 1 };\n\t\t\t\t}\n\t\t\t\treturn place;\n\t\t\t} */\n\t\t\t\n\t\t\tlet placedItems = this.widgets.map(item => {\n\t\t\t\tif(!item?.widgetid && item?.id){\n\t\t\t\t\titem.widgetid = item.id;\n\t\t\t\t}\n\t\t\t\treturn { ...item, reorder: false, ...(item.place[this.gridWidth] || { reorder: true, ...{ x: 0, y: 0, w: 1, h: 1 } })};\n\t\t\t});\n\t\t\treturn placedItems;\n\t\t\t\n\t\t},\n\t\t\n\t},\n\tmethods: {\n\t\tsectionNameTranslation(){\n\t\t\tswitch(this.name){\n\t\t\t\tcase \"general\": \n\t\t\t\t\treturn this.$p.t('dashboard',this.name); \n\t\t\t\t\tbreak;\n\t\t\t\tcase \"custom\":\n\t\t\t\t\treturn this.$p.t('dashboard',this.name);\n\t\t\t\t\tbreak;\n\t\t\t\tdefault:\n\t\t\t\t\treturn this.name;\n\t\t\t\t\tbreak;\n\t\t\t}\n\t\t},\n\t\tshowSectionInformation(){\n\t\t\tif (this.name == \"general\"){\n\t\t\t\treturn this.$p.t('dashboard', 'dashboardGeneralSectionDescription'); \n\t\t\t}\n\t\t\telse if(this.name == \"custom\"){\n\t\t\t\treturn this.$p.t('dashboard', 'dashboardCustomSectionDescription');\n\t\t\t}\n\t\t\telse{\n\t\t\t\treturn this.$p.t('dashboard', 'dashboardSectionDescription', [this.name]);\n\t\t\t}\n\t\t},\n\t\thandleConfigOpened() {\n\t\t\tthis.configOpened = true\n\t\t},\n\t\thandleConfigClosed() {\n\t\t\tthis.configOpened = false\n\t\t},\n\t\tcheckResizeLimit(item, w, h) {\n\t\t\t// NOTE(chris): widgets needs to be loaded for this to work\n\t\t\tlet widget = CachedWidgetLoader.getWidget(item.widget);\n\t\t\tif (widget) {\n\t\t\t\tlet minmaxW = widget.setup.width;\n\t\t\t\tif (minmaxW.max)\n\t\t\t\t\tminmaxW.min = minmaxW.min || 1;\n\t\t\t\telse\n\t\t\t\t\tminmaxW = {min:minmaxW,max:minmaxW};\n\t\t\t\tif (w < minmaxW.min)\n\t\t\t\t\tw = minmaxW.min; \n\t\t\t\tif (w > minmaxW.max)\n\t\t\t\t\tw = minmaxW.max;\n\n\t\t\t\tlet minmaxH = widget.setup.height;\n\t\t\t\tif (minmaxH.max)\n\t\t\t\t\tminmaxH.min = minmaxH.min || 1;\n\t\t\t\telse\n\t\t\t\t\tminmaxH = {min:minmaxH,max:minmaxH};\n\t\t\t\tif (h < minmaxH.min)\n\t\t\t\t\th = minmaxH.min;\n\t\t\t\tif (h > minmaxH.max)\n\t\t\t\t\th = minmaxH.max;\n\t\t\t}\n\t\t\treturn [w, h];\n\t\t},\n\t\tremoveWidget(item, revert) {\n\t\t\tif (item.custom) {\n\t\t\t\tBsConfirm.popup('Are you sure you want to delete this widget?').then(() => this.$emit('widgetRemove', this.name, item.id));\n\t\t\t} else {\n\t\t\t\tlet update = {};\n\t\t\t\tupdate[item.id] = { hidden: !revert };\n\t\t\t\tthis.updatePreset(update);\n\t\t\t}\n\t\t},\n\t\tsaveConfig(config, item) {\n\t\t\tlet payload = {};\n\t\t\tpayload[item.id] = { config };\n\t\t\tthis.updatePreset(payload);\n\t\t},\n\t\tupdatePositions(updated, pinned=false) {\n\t\t\tlet result = {};\n\t\t\tupdated.forEach(update => {\n\t\t\t\t\n\t\t\t\tlet item = {...update.item};\n\t\t\t\tif (!item.placeholder) {\n\t\t\t\tif (!item.place[this.gridWidth])\n\t\t\t\t\titem.place[this.gridWidth] = {x: 0, y: 0, w: 1, h: 1};\n\t\t\t\tdelete item.x;\n\t\t\t\tdelete item.y;\n\t\t\t\tdelete item.w;\n\t\t\t\tdelete item.h;\n\t\t\t\tdelete item.place[this.gridWidth].pinned;\n\t\t\t\tif (update.x !== undefined)\n\t\t\t\t\titem.place[this.gridWidth].x = update.x;\n\t\t\t\tif (update.y !== undefined)\n\t\t\t\t\titem.place[this.gridWidth].y = update.y;\n\t\t\t\tif (update.w !== undefined)\n\t\t\t\t\titem.place[this.gridWidth].w = update.w;\n\t\t\t\tif (update.h !== undefined)\n\t\t\t\t\titem.place[this.gridWidth].h = update.h;\n\t\t\t\tif (pinned){\n\t\t\t\t\titem.place[this.gridWidth].pinned = true;\n\t\t\t\t}\n\n\t\t\t\tresult[item.id] = item;\n\t\t\t\t}\n\t\t\t});\n\t\t\tthis.updatePreset(result);\n\t\t},\n\t\tupdatePreset(update) {\n\t\t\tlet payload = {};\n\t\t\tpayload[this.name] = update;\n\t\t\tthis.$emit('widgetUpdate', this.name, payload);\n\t\t}\n\t},\n\tmounted() {\n\t\tlet self = this;\n\t\tlet cont = self.$refs.container;\n\t\tself.gridWidth = parseInt(window.getComputedStyle(cont).getPropertyValue('--fhc-dashboard-grid-size'));\n\t\t\n\t\twindow.addEventListener('resize', () => {\n\t\t\tself.gridWidth = parseInt(window.getComputedStyle(cont).getPropertyValue('--fhc-dashboard-grid-size'));\n\t\t});\n\t},\n\ttemplate: `\n\t\n\t\t\t
\n\t{{ widget.setup.name || widget.widget_kurzbz }}
\n\t\t\t{{ widget.beschreibung }}
\n\t\t\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t \n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t \n\t
`\n}\n\n/*\nOLD VERSION - ON HOVER\n\n\t\n\n*/","import BsModal from \"../../Bootstrap/Modal.js\";\nimport WidgetIcon from \"./WidgetIcon.js\";\n\nexport default {\n\tcomponents: {\n\t\tBsModal,\n\t\tWidgetIcon,\n\t},\n\tprops: [\n\t\t\"widgets\"\n\t],\n\tdata: () => ({\n\t\tcallbacks: {}\n\t}),\n\tmethods: {\n\t\tgetWidget() {\n\t\t\treturn new Promise((resolve,reject) => {\n\t\t\t\tthis.callbacks = {resolve,reject};\n\t\t\t\tthis.$refs.modal.show();\n\t\t\t});\n\t\t},\n\t\tclose() {\n\t\t\tif (this.callbacks.reject)\n\t\t\t\tthis.callbacks.reject();\n\t\t\tthis.callbacks = {};\n\t\t},\n\t\tpick(widget_id) {\n\t\t\tif (this.callbacks.resolve)\n\t\t\t\tthis.callbacks.resolve(widget_id);\n\t\t\tthis.callbacks = {};\n\t\t\tthis.$refs.modal.hide();\n\t\t},\n\t\t\n\t},\n\ttemplate: ``\n}\n","export default {\n\t/**\n\t* Performs a deep merge of objects and returns new object. Does not modify\n\t* objects (immutable) and merges arrays via concatenation.\n\t*\n\t* @param {...object} objects - Objects to merge\n\t* @returns {object} New object with merged key/values\n\t*/\n\tmergeDeep(...objects) {\n\t\tconst isObject = obj => obj && typeof obj === 'object';\n\t\t\n\t\treturn objects.reduce((prev, obj) => {\n\t\t\tObject.keys(obj).forEach(key => {\n\t\t\t\tconst pVal = prev[key];\n\t\t\t\tconst oVal = obj[key];\n\t\t\t\t\n\t\t\t\tif (Array.isArray(pVal) && Array.isArray(oVal)) {\n\t\t\t\t\tprev[key] = pVal.concat(...oVal);\n\t\t\t\t}\n\t\t\t\telse if (isObject(pVal) && isObject(oVal)) {\n\t\t\t\t\tprev[key] = this.mergeDeep(pVal, oVal);\n\t\t\t\t}\n\t\t\t\telse {\n\t\t\t\t\tprev[key] = oVal;\n\t\t\t\t}\n\t\t\t});\n\t\t\t\n\t\t\treturn prev;\n\t\t}, {});\n\t}\n}","import BsPrompt from \"../Bootstrap/Prompt.js\";\nimport DashboardAdminEdit from \"./Admin/Edit.js\";\nimport DashboardAdminWidgets from \"./Admin/Widgets.js\";\nimport DashboardAdminPresets from \"./Admin/Presets.js\";\n\nexport default {\n\tcomponents: {\n\t\tDashboardAdminEdit,\n\t\tDashboardAdminWidgets,\n\t\tDashboardAdminPresets\n\t},\n\tprovide() {\n\t\treturn {\n\t\t\tadminMode: true\n\t\t};\n\t},\n\tdata() {\n\t\treturn {\n\t\t\tdashboards: [],\n\t\t\tcurrent: -1,\n\t\t\twidgets: []\n\t\t};\n\t},\n\tcomputed: {\n\t\tapiurl() {\n\t\t\treturn FHC_JS_DATA_STORAGE_OBJECT.app_root + FHC_JS_DATA_STORAGE_OBJECT.ci_router + '/dashboard';\n\t\t},\n\t\tdashboard() {\n\t\t\treturn this.dashboards.find(el => el.dashboard_id == this.current);\n\t\t}\n\t},\n\tmethods: {\n\t\tdashboardAdd() {\n\t\t\tlet _name = '';\n\t\t\tBsPrompt.popup('New Dashboard name').then(\n\t\t\t\tname => {\n\t\t\t\t\t_name = name;\n\t\t\t\t\treturn axios.post(this.apiurl + '/Dashboard/create', {\n\t\t\t\t\t\tdashboard_kurzbz: name\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t).then(res => {\n\t\t\t\tlet newDashboard = {\n\t\t\t\t\tdashboard_id: res.data.retval,\n\t\t\t\t\tdashboard_kurzbz: _name,\n\t\t\t\t\tbeschreibung: ''\n\t\t\t\t};\n\t\t\t\tthis.dashboards.push(newDashboard);\n\t\t\t\tthis.current = newDashboard.dashboard_id;\n\t\t\t}).catch(err => err !== undefined ? console.error('ERROR:', err) : 0);\n\t\t},\n\t\tdashboardUpdate(dashboard) {\n\t\t\t// TODO(chris): Loading or message\n\t\t\taxios.post(this.apiurl + '/Dashboard/update', dashboard).then(() => {\n\t\t\t\tlet old = this.dashboards.find(el => el.dashboard_id == dashboard.dashboard_id);\n\t\t\t\told.dashboard_kurzbz = dashboard.dashboard_kurzbz;\n\t\t\t\told.beschreibung = dashboard.beschreibung;\n\t\t\t}).catch(err => console.error('ERROR:', err));\n\t\t},\n\t\tdashboardDelete(dashboard_id) {\n\t\t\taxios.post(this.apiurl + '/Dashboard/delete', {dashboard_id}).then(() => {\n\t\t\t\tthis.current = -1;\n\t\t\t\tthis.dashboards = this.dashboards.filter(el => el.dashboard_id != dashboard_id);\n\t\t\t}).catch(err => console.error('ERROR:', err));\n\t\t},\n\t\tassignWidgets(widgets) {\n\t\t\tthis.widgets = widgets;\n\t\t\t/*while (this.widgets.length)\n\t\t\t\tthis.widgets.pop();\n\t\t\tfor (var i in widgets)\n\t\t\t\tthis.widgets.push(widgets[i]);*/\n\t\t}\n\t},\n\tcreated() {\n\t\taxios.get(this.apiurl + '/Dashboard').then(res => {\n\t\t\tthis.dashboards = res.data.retval;\n\t\t}).catch(err => console.error('ERROR:', err));\n\t},\n\ttemplate: `\n\t\t\t\n\t\t\t{{sectionNameTranslation()}}:\n\t\t
\n\t\t\n\t\t\n\t\t
`\n}\n","import DashboardSection from \"../Section.js\";\nimport DashboardWidgetPicker from \"../Widget/Picker.js\";\nimport ObjectUtils from \"../../../helpers/ObjectUtils.js\";\n\nexport default {\n\tcomponents: {\n\t\tDashboardSection,\n\t\tDashboardWidgetPicker\n\t},\n\tprops: {\n\t\tdashboard: String,\n\t\twidgets: Array\n\t},\n\tdata: () => ({\n\t\tfunktionen: {},\n\t\tsections: [],\n\t\ttmpLoading: ''\n\t}),\n\tcomputed: {\n\t\tapiurl() {\n\t\t\treturn FHC_JS_DATA_STORAGE_OBJECT.app_root + FHC_JS_DATA_STORAGE_OBJECT.ci_router + '/dashboard';\n\t\t},\n\t\tpickerWidgets() {\n\t\t\treturn this.widgets.filter(widget => widget.allowed);\n\t\t}\n\t},\n\tmethods: {\n\t\twidgetAdd(section_name, widget) {\n\t\t\tthis.$refs.widgetpicker.getWidget().then(widget_id => {\n\t\t\t\twidget.widget = widget_id;\n\t\t\t\tdelete widget.custom;\n\t\t\t\twidget.preset = 1;\n\t\t\t\tlet loading = {...widget};\n\t\t\t\tloading.loading = true;\n\t\t\t\tthis.sections.forEach(section => {\n\t\t\t\t\tif (section.name == section_name)\n\t\t\t\t\t\tsection.widgets.push(loading);\n\t\t\t\t});\n\t\t\t\t\n\t\t\t\taxios.post(this.apiurl + '/Config/addWidgetsToPreset', {\n\t\t\t\t\tdb: this.dashboard,\n\t\t\t\t\tfunktion_kurzbz: section_name,\n\t\t\t\t\twidgets: [widget]\n\t\t\t\t}).then(result => {\n\t\t\t\t\tlet newId = Object.keys(result.data.retval.data[section_name].widgets).pop();\n\t\t\t\t\twidget.id = newId;\n\t\t\t\t\twidget.custom = 1;\n\t\t\t\t\tthis.sections.forEach(section => {\n\t\t\t\t\t\tif (section.name == section_name) {\n\t\t\t\t\t\t\tsection.widgets.splice(section.widgets.indexOf(loading),1);\n\t\t\t\t\t\t\tsection.widgets.push(widget);\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t}).catch(error => {\n\t\t\t\t\tconsole.error('ERROR: ', error);\n\t\t\t\t\talert('ERROR: ' + error.response.data.retval);\n\t\t\t\t});\n\t\t\t}).catch(() => {});\n\t\t},\n\t\twidgetUpdate(section_name, payload) {\n\t\t\tpayload = payload[section_name];\n\t\t\tfor (var k in payload) {\n\t\t\t\tfor (var i in this.sections) {\n\t\t\t\t\tif (this.sections[i].name == section_name) {\n\t\t\t\t\t\tfor (var wid in this.sections[i].widgets) {\n\t\t\t\t\t\t\tif (this.sections[i].widgets[wid].id == k) {\n\t\t\t\t\t\t\t\tpayload[k] = ObjectUtils.mergeDeep(this.sections[i].widgets[wid], payload[k]);\n\t\t\t\t\t\t\t\t// NOTE(chris): remove internal props\n\t\t\t\t\t\t\t\tfor (var prop in {_x:1,_y:1,_w:1,_h:1,index:1,id:1})\n\t\t\t\t\t\t\t\t\tif (payload[k][prop])\n\t\t\t\t\t\t\t\t\t\tdelete payload[k][prop];\n\t\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tpayload[k].widgetid = k;\n\t\t\t\tdelete payload[k].custom;\n\t\t\t}\n\t\t\taxios.post(this.apiurl + '/Config/addWidgetsToPreset', {\n\t\t\t\tdb: this.dashboard,\n\t\t\t\tfunktion_kurzbz: section_name,\n\t\t\t\twidgets: payload\n\t\t\t}).then(() => {\n\t\t\t\tthis.sections.forEach(section => {\n\t\t\t\t\tif (section.name == section_name) {\n\t\t\t\t\t\tsection.widgets.forEach((widget, i) => {\n\t\t\t\t\t\t\tif (payload[widget.id]) {\n\t\t\t\t\t\t\t\tpayload[widget.id].id = widget.id;\n\t\t\t\t\t\t\t\tpayload[widget.id].index = widget.index;\n\t\t\t\t\t\t\t\tsection.widgets[i] = payload[widget.id];\n\t\t\t\t\t\t\t\tsection.widgets[i].custom = 1;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t}).catch(error => {\n\t\t\t\t// TODO(chris): revert placement on failure\n\t\t\t\tconsole.error('ERROR: ', error);\n\t\t\t\talert('ERROR: ' + error.response.data.retval);\n\t\t\t});\n\t\t},\n\t\twidgetRemove(section_name, id) {\n\t\t\taxios.post(this.apiurl + '/Config/removeWidgetFromPreset', {\n\t\t\t\tdb: this.dashboard,\n\t\t\t\tfunktion_kurzbz: section_name,\n\t\t\t\twidgetid: id\n\t\t\t}).then(() => {\n\t\t\t\tthis.sections.forEach(section => {\n\t\t\t\t\tif (section.name == section_name)\n\t\t\t\t\t\tsection.widgets = section.widgets.filter(widget => widget.id != id);\n\t\t\t\t});\n\t\t\t}).catch(error => {\n\t\t\t\tconsole.error('ERROR: ', error);\n\t\t\t\talert('ERROR: ' + error.response.data.retval);\n\t\t\t});\n\t\t},\n\t\tloadSections(evt) {\n\t\t\tlet funktionen = Array.from(evt.target.querySelectorAll(\"option:checked\"),e=>e.value);\n\t\t\tthis.sections = [];\n\t\t\tthis.tmpLoading = funktionen.join('###');\n\t\t\taxios.get(this.apiurl + '/Config/presetBatch', {params: {\n\t\t\t\tdb: this.dashboard,\n\t\t\t\tfunktionen\n\t\t\t}}).then(res => {\n\t\t\t\tif (this.tmpLoading !== funktionen.join('###'))\n\t\t\t\t\treturn; // NOTE(chris): prevent race condition\n\t\t\t\tfor (var section in res.data.retval) {\n\t\t\t\t\tlet widgets = [];\n\t\t\t\t\tfor (var wid in res.data.retval[section]) {\n\t\t\t\t\t\tres.data.retval[section][wid].id = wid;\n\t\t\t\t\t\tres.data.retval[section][wid].custom = 1;\n\t\t\t\t\t\twidgets.push(res.data.retval[section][wid]);\n\t\t\t\t\t}\n\t\t\t\t\tthis.sections.push({\n\t\t\t\t\t\tname: section,\n\t\t\t\t\t\twidgets\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t}).catch(err => console.error('ERROR:', err));\n\t\t}\n\t},\n\tcreated() {\n\t\taxios.get(this.apiurl + '/Config/funktionen').then(res => {\n\t\t\tthis.funktionen = {general: 'GENERAL'};\n\t\t\tres.data.retval.forEach(funktion => {\n\t\t\t\tthis.funktionen[funktion.funktion_kurzbz] = funktion.beschreibung;\n\t\t\t});\n\t\t}).catch(err => console.error('ERROR:', err));\n\t},\n\twatch: {\n\t\tdashboard() {\n\t\t\t// TODO(chris): this should be done without a watcher\n\t\t\tthis.loadSections({target:this.$refs.funktionenList});\n\t\t}\n\t},\n\ttemplate: `\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t
\n\t\t\n\t\t\t
\n\t- \n\t\t\t\t
- \n\t\t\t\t\t\n\t\t\t\t \n\t\t\t\t
- \n\t\t\t\t\t\n\t\t\t\t \n\t\t\t\t
- \n\t\t\t\t\t\n\t\t\t\t \n\t\t\t
\n\t\t\t\t
\n\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t
`\n}\n","/**\n * Copyright (C) 2024 fhcomplete.org\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see \n\t\t\t
\n\t\t\n\t\t\t\t\n\t\t\t
\n\t\t\t\n\t\t\t\t
\n\t\t- '\n\t\t\t\t\t\t\t\t\t+ msgs.join('')\n\t\t\t\t\t\t\t\t\t+ '
- ' + msgs.join('') + '
Loading...
\n\t\t{{ errorMessage }}
\n\t\t\n\t\t
`\n}\n","import BsModal from './Modal.js';\n\nexport default {\n\tname: 'BootstrapAlert',\n\tcomponents: {\n\t\tBsModal\n\t},\n\tmixins: [\n\t\tBsModal\n\t],\n\tprops: {\n\t\tdialogClass: {\n\t\t\ttype: [String,Array,Object],\n\t\t\tdefault: 'modal-dialog-centered'\n\t\t},\n\t\t/*\n\t\t * NOTE(chris):\n\t\t * Hack to expose in \"emits\" declared events to $props which we use\n\t\t * in the v-bind directive to forward all events.\n\t\t * @see: https://github.com/vuejs/core/issues/3432\n\t\t*/\n\t\tonHideBsModal: Function,\n\t\tonHiddenBsModal: Function,\n\t\tonHidePreventedBsModal: Function,\n\t\tonShowBsModal: Function,\n\t\tonShownBsModal: Function\n\t},\n\tdata: () => ({\n\t\tresult: true\n\t}),\n\tmounted() {\n\t\tthis.modal = this.$refs.modalContainer.modal;\n\t},\n\tpopup(msg, options) {\n\t\treturn BsModal.popup.bind(this)(msg, options);\n\t},\n\ttemplate: `\n\t\t\t\n\t\t
\n\t\n\t\t\t\t\n\t\t\t
\n\t\t\n\t\t\n\t\t\t\n\t\t\t\n\t\t\n\t\n\t\t
`\n}\n","export default {\n\temits: [\n\t\t\"change\",\n\t\t\"assignWidgets\"\n\t],\n\tprops: {\n\t\tdashboard_id: Number,\n\t\twidgets: Array\n\t},\n\tcomputed: {\n\t\tapiurl() {\n\t\t\treturn FHC_JS_DATA_STORAGE_OBJECT.app_root + FHC_JS_DATA_STORAGE_OBJECT.ci_router + '/dashboard';\n\t\t}\n\t},\n\tmethods: {\n\t\tsendChange(widget_id) {\n\t\t\tlet allow = !this.widgets.find(el => el.widget_id == widget_id).allowed;\n\t\t\taxios.post(this.apiurl + '/Widget/setAllowed', {\n\t\t\t\tdashboard_id: this.dashboard_id,\n\t\t\t\twidget_id,\n\t\t\t\taction: allow ? 'add' : 'delete'\n\t\t\t}).catch(err => console.error('ERROR: ' + err));\n\t\t}\n\t},\n\tcreated() {\n\t\taxios.get(this.apiurl + '/Widget/getAll', {\n\t\t\tparams:{\n\t\t\t\tdashboard_id: this.dashboard_id\n\t\t\t}\n\t\t}).then(\n\t\t\tresult => {\n\t\t\t\tthis.$emit('assignWidgets', result.data.retval.map(el => ({\n\t\t\t\t\t...el,\n\t\t\t\t\t...{setup:JSON.parse(el.setup),arguments:JSON.parse(el.arguments),allowed:!!el.allowed}\n\t\t\t\t})));\n\t\t\t}\n\t\t).catch(err => console.error('ERROR:', err));\n\t},\n\ttemplate: `\n\t`\n}\n","export default {\n\tname:'GridItem',\n\tcomponents: {\n\t},\n\tinject: {\n\t},\n\tprops: {\n\t\titem: Object,\n\t\tactive: Boolean\n\t},\n\temits: [\n\t\t\"mouseDown\",\n\t\t\"mouseUp\",\n\t\t\"startMove\",\n\t\t\"startResize\",\n\t\t\"dragging\",\n\t\t\"endDrag\",\n\t\t\"dropDrag\",\n\t\t\"item\",\n\t\t\"touchStart\",\n\t\t\"touchEnd\",\n\t],\n\tdata() {\n\t\treturn {\n\t\t\tdragAction: '',\n\t\t\tdragging: false\n\t\t}\n\t},\n\tcomputed: {\n\t},\n\tmethods: {\n\t\tregisterDragAction(evt) {\n\t\t\tthis.$emit('mouseDown', evt);\n\t\t\tif (evt.target.hasAttribute('drag-action')) {\n\t\t\t\tthis.dragAction = evt.target.getAttribute('drag-action');\n\t\t\t} else {\n\t\t\t\tlet parent = evt.target.closest('[drag-action]');\n\t\t\t\tif (parent) {\n\t\t\t\t\tthis.dragAction = parent.getAttribute('drag-action');\n\t\t\t\t} else {\n\t\t\t\t\tthis.dragAction = '';\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\ttryDragStart(evt, item) {\n\t\t\tlet dragAction = this.dragAction || evt.target.getAttribute('drag-action');\n\t\t\tif (dragAction) {\n\t\t\t\tthis.dragging = true;\n\t\t\t\tif (dragAction == 'move')\n\t\t\t\t\treturn this.$emit('startMove', evt, item);\n\t\t\t\telse if (dragAction == 'resize')\n\t\t\t\t\treturn this.$emit('startResize', evt, item);\n\t\t\t}\n\t\t\t//evt.preventDefault();\n\t\t},\n\t\ttouchDragEnd(evt) {\n\t\t\tif (!this.dragging)\n\t\t\t\treturn;\n\t\t\tthis.dragging = false;\n\t\t\tthis.$emit('touchEnd', evt);\n\t\t},\n\t\ttouchStart(event){\n\t\t\tthis.$emit('touchStart', event); \n\t\t\tthis.registerDragAction(event); \n\t\t\tthis.tryDragStart(event, this.item);\n\t\t},\n\t\ttouchMove(event){\n\t\t\tif(this.dragging){\n\t\t\t\tevent.preventDefault();\n\t\t\t\tthis.$emit('dragging', event);\n\t\t\t}\n\t\t}\n\t\t\n\t},\n\ttemplate: `\n\t\n\t\t\t\n\t\t\t\n\t\t
\n\t\t\n\t\t\t\n\t\t\t\n\t\t
\n\t\t\n\t\t\t\n\t\t\t\n\t\t
\n\t\n\t\t
`\n}\n","// TODO(chris): Comments\n\nconst DIR_UP = 0;\nconst DIR_LEFT = 1;\nconst DIR_RIGHT = 2;\nconst DIR_DOWN = 3;\n\nclass GridLogic {\n\tconstructor(w) {\n\t\tif (w.w) {\n\t\t\tthis.w = w.w;\n\t\t\tthis.h = w.h;\n\t\t\tthis.data = [...w.data];\n\t\t\tthis.grid = [...w.grid];\n\t\t} else {\n\t\t\tthis.w = w;\n\t\t\tthis.h = 1;\n\t\t\tthis.data = [];\n\t\t\tthis.grid = [];\n\t\t}\n\t}\n\tisFreeSlot(x, y) {\n\t\tconst i = y*this.w + x;\n\t\treturn !this.grid[i] && this.grid[i] !== 0;\n\t}\n\tgetMaxY(){\n\t\treturn this.data.reduce((acc, item) => { \n\t\t\tif (item?.y > acc) {\n\t\t\t\t acc = item.y; \n\t\t\t} \n\t\t\treturn acc; \n\t\t}, 0);\n\t}\n\tgetFreeSlots() {\n\t\tconst freeSlots = [];\n\t\tlet biggestY = this.getMaxY();\n\t\tlet totalSpaces = this.w * (biggestY+1);\n\t\tfor(let i=0; i < totalSpaces; i++){\n\t\t\tif (!this.grid[i] && this.grid[i] !== 0){\n\t\t\t\tthis.grid[i] = undefined;\n\t\t\t}\n\t\t}\n\t\tfor(let i =0; i < this.grid.length; i++){\n\t\t\tif (!this.grid[i] && this.grid[i] !== 0){\n\t\t\t\tlet x = i % this.w;\n\t\t\t\tlet y = Math.floor(i / this.w);\n\t\t\t\tfreeSlots.push({x, y});\n\t\t\t}\n\t\t}\n\t\treturn freeSlots;\n\t}\n\tadd(item, prefer) {\n\t\tlet occupiers = this.getItemsInFrame(item.frame);\n\t\tif (!occupiers.length) {\n\t\t\titem.frame.forEach(f => this.grid[f] = item.index);\n\t\t\tthis.data[item.index] = item;\n\t\t\tthis.h = Math.max(this.h, item.y + item.h);\n\t\t\treturn [];\n\t\t} else {\n\t\t\tconst intermGrid = new GridLogic(this);\n\t\t\t\n\t\t\titem.frame.forEach(f => intermGrid.grid[f] = -1);\n\n\t\t\tconst possiblities = intermGrid.tryMoving(occupiers, prefer);\n\t\t\tif (possiblities.length) {\n\t\t\t\tconst bestOption = possiblities.sort((a,b) => {\n\t\t\t\t\tif (a.cost === undefined)\n\t\t\t\t\t\ta.cost = a.moves.reduce((a, v) => a * v.cost, 1);\n\t\t\t\t\tif (b.cost === undefined)\n\t\t\t\t\t\tb.cost = b.moves.reduce((a, v) => a * v.cost, 1);\n\t\t\t\t\treturn a.cost > b.cost;\n\t\t\t\t});\n\t\t\t\tconst result = [];\n\t\t\t\tbestOption[0].moves.forEach(move => {\n\t\t\t\t\tconst currItem = {...this.data[move.index]};\n\t\t\t\t\tcurrItem.x += move.x;\n\t\t\t\t\tcurrItem.y += move.y;\n\t\t\t\t\tcurrItem.frame = this.getItemFrame(currItem);\n\t\t\t\t\tthis.h = Math.max(this.h, currItem.y + currItem.h);\n\t\t\t\t\tthis.remove(currItem);\n\t\t\t\t\tcurrItem.frame.forEach(f => this.grid[f] = currItem.index);\n\t\t\t\t\tthis.data[move.index] = currItem;\n\t\t\t\t\tresult[move.index] = {\n\t\t\t\t\t\tindex: currItem.index,\n\t\t\t\t\t\tx: currItem.x,\n\t\t\t\t\t\ty: currItem.y\n\t\t\t\t\t};\n\t\t\t\t});\n\t\t\t\titem.frame.forEach(f => this.grid[f] = item.index);\n\t\t\t\tthis.data[item.index] = item;\n\n\t\t\t\treturn result;\n\t\t\t} else {\n\t\t\t\tconsole.error('FATAL', \"can't arrange item on grid\");\n\t\t\t}\n\t\t}\n\t}\n\tmove(item, x, y) {\n\t\tif (item.data.place[this.w]?.pinned)\n\t\t\treturn [];\n\t\tif (item.x == x && item.y == y)\n\t\t\treturn [];\n\t\t\n\t\tthis.remove(item);\n\n\t\tlet prefer = undefined;\n\t\tif (item.x == x) {\n\t\t\tif (y-item.y > 0)\n\t\t\t\tprefer = DIR_UP;\n\t\t\telse\n\t\t\t\tprefer = DIR_DOWN;\n\t\t} else if (item.y == y) {\n\t\t\tif (x-item.x > 0)\n\t\t\t\tprefer = DIR_LEFT;\n\t\t\telse\n\t\t\t\tprefer = DIR_RIGHT;\n\t\t}\n\n\t\tconst originalFrame = Array.isArray(item.frame) ? [...item.frame] : [item.frame];\n\n\t\tconst currItem = {...item};\n\t\tcurrItem.x = x;\n\t\tcurrItem.y = y;\n\t\tcurrItem.frame = this.getItemFrame(currItem);\n\t\tlet occupiers = this.getItemsInFrame(currItem.frame);\n\t\t\n\t\t// does not update if the target conatins pinned widgets\n\t\tif (occupiers.some(frame => this.data[frame]?.data.place[this.w]?.pinned)) {\n\t\t\treturn [];\n\t\t}\n\t\t\n\t\t// checks if target contains widget with the same high and width\n\t\tlet occupiersData = occupiers.map(occupier => this.data[occupier]);\n\t\tlet occupiersFrame = occupiersData.map(occupier => occupier.frame).flat();\n\t\tif (!occupiersFrame.some(frame => !currItem.frame.includes(frame)) && !occupiersFrame.some(frame => originalFrame.includes(frame))){\n\t\t\tlet replaceUpdate = [];\n\t\t\tlet newOccupierFrames = [];\n\t\t\tfor(let f of originalFrame){\n\t\t\t\tif(newOccupierFrames.includes(f)){\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\t\t\t\tlet occ = occupiersData.shift();\n\t\t\t\tif(occ){\n\t\t\t\t\tnewOccupierFrames = [...newOccupierFrames, ...this.getItemFrame({ ...occ, ...this.getSingleFramePosition(f) })];\n\t\t\t\t\treplaceUpdate[occ.index] = { index: occ.index, ...this.getSingleFramePosition(f)}\n\t\t\t\t}\n\t\t\t}\n\t\t\treplaceUpdate[item.index] = { index: item.index, x, y };\n\t\t\t\n\t\t\treturn replaceUpdate;\n\t\t}\n\t\t\n\t\tconst updates = this.add(currItem, prefer);\n\t\tupdates[item.index] = {index: item.index, x, y};\n\t\treturn updates;\n\t}\n\tresize(item, w, h) {\n\t\tif (item.w == w && item.h == h)\n\t\t\treturn [];\n\t\tthis.remove(item);\n\n\t\tconst currItem = {...item};\n\t\tcurrItem.w = w;\n\t\tcurrItem.h = h;\n\t\tcurrItem.frame = this.getItemFrame(currItem);\n\t\t\n\t\tconst updates = this.add(currItem);\n\t\tif(updates)\n\t\t\tupdates[item.index] = {index: item.index, w, h, x:item.x, y:item.y, resize:true};\n\n\t\treturn updates;\n\t}\n\ttryMoving(index, prefer) {\n\t\tif (Array.isArray(index)) {\n\t\t\tindex.forEach(i => this.remove({index:i}));\n\t\t\tlet possiblities = [{grid: this, moves: []}];\n\t\t\tindex.forEach(i => {\n\t\t\t\tlet newPoss = [];\n\t\t\t\tpossiblities.forEach(possiblity => {\n\t\t\t\t\tpossiblity.grid.tryMoving(i, prefer).forEach(p => {\n\t\t\t\t\t\tpossiblity.moves\n\t\t\t\t\t\tp.moves = [...p.moves, ...possiblity.moves];\n\t\t\t\t\t\tnewPoss.push(p)\n\t\t\t\t\t});\n\t\t\t\t});\n\t\t\t\tpossiblities = newPoss;\n\t\t\t});\n\t\t\treturn possiblities;\n\t\t}\n\t\tconst directions = [DIR_UP, DIR_DOWN, DIR_LEFT, DIR_RIGHT];\n\n\t\tthis.remove({index});\n\n\t\tconst weight = 1 + .2*(this.data[index].weight || 0);\n\n\t\treturn directions.reduce((result, dir) => {\n\t\t\tlet res = this.tryMovingInDirection(dir, index, 1, (prefer === dir ? .5 : 1 + dir*.1) * weight);\n\t\t\tif (!res)\n\t\t\t\treturn result;\n\t\t\treturn [...result, ...res];\n\t\t}, []).filter(p => p);\n\t}\n\ttryMovingInDirection(dir, index, amount, cost) {\n\t\tconst move = {index, x:0, y: 0, cost: cost};\n\t\tlet targetframe;\n\t\tswitch(dir) {\n\t\t\tcase DIR_UP:\n\t\t\t\tif (this.data[index].data?.place[this.w]?.pinned || this.data[index].y - amount < 0)\n\t\t\t\t\treturn false;\n\t\t\t\ttargetframe = this.data[index].frame.map(i => i-this.w*amount);\n\t\t\t\tmove.y = -amount;\n\t\t\t\tbreak;\n\t\t\tcase DIR_DOWN:\n\t\t\t\tif (this.data[index].data?.place[this.w]?.pinned)\n\t\t\t\t\treturn false;\n\t\t\t\tif (this.data[index].y + this.data[index].h + amount > this.h)\n\t\t\t\t\tcost += .4;\n\t\t\t\ttargetframe = this.data[index].frame.map(i => i+this.w*amount);\n\t\t\t\tmove.y = amount;\n\t\t\t\tbreak;\n\t\t\tcase DIR_LEFT:\n\t\t\t\tif (this.data[index].data?.place[this.w]?.pinned || this.data[index].x - amount < 0)\n\t\t\t\t\treturn false;\n\t\t\t\ttargetframe = this.data[index].frame.map(i => i-amount);\n\t\t\t\tmove.x = -amount;\n\t\t\t\tbreak;\n\t\t\tcase DIR_RIGHT:\n\t\t\t\tif (this.data[index].data?.place[this.w]?.pinned || this.data[index].x + this.data[index].w + amount > this.w)\n\t\t\t\t\treturn false;\n\t\t\t\ttargetframe = this.data[index].frame.map(i => i+amount);\n\t\t\t\tmove.x = amount;\n\t\t\t\tbreak;\n\t\t}\n\n\t\tconst occupiers = this.getItemsInFrame(targetframe);\n\t\tif (occupiers.includes(-1)) {\n\t\t\treturn this.tryMovingInDirection(dir, index, amount+1, cost);\n\t\t}\n\t\t\n\t\tconst intermGrid = new GridLogic(this);\n\t\ttargetframe.forEach(f => intermGrid.grid[f] = -1);\n\t\t\n\t\tif (!occupiers.length) {\n\t\t\treturn [{grid: intermGrid, moves: [move]}];\n\t\t}\n\t\tconst possiblities = intermGrid.tryMoving(occupiers).map(possiblity => possiblity.moves.unshift(move) && possiblity);\n\t\treturn possiblities.length ? possiblities : false;\n\t}\n\tclearWeights() {\n\t\tthis.data.forEach(item => item.weight = undefined);\n\t}\n\tgetItemsInFrame(frame) {\n\t\treturn frame.map(i => this.grid[i]).filter((v,i,a) => (v || v === 0) && a.indexOf(v) === i);\n\t}\n\tremove(item) {\n\t\tthis.grid = this.grid.map(i => i != item.index ? i : undefined);\n\t}\n\tgetItemFrame(item) {\n\t\tconst frame = [];\n\t\tfor (let i = 0; i < item.w; i++)\n\t\t\tfor (let j = 0; j < item.h; j++)\n\t\t\t\tframe.push(i + item.x + (j + item.y) * this.w);\n\t\treturn frame;\n\t}\n\tgetSingleFramePosition(frame){\n\t\treturn { x: frame % this.w, y: Math.floor(frame / this.w)};\n\t}\n\tdebug() {\n\t\treturn this.grid;\n\t}\n}\n\nexport default GridLogic;","// TODO(chris): Comments\n\nimport GridItem from './Grid/Item.js';\nimport GridLogic from '../../composables/GridLogic.js';\n\nconst MODE_IDLE = 0;\nconst MODE_MOVE = 1;\nconst MODE_RESIZE = 2;\nconst MODE_MOUSE_DOWN = 3;\n\nexport default {\n\tname: 'Grid',\n\tcomponents: {\n\t\tGridItem,\n\t},\n\tprops: {\n\t\tcols: Number,\n\t\titems: Array,\n\t\titemsSetup: Object,\n\t\tresizeLimit: Function,\n\t\tactive: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true\n\t\t},\n\t\tmarginForExtraRow: {\n\t\t\ttype: Number,\n\t\t\tdefault: 0\n\t\t},\n\t\tadditionalRow:{\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t}\n\t},\n\temits: [\n\t\t\"rearrangeItems\",\n\t\t\"newItem\",\n\t\t\"gridHeight\",\n\t\t\"draggedItem\",\n\t\t\"update:additionalRow\"\n\t],\n\tdata() {\n\t\treturn {\n\t\t\tx: -1,\n\t\t\ty: -1,\n\t\t\tclientX:0,\n\t\t\tclientY: 0,\n\t\t\tmode: MODE_IDLE,\n\t\t\tgrid: null,\n\t\t\tdragGrid: null,\n\t\t\tpermUpdates: [],\n\t\t\tpositionUpdates: null,\n\t\t\tfixedPositionUpdates: null,\n\t\t\tdraggedOffset: [0,0],\n\t\t\tdraggedItem: null,\n\t\t\tdraggedNode: null,\n\t\t\treorderedItems:[],\n\t\t\tclonedWidget:null,\n\t\t}\n\t},\n\tinject:{\n\t\tsectionName: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\t},\n\tcomputed: {\n\t\tadditionalRowComputed: {\n\t\t\tget() {\n\t\t\t\treturn this.additionalRow;\n\t\t\t},\n\t\t\tset(value) {\n\t\t\t\tthis.$emit('update:additionalRow', value);\n\t\t\t}\n\t\t},\n\t\titems_hashmap() {\n\t\t\tlet items = {};\n\t\t\tthis.items.forEach(item => {\n\t\t\t\tif (this.reorderedItems.length > 0 && this.needsReordering(item)){\n\t\t\t\t\t\tlet rearrangedPosition = this.reorderedItems.filter(widget => widget.data.widgetid == item.widgetid)?.pop();\n\t\t\t\t\t\tif (rearrangedPosition) {\t\t\t\n\t\t\t\t\t\t\titem.x = rearrangedPosition.x;\n\t\t\t\t\t\t\titem.y = rearrangedPosition.y;\n\t\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\titems[`x${item.x}y${item.y}`] = item;\n\t\t\t});\t\n\t\t\treturn items\n\t\t},\n\t\titems_placeholders(){\n\t\t\tlet placeholders = [];\n\t\t\tlet col_max = this.cols;\n\t\t\tlet rows_max = this.rows;\n\n\t\t\t// occupied hashmap to keep track of the occupied cells\n\t\t\tlet occupied = {};\n\n\t\t\tfor (let y = 0; y < rows_max; y++) {\n\t\t\t\tfor (let x = 0; x < col_max; x++) {\n\t\t\t\t\t// skip current position if it was registered as occupied\n\t\t\t\t\tif (Object.keys(occupied).length && occupied[`x${x}y${y}`]) {\n\t\t\t\t\t\tcontinue;\n\t\t\t\t\t}\n\t\t\t\t\tlet current_item = this.items_hashmap[`x${x}y${y}`];\n\t\t\t\t\tif (current_item) {\n\t\t\t\t\t\t//calculate the occupied cells from the width and the height from the items \n\t\t\t\t\t\tlet width = current_item.w;\n\t\t\t\t\t\tlet height = current_item.h;\n\t\t\t\t\t\tlet max_x = x + width - 1;\n\t\t\t\t\t\tlet max_y = y + height - 1;\n\t\t\t\t\t\tif(x != max_x || y != max_y){\n\t\t\t\t\t\t\tfor (let occupied_y = y; occupied_y <= max_y; occupied_y++) {\n\t\t\t\t\t\t\t\tfor (let occupied_x = x; occupied_x <= max_x; occupied_x++) {\n\t\t\t\t\t\t\t\t\tif (occupied_x != x || occupied_y != y) {\n\t\t\t\t\t\t\t\t\t\toccupied[`x${occupied_x}y${occupied_y}`]=true;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\telse {\n\t\t\t\t\t\tplaceholders.push({ x: x, y: y, w: 1, h: 1, placeholder: true, \n\t\t\t\t\t\t\tdata: { id: 'placeholder_' + String(placeholders.length).padStart(4, \"0\") } });\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn placeholders;\n\t\t},\n\t\tplacedItems_withPlaceholders() {\n\t\t\treturn [...this.placedItems, ...this.items_placeholders];\n\t\t},\n\t\trows() {\n\t\t\tif (this.additionalRowComputed) {\n\t\t\t\t\treturn this.grid ? (this.grid.h+1) : 1;\n\t\t\t}\n\t\t\treturn this.grid ? this.grid.h : 1;\n\t\t\t\n\t\t},\n\t\tgridStyle() {\n\t\t\tconst addH = this.active ? this.marginForExtraRow : 0;\n\t\t\treturn {\n\t\t\t\t'--fhc-dg-row-height': 100/(this.rows + addH) + '%',\n\t\t\t\t'--fhc-dg-col-width': 100/this.cols + '%',\n\t\t\t\t'--fhc-dg-item-padding-horizontal': '0.25%',\n\t\t\t\t'--fhc-dg-item-padding-top': '0.5%',\n\t\t\t\t'padding-bottom': 100 * (this.rows + addH)/this.cols + '%'\n\t\t\t}\n\t\t},\n\t\tindexedItems() {\n\t\t\treturn this.items.map(\n\t\t\t\t(item, index) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\tindex: index,\n\t\t\t\t\t\tx: item.x,\n\t\t\t\t\t\ty: item.y,\n\t\t\t\t\t\tw: item.w,\n\t\t\t\t\t\th: item.h,\n\t\t\t\t\t\tweight: item.weight || 0,\n\t\t\t\t\t\tdata: item\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t);\n\t\t},\n\t\tprePlacedItems() {\n\t\t\tif (!this.fixedPositionUpdates)\n\t\t\t\treturn this.indexedItems;\n\t\t\treturn this.indexedItems.map(item => {\n\t\t\t\tif (!this.fixedPositionUpdates[item.index])\n\t\t\t\t\treturn item;\n\t\t\t\treturn {\n\t\t\t\t\tindex: item.index,\n\t\t\t\t\tweight: item.weight,\n\t\t\t\t\tdata: item.data,\n\t\t\t\t\tx: this.fixedPositionUpdates[item.index].x === undefined ? item.x : this.fixedPositionUpdates[item.index].x,\n\t\t\t\t\ty: this.fixedPositionUpdates[item.index].y === undefined ? item.y : this.fixedPositionUpdates[item.index].y,\n\t\t\t\t\tw: this.fixedPositionUpdates[item.index].w === undefined ? item.w : this.fixedPositionUpdates[item.index].w,\n\t\t\t\t\th: this.fixedPositionUpdates[item.index].h === undefined ? item.h : this.fixedPositionUpdates[item.index].h\n\t\t\t\t};\n\t\t\t});\n\t\t},\n\t\tplacedItems() {\n\t\t\tif (!this.positionUpdates)\n\t\t\t\treturn this.prePlacedItems;\n\t\t\tlet mappedPlacedItems= this.prePlacedItems.map(item => {\n\t\t\t\tif (!this.positionUpdates[item.index] )\n\t\t\t\t\treturn item;\n\t\t\t\tlet height_diff = this.positionUpdates[item.index]?.h - item.h;\n\t\t\t\tlet width_diff = this.positionUpdates[item.index]?.w - item.w;\n\t\t\t\treturn {\n\t\t\t\t\tresize: this.positionUpdates[item.index]?.resize,\n\t\t\t\t\tindex: item.index,\n\t\t\t\t\tweight: item.weight,\n\t\t\t\t\tdata: item.data,\n\t\t\t\t\tx: this.positionUpdates[item.index].x === undefined ? item.x : this.positionUpdates[item.index].x,\n\t\t\t\t\ty: this.positionUpdates[item.index].y === undefined ? item.y : this.positionUpdates[item.index].y,\n\t\t\t\t\tw: width_diff>0?item.w:this.positionUpdates[item.index].w === undefined ? item.w : this.positionUpdates[item.index].w,\n\t\t\t\t\th: height_diff > 0 ?item.h:this.positionUpdates[item.index].h === undefined ? item.h : this.positionUpdates[item.index].h\n\t\t\t\t\t\n\t\t\t\t};\n\t\t\t});\n\n\t\t\tlet temporaryResizeItems = [];\n\t\t\tmappedPlacedItems.forEach(item=>{\n\t\t\t\tif(item.resize){\n\t\t\t\t\tlet newItem = {\n\t\t\t\t\t\t...item,\n\t\t\t\t\t\tw:this.positionUpdates[item.index].w === undefined ? item.w : this.positionUpdates[item.index].w,\n\t\t\t\t\t\th:this.positionUpdates[item.index].h === undefined ? item.h : this.positionUpdates[item.index].h,\n\t\t\t\t\t\tresizeOverlay:true,\n\t\t\t\t\t\tblank:true,\n\t\t\t\t\t};\n\t\t\t\t\ttemporaryResizeItems.push(newItem)\n\t\t\t\t}\n\t\t\t})\n\t\t\treturn [...mappedPlacedItems, ...temporaryResizeItems];\n\t\t},\n\t\tshowEmptyTileHover() {\n\t\t\tif (!this.active || !this.grid || this.mode != MODE_IDLE || this.x < 0 || this.y < 0 || this.x >= this.cols || this.y >= this.rows)\n\t\t\t\treturn false;\n\t\t\treturn this.grid.isFreeSlot(this.x, this.y);\n\t\t},\n\t\twidgetSetup(){\n\t\t\tif (!this.widgetsSetup)\n\t\t\t\treturn;\n\t\t\treturn this.widgetsSetup.reduce((acc, ele) => { \n\t\t\t\tacc[ele.widget_id] =ele;\n\t\t\t\treturn acc;\n\t\t\t} ,{});\n\t\t},\n\t},\n\twatch: {\n\t\tactive(active) {\n\t\t\tif (!active)\n\t\t\t\tthis.dragCancel();\n\t\t},\n\t\tcols() {\n\t\t\tthis.dragCancel();\n\t\t},\n\t rows: {\n\t\t\thandler(value) {\n\t\t\t\tthis.$emit('gridHeight', value);\n\t\t\t},\n\t\t\timmediate: true\n\t\t},\n\t\tindexedItems: {\n\t\t\thandler(value) {\n\t\t\t\tthis.dragCancel();\n\n\t\t\t\tconst updated = this.createNewGrid(value);\n\n\t\t\t\tthis.fixedPositionUpdates = updated;\n\t\t\t\tif (updated.length)\n\t\t\t\t\tthis.$emit('rearrangeItems', updated.filter(v => v));\n\t\t\t},\n\t\t\timmediate: true,\n\t\t\tdeep: true\n\t\t}\n\t},\n\tmethods: {\n\t\tneedsReordering(item){\n\t\t\tif (!item?.data?.place[this.cols]){\n\t\t\t\treturn true;\n\t\t\t}\n\t\t\treturn false;\n\t\t},\n\t\ttoggleDraggedItemOverlay(condition){\n\t\t\tif(!this.draggedNode)\n\t\t\t\treturn;\n\t\t\tif(condition){\n\t\t\t\tthis.draggedNode.firstElementChild.classList.add(\"dashboard-item-overlay\");\n\t\t\t}else{\n\t\t\t\tthis.draggedNode.firstElementChild.classList.remove(\"dashboard-item-overlay\");\n\t\t\t}\n\t\t},\n\t\tdragging(event){\n\t\t\tif(this.mode == MODE_MOVE){\n\t\t\t\tthis.toggleDraggedItemOverlay(true);\n\t\t\t\t\n\t\t\t\tconst containerRect = this.$refs.container.getBoundingClientRect();\n\t\t\t\tconst clonedWidgetRect = this.clonedWidget.getBoundingClientRect();\n\t\t\t\t\n\t\t\t\tlet desiredTop = this.clientY - 20;\n\t\t\t\tlet desiredLeft = this.clientX - 15;\n\t\t\t\t\n\t\t\t\tconst minTop = 0;\n\t\t\t\tconst maxTop = containerRect.height - clonedWidgetRect.height;\n\t\t\t\tconst minLeft = 0;\n\t\t\t\tconst maxLeft = containerRect.width - clonedWidgetRect.width;\n\t\t\t\t\n\t\t\t\tconst constrainedTop = Math.max(minTop, Math.min(maxTop, desiredTop));\n\t\t\t\tconst constrainedLeft = Math.max(minLeft, Math.min(maxLeft, desiredLeft));\n\t\t\t\t\n\t\t\t\tthis.clonedWidget.style.top = `${constrainedTop}px`;\n\t\t\t\tthis.clonedWidget.style.left = `${constrainedLeft}px`;\n\t\t\t}\n\t\t},\n\t\tcreateNewGrid(items) {\n\t\t\tthis.grid = new GridLogic(this.cols);\n\t\t\tconst result = [];\n\t\t\tlet sortedItems = [...items].sort((a, b) => {\n\t\t\t\tif(this.needsReordering(a) && this.needsReordering(b)){\n\t\t\t\t\treturn 0;\n\t\t\t\t}\n\t\t\t\telse if(this.needsReordering(a)){\n\t\t\t\t\treturn 999;\n\t\t\t\t}\n\t\t\t\telse if(this.needsReordering(b)){\n\t\t\t\t\treturn -999;\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\treturn a.weight > b.weight;\n\t\t\t}); \n\t\t\tlet reorderedItems = [];\n\t\t\tsortedItems.forEach(item => {\n\t\t\t\tlet freeSlots = this.grid.getFreeSlots();\n\t\t\t\t\n\t\t\t\tif(this.needsReordering(item)){\n\t\t\t\t\tlet firstFreeSlot = freeSlots.shift();\n\t\t\t\t\tif (!firstFreeSlot) {\n\t\t\t\t\t\titem.x = 0;\n\t\t\t\t\t\titem.y = this.grid.h;\n\t\t\t\t\t}else{\n\t\t\t\t\t\titem.x = firstFreeSlot.x;\n\t\t\t\t\t\titem.y = firstFreeSlot.y;\n\t\t\t\t\t}\n\t\t\t\t\treorderedItems.push(item);\n\t\t\t\t\t\n\t\t\t\t}\n\t\t\t\tif (item.x + item.w > this.cols) {\n\t\t\t\t\tlet targetW = this.cols-item.x,\n\t\t\t\t\t\ttargetX = undefined;\n\t\t\t\t\tif (this.resizeLimit) {\n\t\t\t\t\t\t[targetW] = this.resizeLimit(item.data, targetW, item.h);\n\t\t\t\t\t}\n\t\t\t\t\tif (targetW < 1)\n\t\t\t\t\t\ttargetW = 1;\n\t\t\t\t\tif (targetW > this.cols)\n\t\t\t\t\t\ttargetW = this.cols;\n\t\t\t\t\tif (item.x + targetW > this.cols) {\n\t\t\t\t\t\ttargetX = this.cols - targetW;\n\t\t\t\t\t}\n\t\t\t\t\tif (targetW == item.w)\n\t\t\t\t\t\ttargetW = undefined;\n\t\t\t\t\tresult[item.index] = {\n\t\t\t\t\t\titem: item.data,\n\t\t\t\t\t\tx: targetX,\n\t\t\t\t\t\tw: targetW\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t\titem.frame = this.grid.getItemFrame(item);\n\t\t\t\tthis.convertGridResultToUpdate(this.grid.add(item), result, items);\n\t\t\t});\n\t\t\tthis.reorderedItems = reorderedItems;\n\t\t\tthis.grid.clearWeights();\n\t\t\treturn result;\n\t\t},\n\t\tconvertGridResultToUpdate(input, output, baseArray) {\n\t\t\t\n\t\t\tif (!input)\n\t\t\t\treturn;\n\t\t\tif (!baseArray)\n\t\t\t\tbaseArray = this.indexedItems;\n\t\t\tinput.forEach(item => {\n\t\t\t\tlet result = {\n\t\t\t\t\titem: baseArray[item.index].data\n\t\t\t\t};\n\t\t\t\tif (item.x !== undefined)\n\t\t\t\t\tresult.x = item.x;\n\t\t\t\tif (item.y !== undefined)\n\t\t\t\t\tresult.y = item.y;\n\t\t\t\tif (item.w !== undefined)\n\t\t\t\t\tresult.w = item.w;\n\t\t\t\tif (item.h !== undefined)\n\t\t\t\t\tresult.h = item.h;\n\t\t\t\toutput[item.index] = result;\n\t\t\t});\n\t\t},\n\t\tmouseLeave() {\n\t\t\t/* if (this.mode == MODE_IDLE) {\n\t\t\t\tthis.x = -1;\n\t\t\t\tthis.y = -1;\n\t\t\t\t\n\t\t\t} */\n\t\t},\n\t\tupdateCursor(evt) {\n\t\t\tif (!this.active) {\n\t\t\t\tthis.x = this.y = -1;\n\t\t\t\treturn false;\n\t\t\t}\n\t\t\tconst addH = this.active ? this.marginForExtraRow : 0;\n\t\t\tconst rect = this.$refs.container.getBoundingClientRect();\n\t\t\t\n\t\t\tif (!evt.clientX && !evt.clientY && evt.touches){\n\t\t\t\tevt.clientX = evt.touches[0].clientX;\n\t\t\t\tevt.clientY = evt.touches[0].clientY;\n\t\t\t}\n\n\t\t\tthis.clientX = (evt.clientX - rect.left);\n\t\t\tthis.clientY = (evt.clientY - rect.top);\n\t\t\tconst gridX = Math.floor(this.cols * (evt.clientX - rect.left) / this.$refs.container.clientWidth);\n\t\t\tconst gridY = Math.floor((this.rows + addH) * (evt.clientY - rect.top) / this.$refs.container.clientHeight);\n\t\t\t\n\t\t\tif (this.x == gridX && this.y == gridY)\n\t\t\t\treturn false;\n\t\t\t\n\t\t\tthis.x = gridX;\n\t\t\tthis.y = gridY;\n\n\t\t\treturn true;\n\t\t},\n\t\t_dragStart(evt, item) {\n\t\t\tif (evt.dataTransfer) {\n\t\t\t\tevt.dataTransfer.setDragImage(evt.target, -99999, -99999);\n\t\t\t\tevt.dataTransfer.dropEffect = 'move';\n\t\t\t\tevt.dataTransfer.effectAllowed = 'move';\n\t\t\t}\n\t\t},\n\t\tstartMove(evt, item) {\n\t\t\t\n\t\t\tif (!this.active)\n\t\t\t\treturn;\n\t\t\t\n\t\t\tthis.mode = MODE_MOVE;\n\t\t\t\n\t\t\tthis.draggedItem = item;\n\t\t\t\n\t\t\tthis.$emit('draggedItem', item);\n\t\t\t// workaround for chrome fireing event dragend when styles are manipulated during dragging\n\t\t\tsetTimeout(() => {\n\t\t\t\tthis.draggedNode = evt.target.closest(\".drop-grid-item\");\n\t\t\t\t//clones the widget for the drag Image\n\t\t\t\t\n\t\t\t\tlet clone = evt.target.closest(\".drop-grid-item\")?.cloneNode(true);\n\n\t\t\t\tclone.style.zIndex = 5;\n\t\t\t\tclone.classList.add(\"widgetClone\");\n\t\t\t\tthis.$refs.container.appendChild(clone);\n\t\t\t\tconst hiddenWidget = clone.querySelector(\"[style='display: none;']\");\n\t\t\t\thiddenWidget.style.removeProperty(\"display\");\n\t\t\t\tthis.clonedWidget = clone;\n\t\t\t}, 0);\n\n\t\t\tthis.draggedOffset = [item.x - this.x, item.y - this.y];\n\t\t\tthis._dragStart(evt, item);\n\t\t},\n\t\tstartResize(evt, item) {\n\t\t\tif (!this.active)\n\t\t\t\treturn;\n\t\t\tthis.mode = MODE_RESIZE;\n\t\t\tthis.draggedItem = item;\n\t\t\tthis.$emit('draggedItem', item);\n\t\t\tthis._dragStart(evt);\n\t\t},\n\t\tdragOver(evt) {\n\t\t\tif ((this.y + 1) > this.rows && (this.mode == MODE_MOVE || this.mode == MODE_RESIZE)) {\n\t\t\t\tthis.dragCancel();\n\t\t\t\t\n\t\t\t}\n\t\t\tif (!this.active)\n\t\t\t\treturn this.dragCancel();\n\t\t\tthis.checkPinnedWidgetAnimation();\n\t\t\tif(this.mode == MODE_RESIZE){\n\t\t\t\tthis.checkWidgetSizeLimitAnimation();\n\t\t\t}\n\t\t\tif (this.updateCursor(evt)) {\n\t\t\t\tswitch(this.mode) {\n\t\t\t\t\tcase MODE_MOVE: {\n\t\t\t\t\t\tevt.preventDefault();\n\t\t\t\t\t\tthis.dragGrid = new GridLogic(this.grid);\n\t\t\t\t\t\tlet x = this.x + this.draggedOffset[0];\n\t\t\t\t\t\tlet y = this.y + this.draggedOffset[1];\n\t\t\t\t\t\tif (x < 0) {\n\t\t\t\t\t\t\tthis.draggedOffset[0] += x;\n\t\t\t\t\t\t\tx = 0;\n\t\t\t\t\t\t} else if (x + this.draggedItem.w > this.cols) {\n\t\t\t\t\t\t\tthis.draggedOffset[0] += this.cols - this.draggedItem.w - x;\n\t\t\t\t\t\t\tx = this.cols - this.draggedItem.w;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif (y < 0) {\n\t\t\t\t\t\t\tthis.draggedOffset[1] += y;\n\t\t\t\t\t\t\ty = 0;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tthis.positionUpdates= this.dragGrid.move(this.draggedItem, x, y);\n\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\t\t\t\t\tcase MODE_RESIZE: {\n\t\t\t\t\t\tevt.preventDefault();\n\t\t\t\t\t\tthis.dragGrid = new GridLogic(this.grid);\n\t\t\t\t\t\tlet w = Math.min(this.cols - this.draggedItem.x, Math.max(1, this.x - this.draggedItem.x + 1));\n\t\t\t\t\t\tlet h = Math.max(1, this.y - this.draggedItem.y + 1);\n\t\t\t\t\t\tif (this.resizeLimit)\n\t\t\t\t\t\t\t[w, h] = this.resizeLimit(this.draggedItem.data, w, h);\n\t\t\t\t\t\tthis.positionUpdates = this.dragGrid.resize(this.draggedItem, w, h);\n\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\tdragCancel() {\n\t\t\tthis.removeWidgetClones();\n\t\t\tthis.additionalRowComputed = false;\n\t\t\tthis.toggleDraggedItemOverlay(false);\n\t\t\tthis.mode = MODE_IDLE;\n\t\t\tthis.positionUpdates = null;\n\t\t\tthis.draggedOffset = [0,0],\n\t\t\tthis.draggedItem = null;\n\t\t\tthis.$emit('draggedItem',null);\n\t\t\tthis.draggedNode = null;\n\t\t\t\n\t\t},\n\t\tdragEnd() {\n\t\t\tthis.removeWidgetClones();\n\t\t\tthis.toggleDraggedItemOverlay(false);\n\t\t\t\n\t\t\tif (this.mode == MODE_IDLE){\n\t\t\t\treturn;\n\t\t\t}\n\t\t\t// clean up unused classes\n\t\t\tlet draggedItemNode = document.getElementById(this.draggedItem.data.widgetid);\n\t\t\tdraggedItemNode.classList.remove(\"border-danger\");\n\t\t\tArray.from(document.getElementsByClassName(\"denied-dragging-animation\"))?.forEach(ele => {\n\t\t\t\tele.classList.remove(\"denied-dragging-animation\");\n\t\t\t})\n\t\t\t\n\t\t\t//if (!this.active || this.x < 0 || this.y < 0 || this.x >= this.cols)\n\t\t\t\t//return this.dragCancel();\n\n\t\t\tthis.mode = MODE_IDLE;\n\t\t\tlet updated = [];\n\t\t\tthis.convertGridResultToUpdate(this.positionUpdates, updated);\n\t\t\tupdated = this._updateFixedPositions(updated);\n\t\t\tif (updated.length)\n\t\t\t\tthis.$emit('rearrangeItems', updated.filter(v => v));\n\n\t\t\tthis.draggedItem = null;\n\t\t\tthis.draggedNode = null;\n\t\t\tthis.$emit('draggedItem', null);\n\t\t},\n\t\t_updateFixedPositions(updated) {\n\t\t\tupdated.forEach((item, index) => {\n\t\t\t\tif (!this.fixedPositionUpdates[index])\n\t\t\t\t\tthis.fixedPositionUpdates[index] = item;\n\t\t\t\telse\n\t\t\t\t\tthis.fixedPositionUpdates[index] = {...this.fixedPositionUpdates[index], ...item};\n\t\t\t});\n\t\t\tlet additionalUpdates = this.createNewGrid(this.prePlacedItems);\n\t\t\tif (additionalUpdates.length) {\n\t\t\t\t// NOTE(chris): this should never happen but it's here for safety\n\t\t\t\tadditionalUpdates.forEach((item, index) => updated[index] = item);\n\t\t\t\treturn this._updateFixedPositions(updated);\n\t\t\t}\n\t\t\treturn updated;\n\t\t},\n\t\temptyTileClicked() {\n\t\t\tthis.additionalRowComputed = false;\n\t\t\tthis.$emit('newItem', this.x, this.y);\n\t\t},\n\t\tupdateCursorOnMouseMove(evt){\n\t\t\tif(this.mode == MODE_IDLE){\n\t\t\t\tthis.updateCursor(evt);\n\t\t\t}\n\t\t},\n\t\tcheckPinnedWidgetAnimation(){\n\t\t\tlet itemAtPosition=[];\n\t\t\tswitch(this.mode){\n\t\t\t\tcase MODE_RESIZE:\n\t\t\t\t\tfor (let x = this.draggedItem.x; x <= this.x; x++) {\n\t\t\t\t\t\tfor (let y = this.draggedItem.y; y <= this.y; y++) {\n\t\t\t\t\t\t\tthis.items.forEach(item => {\n\t\t\t\t\t\t\t\tif (item.x == x && item.y == y) {\n\t\t\t\t\t\t\t\t\titemAtPosition.push(item);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\tbreak;\n\t\t\t\tcase MODE_MOVE:\n\t\t\t\t\titemAtPosition = this.items.filter(item=>item.x == this.x && item.y == this.y);\n\t\t\t\t\tbreak;\n\t\t\t}\n\t\t\t\n\t\t\tArray.from(document.getElementsByClassName(\"denied-dragging-animation\"))?.forEach(ele => {\n\t\t\t\tele.classList.remove(\"denied-dragging-animation\");\n\t\t\t})\n\n\t\t\titemAtPosition.forEach(item=>{\n\t\t\t\tif (item.place[this.cols] && item.place[this.cols].pinned) {\n\t\t\t\t\tlet pinnedWidget = document.getElementById(item.widgetid);\n\t\t\t\t\tlet pinNode = pinnedWidget.querySelector(\"[pinned='true']\");\n\t\t\t\t\tif (!pinNode.classList.contains(\"denied-dragging-animation\")) {\n\t\t\t\t\t\tpinNode.classList.add(\"denied-dragging-animation\");\n\t\t\t\t\t}\n\t\t\t\t}\t\n\t\t\t})\n\t\t},\n\t\tcheckWidgetSizeLimitAnimation() {\n\n\t\t\tlet draggedItemSetup = this.itemsSetup[this.draggedItem.data.widget];\n\t\t\tlet draggedItemMaxWidth = draggedItemSetup.width.max ?? draggedItemSetup.width;\n\t\t\tlet draggedItemMinWidth = draggedItemSetup.width.min ?? draggedItemSetup.width;\n\t\t\tlet draggedItemMaxHeight = draggedItemSetup.height.max ?? draggedItemSetup.height;\n\t\t\tlet draggedItemMinHeight = draggedItemSetup.height.min ?? draggedItemSetup.height;\n\t\t\tlet draggedItemNode = document.getElementById(this.draggedItem.data.widgetid);\n\n\t\t\tlet width_after_resize = this.x - this.draggedItem.x + 1; \n\t\t\tlet height_after_resize = this.y - this.draggedItem.y + 1; \n\t\t\tif( \n\t\t\t\t(width_after_resize > 0 && (width_after_resize > draggedItemMaxWidth\n\t\t\t\t|| width_after_resize < draggedItemMinWidth)\n\t\t\t\t)\n\t\t\t\t||\n\t\t\t\t(height_after_resize > 0 && (height_after_resize > draggedItemMaxHeight\n\t\t\t\t|| height_after_resize < draggedItemMinHeight)\n\t\t\t\t)\n\t\t\t){\n\t\t\t\tdraggedItemNode.classList.add(\"border-danger\");\n\t\t\t}else{\n\t\t\t\tdraggedItemNode.classList.remove(\"border-danger\");\n\t\t\t}\n\t\t},\n\t\tremoveWidgetClones(){\n\t\t\tlet widgetClones = Array.from(document.getElementsByClassName(\"widgetClone\"));\n\t\t\tfor (let i = 0; i < widgetClones.length; i++) {\n\t\t\t\tthis.$refs.container.removeChild(widgetClones[i]);\n\t\t\t}\n\t\t},\n\t\tmouseDown(){\n\t\t\tthis.mode = MODE_MOUSE_DOWN;\n\t\t},\n\t\tmouseUp() {\n\t\t\tthis.mode = MODE_IDLE;\n\t\t},\n\t},\n\ttemplate: `\n\t\n\t\t
\n\t\n\t\t\t\n\t\t
\n\t\n\t
`,\n};\n","export default {\n\tdata(){\n\t\treturn {\n\n\t\t}\n\t},\n\tmethods:{\n\t\tonEnter(el,done){\n\t\t\tel.style.height = '0';\n\t\t\tel.style.height = el.scrollHeight + 'px';\n\t\t},\n\t\tonLeave(el,done){\n\t\t\tel.style.height = el.scrollHeight + 'px';\n\t\t\tel.style.height = '0';\n\t\t}\n\t},\n\ttemplate:\n\t/*html*/`\n\t\t\n\t\t\n\t\t\t\n\t\t\t\t{{ widget ? 'Config for ' + widget.setup.name : '' }}\n\t\t\t\n\t\t\t\n\t\t\t\t \n\t\t\n\t\t\t\n\t\t \n\t\t
\n\t\n\t\t\t\n\t\t\t\t\n\t\t\t \n\t\t\t{{ widget.setup.name }}\n\t\t\t\n\t\t\t\t\n\t\t\t\t \n\t\t
\n\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\n \t\t\n \t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t
\n\t\t\n\t\t
\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t
\n\t\t![]()
\n\t\t
`,\n}","import BsConfirm from \"../Bootstrap/Confirm.js\";\nimport DropGrid from '../Drop/Grid.js'\nimport DashboardItem from \"./Item.js\";\nimport CachedWidgetLoader from \"../../composables/Dashboard/CachedWidgetLoader.js\";\nimport WidgetIcon from \"./Widget/WidgetIcon.js\"\n\nexport default {\n\tname: 'Section',\n\tcomponents: {\n\t\tDropGrid,\n\t\tDashboardItem,\n\t\tWidgetIcon,\n\t},\n\tinject: {\n\t\twidgetsSetup:{\n\t\t\ttype: Array,\n\t\t\tdefault: [],\n\t\t},\n\t\tadminMode: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t},\n\t\teditMode: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t}\n\t},\n\tprops: [\n\t\t\"name\",\n\t\t\"widgets\"\n\t],\n\temits: [\n\t\t\"widgetAdd\",\n\t\t\"widgetUpdate\",\n\t\t\"widgetRemove\"\n\t],\n\tdata() {\n\t\treturn {\n\t\t\tconfigOpened: false,\n\t\t\tgridWidth: 1,\n\t\t\tgridHeight: null,\n\t\t\tdraggedItem:null,\n\t\t\tadditionalRow:false,\n\t\t}\n\t},\n\tprovide() {\n\t\treturn {\n\t\t\teditModeIsActive: Vue.computed(() =>\n\t\t\t\tthis.editModeIsActive\n\t\t\t),\t\n\t\t\tsectionName: Vue.computed(() => this.name),\t\n\t\t}\n\t},\n\tcomputed: {\n\t\tcomputedWidgetsSetup(){\n\t\t\tif(!this.widgetsSetup) return {};\n\t\t\treturn this.widgetsSetup.reduce((acc, setup)=>{\n\t\t\t\tacc[setup.widget_id] = setup.setup;\n\t\t\t\treturn acc;\n\t\t\t},{})\n\t\t},\n\t\teditModeIsActive() {\n\t\t\treturn (this.editMode || this.adminMode) && !this.configOpened\t\n\t\t},\n\t\tgetSectionStyle() {\n\t\t\treturn 'margin-bottom: 8px;';\n\t\t},\n\t\titems() {\n\t\t\t// reuses the nearest placement of the widget from another viewport \n\t\t\t/* const computeNearestPlace = (item, gridWidth) =>{\n\t\t\t\tlet place;\n\t\t\t\tif (Object.keys(item.place).length > 0) {\n\t\t\t\t\tconst nearestIndex = Object.keys(item.place)\n\t\t\t\t\t\t\t\t\t\t\t .sort((a, b) => Math.abs(a - gridWidth) - Math.abs(b - gridWidth))\n\t\t\t\t\t\t\t\t\t\t\t .shift();\n\t\t\t\t\tplace = item.place[nearestIndex];\n\t\t\t\t}\n\t\t\t\telse{\n\t\t\t\t\tplace = { x: 0, y: 0, w: 1, h: 1 };\n\t\t\t\t}\n\t\t\t\treturn place;\n\t\t\t} */\n\t\t\t\n\t\t\tlet placedItems = this.widgets.map(item => {\n\t\t\t\tif(!item?.widgetid && item?.id){\n\t\t\t\t\titem.widgetid = item.id;\n\t\t\t\t}\n\t\t\t\treturn { ...item, reorder: false, ...(item.place[this.gridWidth] || { reorder: true, ...{ x: 0, y: 0, w: 1, h: 1 } })};\n\t\t\t});\n\t\t\treturn placedItems;\n\t\t\t\n\t\t},\n\t\t\n\t},\n\tmethods: {\n\t\tsectionNameTranslation(){\n\t\t\tswitch(this.name){\n\t\t\t\tcase \"general\": \n\t\t\t\t\treturn this.$p.t('dashboard',this.name); \n\t\t\t\t\tbreak;\n\t\t\t\tcase \"custom\":\n\t\t\t\t\treturn this.$p.t('dashboard',this.name);\n\t\t\t\t\tbreak;\n\t\t\t\tdefault:\n\t\t\t\t\treturn this.name;\n\t\t\t\t\tbreak;\n\t\t\t}\n\t\t},\n\t\tshowSectionInformation(){\n\t\t\tif (this.name == \"general\"){\n\t\t\t\treturn this.$p.t('dashboard', 'dashboardGeneralSectionDescription'); \n\t\t\t}\n\t\t\telse if(this.name == \"custom\"){\n\t\t\t\treturn this.$p.t('dashboard', 'dashboardCustomSectionDescription');\n\t\t\t}\n\t\t\telse{\n\t\t\t\treturn this.$p.t('dashboard', 'dashboardSectionDescription', [this.name]);\n\t\t\t}\n\t\t},\n\t\thandleConfigOpened() {\n\t\t\tthis.configOpened = true\n\t\t},\n\t\thandleConfigClosed() {\n\t\t\tthis.configOpened = false\n\t\t},\n\t\tcheckResizeLimit(item, w, h) {\n\t\t\t// NOTE(chris): widgets needs to be loaded for this to work\n\t\t\tlet widget = CachedWidgetLoader.getWidget(item.widget);\n\t\t\tif (widget) {\n\t\t\t\tlet minmaxW = widget.setup.width;\n\t\t\t\tif (minmaxW.max)\n\t\t\t\t\tminmaxW.min = minmaxW.min || 1;\n\t\t\t\telse\n\t\t\t\t\tminmaxW = {min:minmaxW,max:minmaxW};\n\t\t\t\tif (w < minmaxW.min)\n\t\t\t\t\tw = minmaxW.min; \n\t\t\t\tif (w > minmaxW.max)\n\t\t\t\t\tw = minmaxW.max;\n\n\t\t\t\tlet minmaxH = widget.setup.height;\n\t\t\t\tif (minmaxH.max)\n\t\t\t\t\tminmaxH.min = minmaxH.min || 1;\n\t\t\t\telse\n\t\t\t\t\tminmaxH = {min:minmaxH,max:minmaxH};\n\t\t\t\tif (h < minmaxH.min)\n\t\t\t\t\th = minmaxH.min;\n\t\t\t\tif (h > minmaxH.max)\n\t\t\t\t\th = minmaxH.max;\n\t\t\t}\n\t\t\treturn [w, h];\n\t\t},\n\t\tremoveWidget(item, revert) {\n\t\t\tif (item.custom) {\n\t\t\t\tBsConfirm.popup('Are you sure you want to delete this widget?').then(() => this.$emit('widgetRemove', this.name, item.id));\n\t\t\t} else {\n\t\t\t\tlet update = {};\n\t\t\t\tupdate[item.id] = { hidden: !revert };\n\t\t\t\tthis.updatePreset(update);\n\t\t\t}\n\t\t},\n\t\tsaveConfig(config, item) {\n\t\t\tlet payload = {};\n\t\t\tpayload[item.id] = { config };\n\t\t\tthis.updatePreset(payload);\n\t\t},\n\t\tupdatePositions(updated, pinned=false) {\n\t\t\tlet result = {};\n\t\t\tupdated.forEach(update => {\n\t\t\t\t\n\t\t\t\tlet item = {...update.item};\n\t\t\t\tif (!item.placeholder) {\n\t\t\t\tif (!item.place[this.gridWidth])\n\t\t\t\t\titem.place[this.gridWidth] = {x: 0, y: 0, w: 1, h: 1};\n\t\t\t\tdelete item.x;\n\t\t\t\tdelete item.y;\n\t\t\t\tdelete item.w;\n\t\t\t\tdelete item.h;\n\t\t\t\tdelete item.place[this.gridWidth].pinned;\n\t\t\t\tif (update.x !== undefined)\n\t\t\t\t\titem.place[this.gridWidth].x = update.x;\n\t\t\t\tif (update.y !== undefined)\n\t\t\t\t\titem.place[this.gridWidth].y = update.y;\n\t\t\t\tif (update.w !== undefined)\n\t\t\t\t\titem.place[this.gridWidth].w = update.w;\n\t\t\t\tif (update.h !== undefined)\n\t\t\t\t\titem.place[this.gridWidth].h = update.h;\n\t\t\t\tif (pinned){\n\t\t\t\t\titem.place[this.gridWidth].pinned = true;\n\t\t\t\t}\n\n\t\t\t\tresult[item.id] = item;\n\t\t\t\t}\n\t\t\t});\n\t\t\tthis.updatePreset(result);\n\t\t},\n\t\tupdatePreset(update) {\n\t\t\tlet payload = {};\n\t\t\tpayload[this.name] = update;\n\t\t\tthis.$emit('widgetUpdate', this.name, payload);\n\t\t}\n\t},\n\tmounted() {\n\t\tlet self = this;\n\t\tlet cont = self.$refs.container;\n\t\tself.gridWidth = parseInt(window.getComputedStyle(cont).getPropertyValue('--fhc-dashboard-grid-size'));\n\t\t\n\t\twindow.addEventListener('resize', () => {\n\t\t\tself.gridWidth = parseInt(window.getComputedStyle(cont).getPropertyValue('--fhc-dashboard-grid-size'));\n\t\t});\n\t},\n\ttemplate: `\n\t\n\t\t\t
\n\t{{ widget.setup.name || widget.widget_kurzbz }}
\n\t\t\t{{ widget.beschreibung }}
\n\t\t\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t \n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t \n\t
`\n}\n\n/*\nOLD VERSION - ON HOVER\n\n\t\n\n*/","import BsModal from \"../../Bootstrap/Modal.js\";\nimport WidgetIcon from \"./WidgetIcon.js\";\n\nexport default {\n\tcomponents: {\n\t\tBsModal,\n\t\tWidgetIcon,\n\t},\n\tprops: [\n\t\t\"widgets\"\n\t],\n\tdata: () => ({\n\t\tcallbacks: {}\n\t}),\n\tmethods: {\n\t\tgetWidget() {\n\t\t\treturn new Promise((resolve,reject) => {\n\t\t\t\tthis.callbacks = {resolve,reject};\n\t\t\t\tthis.$refs.modal.show();\n\t\t\t});\n\t\t},\n\t\tclose() {\n\t\t\tif (this.callbacks.reject)\n\t\t\t\tthis.callbacks.reject();\n\t\t\tthis.callbacks = {};\n\t\t},\n\t\tpick(widget_id) {\n\t\t\tif (this.callbacks.resolve)\n\t\t\t\tthis.callbacks.resolve(widget_id);\n\t\t\tthis.callbacks = {};\n\t\t\tthis.$refs.modal.hide();\n\t\t},\n\t\t\n\t},\n\ttemplate: ``\n}\n","export default {\n\t/**\n\t* Performs a deep merge of objects and returns new object. Does not modify\n\t* objects (immutable) and merges arrays via concatenation.\n\t*\n\t* @param {...object} objects - Objects to merge\n\t* @returns {object} New object with merged key/values\n\t*/\n\tmergeDeep(...objects) {\n\t\tconst isObject = obj => obj && typeof obj === 'object';\n\t\t\n\t\treturn objects.reduce((prev, obj) => {\n\t\t\tObject.keys(obj).forEach(key => {\n\t\t\t\tconst pVal = prev[key];\n\t\t\t\tconst oVal = obj[key];\n\t\t\t\t\n\t\t\t\tif (Array.isArray(pVal) && Array.isArray(oVal)) {\n\t\t\t\t\tprev[key] = pVal.concat(...oVal);\n\t\t\t\t}\n\t\t\t\telse if (isObject(pVal) && isObject(oVal)) {\n\t\t\t\t\tprev[key] = this.mergeDeep(pVal, oVal);\n\t\t\t\t}\n\t\t\t\telse {\n\t\t\t\t\tprev[key] = oVal;\n\t\t\t\t}\n\t\t\t});\n\t\t\t\n\t\t\treturn prev;\n\t\t}, {});\n\t}\n}","import BsPrompt from \"../Bootstrap/Prompt.js\";\nimport DashboardAdminEdit from \"./Admin/Edit.js\";\nimport DashboardAdminWidgets from \"./Admin/Widgets.js\";\nimport DashboardAdminPresets from \"./Admin/Presets.js\";\n\nexport default {\n\tcomponents: {\n\t\tDashboardAdminEdit,\n\t\tDashboardAdminWidgets,\n\t\tDashboardAdminPresets\n\t},\n\tprovide() {\n\t\treturn {\n\t\t\tadminMode: true\n\t\t};\n\t},\n\tdata() {\n\t\treturn {\n\t\t\tdashboards: [],\n\t\t\tcurrent: -1,\n\t\t\twidgets: []\n\t\t};\n\t},\n\tcomputed: {\n\t\tapiurl() {\n\t\t\treturn FHC_JS_DATA_STORAGE_OBJECT.app_root + FHC_JS_DATA_STORAGE_OBJECT.ci_router + '/dashboard';\n\t\t},\n\t\tdashboard() {\n\t\t\treturn this.dashboards.find(el => el.dashboard_id == this.current);\n\t\t}\n\t},\n\tmethods: {\n\t\tdashboardAdd() {\n\t\t\tlet _name = '';\n\t\t\tBsPrompt.popup('New Dashboard name').then(\n\t\t\t\tname => {\n\t\t\t\t\t_name = name;\n\t\t\t\t\treturn axios.post(this.apiurl + '/Dashboard/create', {\n\t\t\t\t\t\tdashboard_kurzbz: name\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t).then(res => {\n\t\t\t\tlet newDashboard = {\n\t\t\t\t\tdashboard_id: res.data.retval,\n\t\t\t\t\tdashboard_kurzbz: _name,\n\t\t\t\t\tbeschreibung: ''\n\t\t\t\t};\n\t\t\t\tthis.dashboards.push(newDashboard);\n\t\t\t\tthis.current = newDashboard.dashboard_id;\n\t\t\t}).catch(err => err !== undefined ? console.error('ERROR:', err) : 0);\n\t\t},\n\t\tdashboardUpdate(dashboard) {\n\t\t\t// TODO(chris): Loading or message\n\t\t\taxios.post(this.apiurl + '/Dashboard/update', dashboard).then(() => {\n\t\t\t\tlet old = this.dashboards.find(el => el.dashboard_id == dashboard.dashboard_id);\n\t\t\t\told.dashboard_kurzbz = dashboard.dashboard_kurzbz;\n\t\t\t\told.beschreibung = dashboard.beschreibung;\n\t\t\t}).catch(err => console.error('ERROR:', err));\n\t\t},\n\t\tdashboardDelete(dashboard_id) {\n\t\t\taxios.post(this.apiurl + '/Dashboard/delete', {dashboard_id}).then(() => {\n\t\t\t\tthis.current = -1;\n\t\t\t\tthis.dashboards = this.dashboards.filter(el => el.dashboard_id != dashboard_id);\n\t\t\t}).catch(err => console.error('ERROR:', err));\n\t\t},\n\t\tassignWidgets(widgets) {\n\t\t\tthis.widgets = widgets;\n\t\t\t/*while (this.widgets.length)\n\t\t\t\tthis.widgets.pop();\n\t\t\tfor (var i in widgets)\n\t\t\t\tthis.widgets.push(widgets[i]);*/\n\t\t}\n\t},\n\tcreated() {\n\t\taxios.get(this.apiurl + '/Dashboard').then(res => {\n\t\t\tthis.dashboards = res.data.retval;\n\t\t}).catch(err => console.error('ERROR:', err));\n\t},\n\ttemplate: `\n\t\t\t\n\t\t\t{{sectionNameTranslation()}}:\n\t\t
\n\t\t\n\t\t\n\t\t
`\n}\n","import DashboardSection from \"../Section.js\";\nimport DashboardWidgetPicker from \"../Widget/Picker.js\";\nimport ObjectUtils from \"../../../helpers/ObjectUtils.js\";\n\nexport default {\n\tcomponents: {\n\t\tDashboardSection,\n\t\tDashboardWidgetPicker\n\t},\n\tprops: {\n\t\tdashboard: String,\n\t\twidgets: Array\n\t},\n\tdata: () => ({\n\t\tfunktionen: {},\n\t\tsections: [],\n\t\ttmpLoading: ''\n\t}),\n\tcomputed: {\n\t\tapiurl() {\n\t\t\treturn FHC_JS_DATA_STORAGE_OBJECT.app_root + FHC_JS_DATA_STORAGE_OBJECT.ci_router + '/dashboard';\n\t\t},\n\t\tpickerWidgets() {\n\t\t\treturn this.widgets.filter(widget => widget.allowed);\n\t\t}\n\t},\n\tmethods: {\n\t\twidgetAdd(section_name, widget) {\n\t\t\tthis.$refs.widgetpicker.getWidget().then(widget_id => {\n\t\t\t\twidget.widget = widget_id;\n\t\t\t\tdelete widget.custom;\n\t\t\t\twidget.preset = 1;\n\t\t\t\tlet loading = {...widget};\n\t\t\t\tloading.loading = true;\n\t\t\t\tthis.sections.forEach(section => {\n\t\t\t\t\tif (section.name == section_name)\n\t\t\t\t\t\tsection.widgets.push(loading);\n\t\t\t\t});\n\t\t\t\t\n\t\t\t\taxios.post(this.apiurl + '/Config/addWidgetsToPreset', {\n\t\t\t\t\tdb: this.dashboard,\n\t\t\t\t\tfunktion_kurzbz: section_name,\n\t\t\t\t\twidgets: [widget]\n\t\t\t\t}).then(result => {\n\t\t\t\t\tlet newId = Object.keys(result.data.retval.data[section_name].widgets).pop();\n\t\t\t\t\twidget.id = newId;\n\t\t\t\t\twidget.custom = 1;\n\t\t\t\t\tthis.sections.forEach(section => {\n\t\t\t\t\t\tif (section.name == section_name) {\n\t\t\t\t\t\t\tsection.widgets.splice(section.widgets.indexOf(loading),1);\n\t\t\t\t\t\t\tsection.widgets.push(widget);\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t}).catch(error => {\n\t\t\t\t\tconsole.error('ERROR: ', error);\n\t\t\t\t\talert('ERROR: ' + error.response.data.retval);\n\t\t\t\t});\n\t\t\t}).catch(() => {});\n\t\t},\n\t\twidgetUpdate(section_name, payload) {\n\t\t\tpayload = payload[section_name];\n\t\t\tfor (var k in payload) {\n\t\t\t\tfor (var i in this.sections) {\n\t\t\t\t\tif (this.sections[i].name == section_name) {\n\t\t\t\t\t\tfor (var wid in this.sections[i].widgets) {\n\t\t\t\t\t\t\tif (this.sections[i].widgets[wid].id == k) {\n\t\t\t\t\t\t\t\tpayload[k] = ObjectUtils.mergeDeep(this.sections[i].widgets[wid], payload[k]);\n\t\t\t\t\t\t\t\t// NOTE(chris): remove internal props\n\t\t\t\t\t\t\t\tfor (var prop in {_x:1,_y:1,_w:1,_h:1,index:1,id:1})\n\t\t\t\t\t\t\t\t\tif (payload[k][prop])\n\t\t\t\t\t\t\t\t\t\tdelete payload[k][prop];\n\t\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tpayload[k].widgetid = k;\n\t\t\t\tdelete payload[k].custom;\n\t\t\t}\n\t\t\taxios.post(this.apiurl + '/Config/addWidgetsToPreset', {\n\t\t\t\tdb: this.dashboard,\n\t\t\t\tfunktion_kurzbz: section_name,\n\t\t\t\twidgets: payload\n\t\t\t}).then(() => {\n\t\t\t\tthis.sections.forEach(section => {\n\t\t\t\t\tif (section.name == section_name) {\n\t\t\t\t\t\tsection.widgets.forEach((widget, i) => {\n\t\t\t\t\t\t\tif (payload[widget.id]) {\n\t\t\t\t\t\t\t\tpayload[widget.id].id = widget.id;\n\t\t\t\t\t\t\t\tpayload[widget.id].index = widget.index;\n\t\t\t\t\t\t\t\tsection.widgets[i] = payload[widget.id];\n\t\t\t\t\t\t\t\tsection.widgets[i].custom = 1;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t}).catch(error => {\n\t\t\t\t// TODO(chris): revert placement on failure\n\t\t\t\tconsole.error('ERROR: ', error);\n\t\t\t\talert('ERROR: ' + error.response.data.retval);\n\t\t\t});\n\t\t},\n\t\twidgetRemove(section_name, id) {\n\t\t\taxios.post(this.apiurl + '/Config/removeWidgetFromPreset', {\n\t\t\t\tdb: this.dashboard,\n\t\t\t\tfunktion_kurzbz: section_name,\n\t\t\t\twidgetid: id\n\t\t\t}).then(() => {\n\t\t\t\tthis.sections.forEach(section => {\n\t\t\t\t\tif (section.name == section_name)\n\t\t\t\t\t\tsection.widgets = section.widgets.filter(widget => widget.id != id);\n\t\t\t\t});\n\t\t\t}).catch(error => {\n\t\t\t\tconsole.error('ERROR: ', error);\n\t\t\t\talert('ERROR: ' + error.response.data.retval);\n\t\t\t});\n\t\t},\n\t\tloadSections(evt) {\n\t\t\tlet funktionen = Array.from(evt.target.querySelectorAll(\"option:checked\"),e=>e.value);\n\t\t\tthis.sections = [];\n\t\t\tthis.tmpLoading = funktionen.join('###');\n\t\t\taxios.get(this.apiurl + '/Config/presetBatch', {params: {\n\t\t\t\tdb: this.dashboard,\n\t\t\t\tfunktionen\n\t\t\t}}).then(res => {\n\t\t\t\tif (this.tmpLoading !== funktionen.join('###'))\n\t\t\t\t\treturn; // NOTE(chris): prevent race condition\n\t\t\t\tfor (var section in res.data.retval) {\n\t\t\t\t\tlet widgets = [];\n\t\t\t\t\tfor (var wid in res.data.retval[section]) {\n\t\t\t\t\t\tres.data.retval[section][wid].id = wid;\n\t\t\t\t\t\tres.data.retval[section][wid].custom = 1;\n\t\t\t\t\t\twidgets.push(res.data.retval[section][wid]);\n\t\t\t\t\t}\n\t\t\t\t\tthis.sections.push({\n\t\t\t\t\t\tname: section,\n\t\t\t\t\t\twidgets\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t}).catch(err => console.error('ERROR:', err));\n\t\t}\n\t},\n\tcreated() {\n\t\taxios.get(this.apiurl + '/Config/funktionen').then(res => {\n\t\t\tthis.funktionen = {general: 'GENERAL'};\n\t\t\tres.data.retval.forEach(funktion => {\n\t\t\t\tthis.funktionen[funktion.funktion_kurzbz] = funktion.beschreibung;\n\t\t\t});\n\t\t}).catch(err => console.error('ERROR:', err));\n\t},\n\twatch: {\n\t\tdashboard() {\n\t\t\t// TODO(chris): this should be done without a watcher\n\t\t\tthis.loadSections({target:this.$refs.funktionenList});\n\t\t}\n\t},\n\ttemplate: `\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t
\n\t\t\n\t\t\t
\n\t- \n\t\t\t\t
- \n\t\t\t\t\t\n\t\t\t\t \n\t\t\t\t
- \n\t\t\t\t\t\n\t\t\t\t \n\t\t\t\t
- \n\t\t\t\t\t\n\t\t\t\t \n\t\t\t
\n\t\t\t\t
\n\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t
`\n}\n","/**\n * Copyright (C) 2024 fhcomplete.org\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see \n\t\t\t
\n\t\t\n\t\t\t\t\n\t\t\t
\n\t\t\t\n\t\t\t\t
\n\t\t- '\n\t\t\t\t\t\t\t\t\t+ msgs.join('')\n\t\t\t\t\t\t\t\t\t+ '
- ' + msgs.join('') + '