\n
\n \n
\n \n \n ![\"ga]()
\n
\n | Tak | \nAantal leden | \nHistoriek | \n% Vrouwen | \nAantal leiding | \nHistoriek | \nOmkaderingscijfer | \n
|---|---|---|---|---|---|---|
| {{ takStatistiek.takNaam }} | \n{{ takStatistiek.aantalLeden['Nu'] }} | \n\n | \n {{ round(takStatistiek.percentageVrouwelijkeLeden, 0) }} | \n{{ takStatistiek.aantalLeiding['Nu'] }} | \n\n | \n {{ round(takStatistiek.omkaderingscijfer, 1) }} | \n
| Criteria | \nWaarde | \nHistoriek | \n
|---|---|---|
| {{ criterium.naam }} | \n{{ format(criterium.waarden['Nu'], criterium.formaat) }} | \n\n | \n
\n {{ lid.vgagegevens.voornaam }}\n {{ lid.vgagegevens.achternaam }}\n
\n\n Geboortedatum: {{ DateUtil.formatteerDatum(lid.vgagegevens.geboortedatum) }}\n
\n\n Laatste aanpassing:\n {{ DateUtil.formatteerDatum(lid.vgagegevens.individueleSteekkaartDatumAangepast) }}\n
\n\n Link naar jouw inschrijvingsformulier:
\n {{ formulierUrl }}\n
\n Inschrijvingsformulier insluiten in jouw website:
\n \n <iframe height=\"1200\" width=\"950\" src=\"{{ formulierUrl }}\" frameborder=\"0\" allowfullscreen></iframe>\n \n
Geen groepseigen functies beschikbaar voor deze groep.
\nGeen groepseigen gegevens beschikbaar voor deze groep.
\nMogelijke keuzes:
\nType:
\n{{\n element.type === 'tekst_meerdere_lijnen' ? 'tekst op meerdere lijnen' : element.type\n }}
\nMogelijke keuzes:
\nOpgelet: Als je de functie VGA of FV hebt kan je deze zelf niet schrappen. \" +\n \"De VGA moet deze functies doorgeven aan een opvolger waarna ze bij jou automatisch stoppen. \" +\n \"Ondervind je hiermee toch problemen, neem dan contact op met groepsadministratie@scoutsengidsenvlaanderen.be\" +\n \"
\",\n header: \"Alle functies stoppen\",\n icon: \"pi pi-exclamation-triangle\",\n accept: () => {\n state.lid.functies.forEach(functie => {\n if (functie.temp !== \"tijdelijk\" && !functie.einde && (functie.functie !== specialeFuncties.VGA && functie.functie !== specialeFuncties.FV)) {\n let functieInstantie = {\n functie: functie.functie,\n groep: functie.groep,\n einde: new Date().toISOString(),\n begin: functie.begin\n };\n state.gewijzigdLid.functies.push(functieInstantie);\n }\n })\n opslaan();\n },\n reject: () => {\n confirm.close();\n },\n });\n }\n\n const opslaan = () => {\n let vga = false;\n let confirmVGA = false;\n\n v.value.$reset();\n v.value.$touch();\n if (v.value.$invalid) {\n state.loadingLid = false;\n state.changes = false;\n toast.add({\n severity: \"warn\",\n summary: \"Wijzigingen\",\n detail: \"Kan nog niet opslaan. Er zijn nog fouten vastgesteld in het formulier. Kijk zeker ook adressen en contacten na.\",\n life: 3000,\n });\n return;\n }\n\n if (state.gewijzigdLid.functies && state.gewijzigdLid.functies.length > 0) {\n state.gewijzigdLid.functies.forEach(functie => {\n if (functie.functie === specialeFuncties.VGA && functie.temp === 'tijdelijk') {\n vga = true;\n confirm.require({\n message: \"Je maakt iemand anders dan jezelf VGA binnen de huidige groep, je zal zelf deze functie verliezen! Je wordt uitgelogd indien je bevestigt. Ben je zeker?\",\n header: \"Nieuwe VGA\",\n icon: \"pi pi-exclamation-triangle\",\n accept: () => {\n confirmVGA = true;\n saveLid(confirmVGA, vga);\n },\n reject: () => {\n confirm.close();\n },\n });\n }\n })\n }\n\n if (!vga) {\n saveLid(confirmVGA, vga);\n }\n }\n\n const voegFunctieToe = (obj) => {\n let bestaandeFunctie = false;\n\n if (state.lid && state.lid.functies) {\n for (let [index, val] of state.lid.functies.entries()) {\n if (val.functie === obj.functie.functie && val.groep === obj.groepsnummer && !val.einde) {\n bestaandeFunctie = true;\n state.lid.functies.splice(index, 1);\n }\n }\n }\n\n if (!bestaandeFunctie) {\n state.lid.functies.push(obj.functie);\n }\n }\n\n const saveLid = (confirmVGA, vga) => {\n state.loadingLid = true;\n let bevestig = true;\n\n if (state.gewijzigdLid.vgagegevens) {\n var geboortedatum = new Date(state.lid.vgagegevens.geboortedatum);\n if (isNaN(geboortedatum)) {\n geboortedatum = moment(state.lid.vgagegevens.geboortedatum, 'DD/MM/YYYY').toDate();\n }\n geboortedatum.setHours(2);\n state.gewijzigdLid.vgagegevens.geboortedatum = geboortedatum.toISOString();\n }\n\n // In geval van eigen profiel gaan we de waardes eruit halen die men eigenlijk niet zelf kan aanpassen\n // om backend errors te vermijden\n if (state.gewijzigdLid.groepseigenVelden && state.eigenProfiel) {\n _.forOwn(state.gewijzigdLid.groepseigenVelden, function (groepseigenVelden) {\n _.forEach(groepseigenVelden.schema, function (veld) {\n if (!veld.kanGebruikerWijzigen) {\n delete groepseigenVelden.waarden[veld.id];\n }\n });\n });\n }\n\n if (!vga || (vga && confirmVGA)) {\n state.loadingLid = true;\n RestService.updateLid(state.lid.id, state.gewijzigdLid, bevestig)\n .then(res => {\n state.lid = res.data;\n state.lid.vgagegevens.geboortedatum = DateUtil.formatGeboortedatum(state.lid.vgagegevens.geboortedatum);\n if (res.status === 200) {\n toast.add({\n severity: \"success\",\n summary: \"Wijzigingen\",\n detail: \"Wijzigingen lid opgeslagen\",\n life: 2000,\n });\n if (vga && confirmVGA) {\n keycloak.logout();\n }\n }\n state.changes = false;\n }).catch(error => {\n console.log(error);\n toast.add({\n severity: \"warn\",\n summary: \"Probleem\",\n detail: \"Validatie probleem\",\n life: 3000,\n })\n }).finally(() => {\n state.changes = false;\n getLid(state.lid.id);\n })\n }\n }\n\n const changeGeg = (veld, waarde, groep) => {\n if (state.gewijzigdLid) {\n state.gewijzigdLid.groepseigenVelden = state.lid.groepseigenVelden;\n }\n if (state.gewijzigdLid.groepseigenVelden[groep]) {\n state.gewijzigdLid.groepseigenVelden[groep].waarden[veld] = waarde;\n }\n }\n\n emitter.on(\"changeGeg\", (event) => {\n state.changes = true;\n changeGeg(event.veld, event.waarde, event.groep);\n })\n\n emitter.on('veranderFunctie', (data) => {\n state.lid.functies = data.functies\n state.changes = true\n })\n\n emitter.on('opslaan', () => {\n opslaan();\n })\n\n const updateFuncties = (functie) => {\n let bevestig = true;\n state.loadingLid = true;\n let lid = {\n functies: [\n {\n functie: functie.id,\n groep: functie.groep,\n einde: functie.einde,\n begin: functie.begin\n }\n ]\n };\n RestService.updateLid(state.lid.id, lid, bevestig).then(res => {\n if (res.status === 200) {\n toast.add({\n severity: \"success\",\n summary: \"Wijzigingen\",\n detail: \"Functie is gestopt\",\n });\n state.lid = res.data;\n state.lid.vgagegevens.geboortedatum = DateUtil.formatteerDatum(state.lid.vgagegevens.geboortedatum);\n sorteerFuncties();\n filterGroepsEigenVelden();\n }\n }).catch((error) => {\n toast.add({\n severity: \"warn\",\n summary: error.response.data.titel,\n detail: error.response.data.beschrijving,\n life: 8000,\n })\n }).finally(() => {\n state.loadingLid = false;\n })\n }\n\n onMounted(() => {\n state.id = route.params.id ? route.params.id : \"profiel\";\n if (state.id === \"profiel\" && store.getters.profiel) {\n state.eigenProfiel = true;\n getProfiel();\n }\n\n if (state.id && (!state.lid || state.id !== \"profiel\" || state.changed)) {\n getLid(state.id);\n }\n resetWatchable();\n })\n\n const resetWatchable = () => {\n state.changes = false;\n state.watchable = false;\n setTimeout(() => {\n state.watchable = true\n }, 2000);\n }\n\n onBeforeRouteLeave((to, from, next) => {\n if (state.changes) {\n confirm.require({\n message:\n \"Je hebt niet opgeslagen wijzigingen. Ben je zeker dat je wil doorgaan?\",\n header: \"Wijzigingen\",\n icon: \"pi pi-exclamation-triangle\",\n accept: () => {\n next();\n },\n reject: () => {\n next(false);\n },\n });\n } else {\n next();\n }\n })\n\n const volledigeNaam = computed({\n get() {\n return (\n state.lid.vgagegevens.voornaam + \" \" + state.lid.vgagegevens.achternaam\n );\n }\n })\n\n const magFunctiesToevoegen = computed({\n get() {\n if (state.lid.vgagegevens.voornaam) {\n return rechtenService.canBeShowed(state.lid, 'functies.')\n } else {\n return false;\n }\n }\n })\n\n const isEigenProfiel = computed({\n get() {\n return route.params.id === \"profiel\" || store.getters.profiel.id === route.params.id\n }\n })\n\n const wijzigingen = computed({\n get() {\n return state.changes\n }\n })\n\n const teBekijkenLid = computed({\n get() {\n return state.lid\n }\n })\n\n const lidkaartAfdrukken = () => {\n state.loadingLid = true;\n\n let ledenIds = {\n lidIds: [state.lid.id],\n };\n\n RestService.controleerBeschikbaarheidLidkaart(ledenIds)\n .then((res) => {\n if (res.data.length > 0) {\n if (state.lid.functies.length > 0) {\n state.messageDialogMessage = \"De lidkaart is pas beschikbaar wanneer de groep of ploeg van jouw belangrijkste functie de leden heeft verbeterd. Voor sommige functies zijn geen lidkaarten beschikbaar\";\n }\n state.messageDialog = true;\n state.loadingLid = false;\n } else {\n downloadLidkaart(ledenIds);\n }\n }).catch((error) => {\n console.log(error);\n });\n }\n\n const downloadLidkaart = (ledenIds) => {\n RestService.getLidkaartPdf(ledenIds)\n .then((res) => {\n if (res.data) {\n let obj = {};\n let blob = new Blob([res.data], {type: \"application/pdf\"});\n obj.fileUrl = window.URL.createObjectURL(blob);\n obj.title = \"lidkaart.pdf\";\n downloadFile(obj);\n }\n }).catch((error) => {\n console.log(error);\n }).finally(() => {\n state.loadingLid = false;\n })\n }\n\n const downloadFile = (obj) => {\n var a = document.createElement(\"a\");\n a.href = obj.fileUrl;\n a.download = obj.title;\n document.body.appendChild(a);\n a.click();\n }\n\n\n const v = useVuelidate(rules, state);\n\n return {\n state,\n v,\n opslaan,\n stopAlleFuncties,\n updateFuncties,\n resetWatchable,\n volledigeNaam,\n magFunctiesToevoegen,\n isEigenProfiel,\n wijzigingen,\n teBekijkenLid,\n lidkaartAfdrukken,\n voegFunctieToe\n }\n }\n\n}\n","\n{{ slotProps.data.adres.straat }} {{ slotProps.data.adres.nummer }}
\n{{ slotProps.data.adres.land }} {{ slotProps.data.adres.postcode }}\n {{ slotProps.data.adres.gemeente }}
\n{{ slotProps.data.gsmnummer }}
\n \n{{ slotProps.data.opmerkingen }}
\nDeze groep bestaat niet.
\n Klik hier om contact op te nemen met Scouts en Gidsen Vlaanderen\nWord jij ons nieuwste lid? Vul dan onderstaand formulier in om een aanvraag te verzenden naar\n {{ groep.naam }} ({{ groep.id }}).
\nNog geen contacten toegevoegd.
\n