diff --git a/application/views/Cis/Profil.php b/application/views/Cis/Profil.php index a107f0775..059a4edc1 100644 --- a/application/views/Cis/Profil.php +++ b/application/views/Cis/Profil.php @@ -3,7 +3,7 @@ $includesArray = array( 'title' => 'Stundenplan', 'customJSModules' => ['public/js/apps/Cis/Profil.js'], 'tabulator5' => true, - 'customCSSs' => ['public/css/components/calendar.css', 'public/css/components/FilterComponent.css'], + 'customCSSs' => ['public/css/components/calendar.css', 'public/css/components/FilterComponent.css','public/css/components/Profil.css'], ); diff --git a/public/css/components/Profil.css b/public/css/components/Profil.css new file mode 100644 index 000000000..a8f0e5d4b --- /dev/null +++ b/public/css/components/Profil.css @@ -0,0 +1,42 @@ + + +@media (max-width: 991px) { + + .md-invisible{ + display:none; + } + } + + @media (min-width: 992px) { + + .lg-invisible{ + display:none; + } + } + +/* dl { + width: 100%; + overflow: hidden; + + padding: 0; + margin: 0 + } + dt { + float: left; + width: 35%; + + + + padding: 0; + margin: 0 + } + dd { + float: left; + width: 50%; + + + padding: 0; + margin: 0 + } + */ + \ No newline at end of file diff --git a/public/js/apps/Cis/Profil.js b/public/js/apps/Cis/Profil.js index a6f811478..eb5cfbf4a 100644 --- a/public/js/apps/Cis/Profil.js +++ b/public/js/apps/Cis/Profil.js @@ -3,6 +3,7 @@ import StudentProfil from "../../components/Cis/Profil/StudentProfil.js"; import MitarbeiterProfil from "../../components/Cis/Profil/MitarbeiterProfil.js"; import ViewStudentProfil from "../../components/Cis/Profil/StudentViewProfil.js"; import ViewMitarbeiterProfil from "../../components/Cis/Profil/MitarbeiterViewProfil.js"; +import Base from "../../components/Cis/Profil/Base.js"; import fhcapifactory from "../api/fhcapifactory.js"; Vue.$fhcapi = fhcapifactory; @@ -11,7 +12,7 @@ Vue.$fhcapi = fhcapifactory; const app = Vue.createApp({ components: { - + Base, StudentProfil, MitarbeiterProfil, ViewStudentProfil, @@ -41,15 +42,17 @@ const app = Vue.createApp({ } this.view = res.data?.view; this.data = res.data?.data; + //* only for testing purposes and needs to be deleted after + this.data.base = "Base"; }); }, template:`
- +

Es wurden keine oder mehrere Profile für {{this.notFoundUID}} gefunden

- +
` diff --git a/public/js/components/Cis/Profil/Base.js b/public/js/components/Cis/Profil/Base.js new file mode 100644 index 000000000..0726fa552 --- /dev/null +++ b/public/js/components/Cis/Profil/Base.js @@ -0,0 +1,295 @@ +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", + data: [ + { + Bezeichnung: "", + Organisationseinheit: "", + Gültig_von: "", + Gültig_bis: "", + Wochenstunden: "", + }, + ], + columns: [ + { title: "Bezeichnung", field: "Bezeichnung", headerFilter: true }, + { + title: "Organisationseinheit", + field: "Organisationseinheit", + headerFilter: true, + }, + { title: "Gültig_von", field: "Gültig_von", headerFilter: true }, + { title: "Gültig_bis", field: "Gültig_bis", headerFilter: true }, + { + title: "Wochenstunden", + field: "Wochenstunden", + headerFilter: true, + }, + ], + }, + betriebsmittel_table_options: { + height: 300, + layout: "fitColumns", + data: [{ betriebsmittel: "test", Nummer: "", Ausgegeben_am: "" }], + columns: [ + { + title: "Betriebsmittel", + field: "betriebsmittel", + headerFilter: true, + }, + { title: "Nummer", field: "Nummer", headerFilter: true }, + { + title: "Ausgegeben_am", + field: "Ausgegeben_am", + headerFilter: true, + }, + ], + }, + + }; + }, + + //? 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: { + 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]` + }, + + 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 + personData() { + if (!this.data) { + return {}; + } + + return { + Allgemein: { + Username: this.data.username, + 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, + Kurzzeichen: this.data.kurzbz, + Telefon: this.data.telefonklappe, + Büro:this.data.ort_kurzbz, + FhAusweisStatus: this.data.zutrittsdatum, + }, + + + + + + + }; + }, + //? 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, + }; + }, + }, + + mounted() { + 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); + + }) + + }, + + template: ` + +
+
+
+ +
+
+ + + + + +
+
+
+ +
    +
    • +
    • +
    • +
+
+
+
+ + + + +
+
+ +
+
+ + + + +
+ +
+ + + +
+
+
+
{{bez}}
+
{{wert?wert:"-"}}
+
+
+
+
FH-Ausweis Status
+
{{"Der FH Ausweis ist am "+ wert+ " ausgegeben worden."}}
+
+
+ + +
+ + + +
+ +
+
+
+
{{bez}}
+
{{wert?wert:"-"}}
+
+
+
+
FH-Ausweis Status
+
{{"Der FH Ausweis ist am "+ wert+ " ausgegeben worden."}}
+
+
+
+ + + + +
+ + + + +
+ +
+ + + +
+
+
+ Zeitwuensche + Lehrveranstaltungen + Zeitsperren von Gschnell +
+
+
+
+
+ + +
Mailverteilers
+

Sie sind Mitgglied in folgenden Verteilern:

+
+
{{verteiler.gruppe_kurzbz}}
+
{{verteiler.beschreibung}}
+
+ + + +
+
+
+ + +
+
+ + +
+ + +
+
+ +
+ + +
+ +
+ + + + + +
+ + +
+ + `, +}; diff --git a/public/js/components/Cis/Profil/MitarbeiterProfil.js b/public/js/components/Cis/Profil/MitarbeiterProfil.js index 12f7cb88e..2f3ef7d88 100644 --- a/public/js/components/Cis/Profil/MitarbeiterProfil.js +++ b/public/js/components/Cis/Profil/MitarbeiterProfil.js @@ -1,6 +1,7 @@ import fhcapifactory from "../../../apps/api/fhcapifactory.js"; import { CoreFilterCmpt } from "../../../components/filter/Filter.js"; + export default { components: { CoreFilterCmpt, @@ -73,6 +74,10 @@ 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]` + }, + get_image_base64_src() { if (!this.data) { return ""; @@ -95,13 +100,17 @@ export default { Postnomen: this.data.postnomen, Geburtsdatum: this.data.gebdatum, Geburtsort: this.data.gebort, + Kurzzeichen: this.data.kurzbz, + Telefon: this.data.telefonklappe, + Büro:this.data.ort_kurzbz, + FhAusweisStatus: this.data.zutrittsdatum, }, - Adressen: this.data.adressen, - SpecialInformation: { - Kurzzeichen: this.data.kurzbz, - Telefon: this.data.telefonklappe, - Büro:this.data.ort_kurzbz, - }, + + + + + + }; }, //? this computed function returns the data for the second column in the profil @@ -111,9 +120,11 @@ export default { } return { - FhAusweisStatus: this.data.zutrittsdatum, + + emails: this.data.emails, Kontakte: this.data.kontakte, + Adressen: this.data.adressen, }; }, }, @@ -137,20 +148,32 @@ export default {
-
+
-
-
+
+ +
-
+
+
-
+

Mitarbeiter

- + +
+
+ Zeitwuensche + Lehrveranstaltungen + Zeitsperren von Gschnell +
+ + +
+
@@ -160,31 +183,36 @@ export default { Profilfoto sperren
+
-
+
-
+
-
-
Adressen
-
- {{element.strasse}} ({{element.adr_typ}})
{{ element.plz}} {{element.ort}} -
-
+ -
-
{{bez}}
-
{{wert?wert:"-"}}
+
+ + +
+
FH-Ausweis Status
+
{{"Der FH Ausweis ist am "+ wert+ " ausgegeben worden."}}
+ +
+
+
{{bez}}
+
{{wert?wert:"-"}}
+
@@ -192,46 +220,69 @@ export default { -
- -
- - -
-
FH-Ausweis Status
-
{{"Der FH Ausweis ist am "+ wert+ " ausgegeben worden."}}
-
+
+ +
+ + + - - -
-
eMail
-
{{email.type}}: {{email.email}}
-
+
+
FH-Ausweis Status
+
+
{{"Der FH Ausweis ist am "+ wert+ " ausgegeben worden."}}
+
+
- -
-
Private Kontakte
-
-
{{element.kontakttyp + ": " + element.kontakt+" " }}
-
{{element?.anmerkung}}
-
- - -
-
-
- -
-
+ + + +
+
eMail
+
+
{{email.type}}: {{email.email}}
+
+
+ + +
+
Private Kontakte
+
+
+
{{element.kontakttyp + ": " + element.kontakt+" " }}
+
{{element?.anmerkung}}
+
+ + +
+
+
+
+ + +
+
Adressen
+
+
+ {{element.strasse}} ({{element.adr_typ}})
{{ element.plz}} {{element.ort}} +
+
+
+ +
+
- +
+
+

Sollten Ihre Daten nicht mehr aktuell sein, klicken Sie bitte hier

+
+
@@ -248,8 +299,8 @@ export default {
-
-
+
+
Zeitwuensche Lehrveranstaltungen Zeitsperren von Gschnell @@ -264,6 +315,7 @@ export default {
+
`, diff --git a/public/js/components/Cis/Profil/MitarbeiterViewProfil.js b/public/js/components/Cis/Profil/MitarbeiterViewProfil.js index b35942fea..589f1b204 100644 --- a/public/js/components/Cis/Profil/MitarbeiterViewProfil.js +++ b/public/js/components/Cis/Profil/MitarbeiterViewProfil.js @@ -114,103 +114,122 @@ export default { template: ` -
- -
- -
+
+ +
+ +
+
+ + + +
+

Mitarbeiter

- - -
- - -
- - -

Mitarbeiter

- -
- -
{{element.strasse}} ({{element.adr_typ}})
{{ element.plz}} {{element.ort}}
-
{{bez}}: {{val}}
- -
- -
-
-
- -

- - -

-

FH-Ausweis Status

-

{{"Der FH Ausweis ist am "+ wert+ " ausgegeben worden."}}

-
- - - - -
-

eMail

-

{{email.type}}: {{email.email}}

-
- - -
-

Private Kontakte

-
-
{{element.kontakttyp + ": " + element.kontakt+" " }}
-
{{element?.anmerkung}}
-
- - -
-
-
- -

-
- -
- -
- - -
- - -
- - -
- -
-
-
- Zeitwuensche - Lehrveranstaltungen - Zeitsperren von Gschnell -
-
-
Mailverteilers
-

Sie sind Mitgglied in folgenden Verteilern:

-
-
{{verteiler.gruppe_kurzbz}}
-
{{verteiler.beschreibung}}
+ + + + +
+ + + + + +
+
+ + +
+
{{bez}}
+
{{wert?wert:"-"}}
+
+ +
+ + + + +
+ +
+ + +
+
FH-Ausweis Status
+
{{"Der FH Ausweis ist am "+ wert+ " ausgegeben worden."}}
+
+ + + + +
+
eMail
+
{{email.type}}: {{email.email}}
+
+ + +
+
Private Kontakte
+
+
{{element.kontakttyp + ": " + element.kontakt+" " }}
+
{{element?.anmerkung}}
+
+ + +
+
+
+ +
+
+ + +
+
+ + +
+ + +
+ + +
+ + +
+ + +
+ +
+
+ Zeitwuensche + Lehrveranstaltungen + Zeitsperren von Gschnell +
+
+
Mailverteilers
+

Sie sind Mitgglied in folgenden Verteilern:

+
+
{{verteiler.gruppe_kurzbz}}
+
{{verteiler.beschreibung}}
+
+ + `, }; diff --git a/public/js/components/Cis/Profil/StudentProfil.js b/public/js/components/Cis/Profil/StudentProfil.js index a0aff3196..8df546c67 100644 --- a/public/js/components/Cis/Profil/StudentProfil.js +++ b/public/js/components/Cis/Profil/StudentProfil.js @@ -51,6 +51,9 @@ 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]` + }, get_image_base64_src() { if (!this.data) { return ""; @@ -72,11 +75,10 @@ export default { Vorname: this.data.vorname, Nachname: this.data.nachname, Postnomen: this.data.postnomen, - }, - GeburtsDaten: { Geburtsdatum: this.data.gebdatum, Geburtsort: this.data.gebort, }, + Adressen: this.data.adressen, SpecialInformation: { Studiengang: this.data.studiengang, @@ -118,85 +120,108 @@ export default { template: ` - -
- -
- -
-
-
-
-
- -
-
-
-
-
-

Profilfoto gesperrt

- Sperre des Profilfotos aufheben -
- Profilfoto sperren -
-
-
- - -
- - -

Student

- -
- -

{{element.strasse}} ({{element.adr_typ}})
{{ element.plz}} {{element.ort}}

-
{{bez}}: {{val}}
- -
- -
-
-
- -

- - -

-

FH-Ausweis Status

-

{{"Der FH Ausweis ist am "+ wert+ " ausgegeben worden."}}

-
- - - - -
-

eMail

-

{{email.type}}: {{email.email}}

-
- - -
-

Private Kontakte

-
-
{{element.kontakttyp + ": " + element.kontakt+" " }}
-
{{element?.anmerkung}}
-
- - -
-
-
- -

-
+
+ +
+ +
+
+ -
+
+
+
+

Student

+ +
+
+
+
+
+

Profilfoto gesperrt

+ Sperre des Profilfotos aufheben +
+ Profilfoto sperren +
+
+
+ + + + + +
+ + + + + +
+
+ +
+
Adressen
+
+ {{element.strasse}} ({{element.adr_typ}})
{{ element.plz}} {{element.ort}} +
+
+ +
+
{{bez}}
+
{{wert?wert:"-"}}
+
+
+ + + +
+ +
+ + +
+
FH-Ausweis Status
+
{{"Der FH Ausweis ist am "+ wert+ " ausgegeben worden."}}
+
+ + -
+ +
+
eMail
+
{{email.type}}: {{email.email}}
+
+ + +
+
Private Kontakte
+
+
{{element.kontakttyp + ": " + element.kontakt+" " }}
+
{{element?.anmerkung}}
+
+ + +
+
+
+ +
+
+
+ + +
+
+ +
+
+

Sollten Ihre Daten nicht mehr aktuell sein, klicken Sie bitte hier

+
+
+
@@ -208,26 +233,29 @@ export default {
- -
+ +
-
-
- Zeitwuensche - Lehrveranstaltungen - Zeitsperren von Gschnell -
-
-
Mailverteilers
-

Sie sind Mitgglied in folgenden Verteilern:

-
-
{{verteiler.gruppe_kurzbz}}
-
{{verteiler.beschreibung}}
-
-
-
-
-
+
+
+ Zeitwuensche + Lehrveranstaltungen + Zeitsperren von Gschnell +
+
+
Mailverteilers
+

Sie sind Mitgglied in folgenden Verteilern:

+
+
{{verteiler.gruppe_kurzbz}}
+
{{verteiler.beschreibung}}
+
+
+
+
+
+ + + `, }; diff --git a/public/js/components/Cis/Profil/StudentViewProfil.js b/public/js/components/Cis/Profil/StudentViewProfil.js index 8dbc4275e..b119ebdeb 100644 --- a/public/js/components/Cis/Profil/StudentViewProfil.js +++ b/public/js/components/Cis/Profil/StudentViewProfil.js @@ -80,73 +80,114 @@ export default { template: ` -
- -
- -
+ +
+ +
+ +
+
+ + + +
+

Student

- - -
- - -
- - -

Student

- -
- -
{{element.strasse}} ({{element.adr_typ}})
{{ element.plz}} {{element.ort}}
-
{{bez}}: {{val}}
- -
- -
-
-
- -

- -

-

eMail

-

{{email.type}}: {{email.email}}

-
- - - -

-
- -
- - -
-
-
- Zeitwuensche - Lehrveranstaltungen - Zeitsperren von Gschnell -
-
-
Mailverteilers
-

Sie sind Mitgglied in folgenden Verteilern:

-
-
{{verteiler.gruppe_kurzbz}}
-
{{verteiler.beschreibung}}
+ + + + +
+ + + + + +
+
+ + +
+
{{bez}}
+
{{wert?wert:"-"}}
+
+ +
+ + + + +
+ +
+ + +
+
FH-Ausweis Status
+
{{"Der FH Ausweis ist am "+ wert+ " ausgegeben worden."}}
+
+ + + + +
+
eMail
+
{{email.type}}: {{email.email}}
+
+ + +
+
Private Kontakte
+
+
{{element.kontakttyp + ": " + element.kontakt+" " }}
+
{{element?.anmerkung}}
+
+ + +
+
+
+ +
+
+ + +
+
+ + + + + +
+ +
+
+ Zeitwuensche + Lehrveranstaltungen + Zeitsperren von Gschnell +
+
+
Mailverteilers
+

Sie sind Mitgglied in folgenden Verteilern:

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