@@ -198,11 +222,11 @@ export default {
-
+
-
+
@@ -254,14 +278,7 @@ export default {
![]()
-
-
-
-
-
-
-
-
+
@@ -276,15 +293,15 @@ export default {
@@ -302,8 +319,8 @@ export default {
@@ -329,9 +346,16 @@ export default {
@@ -382,13 +406,24 @@ export default {
-
+
@@ -408,14 +443,6 @@ export default {
-
-
-
-
-
@@ -431,13 +458,7 @@ export default {
-
-
-
-
Sollten Ihre Daten nicht mehr aktuell sein, klicken Sie bitte hier
-
-
-
+
@@ -450,10 +471,7 @@ export default {
-
-
-
-
+
+
@@ -502,6 +520,8 @@ export default {
@@ -521,18 +541,18 @@ export default {
-
-
{{verteiler.beschreibung}}
+
{{verteiler.beschreibung}}
@@ -562,6 +582,5 @@ export default {
-
`,
};
diff --git a/public/js/components/Cis/Profil/StudentProfil.js b/public/js/components/Cis/Profil/StudentProfil.js
index 42cf4f2da..850d4da68 100644
--- a/public/js/components/Cis/Profil/StudentProfil.js
+++ b/public/js/components/Cis/Profil/StudentProfil.js
@@ -1,182 +1,221 @@
import fhcapifactory from "../../../apps/api/fhcapifactory.js";
import { CoreFilterCmpt } from "../../../components/filter/Filter.js";
-
export default {
components: {
CoreFilterCmpt,
},
data() {
return {
-
-
- collapseIconBetriebsmittel:true,
+
+ collapseIconBetriebsmittel: true,
+ zutrittsgruppen_table_options: {
+ height: 200,
+ layout: "fitColumns",
+ data: [{ bezeichnung: "" }],
+ columns: [{ title: "Zutritt", field: "bezeichnung" }],
+ },
betriebsmittel_table_options: {
height: 300,
layout: "fitColumns",
- responsiveLayout:"collapse",
- responsiveLayoutCollapseUseFormatters:false,
- responsiveLayoutCollapseFormatter:Vue.$collapseFormatter,
+ responsiveLayout: "collapse",
+ responsiveLayoutCollapseUseFormatters: false,
+ responsiveLayoutCollapseFormatter: Vue.$collapseFormatter,
data: [{ betriebsmittel: "", Nummer: "", Ausgegeben_am: "" }],
columns: [
{
- title: "
",
+ title:
+ "
",
field: "collapse",
headerSort: false,
- headerFilter:false,
- formatter:"responsiveCollapse",
- maxWidth:40,
- headerClick:this.collapseFunction,
- },
+ headerFilter: false,
+ formatter: "responsiveCollapse",
+ maxWidth: 40,
+ headerClick: this.collapseFunction,
+ },
{
title: "Betriebsmittel",
field: "betriebsmittel",
- headerFilter: true, minWidth:200,
+ headerFilter: true,
+ minWidth: 200,
+ },
+ {
+ title: "Nummer",
+ field: "Nummer",
+ headerFilter: true,
+ resizable: true,
+ minWidth: 200,
},
- { title: "Nummer", field: "Nummer", headerFilter: true, resizable:true, minWidth:200, },
{
title: "Ausgegeben_am",
field: "Ausgegeben_am",
headerFilter: true,
- minWidth:200,
+ minWidth: 200,
},
],
},
-
- zutrittsgruppen_table_options: {
- height: 200,
- layout: "fitColumns",
- data: [{ bezeichnung: "test1" }],
- columns: [{ title: "Zutritt", field: "bezeichnung" }],
- },
};
},
//? this is the prop passed to the dynamic component with the custom data of the view
props: ["data"],
methods: {
- sperre_foto_function(value) {
+ sperre_foto_function() {
if (!this.data) {
return;
}
- fhcapifactory.UserData.sperre_foto_function(value).then((res) => {
+ fhcapifactory.UserData.sperre_foto_function(!this.data.foto_sperre).then((res) => {
this.data.foto_sperre = res.data.foto_sperre;
});
},
- collapseFunction (e, column){
-
+ collapseFunction(e, column) {
//* the if of the column has to match with the name of the responsive data in the vue component
this[e.target.id] = !this[e.target.id];
//* gets all event icons of the different rows to use the onClick event later
- let allClickableIcons = column._column.cells.map(row => {
+ let allClickableIcons = column._column.cells.map((row) => {
return row.element.children[0];
});
-
+
//* changes the icon that shows or hides all the collapsed columns
//* if the replace function does not find the class to replace, it just simply returns false
- if(this[e.target.id]){
- e.target.classList.replace("fa-angle-up","fa-angle-down");
- }else{
- e.target.classList.replace("fa-angle-down","fa-angle-up");
+ if (this[e.target.id]) {
+ e.target.classList.replace("fa-angle-up", "fa-angle-down");
+ } else {
+ e.target.classList.replace("fa-angle-down", "fa-angle-up");
}
-
+
//* changes the icon for every collapsed column to open or closed
- if(this[e.target.id]){
- allClickableIcons.filter(column => {
+ if (this[e.target.id]) {
+ allClickableIcons
+ .filter((column) => {
return !column.classList.contains("open");
- }).forEach(col => {col.click();})
- }else{
- allClickableIcons.filter(column => {
+ })
+ .forEach((col) => {
+ col.click();
+ });
+ } else {
+ allClickableIcons
+ .filter((column) => {
return column.classList.contains("open");
- }).forEach(col => {col.click();})
- }
- },
- },
- computed: {
- refreshMailTo() {
- return `mailto:info.mio@technikum-wien.at?subject=Datenkorrektur&body=Die%20Profildaten%20für%20User%20'${this.data.username}'%20sind%20nicht%20korrekt.%0DHier, die richtigen Daten:%0A%0ANachname:%20${this.data.nachname}%0AVorname:%20${this.data.vorname}%0AGeburtsdatum:${this.data.gebdatum}%0AGeburtsort:%20${this.data.gebort}%0ATitelPre:${this.data.titel}%20%0ATitelPost:${this.data.postnomen}%20%0A%0A***%0DPlatz für weitere (nicht angeführte Daten)%0D***%0A%0A[Bitte%20übermitteln%20Sie%20uns%20etwaige%20Dokumente%20zum%20Beleg%20der%20Änderung]`
+ })
+ .forEach((col) => {
+ col.click();
+ });
+ }
},
+ },
+
+ computed: {
+
+
get_image_base64_src() {
if (!this.data) {
return "";
}
return "data:image/jpeg;base64," + this.data.foto;
},
- //? this computed function returns all the informations for the first column in the profil
+
+
+ //? this computed function returns all the informations for the first column in the profil
personData() {
if (!this.data) {
return {};
}
return {
- Allgemein: {
- View:"StudentIn",
- Username: this.data.username,
- Matrikelnummer: this.data.matrikelnummer,
- Anrede: this.data.anrede,
- Titel: this.data.titel,
- Vorname: this.data.vorname,
- Nachname: this.data.nachname,
- Postnomen: this.data.postnomen,
- Geburtsdatum: this.data.gebdatum,
- Geburtsort: this.data.gebort,
- Studiengang: this.data.studiengang,
- Semester: this.data.semester,
- Verband: this.data.verband,
- Gruppe: this.data.gruppe,
- Personenkennzeichen: this.data.personenkennzeichen,
-
- },
-
-
+ Username: this.data.username,
+ Anrede: this.data.anrede,
+ Matrikelnummer: this.data.matrikelnummer,
+ Titel: this.data.titelpre,
+ Postnomen: this.data.postnomen,
};
},
- //? this computed function returns the data for the second column in the profil
- kontaktInfo() {
+
+ personKontakt() {
if (!this.data) {
return {};
}
return {
- FhAusweisStatus: this.data.zutrittsdatum,
emails: this.data.emails,
- Kontakte: this.data.kontakte,
- Adressen: this.data.adressen,
+
};
},
+
+ specialData() {
+ if (!this.data) {
+ return {};
+ }
+
+ return {
+ Geburtsdatum: this.data.gebdatum,
+ Geburtsort: this.data.gebort,
+ Personenkennzeichen: this.data.personenkennzeichen,
+ Studiengang: this.data.studiengang,
+ Semester: this.data.semester,
+ Verband: this.data.verband,
+ Gruppe: this.data.gruppe,
+ };
+ },
+
+ privateKontakte() {
+ if (!this.data) {
+ return {};
+ }
+
+ return this.data.kontakte;
+
+ },
+
+ privateAdressen() {
+ if (!this.data) {
+ return {};
+ }
+
+ return this.data.adressen;
+
+ },
+
+
+
},
mounted() {
this.$refs.betriebsmittelTable.tabulator.on('tableBuilt', () => {
- this.$refs.betriebsmittelTable.tabulator.setData(this.data.mittel);
-
- })
+ this.$refs.betriebsmittelTable.tabulator.setData(this.data.mittel);
+
+ })
- this.$refs.zutrittsgruppenTable.tabulator.on('tableBuilt', () => {
-
- this.$refs.zutrittsgruppenTable.tabulator.setData(this.data.zuttritsgruppen);
-
- })
+ this.$refs.zutrittsgruppenTable.tabulator.on('tableBuilt', () => {
+
+ this.$refs.zutrittsgruppenTable.tabulator.setData(this.data.zuttritsgruppen);
+
+ })
+
},
- template: `
+ template: `
-
-
+
-
+
+
-
+
-
-
-
-
-
-
-
-
-
-
![]()
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Profilfoto sperren
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
-
+
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
-
- {{wert}}
-
- - {{bez}}
- - {{wert?wert:"-"}}
-
+
+
+
+
+
+
+
+
+
+
+
+
![]()
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
+
+
+
+
+
+
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- FH-Ausweis Status
- - {{"Der FH Ausweis ist am "+ wert+ " ausgegeben worden."}}
-
-
-
-
-
-
-
-
-
-
-
- Private Kontakte
-
-
-
-
{{element.kontakttyp + ": " + element.kontakt+" " }}
- {{element?.anmerkung}}
-
-
-
-
-
-
-
-
- Adressen
-
-
-
- {{element.strasse}} ({{element.adr_typ}})
{{ element.plz}} {{element.ort}}
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
@@ -356,21 +400,183 @@ export default {
+
+
+
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
Sollten Ihre Daten nicht mehr aktuell sein, klicken Sie bitte hier
-
-
-
-
-
-
+
-
-
-
+
+
+
+
+
+
+
+
+
@@ -404,7 +613,7 @@ export default {
-
+
@@ -412,34 +621,88 @@ export default {
-
+
+
+
+
+
+
+
+
+
+
+ Der FH Ausweis ist am {{data.zutrittsdatum}} ausgegeben worden.
+
+
+
+
+
+
+
+
+
-
+
-
Mailverteilers
-
Sie sind Mitgglied in folgenden Verteilern:
-
-
-
{{verteiler.beschreibung}}
+
+
+
+
+
Sie sind Mitgglied in folgenden Verteilern:
+
+
+
{{verteiler.beschreibung}}
+
+
+
+
+
@@ -459,8 +722,6 @@ export default {
-
-
`,
};
diff --git a/public/js/components/Cis/Profil/StudentViewProfil.js b/public/js/components/Cis/Profil/StudentViewProfil.js
index 815b70fee..39fc844be 100644
--- a/public/js/components/Cis/Profil/StudentViewProfil.js
+++ b/public/js/components/Cis/Profil/StudentViewProfil.js
@@ -1,99 +1,100 @@
-import fhcapifactory from "../../../apps/api/fhcapifactory.js";
-
export default {
-
+
data() {
return {
-
-
+
};
},
- //? this is the prop passed to the dynamic component with the custom data of the view
+ //? this is the prop passed to the dynamic component with the custom data of the view
props: ["data"],
methods: {
-
- sperre_foto_function(value) {
- if (!this.data) {
- return;
- }
- fhcapifactory.UserData.sperre_foto_function(value).then((res) => {
- this.data.foto_sperre = res.data.foto_sperre;
- });
- },
+
},
+
computed: {
+
+
get_image_base64_src() {
if (!this.data) {
return "";
}
return "data:image/jpeg;base64," + this.data.foto;
},
- //? this computed function returns all the informations for the first column in the profil
+
+
+ //? this computed function returns all the informations for the first column in the profil
personData() {
if (!this.data) {
return {};
}
return {
- Allgemein: {
- View:"StudentIn",
- Username: this.data.username,
- Matrikelnummer: this.data.matrikelnummer,
- Anrede: this.data.anrede,
- Titel: this.data.titel,
- Vorname: this.data.vorname,
- Nachname: this.data.nachname,
- Postnomen: this.data.postnomen,
- },
-
-
- SpecialInformation: {
- Studiengang: this.data.studiengang,
- Semester: this.data.semester,
- Verband: this.data.verband,
- Gruppe: this.data.gruppe,
- Personenkennzeichen: this.data.personenkennzeichen,
- },
+ Username: this.data.username,
+ Anrede: this.data.anrede,
+ Matrikelnummer: this.data.matrikelnummer,
+ Titel: this.data.titelpre,
+ Postnomen: this.data.postnomen,
};
},
- //? this computed function returns the data for the second column in the profil
- kontaktInfo() {
+
+ personKontakt() {
if (!this.data) {
return {};
}
return {
-
emails: this.data.emails,
-
+
};
},
+
+ specialData() {
+ if (!this.data) {
+ return {};
+ }
+
+ return {
+ Personenkennzeichen: this.data.personenkennzeichen,
+ Studiengang: this.data.studiengang,
+ Semester: this.data.semester,
+ Verband: this.data.verband,
+ Gruppe: this.data.gruppe,
+ };
+ },
+
+
+
+
},
mounted() {
+
},
- template: `
+ template: `
-
-
-
+
-
+
+
-
+
-
-
-
-
-
-
-
-
-
-
-
-
-
![]()
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
-
- {{wert}}
-
- - {{bez}}
- - {{wert?wert:"-"}}
-
-
-
+
-
+
-
+
+
+
+
+
+
+
![]()
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
@@ -219,15 +272,92 @@ export default {
+
+
+
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
+
+
+
+
+
+
+
+
+
@@ -238,7 +368,7 @@ export default {
-
+
@@ -246,34 +376,70 @@ export default {
-
+
+
-
+
-
Mailverteilers
-
Sie sind Mitgglied in folgenden Verteilern:
-
-
-
{{verteiler.beschreibung}}
+
+
+
+
+
Sie sind Mitgglied in folgenden Verteilern:
+
+
+
{{verteiler.beschreibung}}
+
+
+
+
+
@@ -293,8 +459,6 @@ export default {
-
-
`,
};