From e5dbd1a2f9b941da2f73e6d93c793a643c88c7f8 Mon Sep 17 00:00:00 2001
From: oetrb <oetrb@github.com>
Date: Mon, 5 Oct 2020 00:08:40 +0200
Subject: [PATCH] added sort image, sort is completed

---
 src/components/DynamicTable.vue | 326 ++++++++++++++++++++++++++++++--
 1 file changed, 311 insertions(+), 15 deletions(-)

diff --git a/src/components/DynamicTable.vue b/src/components/DynamicTable.vue
index 79a06a5..a696731 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]) {
-- 
GitLab