mirror of
https://github.com/FH-Complete/FHC-Core.git
synced 2026-07-24 02:12:17 +00:00
restructuring controller
This commit is contained in:
Simon Gschnell
@@ -0,0 +1,55 @@
|
||||
//import ProfilView from "../../components/Cis/Profil/Profil.js";
|
||||
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 fhcapifactory from "../api/fhcapifactory.js";
|
||||
|
||||
Vue.$fhcapi = fhcapifactory;
|
||||
|
||||
|
||||
const app = Vue.createApp({
|
||||
|
||||
components: {
|
||||
|
||||
StudentProfil,
|
||||
MitarbeiterProfil,
|
||||
ViewStudentProfil,
|
||||
ViewMitarbeiterProfil,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
view:null,
|
||||
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
|
||||
},
|
||||
created(){
|
||||
|
||||
let path = location.pathname;
|
||||
console.log(path);
|
||||
console.log(path.lastIndexOf('/'));
|
||||
let uid = path.substring(path.lastIndexOf('/')).replace("/","");
|
||||
console.log("i am passing this uid: ", uid);
|
||||
const payload = {
|
||||
...(uid != "Profil" ? {uid} : {})
|
||||
};
|
||||
|
||||
Vue.$fhcapi.UserData.getView(payload).then((res)=>{
|
||||
//this.view = res.data.view;
|
||||
//this.data = res.data.data;
|
||||
console.log(res.data);
|
||||
});
|
||||
},
|
||||
template:`
|
||||
<div>
|
||||
<p>test element</p>
|
||||
<!--<StudentProfil></StudentProfil>-->
|
||||
<component :is="view"></component>
|
||||
</div>`
|
||||
|
||||
|
||||
});
|
||||
app.mount("#content");
|
||||
@@ -1,19 +0,0 @@
|
||||
import Profil from "../../components/Cis/Profil/Profil.js";
|
||||
|
||||
|
||||
const app = Vue.createApp({
|
||||
|
||||
components: {
|
||||
Profil,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
|
||||
},
|
||||
|
||||
});
|
||||
app.mount("#content");
|
||||
@@ -7,6 +7,12 @@ export default {
|
||||
+ `cis.php/Cis/Profil/isMitarbeiterOrStudent/${uid}`;
|
||||
return axios.get(url);
|
||||
},
|
||||
|
||||
getView: function(payload) {
|
||||
const url = FHC_JS_DATA_STORAGE_OBJECT.app_root
|
||||
+ `cis.php/Cis/Profil/getView`;
|
||||
return axios.post(url,payload);
|
||||
},
|
||||
|
||||
sperre_foto_function: function(value) {
|
||||
const url = FHC_JS_DATA_STORAGE_OBJECT.app_root
|
||||
@@ -21,9 +27,9 @@ export default {
|
||||
|
||||
return axios.get(url);
|
||||
},
|
||||
mitarbeiterProfil: function(uid) {
|
||||
mitarbeiterProfil: function() {
|
||||
const url = FHC_JS_DATA_STORAGE_OBJECT.app_root + FHC_JS_DATA_STORAGE_OBJECT.ci_router+
|
||||
`/Cis/Profil/mitarbeiterProfil/${uid}`;
|
||||
`/Cis/Profil/mitarbeiterProfil/`;
|
||||
|
||||
return axios.get(url);
|
||||
},
|
||||
|
||||
@@ -0,0 +1,218 @@
|
||||
|
||||
import fhcapifactory from "../../../apps/api/fhcapifactory.js";
|
||||
import {CoreFilterCmpt} from "../../../components/filter/Filter.js"
|
||||
|
||||
//? possible types of roles:
|
||||
//! depending on the role of the current view, different content is being displayed and fetched
|
||||
//* Student
|
||||
//* Mitarbeiter
|
||||
//* View_Student
|
||||
//* View_Mitarbeiter
|
||||
|
||||
export default {
|
||||
components:{
|
||||
CoreFilterCmpt,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
index_information: null,
|
||||
mitarbeiter_info: null,
|
||||
student_info:null,
|
||||
//? beinhaltet die Information ob der angefragte user ein Student oder Mitarbeiter ist
|
||||
role: null,
|
||||
|
||||
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:"",Nummer:"",Ausgegeben_am:""}],
|
||||
columns: [{title: 'Betriebsmittel', field: 'betriebsmittel', headerFilter: true},
|
||||
{title: 'Nummer', field: 'Nummer', headerFilter: true},
|
||||
{title: 'Ausgegeben_am', field: 'Ausgegeben_am', headerFilter: true},]
|
||||
|
||||
},
|
||||
zutrittsgruppen_table_options:{
|
||||
height: 300,
|
||||
layout: 'fitColumns',
|
||||
data:[{bezeichnung:"test1"}],
|
||||
columns: [{title: 'Zutritt', field: 'bezeichnung'}]
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
//? this props were passed in the Profil.php view file
|
||||
props:['uid','view'],
|
||||
methods: {
|
||||
|
||||
concatenate_addresses(address_array){
|
||||
let result = "";
|
||||
for (let i = 0; i < address_array.length; i++) {
|
||||
result += address_array[i].strasse + " " + address_array[i].plz + " " + address_array[i].ort + "\n";
|
||||
}
|
||||
return result;
|
||||
},
|
||||
render_unterelement(wert,bezeichnung){
|
||||
if (isArray(bezeichnung)){
|
||||
|
||||
}
|
||||
},
|
||||
concatenate_kontakte(kontakt_array){
|
||||
let result = "";
|
||||
for (let i = 0; i < kontakt_array.length; i++) {
|
||||
result += kontakt_array[i].kontakttyp + " " + kontakt_array[i].kontakt + " " + kontakt_array[i].zustellung + "\n";
|
||||
}
|
||||
return result;
|
||||
},
|
||||
sperre_foto_function(value){
|
||||
if(!(this.mitarbeiter_info && this.index_information && this.student_info) ){
|
||||
return;
|
||||
}
|
||||
fhcapifactory.UserData.sperre_foto_function(value).then(res => {
|
||||
|
||||
this.index_information.foto_sperre = res.data.foto_sperre;
|
||||
|
||||
});
|
||||
|
||||
},
|
||||
|
||||
|
||||
},
|
||||
computed:{
|
||||
|
||||
|
||||
get_image_base64_src(){
|
||||
if(!this.index_information){
|
||||
return "";
|
||||
}
|
||||
return "data:image/jpeg;base64,"+this.index_information.foto;
|
||||
},
|
||||
personData(){
|
||||
if(!this.index_information){
|
||||
return {};
|
||||
}
|
||||
|
||||
return {
|
||||
Allgemein: (this.role =='Mitarbeiter' || this.role =='View_Mitarbeiter')?{
|
||||
Username:this.index_information.username,
|
||||
Anrede:this.index_information.anrede,
|
||||
Titel:this.index_information.titel,
|
||||
Vorname:this.index_information.vorname,
|
||||
Nachname:this.index_information.nachname,
|
||||
Postnomen:this.index_information.postnomen,
|
||||
}:{
|
||||
Username:this.index_information.username,
|
||||
Matrikelnummer: this.student_info?.matrikelnummer,
|
||||
Anrede:this.index_information.anrede,
|
||||
Titel:this.index_information.titel,
|
||||
Vorname:this.index_information.vorname,
|
||||
Nachname:this.index_information.nachname,
|
||||
Postnomen:this.index_information.postnomen,
|
||||
},
|
||||
GeburtsDaten:!this.role.includes("View")?{
|
||||
Geburtsdatum:this.index_information.gebdatum,
|
||||
Geburtsort: this.index_information.gebort,
|
||||
}: null,
|
||||
Adressen: this.index_information.adressen,
|
||||
SpecialInformation: this.role =='Mitarbeiter' || this.role === 'View_Mitarbeiter'? {
|
||||
Kurzzeichen: this.mitarbeiter_info?.kurzbz,
|
||||
Telefon: this.mitarbeiter_info?.telefonklappe,
|
||||
//* Wird das Feld Ort_kurzbz noch gepflegt?
|
||||
...(this.role === 'View_Mitarbeiter'?{Büro:this.mitarbeiter_info?.ort_kurzbz}:{}) ,
|
||||
} : {
|
||||
Studiengang:this.student_info?.studiengang,
|
||||
Semester:this.student_info?.semester,
|
||||
Verband:this.student_info?.verband,
|
||||
Gruppe:this.student_info?.gruppe,
|
||||
Personenkennzeichen:this.student_info?.personenkennzeichen
|
||||
},
|
||||
};
|
||||
},
|
||||
//? this computed conains all the information that is used for the second column that displays the information of the person
|
||||
kontaktInfo(){
|
||||
if(!this.index_information){
|
||||
return {};
|
||||
}
|
||||
|
||||
return {
|
||||
FhAusweisStatus: this.index_information.zutrittsdatum,
|
||||
emails: this.role === 'Mitarbeiter' || this.role === 'View_Mitarbeiter'? this.mitarbeiter_info?.emails: this.index_information.emails,
|
||||
Kontakte:this.index_information.kontakte,
|
||||
};
|
||||
},
|
||||
|
||||
},
|
||||
|
||||
mounted(){
|
||||
|
||||
console.log(this.uid);
|
||||
console.log(this.view);
|
||||
console.log(typeof this.view);
|
||||
if(this.view){console.log("view is true")}else{ console.log("view is false")}
|
||||
|
||||
//? this function is to update the tabulator information only when the tabulator was build checking the tableBulit event
|
||||
//! only the tableBuilt event of the second tabulator was used to update the table informations
|
||||
|
||||
|
||||
fhcapifactory.UserData.isMitarbeiterOrStudent(this.uid).then((res) => {
|
||||
|
||||
this.role = this.view? "View_"+res.data: res.data;
|
||||
if(!this.role.includes('View')){
|
||||
this.$refs.betriebsmittelTable.tabulator.on('tableBuilt', () => {
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
console.log("the role of the current view: ", this.role);
|
||||
|
||||
|
||||
|
||||
//? Die anderen api calls werden erst gemacht wenn der call zu isMitarbeiterOrStudent gemacht worden ist
|
||||
|
||||
|
||||
//! indexProfilInformationen werden immer gefetcht
|
||||
fhcapifactory.UserData.indexProfilInformaion(this.uid,this.view).then((res) => {
|
||||
console.log(res.data);
|
||||
this.index_information = res.data;
|
||||
if(!this.role.includes("View")){
|
||||
this.$refs.betriebsmittelTable.tabulator.setData(res.data.mittel);
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
//? Danach werden die Informationen der Role gefetcht
|
||||
if(this.role === "Student" || this.role === "View_Student"){
|
||||
fhcapifactory.UserData.studentProfil(this.uid,this.view).then((res)=> {
|
||||
this.student_info = res.data;
|
||||
if(this.role ==="Student"){
|
||||
this.$refs.zutrittsgruppenTable.tabulator.setData(res.data.zuttritsgruppen);
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
if(this.role === "Mitarbeiter" || this.role === "View_Mitarbeiter"){
|
||||
fhcapifactory.UserData.mitarbeiterProfil(this.uid).then((res)=> {
|
||||
this.mitarbeiter_info = res.data;
|
||||
this.$refs.funktionenTable.tabulator.setData(res.data.funktionen);
|
||||
})
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
|
||||
},
|
||||
|
||||
template: `
|
||||
|
||||
<p>MitarbeiterProfil</p>
|
||||
`,
|
||||
};
|
||||
@@ -0,0 +1,218 @@
|
||||
|
||||
import fhcapifactory from "../../../apps/api/fhcapifactory.js";
|
||||
import {CoreFilterCmpt} from "../../../components/filter/Filter.js"
|
||||
|
||||
//? possible types of roles:
|
||||
//! depending on the role of the current view, different content is being displayed and fetched
|
||||
//* Student
|
||||
//* Mitarbeiter
|
||||
//* View_Student
|
||||
//* View_Mitarbeiter
|
||||
|
||||
export default {
|
||||
components:{
|
||||
CoreFilterCmpt,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
index_information: null,
|
||||
mitarbeiter_info: null,
|
||||
student_info:null,
|
||||
//? beinhaltet die Information ob der angefragte user ein Student oder Mitarbeiter ist
|
||||
role: null,
|
||||
|
||||
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:"",Nummer:"",Ausgegeben_am:""}],
|
||||
columns: [{title: 'Betriebsmittel', field: 'betriebsmittel', headerFilter: true},
|
||||
{title: 'Nummer', field: 'Nummer', headerFilter: true},
|
||||
{title: 'Ausgegeben_am', field: 'Ausgegeben_am', headerFilter: true},]
|
||||
|
||||
},
|
||||
zutrittsgruppen_table_options:{
|
||||
height: 300,
|
||||
layout: 'fitColumns',
|
||||
data:[{bezeichnung:"test1"}],
|
||||
columns: [{title: 'Zutritt', field: 'bezeichnung'}]
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
//? this props were passed in the Profil.php view file
|
||||
props:['uid','view'],
|
||||
methods: {
|
||||
|
||||
concatenate_addresses(address_array){
|
||||
let result = "";
|
||||
for (let i = 0; i < address_array.length; i++) {
|
||||
result += address_array[i].strasse + " " + address_array[i].plz + " " + address_array[i].ort + "\n";
|
||||
}
|
||||
return result;
|
||||
},
|
||||
render_unterelement(wert,bezeichnung){
|
||||
if (isArray(bezeichnung)){
|
||||
|
||||
}
|
||||
},
|
||||
concatenate_kontakte(kontakt_array){
|
||||
let result = "";
|
||||
for (let i = 0; i < kontakt_array.length; i++) {
|
||||
result += kontakt_array[i].kontakttyp + " " + kontakt_array[i].kontakt + " " + kontakt_array[i].zustellung + "\n";
|
||||
}
|
||||
return result;
|
||||
},
|
||||
sperre_foto_function(value){
|
||||
if(!(this.mitarbeiter_info && this.index_information && this.student_info) ){
|
||||
return;
|
||||
}
|
||||
fhcapifactory.UserData.sperre_foto_function(value).then(res => {
|
||||
|
||||
this.index_information.foto_sperre = res.data.foto_sperre;
|
||||
|
||||
});
|
||||
|
||||
},
|
||||
|
||||
|
||||
},
|
||||
computed:{
|
||||
|
||||
|
||||
get_image_base64_src(){
|
||||
if(!this.index_information){
|
||||
return "";
|
||||
}
|
||||
return "data:image/jpeg;base64,"+this.index_information.foto;
|
||||
},
|
||||
personData(){
|
||||
if(!this.index_information){
|
||||
return {};
|
||||
}
|
||||
|
||||
return {
|
||||
Allgemein: (this.role =='Mitarbeiter' || this.role =='View_Mitarbeiter')?{
|
||||
Username:this.index_information.username,
|
||||
Anrede:this.index_information.anrede,
|
||||
Titel:this.index_information.titel,
|
||||
Vorname:this.index_information.vorname,
|
||||
Nachname:this.index_information.nachname,
|
||||
Postnomen:this.index_information.postnomen,
|
||||
}:{
|
||||
Username:this.index_information.username,
|
||||
Matrikelnummer: this.student_info?.matrikelnummer,
|
||||
Anrede:this.index_information.anrede,
|
||||
Titel:this.index_information.titel,
|
||||
Vorname:this.index_information.vorname,
|
||||
Nachname:this.index_information.nachname,
|
||||
Postnomen:this.index_information.postnomen,
|
||||
},
|
||||
GeburtsDaten:!this.role.includes("View")?{
|
||||
Geburtsdatum:this.index_information.gebdatum,
|
||||
Geburtsort: this.index_information.gebort,
|
||||
}: null,
|
||||
Adressen: this.index_information.adressen,
|
||||
SpecialInformation: this.role =='Mitarbeiter' || this.role === 'View_Mitarbeiter'? {
|
||||
Kurzzeichen: this.mitarbeiter_info?.kurzbz,
|
||||
Telefon: this.mitarbeiter_info?.telefonklappe,
|
||||
//* Wird das Feld Ort_kurzbz noch gepflegt?
|
||||
...(this.role === 'View_Mitarbeiter'?{Büro:this.mitarbeiter_info?.ort_kurzbz}:{}) ,
|
||||
} : {
|
||||
Studiengang:this.student_info?.studiengang,
|
||||
Semester:this.student_info?.semester,
|
||||
Verband:this.student_info?.verband,
|
||||
Gruppe:this.student_info?.gruppe,
|
||||
Personenkennzeichen:this.student_info?.personenkennzeichen
|
||||
},
|
||||
};
|
||||
},
|
||||
//? this computed conains all the information that is used for the second column that displays the information of the person
|
||||
kontaktInfo(){
|
||||
if(!this.index_information){
|
||||
return {};
|
||||
}
|
||||
|
||||
return {
|
||||
FhAusweisStatus: this.index_information.zutrittsdatum,
|
||||
emails: this.role === 'Mitarbeiter' || this.role === 'View_Mitarbeiter'? this.mitarbeiter_info?.emails: this.index_information.emails,
|
||||
Kontakte:this.index_information.kontakte,
|
||||
};
|
||||
},
|
||||
|
||||
},
|
||||
|
||||
mounted(){
|
||||
|
||||
console.log(this.uid);
|
||||
console.log(this.view);
|
||||
console.log(typeof this.view);
|
||||
if(this.view){console.log("view is true")}else{ console.log("view is false")}
|
||||
|
||||
//? this function is to update the tabulator information only when the tabulator was build checking the tableBulit event
|
||||
//! only the tableBuilt event of the second tabulator was used to update the table informations
|
||||
|
||||
|
||||
fhcapifactory.UserData.isMitarbeiterOrStudent(this.uid).then((res) => {
|
||||
|
||||
this.role = this.view? "View_"+res.data: res.data;
|
||||
if(!this.role.includes('View')){
|
||||
this.$refs.betriebsmittelTable.tabulator.on('tableBuilt', () => {
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
console.log("the role of the current view: ", this.role);
|
||||
|
||||
|
||||
|
||||
//? Die anderen api calls werden erst gemacht wenn der call zu isMitarbeiterOrStudent gemacht worden ist
|
||||
|
||||
|
||||
//! indexProfilInformationen werden immer gefetcht
|
||||
fhcapifactory.UserData.indexProfilInformaion(this.uid,this.view).then((res) => {
|
||||
console.log(res.data);
|
||||
this.index_information = res.data;
|
||||
if(!this.role.includes("View")){
|
||||
this.$refs.betriebsmittelTable.tabulator.setData(res.data.mittel);
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
//? Danach werden die Informationen der Role gefetcht
|
||||
if(this.role === "Student" || this.role === "View_Student"){
|
||||
fhcapifactory.UserData.studentProfil(this.uid,this.view).then((res)=> {
|
||||
this.student_info = res.data;
|
||||
if(this.role ==="Student"){
|
||||
this.$refs.zutrittsgruppenTable.tabulator.setData(res.data.zuttritsgruppen);
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
if(this.role === "Mitarbeiter" || this.role === "View_Mitarbeiter"){
|
||||
fhcapifactory.UserData.mitarbeiterProfil(this.uid).then((res)=> {
|
||||
this.mitarbeiter_info = res.data;
|
||||
this.$refs.funktionenTable.tabulator.setData(res.data.funktionen);
|
||||
})
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
|
||||
},
|
||||
|
||||
template: `
|
||||
|
||||
<p>MitarbeiterViewProfil</p>
|
||||
`,
|
||||
};
|
||||
@@ -0,0 +1,218 @@
|
||||
|
||||
import fhcapifactory from "../../../apps/api/fhcapifactory.js";
|
||||
import {CoreFilterCmpt} from "../../../components/filter/Filter.js"
|
||||
|
||||
//? possible types of roles:
|
||||
//! depending on the role of the current view, different content is being displayed and fetched
|
||||
//* Student
|
||||
//* Mitarbeiter
|
||||
//* View_Student
|
||||
//* View_Mitarbeiter
|
||||
|
||||
export default {
|
||||
components:{
|
||||
CoreFilterCmpt,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
index_information: null,
|
||||
mitarbeiter_info: null,
|
||||
student_info:null,
|
||||
//? beinhaltet die Information ob der angefragte user ein Student oder Mitarbeiter ist
|
||||
role: null,
|
||||
|
||||
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:"",Nummer:"",Ausgegeben_am:""}],
|
||||
columns: [{title: 'Betriebsmittel', field: 'betriebsmittel', headerFilter: true},
|
||||
{title: 'Nummer', field: 'Nummer', headerFilter: true},
|
||||
{title: 'Ausgegeben_am', field: 'Ausgegeben_am', headerFilter: true},]
|
||||
|
||||
},
|
||||
zutrittsgruppen_table_options:{
|
||||
height: 300,
|
||||
layout: 'fitColumns',
|
||||
data:[{bezeichnung:"test1"}],
|
||||
columns: [{title: 'Zutritt', field: 'bezeichnung'}]
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
//? this props were passed in the Profil.php view file
|
||||
props:['uid','view'],
|
||||
methods: {
|
||||
|
||||
concatenate_addresses(address_array){
|
||||
let result = "";
|
||||
for (let i = 0; i < address_array.length; i++) {
|
||||
result += address_array[i].strasse + " " + address_array[i].plz + " " + address_array[i].ort + "\n";
|
||||
}
|
||||
return result;
|
||||
},
|
||||
render_unterelement(wert,bezeichnung){
|
||||
if (isArray(bezeichnung)){
|
||||
|
||||
}
|
||||
},
|
||||
concatenate_kontakte(kontakt_array){
|
||||
let result = "";
|
||||
for (let i = 0; i < kontakt_array.length; i++) {
|
||||
result += kontakt_array[i].kontakttyp + " " + kontakt_array[i].kontakt + " " + kontakt_array[i].zustellung + "\n";
|
||||
}
|
||||
return result;
|
||||
},
|
||||
sperre_foto_function(value){
|
||||
if(!(this.mitarbeiter_info && this.index_information && this.student_info) ){
|
||||
return;
|
||||
}
|
||||
fhcapifactory.UserData.sperre_foto_function(value).then(res => {
|
||||
|
||||
this.index_information.foto_sperre = res.data.foto_sperre;
|
||||
|
||||
});
|
||||
|
||||
},
|
||||
|
||||
|
||||
},
|
||||
computed:{
|
||||
|
||||
|
||||
get_image_base64_src(){
|
||||
if(!this.index_information){
|
||||
return "";
|
||||
}
|
||||
return "data:image/jpeg;base64,"+this.index_information.foto;
|
||||
},
|
||||
personData(){
|
||||
if(!this.index_information){
|
||||
return {};
|
||||
}
|
||||
|
||||
return {
|
||||
Allgemein: (this.role =='Mitarbeiter' || this.role =='View_Mitarbeiter')?{
|
||||
Username:this.index_information.username,
|
||||
Anrede:this.index_information.anrede,
|
||||
Titel:this.index_information.titel,
|
||||
Vorname:this.index_information.vorname,
|
||||
Nachname:this.index_information.nachname,
|
||||
Postnomen:this.index_information.postnomen,
|
||||
}:{
|
||||
Username:this.index_information.username,
|
||||
Matrikelnummer: this.student_info?.matrikelnummer,
|
||||
Anrede:this.index_information.anrede,
|
||||
Titel:this.index_information.titel,
|
||||
Vorname:this.index_information.vorname,
|
||||
Nachname:this.index_information.nachname,
|
||||
Postnomen:this.index_information.postnomen,
|
||||
},
|
||||
GeburtsDaten:!this.role.includes("View")?{
|
||||
Geburtsdatum:this.index_information.gebdatum,
|
||||
Geburtsort: this.index_information.gebort,
|
||||
}: null,
|
||||
Adressen: this.index_information.adressen,
|
||||
SpecialInformation: this.role =='Mitarbeiter' || this.role === 'View_Mitarbeiter'? {
|
||||
Kurzzeichen: this.mitarbeiter_info?.kurzbz,
|
||||
Telefon: this.mitarbeiter_info?.telefonklappe,
|
||||
//* Wird das Feld Ort_kurzbz noch gepflegt?
|
||||
...(this.role === 'View_Mitarbeiter'?{Büro:this.mitarbeiter_info?.ort_kurzbz}:{}) ,
|
||||
} : {
|
||||
Studiengang:this.student_info?.studiengang,
|
||||
Semester:this.student_info?.semester,
|
||||
Verband:this.student_info?.verband,
|
||||
Gruppe:this.student_info?.gruppe,
|
||||
Personenkennzeichen:this.student_info?.personenkennzeichen
|
||||
},
|
||||
};
|
||||
},
|
||||
//? this computed conains all the information that is used for the second column that displays the information of the person
|
||||
kontaktInfo(){
|
||||
if(!this.index_information){
|
||||
return {};
|
||||
}
|
||||
|
||||
return {
|
||||
FhAusweisStatus: this.index_information.zutrittsdatum,
|
||||
emails: this.role === 'Mitarbeiter' || this.role === 'View_Mitarbeiter'? this.mitarbeiter_info?.emails: this.index_information.emails,
|
||||
Kontakte:this.index_information.kontakte,
|
||||
};
|
||||
},
|
||||
|
||||
},
|
||||
|
||||
mounted(){
|
||||
|
||||
console.log(this.uid);
|
||||
console.log(this.view);
|
||||
console.log(typeof this.view);
|
||||
if(this.view){console.log("view is true")}else{ console.log("view is false")}
|
||||
|
||||
//? this function is to update the tabulator information only when the tabulator was build checking the tableBulit event
|
||||
//! only the tableBuilt event of the second tabulator was used to update the table informations
|
||||
|
||||
|
||||
fhcapifactory.UserData.isMitarbeiterOrStudent(this.uid).then((res) => {
|
||||
|
||||
this.role = this.view? "View_"+res.data: res.data;
|
||||
if(!this.role.includes('View')){
|
||||
this.$refs.betriebsmittelTable.tabulator.on('tableBuilt', () => {
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
console.log("the role of the current view: ", this.role);
|
||||
|
||||
|
||||
|
||||
//? Die anderen api calls werden erst gemacht wenn der call zu isMitarbeiterOrStudent gemacht worden ist
|
||||
|
||||
|
||||
//! indexProfilInformationen werden immer gefetcht
|
||||
fhcapifactory.UserData.indexProfilInformaion(this.uid,this.view).then((res) => {
|
||||
console.log(res.data);
|
||||
this.index_information = res.data;
|
||||
if(!this.role.includes("View")){
|
||||
this.$refs.betriebsmittelTable.tabulator.setData(res.data.mittel);
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
//? Danach werden die Informationen der Role gefetcht
|
||||
if(this.role === "Student" || this.role === "View_Student"){
|
||||
fhcapifactory.UserData.studentProfil(this.uid,this.view).then((res)=> {
|
||||
this.student_info = res.data;
|
||||
if(this.role ==="Student"){
|
||||
this.$refs.zutrittsgruppenTable.tabulator.setData(res.data.zuttritsgruppen);
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
if(this.role === "Mitarbeiter" || this.role === "View_Mitarbeiter"){
|
||||
fhcapifactory.UserData.mitarbeiterProfil(this.uid).then((res)=> {
|
||||
this.mitarbeiter_info = res.data;
|
||||
this.$refs.funktionenTable.tabulator.setData(res.data.funktionen);
|
||||
})
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
|
||||
},
|
||||
|
||||
template: `
|
||||
|
||||
<p>StudentProfil</p>
|
||||
`,
|
||||
};
|
||||
@@ -0,0 +1,218 @@
|
||||
|
||||
import fhcapifactory from "../../../apps/api/fhcapifactory.js";
|
||||
import {CoreFilterCmpt} from "../../../components/filter/Filter.js"
|
||||
|
||||
//? possible types of roles:
|
||||
//! depending on the role of the current view, different content is being displayed and fetched
|
||||
//* Student
|
||||
//* Mitarbeiter
|
||||
//* View_Student
|
||||
//* View_Mitarbeiter
|
||||
|
||||
export default {
|
||||
components:{
|
||||
CoreFilterCmpt,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
index_information: null,
|
||||
mitarbeiter_info: null,
|
||||
student_info:null,
|
||||
//? beinhaltet die Information ob der angefragte user ein Student oder Mitarbeiter ist
|
||||
role: null,
|
||||
|
||||
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:"",Nummer:"",Ausgegeben_am:""}],
|
||||
columns: [{title: 'Betriebsmittel', field: 'betriebsmittel', headerFilter: true},
|
||||
{title: 'Nummer', field: 'Nummer', headerFilter: true},
|
||||
{title: 'Ausgegeben_am', field: 'Ausgegeben_am', headerFilter: true},]
|
||||
|
||||
},
|
||||
zutrittsgruppen_table_options:{
|
||||
height: 300,
|
||||
layout: 'fitColumns',
|
||||
data:[{bezeichnung:"test1"}],
|
||||
columns: [{title: 'Zutritt', field: 'bezeichnung'}]
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
//? this props were passed in the Profil.php view file
|
||||
props:['uid','view'],
|
||||
methods: {
|
||||
|
||||
concatenate_addresses(address_array){
|
||||
let result = "";
|
||||
for (let i = 0; i < address_array.length; i++) {
|
||||
result += address_array[i].strasse + " " + address_array[i].plz + " " + address_array[i].ort + "\n";
|
||||
}
|
||||
return result;
|
||||
},
|
||||
render_unterelement(wert,bezeichnung){
|
||||
if (isArray(bezeichnung)){
|
||||
|
||||
}
|
||||
},
|
||||
concatenate_kontakte(kontakt_array){
|
||||
let result = "";
|
||||
for (let i = 0; i < kontakt_array.length; i++) {
|
||||
result += kontakt_array[i].kontakttyp + " " + kontakt_array[i].kontakt + " " + kontakt_array[i].zustellung + "\n";
|
||||
}
|
||||
return result;
|
||||
},
|
||||
sperre_foto_function(value){
|
||||
if(!(this.mitarbeiter_info && this.index_information && this.student_info) ){
|
||||
return;
|
||||
}
|
||||
fhcapifactory.UserData.sperre_foto_function(value).then(res => {
|
||||
|
||||
this.index_information.foto_sperre = res.data.foto_sperre;
|
||||
|
||||
});
|
||||
|
||||
},
|
||||
|
||||
|
||||
},
|
||||
computed:{
|
||||
|
||||
|
||||
get_image_base64_src(){
|
||||
if(!this.index_information){
|
||||
return "";
|
||||
}
|
||||
return "data:image/jpeg;base64,"+this.index_information.foto;
|
||||
},
|
||||
personData(){
|
||||
if(!this.index_information){
|
||||
return {};
|
||||
}
|
||||
|
||||
return {
|
||||
Allgemein: (this.role =='Mitarbeiter' || this.role =='View_Mitarbeiter')?{
|
||||
Username:this.index_information.username,
|
||||
Anrede:this.index_information.anrede,
|
||||
Titel:this.index_information.titel,
|
||||
Vorname:this.index_information.vorname,
|
||||
Nachname:this.index_information.nachname,
|
||||
Postnomen:this.index_information.postnomen,
|
||||
}:{
|
||||
Username:this.index_information.username,
|
||||
Matrikelnummer: this.student_info?.matrikelnummer,
|
||||
Anrede:this.index_information.anrede,
|
||||
Titel:this.index_information.titel,
|
||||
Vorname:this.index_information.vorname,
|
||||
Nachname:this.index_information.nachname,
|
||||
Postnomen:this.index_information.postnomen,
|
||||
},
|
||||
GeburtsDaten:!this.role.includes("View")?{
|
||||
Geburtsdatum:this.index_information.gebdatum,
|
||||
Geburtsort: this.index_information.gebort,
|
||||
}: null,
|
||||
Adressen: this.index_information.adressen,
|
||||
SpecialInformation: this.role =='Mitarbeiter' || this.role === 'View_Mitarbeiter'? {
|
||||
Kurzzeichen: this.mitarbeiter_info?.kurzbz,
|
||||
Telefon: this.mitarbeiter_info?.telefonklappe,
|
||||
//* Wird das Feld Ort_kurzbz noch gepflegt?
|
||||
...(this.role === 'View_Mitarbeiter'?{Büro:this.mitarbeiter_info?.ort_kurzbz}:{}) ,
|
||||
} : {
|
||||
Studiengang:this.student_info?.studiengang,
|
||||
Semester:this.student_info?.semester,
|
||||
Verband:this.student_info?.verband,
|
||||
Gruppe:this.student_info?.gruppe,
|
||||
Personenkennzeichen:this.student_info?.personenkennzeichen
|
||||
},
|
||||
};
|
||||
},
|
||||
//? this computed conains all the information that is used for the second column that displays the information of the person
|
||||
kontaktInfo(){
|
||||
if(!this.index_information){
|
||||
return {};
|
||||
}
|
||||
|
||||
return {
|
||||
FhAusweisStatus: this.index_information.zutrittsdatum,
|
||||
emails: this.role === 'Mitarbeiter' || this.role === 'View_Mitarbeiter'? this.mitarbeiter_info?.emails: this.index_information.emails,
|
||||
Kontakte:this.index_information.kontakte,
|
||||
};
|
||||
},
|
||||
|
||||
},
|
||||
|
||||
mounted(){
|
||||
|
||||
console.log(this.uid);
|
||||
console.log(this.view);
|
||||
console.log(typeof this.view);
|
||||
if(this.view){console.log("view is true")}else{ console.log("view is false")}
|
||||
|
||||
//? this function is to update the tabulator information only when the tabulator was build checking the tableBulit event
|
||||
//! only the tableBuilt event of the second tabulator was used to update the table informations
|
||||
|
||||
|
||||
fhcapifactory.UserData.isMitarbeiterOrStudent(this.uid).then((res) => {
|
||||
|
||||
this.role = this.view? "View_"+res.data: res.data;
|
||||
if(!this.role.includes('View')){
|
||||
this.$refs.betriebsmittelTable.tabulator.on('tableBuilt', () => {
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
console.log("the role of the current view: ", this.role);
|
||||
|
||||
|
||||
|
||||
//? Die anderen api calls werden erst gemacht wenn der call zu isMitarbeiterOrStudent gemacht worden ist
|
||||
|
||||
|
||||
//! indexProfilInformationen werden immer gefetcht
|
||||
fhcapifactory.UserData.indexProfilInformaion(this.uid,this.view).then((res) => {
|
||||
console.log(res.data);
|
||||
this.index_information = res.data;
|
||||
if(!this.role.includes("View")){
|
||||
this.$refs.betriebsmittelTable.tabulator.setData(res.data.mittel);
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
//? Danach werden die Informationen der Role gefetcht
|
||||
if(this.role === "Student" || this.role === "View_Student"){
|
||||
fhcapifactory.UserData.studentProfil(this.uid,this.view).then((res)=> {
|
||||
this.student_info = res.data;
|
||||
if(this.role ==="Student"){
|
||||
this.$refs.zutrittsgruppenTable.tabulator.setData(res.data.zuttritsgruppen);
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
if(this.role === "Mitarbeiter" || this.role === "View_Mitarbeiter"){
|
||||
fhcapifactory.UserData.mitarbeiterProfil(this.uid).then((res)=> {
|
||||
this.mitarbeiter_info = res.data;
|
||||
this.$refs.funktionenTable.tabulator.setData(res.data.funktionen);
|
||||
})
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
|
||||
},
|
||||
|
||||
template: `
|
||||
|
||||
<p>StudentViewProfil</p>
|
||||
`,
|
||||
};
|
||||
Reference in New Issue
Block a user