diff --git a/src/components/DynamicTable.vue b/src/components/DynamicTable.vue index 79a06a5eacbf3c4eb6f8097686c7a5174afdb304..a696731a6223da33e864dd233047bb27de418a61 100644 --- a/src/components/DynamicTable.vue +++ b/src/components/DynamicTable.vue @@ -8,17 +8,17 @@ <label class="form-check-label" for="checkbox_headerline"></label> </div> </th> - <th v-on:click="sortTable('angebotsnummer')">Angebotsnummer</th> - <th v-on:click="sortTable('angebot')">Angebot</th> - <th v-on:click="sortTable('kursname')">Kursname</th> - <th v-on:click="sortTable('veranstaltungsart')">Veranstaltungsart</th> - <th v-on:click="sortTable('kursdatum')">Kursdatum</th> - <th v-on:click="sortTable('kursort')">Kursort</th> - <th v-on:click="sortTable('begleitendeLehrkraft')">begleitende Lehrkraft</th> - <th v-on:click="sortTable('betreuendeStudenten')">betreuende Studenten</th> - <th v-on:click="sortTable('anzahlderAnwesenden')">Anzahl der Anwesenden</th> - <th v-on:click="sortTable('kursleiter')">Kursleiter</th> - <th v-on:click="sortTable('notiz')">Notiz</th> + <th v-on:click="sortTable('angebotsnummer')"><img id='imgsortangebotsnummer' :src="require('../assets/'+sortImg)">Angebotsnummer</th> + <th v-on:click="sortTable('angebot')"><img id="imgsortangebot" :src="require('../assets/'+sortImg)">Angebot</th> + <th v-on:click="sortTable('kursname')"><img id="imgsortkursname" :src="require('../assets/'+sortImg)">Kursname</th> + <th v-on:click="sortTable('veranstaltungsart')"><img id="imgsortveranstaltungsort" :src="require('../assets/'+sortImg)">Veranstaltungsart</th> + <th v-on:click="sortTable('kursdatum')"><img id="imgsortkursdatum" :src="require('../assets/'+sortImg)">Kursdatum</th> + <th v-on:click="sortTable('kursort')"><img id="imgsortkursort" :src="require('../assets/'+sortImg)">Kursort</th> + <th v-on:click="sortTable('begleitendeLehrkraft')"><img id="imgsortbegleitendeLehrkraft" :src="require('../assets/'+sortImg)">begleitende Lehrkraft</th> + <th v-on:click="sortTable('betreuendeStudenten')"><img id="imgsortbetreuendeStudenten" :src="require('../assets/'+sortImg)">betreuende Studenten</th> + <th v-on:click="sortTable('anzahlderAnwesenden')"><img id="imgsortanzahlderAnwesenden" :src="require('../assets/'+sortImg)">Anzahl der Anwesenden</th> + <th v-on:click="sortTable('kursleiter')"><img id="imgsortkursleiter" :src="require('../assets/'+sortImg)">Kursleiter</th> + <th v-on:click="sortTable('notiz')"><img id="imgsortnotiz" :src="require('../assets/'+sortImg)">Notiz</th> </tr> <tr v-for="row in rows" :key="row.angebotsnummer"> <td scope="row"> @@ -50,22 +50,171 @@ export default { return { rows: [ {angebotsnummer: 232, angebot: "Biologie", kursname: 'Neurobiologie', veranstaltungsart: 'regulärer Kurs', kursdatum: '23.08.2020', kursort: 'T9 Hörsaal', begleitendeLehrkraft: 'Frau Muster', betreuendeStudenten: 'Max Miller', anzahlderAnwesenden: '34', kursleiter: 'Frau Test', notiz: ''}, - {angebotsnummer: 23342, angebot: "ABiologie", kursname: 'bNeukkkrobiologie', veranstaltungsart: 'regulärer Kurs', kursdatum: '23.08.2020', kursort: 'T9 Hörsaal', begleitendeLehrkraft: 'Frau Muster', betreuendeStudenten: 'Max Miller', anzahlderAnwesenden: '34', kursleiter: 'Frau Test', notiz: ''}, - {angebotsnummer: 22, angebot: "Ciologie", kursname: 'ANeurobkiologie', veranstaltungsart: 'regulärer Kurs', kursdatum: '23.08.2020', kursort: 'T9 Hörsaal', begleitendeLehrkraft: 'Frau Muster', betreuendeStudenten: 'Max Miller', anzahlderAnwesenden: '34', kursleiter: 'Frau Test', notiz: ''}, - {angebotsnummer: 1342, angebot: "Diologie", kursname: 'cNeukkkrobiologie', veranstaltungsart: 'regulärer Kurs', kursdatum: '23.08.2020', kursort: 'T9 Hörsaal', begleitendeLehrkraft: 'Frau Muster', betreuendeStudenten: 'Max Miller', anzahlderAnwesenden: '34', kursleiter: 'Frau Test', notiz: ''}, - {angebotsnummer: 132, angebot: "Bdologie", kursname: 'eNeurobiologie', veranstaltungsart: 'regulärer Kurs', kursdatum: '23.08.2020', kursort: 'T9 Hörsaal', begleitendeLehrkraft: 'Frau Muster', betreuendeStudenten: 'Max Miller', anzahlderAnwesenden: '34', kursleiter: 'Frau Test', notiz: ''}, + {angebotsnummer: 23342, angebot: "ABiologie", kursname: 'bNeukkkrobiologie', veranstaltungsart: 'regulärer Kurs', kursdatum: '22.08.2020', kursort: 'T9 Hörsaal', begleitendeLehrkraft: 'Frau Muster', betreuendeStudenten: 'Max Miller', anzahlderAnwesenden: '34', kursleiter: 'Frau Test', notiz: ''}, + {angebotsnummer: 22, angebot: "Ciologie", kursname: 'ANeurobkiologie', veranstaltungsart: 'regulärer Kurs', kursdatum: '21.08.2020', kursort: 'T9 Hörsaal', begleitendeLehrkraft: 'Frau Muster', betreuendeStudenten: 'Max Miller', anzahlderAnwesenden: '34', kursleiter: 'Frau Test', notiz: ''}, + {angebotsnummer: 1342, angebot: "Diologie", kursname: 'cNeukkkrobiologie', veranstaltungsart: 'regulärer Kurs', kursdatum: '23.07.2020', kursort: 'T9 Hörsaal', begleitendeLehrkraft: 'Frau Muster', betreuendeStudenten: 'Max Miller', anzahlderAnwesenden: '34', kursleiter: 'Frau Test', notiz: ''}, + {angebotsnummer: 132, angebot: "Bdologie", kursname: 'eNeurobiologie', veranstaltungsart: 'regulärer Kurs', kursdatum: '23.08.2021', kursort: 'T9 Hörsaal', begleitendeLehrkraft: 'Frau Muster', betreuendeStudenten: 'Max Miller', anzahlderAnwesenden: '34', kursleiter: 'Frau Test', notiz: ''}, ], currentSort:'angebotsnummer', currentSortDir:'asc', + sortImg: 'sort_def.svg', } }, methods: { + + "sortTable": function sortTable(col) { this.currentSort = col; if (this.currentSortDir === 'asc') { this.currentSortDir = 'desc'; + switch (this.currentSort){ + case 'angebotsnummer': + document.getElementById("imgsortangebotsnummer").src = require('../assets/sort_asc.svg'); + document.getElementById("imgsortangebot").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortkursname").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortveranstaltungsort").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortkursdatum").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortkursort").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortbegleitendeLehrkraft").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortbetreuendeStudenten").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortanzahlderAnwesenden").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortkursleiter").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortnotiz").src = require('../assets/sort_def.svg'); + break; + case 'angebot': + document.getElementById("imgsortangebot").src = require('../assets/sort_asc.svg'); + document.getElementById("imgsortangebotsnummer").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortkursname").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortveranstaltungsort").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortkursdatum").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortkursort").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortbegleitendeLehrkraft").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortbetreuendeStudenten").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortanzahlderAnwesenden").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortkursleiter").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortnotiz").src = require('../assets/sort_def.svg'); + break; + case 'kursname': + document.getElementById("imgsortkursname").src = require('../assets/sort_asc.svg'); + document.getElementById("imgsortangebotsnummer").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortangebot").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortveranstaltungsort").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortkursdatum").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortkursort").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortbegleitendeLehrkraft").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortbetreuendeStudenten").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortanzahlderAnwesenden").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortkursleiter").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortnotiz").src = require('../assets/sort_def.svg'); + break; + case 'veranstaltungsort': + document.getElementById("imgsortveranstaltungsort").src = require('../assets/sort_asc.svg'); + document.getElementById("imgsortangebotsnummer").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortangebot").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortkursname").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortkursdatum").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortkursort").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortbegleitendeLehrkraft").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortbetreuendeStudenten").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortanzahlderAnwesenden").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortkursleiter").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortnotiz").src = require('../assets/sort_def.svg'); + break; + case 'kursdatum': + document.getElementById("imgsortkursdatum").src = require('../assets/sort_asc.svg'); + document.getElementById("imgsortangebotsnummer").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortangebot").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortkursname").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortveranstaltungsort").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortkursort").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortbegleitendeLehrkraft").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortbetreuendeStudenten").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortanzahlderAnwesenden").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortkursleiter").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortnotiz").src = require('../assets/sort_def.svg'); + break; + case 'kursort': + document.getElementById("imgsortkursort").src = require('../assets/sort_asc.svg'); + document.getElementById("imgsortangebotsnummer").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortangebot").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortkursname").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortveranstaltungsort").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortkursdatum").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortbegleitendeLehrkraft").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortbetreuendeStudenten").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortanzahlderAnwesenden").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortkursleiter").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortnotiz").src = require('../assets/sort_def.svg'); + break; + case 'begleitendeLehrkraft': + document.getElementById("imgsortbegleitendeLehrkraft").src = require('../assets/sort_asc.svg'); + document.getElementById("imgsortangebotsnummer").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortangebot").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortkursname").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortveranstaltungsort").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortkursdatum").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortkursort").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortbetreuendeStudenten").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortanzahlderAnwesenden").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortkursleiter").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortnotiz").src = require('../assets/sort_def.svg'); + break; + case 'betreuendeStudenten': + document.getElementById("imgsortbetreuendeStudenten").src = require('../assets/sort_asc.svg'); + document.getElementById("imgsortangebotsnummer").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortangebot").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortkursname").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortveranstaltungsort").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortkursdatum").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortkursort").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortbegleitendeLehrkraft").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortanzahlderAnwesenden").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortkursleiter").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortnotiz").src = require('../assets/sort_def.svg'); + break; + case 'anzahlderAnwesenden': + document.getElementById("imgsortanzahlderAnwesenden").src = require('../assets/sort_asc.svg'); + document.getElementById("imgsortangebotsnummer").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortangebot").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortkursname").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortveranstaltungsort").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortkursdatum").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortkursort").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortbegleitendeLehrkraft").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortbetreuendeStudenten").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortkursleiter").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortnotiz").src = require('../assets/sort_def.svg'); + break; + case 'kursleiter': + document.getElementById("imgsortkursleiter").src = require('../assets/sort_asc.svg'); + document.getElementById("imgsortangebotsnummer").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortangebot").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortkursname").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortveranstaltungsort").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortkursdatum").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortkursort").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortbegleitendeLehrkraft").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortbetreuendeStudenten").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortanzahlderAnwesenden").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortnotiz").src = require('../assets/sort_def.svg'); + break; + case 'notiz': + document.getElementById("imgsortnotiz").src = require('../assets/sort_asc.svg'); + document.getElementById("imgsortangebotsnummer").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortangebot").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortkursname").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortveranstaltungsort").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortkursdatum").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortkursort").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortbegleitendeLehrkraft").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortbetreuendeStudenten").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortanzahlderAnwesenden").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortkursleiter").src = require('../assets/sort_def.svg'); + break; + } + this.rows.sort(function (a, b) { if (typeof(a[col]) === 'number' && typeof(b[col]) === 'number'){ if (a[col] < b[col]) { @@ -84,6 +233,153 @@ export default { }) } else { this.currentSortDir = 'asc'; + + switch (this.currentSort){ + case 'angebotsnummer': + document.getElementById("imgsortangebotsnummer").src = require('../assets/sort_desc.svg'); + document.getElementById("imgsortangebot").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortkursname").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortveranstaltungsort").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortkursdatum").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortkursort").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortbegleitendeLehrkraft").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortbetreuendeStudenten").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortanzahlderAnwesenden").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortkursleiter").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortnotiz").src = require('../assets/sort_def.svg'); + break; + case 'angebot': + document.getElementById("imgsortangebot").src = require('../assets/sort_desc.svg'); + document.getElementById("imgsortangebotsnummer").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortkursname").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortveranstaltungsort").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortkursdatum").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortkursort").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortbegleitendeLehrkraft").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortbetreuendeStudenten").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortanzahlderAnwesenden").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortkursleiter").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortnotiz").src = require('../assets/sort_def.svg'); + break; + case 'kursname': + document.getElementById("imgsortkursname").src = require('../assets/sort_desc.svg'); + document.getElementById("imgsortangebotsnummer").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortangebot").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortveranstaltungsort").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortkursdatum").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortkursort").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortbegleitendeLehrkraft").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortbetreuendeStudenten").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortanzahlderAnwesenden").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortkursleiter").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortnotiz").src = require('../assets/sort_def.svg'); + break; + case 'veranstaltungsort': + document.getElementById("imgsortveranstaltungsort").src = require('../assets/sort_desc.svg'); + document.getElementById("imgsortangebotsnummer").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortangebot").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortkursname").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortkursdatum").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortkursort").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortbegleitendeLehrkraft").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortbetreuendeStudenten").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortanzahlderAnwesenden").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortkursleiter").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortnotiz").src = require('../assets/sort_def.svg'); + break; + case 'kursdatum': + document.getElementById("imgsortkursdatum").src = require('../assets/sort_desc.svg'); + document.getElementById("imgsortangebotsnummer").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortangebot").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortkursname").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortveranstaltungsort").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortkursort").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortbegleitendeLehrkraft").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortbetreuendeStudenten").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortanzahlderAnwesenden").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortkursleiter").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortnotiz").src = require('../assets/sort_def.svg'); + break; + case 'kursort': + document.getElementById("imgsortkursort").src = require('../assets/sort_desc.svg'); + document.getElementById("imgsortangebotsnummer").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortangebot").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortkursname").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortveranstaltungsort").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortkursdatum").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortbegleitendeLehrkraft").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortbetreuendeStudenten").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortanzahlderAnwesenden").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortkursleiter").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortnotiz").src = require('../assets/sort_def.svg'); + break; + case 'begleitendeLehrkraft': + document.getElementById("imgsortbegleitendeLehrkraft").src = require('../assets/sort_desc.svg'); + document.getElementById("imgsortangebotsnummer").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortangebot").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortkursname").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortveranstaltungsort").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortkursdatum").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortkursort").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortbetreuendeStudenten").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortanzahlderAnwesenden").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortkursleiter").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortnotiz").src = require('../assets/sort_def.svg'); + break; + case 'betreuendeStudenten': + document.getElementById("imgsortbetreuendeStudenten").src = require('../assets/sort_desc.svg'); + document.getElementById("imgsortangebotsnummer").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortangebot").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortkursname").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortveranstaltungsort").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortkursdatum").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortkursort").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortbegleitendeLehrkraft").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortanzahlderAnwesenden").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortkursleiter").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortnotiz").src = require('../assets/sort_def.svg'); + break; + case 'anzahlderAnwesenden': + document.getElementById("imgsortanzahlderAnwesenden").src = require('../assets/sort_desc.svg'); + document.getElementById("imgsortangebotsnummer").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortangebot").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortkursname").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortveranstaltungsort").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortkursdatum").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortkursort").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortbegleitendeLehrkraft").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortbetreuendeStudenten").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortkursleiter").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortnotiz").src = require('../assets/sort_def.svg'); + break; + case 'kursleiter': + document.getElementById("imgsortkursleiter").src = require('../assets/sort_desc.svg'); + document.getElementById("imgsortangebotsnummer").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortangebot").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortkursname").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortveranstaltungsort").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortkursdatum").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortkursort").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortbegleitendeLehrkraft").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortbetreuendeStudenten").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortanzahlderAnwesenden").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortnotiz").src = require('../assets/sort_def.svg'); + break; + case 'notiz': + document.getElementById("imgsortnotiz").src = require('../assets/sort_desc.svg'); + document.getElementById("imgsortangebotsnummer").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortangebot").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortkursname").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortveranstaltungsort").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortkursdatum").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortkursort").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortbegleitendeLehrkraft").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortbetreuendeStudenten").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortanzahlderAnwesenden").src = require('../assets/sort_def.svg'); + document.getElementById("imgsortkursleiter").src = require('../assets/sort_def.svg'); + break; + } + this.rows.sort(function (a, b) { if (typeof(a[col]) === 'number' && typeof(b[col]) === 'number'){ if (a[col] > b[col]) {