blackicedbear/FHC-Core
1
0
Fork 0
mirror of https://github.com/FH-Complete/FHC-Core.git synced 2026-07-23 09:52:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

Component Status: Tabelle

Browse Source
This commit is contained in:
ma0068
2024-02-13 10:45:00 +01:00
parent f4197f090b
commit 7ec24bfc7b
4 changed files with 236 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/js/components/Stv/Studentenverwaltung/Details/Prestudent.js
+16 -8
View File
@@ -2,7 +2,7 @@ import {CoreRESTClient} from '../../../../RESTClient.js';
import FormForm from '../../../Form/Form.js';
import FormInput from '../../../Form/Input.js';
import TblHistory from "./Prestudent/History.js";
/*import TblStatus from "./Prestudent/Status.js";*/
import TblStatus from "./Prestudent/Status.js";
export default {
components: {
@@ -10,7 +10,7 @@ export default {
FormForm,
FormInput,
TblHistory,
/* TblStatus*/
TblStatus
},
inject: {
lists: {
@@ -541,18 +541,26 @@ export default {
</form-form>
<br>
<div class="row mb-3">
<div class="col-6">
<div class="col-12 pb-3">
<legend>Status</legend>
<TblStatus :prestudent_id="modelValue.prestudent_id"></TblStatus>
</div>
<hr>
<!-- <div class="row mb-3">
<div class="col-8">
<legend>Status</legend>
<!-- <TblStatus :prestudent_id="modelValue.prestudent_id"></TblStatus> -->
</div>
<TblStatus :prestudent_id="modelValue.prestudent_id"></TblStatus>
</div>-->
<div class="col-6">
<div class="col-8">
<legend>Gesamthistorie</legend>
<TblHistory :person_id="modelValue.person_id"></TblHistory>
</div>
</div>
<!-- </div>-->
public/js/components/Stv/Studentenverwaltung/Details/Prestudent/Status.js
+164
View File
@@ -0,0 +1,164 @@
import {CoreFilterCmpt} from "../../../../filter/Filter.js";
import {CoreRESTClient} from "../../../../../RESTClient";
export default{
components: {
CoreFilterCmpt
},
props: {
prestudent_id: String
},
data() {
return {
tabulatorOptions: {
ajaxURL: CoreRESTClient._generateRouterURI('components/stv/Prestudent/getHistoryPrestudent/' + this.prestudent_id),
//autoColumns: true,
columns:[
{title:"Kurzbz", field:"status_kurzbz"},
{title:"StSem", field:"studiensemester_kurzbz"},
{title:"Sem", field:"ausbildungssemester"},
{title:"Lehrverband", field:"lehrverband"},
{title:"Datum", field:"format_datum"},
{title:"Studienplan", field:"bezeichnung"},
{title:"BestätigtAm", field:"format_bestaetigtam"},
{title:"AbgeschicktAm", field:"format_bewerbung_abgeschicktamum"},
{title:"Statusgrund", field:"statusgrund_kurzbz"},
{title:"Organisationsform", field:"ps.orgform_kurzbz"},
{title:"PrestudentInId", field:"prestudent_id"},
{title:"StudienplanId", field:"studienplan_id"},
{title:"Anmerkung", field:"anmerkung"},
{title:"BestätigtVon", field:"bestaetigtvon"},
{title:"InsertAmUm", field:"insertamum"},
{title:"InsertVon", field:"insertvon"},
{title:"UpdateAmUm", field:"updateamum"},
{title:"UpdateVon", field:"updatevon"},
],
layout: 'fitDataFill',
layoutColumnsOnNewData: false,
height: 'auto',
selectable: false,
rowClickMenu:[
{
label:"Bearbeiten",
action:function(e, row){
console.log("bearbeiten: " + row.getData().status_kurzbz + ' ' + row.getData().prestudent_id);
}
},
{
separator:true,
},
{
disabled:true,
label:"Status bestätigen",
action:function(e, column){
column.move("col");
}
},
{
separator:true,
},
{
disabled:true,
label:"Neuen Status hinzufügen",
action:function(e, column){
column.move("col");
}
},
{
separator:true,
},
{
disabled:true,
label:"Entfernen",
action:function(e, column){
column.move("col");
}
},
{
separator:true,
},
{
disabled:true,
label:"Status vorrücken",
action:function(e, column){
column.move("col");
}
},
{
separator:true,
},
{
label:"<i class='fas fa-check-square'></i> Select Row",
action:function(e, row){
row.select();
}
},
],
/* rowContextMenu:[
{
label:"Bearbeiten",
action:function(e, column){
console.log("bearbeiten" + column);
column.hide();
}
},
{
separator:true,
},
{
disabled:true,
label:"Status bestätigen",
action:function(e, column){
column.move("col");
}
},
{
separator:true,
},
{
disabled:true,
label:"Neuen Status hinzufügen",
action:function(e, column){
column.move("col");
}
},
{
separator:true,
},
{
disabled:true,
label:"Entfernen",
action:function(e, column){
column.move("col");
}
},
{
separator:true,
},
{
disabled:true,
label:"Status vorrücken",
action:function(e, column){
column.move("col");
}
},
]*/
},
}
},
template: `
<div class="stv-list h-100 pt-3">
<core-filter-cmpt
ref="table"
:tabulator-options="tabulatorOptions"
:tabulator-events="tabulatorEvents"
table-only
:side-menu="false"
reload
new-btn-show
new-btn-label="Neu"
@click:new="actionNewAdress"
>
</core-filter-cmpt>
</div>`
}