add css classes searchbar_label and searchbar_value to improve responsiveness of results in Cis4

This commit is contained in:
Harald Bamberger
2025-07-01 12:12:48 +02:00
parent e385a06b73
commit e9614e8ca8
8 changed files with 75 additions and 75 deletions
+8 -8
View File
@@ -46,26 +46,26 @@ export default {
>
<div class="searchbar_table">
<div class="searchbar_tablerow">
<div class="searchbar_tablecell">{{ $p.t('search/result_dms_id') }}</div>
<div class="searchbar_tablecell">
<div class="searchbar_tablecell searchbar_label">{{ $p.t('search/result_dms_id') }}</div>
<div class="searchbar_tablecell searchbar_value">
{{ res.dms_id }}
</div>
</div>
<div class="searchbar_tablerow">
<div class="searchbar_tablecell">{{ $p.t('search/result_version') }}</div>
<div class="searchbar_tablecell">
<div class="searchbar_tablecell searchbar_label">{{ $p.t('search/result_version') }}</div>
<div class="searchbar_tablecell searchbar_value">
{{ res.version }}
</div>
</div>
<div class="searchbar_tablerow">
<div class="searchbar_tablecell">{{ $p.t('search/result_keywords') }}</div>
<div class="searchbar_tablecell">
<div class="searchbar_tablecell searchbar_label">{{ $p.t('search/result_keywords') }}</div>
<div class="searchbar_tablecell searchbar_value">
{{ res.keywords }}
</div>
</div>
<div class="searchbar_tablerow">
<div class="searchbar_tablecell">{{ $p.t('global/beschreibung') }}</div>
<div class="searchbar_tablecell">
<div class="searchbar_tablecell searchbar_label">{{ $p.t('global/beschreibung') }}</div>
<div class="searchbar_tablecell searchbar_value">
{{ res.description }}
</div>
</div>
@@ -21,8 +21,8 @@ export default {
>
<div class="searchbar_table">
<div class="searchbar_tablerow">
<div class="searchbar_tablecell">{{ $p.t('search/result_stdkst') }}</div>
<div class="searchbar_tablecell">
<div class="searchbar_tablecell searchbar_label">{{ $p.t('search/result_stdkst') }}</div>
<div class="searchbar_tablecell searchbar_value">
<ul class="searchbar_inline_ul" v-if="res.standardkostenstelle.length > 0">
<li v-for="(stdkst, idx) in res.standardkostenstelle" :key="idx">{{ stdkst }}</li>
</ul>
@@ -30,8 +30,8 @@ export default {
</div>
</div>
<div class="searchbar_tablerow">
<div class="searchbar_tablecell">{{ $p.t('lehre/organisationseinheit') }}</div>
<div class="searchbar_tablecell">
<div class="searchbar_tablecell searchbar_label">{{ $p.t('lehre/organisationseinheit') }}</div>
<div class="searchbar_tablecell searchbar_value">
<ul class="searchbar_inline_ul" v-if="res.organisationunit_name.length > 0">
<li v-for="(oe, idx) in res.organisationunit_name" :key="idx">{{ oe }}</li>
</ul>
@@ -39,16 +39,16 @@ export default {
</div>
</div>
<div class="searchbar_tablerow">
<div class="searchbar_tablecell">{{ $p.t('search/result_emails') }}</div>
<div class="searchbar_tablecell">
<div class="searchbar_tablecell searchbar_label">{{ $p.t('search/result_emails') }}</div>
<div class="searchbar_tablecell searchbar_value">
<a :href="'mailto:' + res.email" class="d-block">
{{ res.email }}
</a>
</div>
</div>
<div class="searchbar_tablerow">
<div class="searchbar_tablecell">{{ $p.t('person/telefon') }}</div>
<div class="searchbar_tablecell">
<div class="searchbar_tablecell searchbar_label">{{ $p.t('person/telefon') }}</div>
<div class="searchbar_tablecell searchbar_value">
<a :href="'tel:' + res.phone" class="d-block">
{{ res.phone }}
</a>
@@ -68,14 +68,14 @@ export default {
>
<div class="searchbar_table">
<div class="searchbar_tablerow">
<div class="searchbar_tablecell">{{ $p.t('person/person_id') }}</div>
<div class="searchbar_tablecell">
<div class="searchbar_tablecell searchbar_label">{{ $p.t('person/person_id') }}</div>
<div class="searchbar_tablecell searchbar_value">
{{ person.person_id }}
</div>
</div>
<div class="searchbar_tablerow">
<div class="searchbar_tablecell">{{ $p.t('search/result_emails') }}</div>
<div class="searchbar_tablecell">
<div class="searchbar_tablecell searchbar_label">{{ $p.t('search/result_emails') }}</div>
<div class="searchbar_tablecell searchbar_value">
<a v-for="email in emails" :key="email" :href="'mailto:' + email" class="d-block">
{{ email }}
</a>
@@ -95,8 +95,8 @@ export default {
</div>
</div>
<div class="searchbar_tablerow">
<div class="searchbar_tablecell ps-3">{{ $p.t('search/result_stdkst') }}</div>
<div class="searchbar_tablecell">
<div class="searchbar_tablecell searchbar_label ps-3">{{ $p.t('search/result_stdkst') }}</div>
<div class="searchbar_tablecell searchbar_value">
<ul class="searchbar_inline_ul" v-if="employee.standardkostenstelle.length > 0">
<li
v-for="(stdkst, idx) in employee.standardkostenstelle"
@@ -109,8 +109,8 @@ export default {
</div>
</div>
<div class="searchbar_tablerow">
<div class="searchbar_tablecell ps-3">{{ $p.t('lehre/organisationseinheit') }}</div>
<div class="searchbar_tablecell">
<div class="searchbar_tablecell searchbar_label ps-3">{{ $p.t('lehre/organisationseinheit') }}</div>
<div class="searchbar_tablecell searchbar_value">
<ul class="searchbar_inline_ul" v-if="employee.organisationunit_name.length > 0">
<li
v-for="(oe, idx) in employee.organisationunit_name"
@@ -123,8 +123,8 @@ export default {
</div>
</div>
<div class="searchbar_tablerow">
<div class="searchbar_tablecell ps-3">{{ $p.t('person/telefon') }}</div>
<div class="searchbar_tablecell">
<div class="searchbar_tablecell searchbar_label ps-3">{{ $p.t('person/telefon') }}</div>
<div class="searchbar_tablecell searchbar_value">
<a :href="telurl">
{{ employee.phone }}
</a>
@@ -152,26 +152,26 @@ export default {
</div>
</div>
<div class="searchbar_tablerow">
<div class="searchbar_tablecell ps-3">{{ $p.t('lehre/studiengang') }}</div>
<div class="searchbar_tablecell">
<div class="searchbar_tablecell searchbar_label ps-3">{{ $p.t('lehre/studiengang') }}</div>
<div class="searchbar_tablecell searchbar_value">
{{ student.bezeichnung }} {{ student.orgform ? '(' + student.orgform + ')' : '' }}
</div>
</div>
<div class="searchbar_tablerow">
<div class="searchbar_tablecell ps-3">{{ $p.t('search/result_prestudent_id') }}</div>
<div class="searchbar_tablecell">
<div class="searchbar_tablecell searchbar_label ps-3">{{ $p.t('search/result_prestudent_id') }}</div>
<div class="searchbar_tablecell searchbar_value">
{{ student.prestudent_id }}
</div>
</div>
<div v-if="student.uid" class="searchbar_tablerow">
<div class="searchbar_tablecell ps-3">{{ $p.t('search/result_student_uid') }}</div>
<div class="searchbar_tablecell">
<div class="searchbar_tablecell searchbar_label ps-3">{{ $p.t('search/result_student_uid') }}</div>
<div class="searchbar_tablecell searchbar_value">
{{ student.uid }}
</div>
</div>
<div v-if="student.matrikelnr" class="searchbar_tablerow">
<div class="searchbar_tablecell ps-3">{{ $p.t('person/matrikelnummer') }}</div>
<div class="searchbar_tablecell">
<div class="searchbar_tablecell searchbar_label ps-3">{{ $p.t('person/matrikelnummer') }}</div>
<div class="searchbar_tablecell searchbar_value">
{{ student.matrikelnr }}
</div>
</div>
@@ -20,15 +20,15 @@ export default {
>
<div class="searchbar_table">
<div class="searchbar_tablerow">
<div class="searchbar_tablecell">{{ $p.t('search/result_parent_oe') }}</div>
<div class="searchbar_tablecell">
<div class="searchbar_tablecell searchbar_label">{{ $p.t('search/result_parent_oe') }}</div>
<div class="searchbar_tablecell searchbar_value">
{{ res.parentoe_name }}
</div>
</div>
<div class="searchbar_tablerow">
<div class="searchbar_tablecell">{{ $p.t('search/result_group_emails') }}</div>
<div class="searchbar_tablecell">
<div class="searchbar_tablecell searchbar_label">{{ $p.t('search/result_group_emails') }}</div>
<div class="searchbar_tablecell searchbar_value">
<a v-if="res.mailgroup" :href="'mailto:' + res.mailgroup">
{{ res.mailgroup }}
</a>
@@ -37,8 +37,8 @@ export default {
</div>
<div class="searchbar_tablerow">
<div class="searchbar_tablecell">{{ $p.t('search/result_leader') }}</div>
<div class="searchbar_tablecell">
<div class="searchbar_tablecell searchbar_label">{{ $p.t('search/result_leader') }}</div>
<div class="searchbar_tablecell searchbar_value">
<ul class="searchbar_inline_ul" v-if="res.leaders.length > 0">
<li v-for="(leader, idx) in res.leaders" :key="idx">{{ leader.name }}</li>
</ul>
@@ -47,8 +47,8 @@ export default {
</div>
<div class="searchbar_tablerow">
<div class="searchbar_tablecell">{{ $p.t('search/result_number_of_employees') }}</div>
<div class="searchbar_tablecell">
<div class="searchbar_tablecell searchbar_label">{{ $p.t('search/result_number_of_employees') }}</div>
<div class="searchbar_tablecell searchbar_value">
{{ res.number_of_people }}
</div>
</div>
@@ -26,14 +26,14 @@ export default {
>
<div class="searchbar_table">
<div class="searchbar_tablerow">
<div class="searchbar_tablecell">{{ $p.t('person/person_id') }}</div>
<div class="searchbar_tablecell">
<div class="searchbar_tablecell searchbar_label">{{ $p.t('person/person_id') }}</div>
<div class="searchbar_tablecell searchbar_value">
{{ res.person_id }}
</div>
</div>
<div class="searchbar_tablerow">
<div class="searchbar_tablecell">{{ $p.t('search/result_emails') }}</div>
<div class="searchbar_tablecell">
<div class="searchbar_tablecell searchbar_label">{{ $p.t('search/result_emails') }}</div>
<div class="searchbar_tablecell searchbar_value">
<a v-for="email in emails" :key="email" :href="'mailto:' + email" class="d-block">
{{ email }}
</a>
@@ -41,40 +41,40 @@ export default {
>
<div class="searchbar_table">
<div class="searchbar_tablerow">
<div class="searchbar_tablecell">{{ $p.t('person/person_id') }}</div>
<div class="searchbar_tablecell">
<div class="searchbar_tablecell searchbar_label">{{ $p.t('person/person_id') }}</div>
<div class="searchbar_tablecell searchbar_value">
{{ res.person_id }}
</div>
</div>
<div class="searchbar_tablerow">
<div class="searchbar_tablecell">{{ $p.t('search/result_emails') }}</div>
<div class="searchbar_tablecell">
<div class="searchbar_tablecell searchbar_label">{{ $p.t('search/result_emails') }}</div>
<div class="searchbar_tablecell searchbar_value">
<a v-for="email in emails" :key="email" :href="'mailto:' + email" class="d-block">
{{ email }}
</a>
</div>
</div>
<div v-if="res.uid" class="searchbar_tablerow">
<div class="searchbar_tablecell">{{ $p.t('search/result_student_uid') }}</div>
<div class="searchbar_tablecell">
<div class="searchbar_tablecell searchbar_label">{{ $p.t('search/result_student_uid') }}</div>
<div class="searchbar_tablecell searchbar_value">
{{ res.uid }}
</div>
</div>
<div v-if="res.matrikelnr" class="searchbar_tablerow">
<div class="searchbar_tablecell">{{ $p.t('person/matrikelnummer') }}</div>
<div class="searchbar_tablecell">
<div class="searchbar_tablecell searchbar_label">{{ $p.t('person/matrikelnummer') }}</div>
<div class="searchbar_tablecell searchbar_value">
{{ res.matrikelnr }}
</div>
</div>
<div class="searchbar_tablerow">
<div class="searchbar_tablecell">{{ $p.t('search/result_prestudent_id') }}</div>
<div class="searchbar_tablecell">
<div class="searchbar_tablecell searchbar_label">{{ $p.t('search/result_prestudent_id') }}</div>
<div class="searchbar_tablecell searchbar_value">
{{ res.prestudent_id }}
</div>
</div>
<div class="searchbar_tablerow">
<div class="searchbar_tablecell">{{ $p.t('lehre/studiengang') }}</div>
<div class="searchbar_tablecell">
<div class="searchbar_tablecell searchbar_label">{{ $p.t('lehre/studiengang') }}</div>
<div class="searchbar_tablecell searchbar_value">
{{ res.bezeichnung }} {{ res.orgform ? '(' + res.orgform + ')' : '' }}
</div>
</div>
@@ -39,18 +39,18 @@ export default {
>
<div class="searchbar_table">
<div class="searchbar_tablerow">
<div class="searchbar_tablecell">{{ $p.t('search/result_room_address') }}</div>
<div class="searchbar_tablecell">
<div class="searchbar_tablecell searchbar_label">{{ $p.t('search/result_room_address') }}</div>
<div class="searchbar_tablecell searchbar_value">
{{ address }}
</div>
</div>
<div class="searchbar_tablerow">
<div class="searchbar_tablecell">{{ $p.t('search/result_workplaces') }}</div>
<div v-if="mode == 'simple'" class="searchbar_tablecell">
<div class="searchbar_tablecell searchbar_label">{{ $p.t('search/result_workplaces') }}</div>
<div v-if="mode == 'simple'" class="searchbar_tablecell searchbar_value">
{{ res.sitzplaetze }}
</div>
<div v-else class="searchbar_tablecell">
<div v-else class="searchbar_tablecell searchbar_value">
<template v-if="res.max_person !== null && res.workplaces !== null">
{{ $p.t('search/result_workplaces_pc', res) }}
</template>
@@ -61,15 +61,15 @@ export default {
</div>
<div class="searchbar_tablerow">
<div class="searchbar_tablecell">{{ $p.t('search/result_building') }}</div>
<div class="searchbar_tablecell">
<div class="searchbar_tablecell searchbar_label">{{ $p.t('search/result_building') }}</div>
<div class="searchbar_tablecell searchbar_value">
{{ res.building }}
</div>
</div>
<div class="searchbar_tablerow">
<div class="searchbar_tablecell">{{ $p.t('search/result_equipment') }}</div>
<div class="searchbar_tablecell">
<div class="searchbar_tablecell searchbar_label">{{ $p.t('search/result_equipment') }}</div>
<div class="searchbar_tablecell searchbar_value">
<div v-if="mode == 'simple'" class="no-margin-paragraphs" v-html="res.austattung.replace('<br />','')"></div>
<div v-else class="no-margin-paragraphs" v-html="equipment"></div>
</div>
@@ -36,26 +36,26 @@ export default {
>
<div class="searchbar_table">
<div class="searchbar_tablerow">
<div class="searchbar_tablecell">{{ $p.t('search/result_student_uid') }}</div>
<div class="searchbar_tablecell">
<div class="searchbar_tablecell searchbar_label">{{ $p.t('search/result_student_uid') }}</div>
<div class="searchbar_tablecell searchbar_value">
{{ res.uid }}
</div>
</div>
<div class="searchbar_tablerow">
<div class="searchbar_tablecell">{{ $p.t('person/person_id') }}</div>
<div class="searchbar_tablecell">
<div class="searchbar_tablecell searchbar_label">{{ $p.t('person/person_id') }}</div>
<div class="searchbar_tablecell searchbar_value">
{{ res.person_id }}
</div>
</div>
<div class="searchbar_tablerow">
<div class="searchbar_tablecell">{{ $p.t('person/matrikelnummer') }}</div>
<div class="searchbar_tablecell">
<div class="searchbar_tablecell searchbar_label">{{ $p.t('person/matrikelnummer') }}</div>
<div class="searchbar_tablecell searchbar_value">
{{ res.matrikelnr }}
</div>
</div>
<div class="searchbar_tablerow">
<div class="searchbar_tablecell">{{ $p.t('search/result_emails') }}</div>
<div class="searchbar_tablecell">
<div class="searchbar_tablecell searchbar_label">{{ $p.t('search/result_emails') }}</div>
<div class="searchbar_tablecell searchbar_value">
<a v-for="email in emails" :key="email" :href="'mailto:' + email" class="d-block">
{{ email }}
</a>