Logger BaseErrorAlert.vue

90.9% Statements 10/11

90% Branches 9/10

75% Functions 3/4

90.9% Lines 10/11

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26 1x
12x
12x
12x
12x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  <template lang="pug">
BaseAnimationGroup.container.pb-1.fixed-bottom.b-alert-container(anim='fade')
  BaseAnimationGroup.b-alerts(anim='fade' tag='div' v-show='!muteAlerts' key='alerts')
    .alert.alert-dismissible.fade.show.shadow(role='alert' v-for="error in visibleErrors" :key="error.id" :class='alertClass(error)')
      template(v-if="!error.dismissed")
        strong {{ error.timestamp | b-luxon('HH:mm:ss') }}
          |  {{ error.message }}
          button.close(type='button' data-dismiss='alert' aria-label='Close')
            span(aria-hidden='true') &times;
  .b-mute-alerts-btn.text-center.mx-5(v-if='!$butils.isEmpty(visibleErrors)' key='mute-alerts-btn')
    button.x-mute-btn.btn.p-0(type='button' tabIndex='-1' :class='muteBtnClass'
                              :arial-label='`${muteAlerts ? "Unmute" : "Mute"} alerts`'
                              :title='`${muteAlerts ? "Unmute" : "Mute"} alerts`'
                              @mousedown.prevent='' @click.prevent="toggleMuteAlerts()")
      BaseAnimationBlock.mx-2(anim='fade')
        i.fas.fa-bell-slash(key='unmute' v-if='muteAlerts')
        i.fas.fa-bell(key='mute' v-else)
      span.badge.badge-pill.badge-light.mx-2 {{ nbAlerts }}
</template>
<script src="./BaseErrorAlert.vue.js" />
<style>
.b-alert-container {
  z-index: 1050!important;
}
</style>