From e8a89cf2772eaf473e4741bcffcda6262a70d7a2 Mon Sep 17 00:00:00 2001 From: Simon Gschnell Date: Mon, 11 Dec 2023 09:43:32 +0100 Subject: [PATCH] add comments to the layout to logically seperate the different columns and rows --- public/js/components/Cis/Profil/Base.js | 311 ++++++++++++++---------- 1 file changed, 178 insertions(+), 133 deletions(-) diff --git a/public/js/components/Cis/Profil/Base.js b/public/js/components/Cis/Profil/Base.js index 16bd5404c..eaa85c6b3 100644 --- a/public/js/components/Cis/Profil/Base.js +++ b/public/js/components/Cis/Profil/Base.js @@ -1,15 +1,12 @@ import fhcapifactory from "../../../apps/api/fhcapifactory.js"; import { CoreFilterCmpt } from "../../../components/filter/Filter.js"; - export default { components: { CoreFilterCmpt, }, data() { return { - - funktionen_table_options: { height: 300, layout: "fitColumns", @@ -41,7 +38,13 @@ export default { betriebsmittel_table_options: { height: 300, layout: "fitColumns", - data: [{ betriebsmittel: "test", Nummer: "", Ausgegeben_am: "" }], + data: [ + { + betriebsmittel: "test", + Nummer: "", + Ausgegeben_am: "", + }, + ], columns: [ { title: "Betriebsmittel", @@ -56,14 +59,12 @@ export default { }, ], }, - }; }, - //? 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; @@ -75,7 +76,7 @@ export default { }, 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]` + 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]`; }, get_image_base64_src() { @@ -84,7 +85,7 @@ export default { } 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 {}; @@ -102,26 +103,18 @@ export default { Geburtsort: this.data.gebort, Kurzzeichen: this.data.kurzbz, Telefon: this.data.telefonklappe, - Büro:this.data.ort_kurzbz, + Büro: this.data.ort_kurzbz, FhAusweisStatus: this.data.zutrittsdatum, }, - - - - - - }; }, - //? this computed function returns the data for the second column in the profil + //? this computed function returns the data for the second column in the profil kontaktInfo() { if (!this.data) { return {}; } return { - - emails: this.data.emails, Kontakte: this.data.kontakte, Adressen: this.data.adressen, @@ -130,170 +123,222 @@ export default { }, mounted() { - this.$refs.betriebsmittelTable.tabulator.on('tableBuilt', () => { - - this.$refs.betriebsmittelTable.tabulator.setData(this.data.mittel); - - }) + this.$refs.betriebsmittelTable.tabulator.on("tableBuilt", () => { + this.$refs.betriebsmittelTable.tabulator.setData(this.data.mittel); + }); - this.$refs.funktionenTable.tabulator.on('tableBuilt', () => { - - this.$refs.funktionenTable.tabulator.setData(this.data.funktionen); - - }) - + this.$refs.funktionenTable.tabulator.on("tableBuilt", () => { + this.$refs.funktionenTable.tabulator.setData(this.data.funktionen); + }); }, template: ` - +
-
-
- +
+
- + -
-
-
- -
    -
    • -
    • -
    • -
+
+
+
+ +
    +
    • +
    • +
    • +
+
-
-
+
+ + + + +
-
- -
- -
-
+ +
+ +
+ +
+ + + + +
- - -
- -
+ + +
-
-
-
-
{{bez}}
-
{{wert?wert:"-"}}
+ +
+ + + + + +
+
+
+
{{bez}}
+
{{wert?wert:"-"}}
+
+
+
+
FH-Ausweis Status
+
{{"Der FH Ausweis ist am "+ wert+ " ausgegeben worden."}}
+
+
+ + + +
-
-
-
FH-Ausweis Status
-
{{"Der FH Ausweis ist am "+ wert+ " ausgegeben worden."}}
-
-
-
+ +
-
-
-
-
-
{{bez}}
-
{{wert?wert:"-"}}
+ + +
+
+
+
{{bez}}
+
{{wert?wert:"-"}}
+
+
+
+
FH-Ausweis Status
+
{{"Der FH Ausweis ist am "+ wert+ " ausgegeben worden."}}
+
+
+ + + + +
-
-
-
FH-Ausweis Status
-
{{"Der FH Ausweis ist am "+ wert+ " ausgegeben worden."}}
+ + + + + +
+ + +
-
+ +
+ + + + + +
+ + +
+ +
+ + +
+ +
+ + +
+ + + + + + + +
- - -
- -
-
-
- - -
- - -
-
- -
-
- - -
- +
+ -
-
-
- Zeitwuensche - Lehrveranstaltungen - Zeitsperren von Gschnell -
+ + + +
+
+
+ Zeitwuensche + Lehrveranstaltungen + Zeitsperren von Gschnell +
+
+
+ + + +
+ +
+ + + + +
Mailverteilers
+

Sie sind Mitgglied in folgenden Verteilern:

+
+
{{verteiler.gruppe_kurzbz}}
+
{{verteiler.beschreibung}}
+
+ + + +
+ + +
+ +
-
-
-
- - -
Mailverteilers
-

Sie sind Mitgglied in folgenden Verteilern:

-
-
{{verteiler.gruppe_kurzbz}}
-
{{verteiler.beschreibung}}
-
- - - -
-
-
-
- - -
+ - +
- +
`,