diff options
| author | Shpuld Shpludson <shp@cock.li> | 2019-07-07 19:12:33 +0000 |
|---|---|---|
| committer | Shpuld Shpludson <shp@cock.li> | 2019-07-07 19:12:33 +0000 |
| commit | 54b0f9013388b24769c587abbf7ca76849ce9570 (patch) | |
| tree | 2b1ff13b76993b88a384ae8d001e599493ab154c /src/components/notifications/notifications.vue | |
| parent | 171673113fd353666ae9b593abec8f64ec9ea6ef (diff) | |
| parent | 020c6d1bcfaf67ccb9ecdab13a39a1ddea868bb6 (diff) | |
Merge branch 'eslint-fix' into 'develop'
Fix shitton warning eslint gives
See merge request pleroma/pleroma-fe!871
Diffstat (limited to 'src/components/notifications/notifications.vue')
| -rw-r--r-- | src/components/notifications/notifications.vue | 66 |
1 files changed, 50 insertions, 16 deletions
diff --git a/src/components/notifications/notifications.vue b/src/components/notifications/notifications.vue index c71499b2..c42c35e6 100644 --- a/src/components/notifications/notifications.vue +++ b/src/components/notifications/notifications.vue @@ -1,33 +1,67 @@ <template> - <div :class="{ minimal: minimalMode }" class="notifications"> + <div + :class="{ minimal: minimalMode }" + class="notifications" + > <div :class="mainClass"> - <div v-if="!noHeading" class="panel-heading"> + <div + v-if="!noHeading" + class="panel-heading" + > <div class="title"> - {{$t('notifications.notifications')}} - <span class="badge badge-notification unseen-count" v-if="unseenCount">{{unseenCount}}</span> + {{ $t('notifications.notifications') }} + <span + v-if="unseenCount" + class="badge badge-notification unseen-count" + >{{ unseenCount }}</span> </div> - <div @click.prevent class="loadmore-error alert error" v-if="error"> - {{$t('timeline.error_fetching')}} + <div + v-if="error" + class="loadmore-error alert error" + @click.prevent + > + {{ $t('timeline.error_fetching') }} </div> - <button v-if="unseenCount" @click.prevent="markAsSeen" class="read-button">{{$t('notifications.read')}}</button> + <button + v-if="unseenCount" + class="read-button" + @click.prevent="markAsSeen" + > + {{ $t('notifications.read') }} + </button> </div> <div class="panel-body"> - <div v-for="notification in visibleNotifications" :key="notification.id" class="notification" :class='{"unseen": !minimalMode && !notification.seen}'> - <div class="notification-overlay"></div> - <notification :notification="notification"></notification> + <div + v-for="notification in visibleNotifications" + :key="notification.id" + class="notification" + :class="{"unseen": !minimalMode && !notification.seen}" + > + <div class="notification-overlay" /> + <notification :notification="notification" /> </div> </div> <div class="panel-footer"> - <div v-if="bottomedOut" class="new-status-notification text-center panel-footer faint"> - {{$t('notifications.no_more_notifications')}} + <div + v-if="bottomedOut" + class="new-status-notification text-center panel-footer faint" + > + {{ $t('notifications.no_more_notifications') }} </div> - <a v-else-if="!loading" href="#" v-on:click.prevent="fetchOlderNotifications()"> + <a + v-else-if="!loading" + href="#" + @click.prevent="fetchOlderNotifications()" + > <div class="new-status-notification text-center panel-footer"> - {{ minimalMode ? $t('interactions.load_older') : $t('notifications.load_older')}} + {{ minimalMode ? $t('interactions.load_older') : $t('notifications.load_older') }} </div> </a> - <div v-else class="new-status-notification text-center panel-footer"> - <i class="icon-spin3 animate-spin"/> + <div + v-else + class="new-status-notification text-center panel-footer" + > + <i class="icon-spin3 animate-spin" /> </div> </div> </div> |
