lv_id & sem_kurzbz are now optional route params; defer loading of LehreinheitenModule.js; fetch orgform for lva dropdown; added selected|filtered|total count to table; dropdowns have responsive labels now; left aligned columns with text; AuthInfo Api for uid; tableLayout without WidthGrow, fixed rowHeight at 30 for now; selectAll + filter interaction fixed; load studiensemester similar to abgabetool; clearFilter fix on LE deselect; modal formatting & loading toggle;

public/js/apps/Dashboard/Fhc.js

@@ -77,7 +77,7 @@ const router = VueRouter.createRouter({
 			props: true
 		},
 		{
-			path: `/Cis/Benotungstool/:lv_id/:sem_kurzbz`,
+			path: `/Cis/Benotungstool/:lv_id?/:sem_kurzbz?`,
 			name: 'Benotungstool',
 			component: Benotungstool,
 			props: true

public/js/components/DropdownModes/LehreinheitenModule.js

@@ -22,6 +22,11 @@ export function bindParams(paramsRef) {
 }
 
 async function fetchLehreinheiten(lv_id, sem_kurzbz) {
+	if (!lv_id || !sem_kurzbz) {
+		options.value = []
+		return
+	}
+	
 	appContext.$api.call(ApiLehre.getLeForLv(lv_id, sem_kurzbz)).then(res => {
 
 		const data =  []

public/js/tabulator/formatter/centered.js

@@ -1,5 +1,23 @@
-export function centeredFormatter (cell) 
-{
-	const val = cell.getValue()
-	return '<div style="display: flex; justify-content: center; align-items: center; height: 100%">'+val+'</div>'
+export function centeredTextFormatter(cell) {
+	const longForm = cell.getValue()
+	if(!longForm) return
+	const data = cell.getData()
+	const entry = Object.entries(data).find(entry => entry[1] == longForm)
+
+	// shortFormKey must have same keyname as longForm but with 'Short' appended 
+	const shortForm = data[entry[0]+'Short']
+
+	if(shortForm && longForm) {
+		return `<div style="display: flex; justify-content: start; align-items: center; height: 100%; width: 100%;">
+				<span class="full-text" style="max-width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin: 0px;">
+					${longForm}
+				</span>
+				<span class="short-text" style="font-weight: bold; display: none;">
+					${shortForm}
+				</span>
+				</div>`;
+	} else {
+		return '<div style="display: flex; justify-content: start; align-items: center; height: 100%">' +
+			'<p style="max-width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin: 0px;">'+longForm+'</p></div>'
+	}
 }