fix aria-label of notification count
This commit is contained in:
		
							parent
							
								
									2d640945a3
								
							
						
					
					
						commit
						f45d1d53fb
					
				
					 1 changed files with 14 additions and 4 deletions
				
			
		| 
						 | 
				
			
			@ -1,7 +1,7 @@
 | 
			
		|||
<a class='main-nav-link {{forceCurrent || page === name ? "selected" : ""}}'
 | 
			
		||||
   aria-label='{{forceCurrent || page === name ? `${label} (current page)` : label}}'
 | 
			
		||||
   aria-current="{{forceCurrent || page === name}}"
 | 
			
		||||
   href='{{href}}'>
 | 
			
		||||
<a class='main-nav-link {{page === name ? "selected" : ""}}'
 | 
			
		||||
   aria-label='{{ariaLabel}}'
 | 
			
		||||
   aria-current="{{page === name}}"
 | 
			
		||||
   :href >
 | 
			
		||||
  {{#if name === 'notifications'}}
 | 
			
		||||
    <div class="nav-link-svg-wrapper">
 | 
			
		||||
      <svg>
 | 
			
		||||
| 
						 | 
				
			
			@ -115,6 +115,16 @@
 | 
			
		|||
  export default {
 | 
			
		||||
    store: () => store,
 | 
			
		||||
    computed: {
 | 
			
		||||
      ariaLabel: (page, name, label, numberOfNotifications) => {
 | 
			
		||||
        let res = label
 | 
			
		||||
        if (page === name) {
 | 
			
		||||
          res += ' (current page)'
 | 
			
		||||
        }
 | 
			
		||||
        if (name === 'notifications') {
 | 
			
		||||
          res += ` (${numberOfNotifications})`
 | 
			
		||||
        }
 | 
			
		||||
        return res
 | 
			
		||||
      },
 | 
			
		||||
      numberOfNotifications: ($timelines, $currentInstance, $currentTimeline) => {
 | 
			
		||||
        return $currentTimeline !== 'notifications' &&
 | 
			
		||||
          $timelines &&
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
	Add table
		
		Reference in a new issue