|
@@ -5,24 +5,26 @@
|
|
|
<transition-group name="notification-box">
|
|
|
<h6
|
|
|
class="has-text-centered"
|
|
|
- v-if="users && users.loggedOut.length > 0"
|
|
|
- key="logged-out-users"
|
|
|
- >
|
|
|
- {{ users.loggedOut.length }}
|
|
|
- {{ users.loggedOut.length > 1 ? "users are" : "user is" }}
|
|
|
- logged-out.
|
|
|
- </h6>
|
|
|
- <h6
|
|
|
- class="has-text-centered"
|
|
|
- v-else-if="
|
|
|
+ v-if="
|
|
|
users &&
|
|
|
- users.loggedIn.length === 1 &&
|
|
|
- users.loggedOut.length === 0
|
|
|
+ ((users.loggedIn.length === 1 &&
|
|
|
+ users.loggedOut.length === 0) ||
|
|
|
+ (users.loggedIn.length === 0 &&
|
|
|
+ users.loggedOut.length === 1))
|
|
|
"
|
|
|
key="only-me"
|
|
|
>
|
|
|
It's just you in the station!
|
|
|
</h6>
|
|
|
+ <h6
|
|
|
+ class="has-text-centered"
|
|
|
+ v-else-if="users && users.loggedOut.length > 0"
|
|
|
+ key="logged-out-users"
|
|
|
+ >
|
|
|
+ {{ users.loggedOut.length }}
|
|
|
+ {{ users.loggedOut.length > 1 ? "users are" : "user is" }}
|
|
|
+ logged-out.
|
|
|
+ </h6>
|
|
|
</transition-group>
|
|
|
|
|
|
<aside class="menu">
|