mirror of
https://github.com/FH-Complete/FHC-Core.git
synced 2026-07-20 00:12:15 +00:00
refactor(Cis4 Wave Accessability): adds accessability attributes to the searchbar components
This commit is contained in:
@@ -15,6 +15,7 @@ export default {
|
||||
template: `
|
||||
<template v-if="this.renderif()">
|
||||
<a :class="this.cssclass" :href="this.getactionhref()"
|
||||
:alt="$p.t('ui','aktion')"
|
||||
@click="this.execaction()">
|
||||
<slot>Action</slot>
|
||||
</a>
|
||||
|
||||
@@ -14,7 +14,7 @@ export default {
|
||||
<div class="searchbar_grid">
|
||||
<div class="searchbar_icon">
|
||||
<action :res="this.res" :action="this.actions.defaultaction" @actionexecuted="$emit('actionexecuted')">
|
||||
<img v-if="(typeof res.photo_url !== 'undefined') && (res.photo_url !== null)" :src="res.photo_url"
|
||||
<img v-if="(typeof res.photo_url !== 'undefined') && (res.photo_url !== null)" :alt="$p.t('profilUpdate','profilBild')" :src="res.photo_url"
|
||||
class="rounded" style="max-height: 120px; max-width: 90px;" />
|
||||
<i v-else class="fas fa-user-circle fa-5x"></i>
|
||||
</action>
|
||||
|
||||
@@ -14,7 +14,7 @@ export default {
|
||||
<div class="searchbar_grid">
|
||||
<div class="searchbar_icon">
|
||||
<action :res="this.res" :action="this.actions.defaultaction" @actionexecuted="$emit('actionexecuted')">
|
||||
<i class="fas fa-sitemap fa-4x"></i>
|
||||
<i class="fas fa-sitemap fa-4x" aria-hidden="true"></i>
|
||||
</action>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -14,7 +14,8 @@ export default {
|
||||
<div class="searchbar_grid">
|
||||
<div class="searchbar_icon">
|
||||
<action :res="this.res" :action="this.actions.defaultaction" @actionexecuted="$emit('actionexecuted')">
|
||||
<img v-if="(typeof res.foto !== 'undefined') && (res.foto !== null)" :src="res.foto"
|
||||
<img v-if="(typeof res.foto !== 'undefined') && (res.foto !== null)"
|
||||
:alt="$p.t('profilUpdate','profilBild')" :src="res.foto"
|
||||
class="rounded" style="max-height: 120px; max-width: 90px;" />
|
||||
<i v-else class="fas fa-user-circle fa-5x"></i>
|
||||
</action>
|
||||
|
||||
@@ -15,6 +15,7 @@ export default {
|
||||
<div class="searchbar_icon">
|
||||
<action :res="this.res" :action="this.actions.defaultaction" @actionexecuted="$emit('actionexecuted')">
|
||||
<img v-if="(typeof res.foto !== 'undefined') && (res.foto !== null)"
|
||||
:alt="$p.t('profilUpdate','profilBild')"
|
||||
:src="'data:image/jpeg;base64,' + res.foto"
|
||||
class="rounded-circle" height="100"/>
|
||||
<i v-else class="fas fa-user-circle fa-5x"></i>
|
||||
|
||||
@@ -13,7 +13,7 @@ export default {
|
||||
<div class="searchbar_grid">
|
||||
<div class="searchbar_icon">
|
||||
<action :res="this.res" :action="this.actions.defaultaction" @actionexecuted="$emit('actionexecuted')">
|
||||
<i class="fas fa-door-open fa-4x"></i>
|
||||
<i class="fas fa-door-open fa-4x" aria-hidden="true"></i>
|
||||
</action>
|
||||
</div>
|
||||
<div class="searchbar_data">
|
||||
|
||||
@@ -16,6 +16,7 @@ export default {
|
||||
<action :res="this.res" :action="this.actions.defaultaction" @actionexecuted="$emit('actionexecuted')">
|
||||
<img v-if="(typeof res.foto !== 'undefined') && (res.foto !== null)"
|
||||
:src="studentImage"
|
||||
:alt="$p.t('personUpdate','profilBild')"
|
||||
class="rounded" style="max-height: 120px; max-width: 90px;" />
|
||||
<i v-else class="fas fa-user-circle fa-5x"></i>
|
||||
</action>
|
||||
|
||||
Reference in New Issue
Block a user