blackicedbear/FHC-Core
1
0
Fork 0
mirror of https://github.com/FH-Complete/FHC-Core.git synced 2026-06-01 20:29:29 +00:00
Code Issues Packages Projects Releases Wiki Activity

adds accept and deny actions in the actions column of the ProfilUpdateView component

Browse Source
This commit is contained in:
SimonGschnell
2024-04-22 14:55:37 +02:00
parent 349865b8fb
commit e2e7966f83
1 changed files with 64 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/js/components/Cis/ProfilUpdate/ProfilUpdateView.js
+64 -3
View File
@@ -242,16 +242,59 @@ export default {
},
{
title: Vue.computed(() => this.$p.t("profilUpdate", "actions")),
formatter: function () {
return "<i class='fa fa-eye'></i>";
formatter: (cell, para) => {
let status = cell.getRow().getData().status;
console.log("this is the cell", cell);
console.log("this should be the column", cell.getColumn());
let result = null;
switch (status) {
case this.profilUpdateStates["Pending"]:
result =
"<button id='acceptProfilUpdate' type='button' class='btn border-success border-2'><i class='fa fa-lg fa-circle-check text-success'></i></button>" +
"<button id='denyProfilUpdate' type='button' class='btn border-danger border-2'><i class=' fa fa-lg fa-circle-xmark text-danger'></i></button>" +
"<button id='viewProfilUpdate' type='button' class='btn border-secondary border-2'><i class=' fa fa-eye'></i></button>";
break;
case this.profilUpdateStates["Accepted"]:
result =
"<i id='viewProfilUpdate' type='button' class='d-block fa fa-eye'></i>";
break;
case this.profilUpdateStates["Rejected"]:
result =
"<i id='viewProfilUpdate' type='button' class='d-block fa fa-eye'></i>";
break;
}
return (
"<div class='d-flex align-items-center justify-content-evenly'>" +
result +
"</div>"
);
/* switch () {
case this.profilUpdateStates["Pending"]:
iconClasses += "fa fa-lg fa-circle-info text-info ";
break;
case this.profilUpdateStates["Accepted"]:
iconClasses += "fa fa-lg fa-circle-check text-success ";
break;
case this.profilUpdateStates["Rejected"]:
iconClasses += "fa fa-lg fa-circle-xmark text-danger ";
break; */
},
resizable: true,
minWidth: 200,
hozAlign: "center",
cellClick: (e, cell) => {
//! function that is called when clicking on a row in the table
console.log("this is the element", e.explicitOriginalTarget);
console.log("this is the id", e.explicitOriginalTarget.id);
let cellData = cell.getRow().getData();
this.showAcceptDenyModal(cellData);
if (e.explicitOriginalTarget.id === "viewProfilUpdate") {
this.showAcceptDenyModal(cellData);
} else if (e.explicitOriginalTarget.id === "acceptProfilUpdate") {
console.log("this is the celldata", cellData);
this.acceptProfilUpdate(cellData);
} else if (e.explicitOriginalTarget.id === "denyProfilUpdate") {
this.denyProfilUpdate(cellData);
}
},
//responsive:0,
},
@@ -260,6 +303,24 @@ export default {
};
},
methods: {
denyProfilUpdate: (column) => {
Vue.$fhcapi.ProfilUpdate.denyProfilRequest(column)
.then((res) => {
this.$refs.UpdatesTable.tabulator.setData();
})
.catch((e) => {
Alert.popup(Vue.h("div", { innerHTML: e.response.data }));
});
},
acceptProfilUpdate: (column) => {
Vue.$fhcapi.ProfilUpdate.acceptProfilRequest(column)
.then((res) => {
this.$refs.UpdatesTable.tabulator.setData();
})
.catch((e) => {
Alert.popup(Vue.h("div", { innerHTML: e.response.data }));
});
},
setLoading: function (newValue) {
this.loading = newValue;
},