luzifer/twitch-manager
1
0
Fork 0
mirror of https://github.com/Luzifer/twitch-manager.git synced 2024-12-21 04:11:17 +00:00
Code Issues Projects Releases Wiki Activity

Re-sort overlay

Browse source
This commit is contained in:
Knut Ahlers 2020-11-21 03:06:06 +01:00
parent cbdfb86389
commit c3344534a8
Signed by: luzifer
GPG key ID: 0066F03ED215AD7D
1 changed files with 16 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
overlay.html
View file

@ -23,20 +23,28 @@
type="dark" type="dark"
variant="primary" variant="primary"
> >
<!-- Channel Brand -->
<b-navbar-brand href="#"><i class="fab fa-twitch"></i> Luziferus</b-navbar-brand> <b-navbar-brand href="#"><i class="fab fa-twitch"></i> Luziferus</b-navbar-brand>
<!-- Left aligned nav items -->
<b-navbar-nav> <b-navbar-nav>
<!-- Followers -->
<b-nav-text class="mx-2" v-if="store.followers && store.followers.count">
<i class="fas fa-users"></i> {{ store.followers.count }} / {{ nextFollowers }}
</b-nav-text>
<b-nav-text class="mx-2" v-if="store.followers && store.followers.last"> <b-nav-text class="mx-2" v-if="store.followers && store.followers.last">
<i class="fad fa-user"></i> {{ store.followers.last }} <i class="fad fa-user"></i> {{ store.followers.last }}
</b-nav-text> </b-nav-text>
<b-nav-text class="mx-2" v-if="store.followers && store.followers.count">
<i class="fas fa-users"></i> {{ store.followers.count }} / {{ nextFollowers }} <!-- Subs -->
<b-nav-text class="mx-2" v-if="store.subs && store.subs.count">
<i class="fas fa-users-crown"></i> {{ store.subs.count }} / {{ nextSubs }}
</b-nav-text> </b-nav-text>
<b-nav-text class="mx-2" v-if="store.subs && store.subs.last"> <b-nav-text class="mx-2" v-if="store.subs && store.subs.last">
<i class="fad fa-user-crown"></i> {{ store.subs.last }} <span v-if="store.subs.lastDuration > 1">(x{{ store.subs.lastDuration }})<span> <i class="fad fa-user-crown"></i> {{ store.subs.last }} <span v-if="store.subs.lastDuration > 1">(x{{ store.subs.lastDuration }})<span>
</b-nav-text> </b-nav-text>
<b-nav-text class="mx-2" v-if="store.subs && store.subs.count">
<i class="fas fa-users-crown"></i> {{ store.subs.count }} / {{ nextSubs }} <!-- Donations -->
</b-nav-text>
<b-nav-text class="mx-2" v-if="store.donation && store.donation.last_donator"> <b-nav-text class="mx-2" v-if="store.donation && store.donation.last_donator">
<i class="fas fa-donate"></i> {{ store.donation.last_donator }}: {{ store.donation.last_amount.toFixed(2) }} &euro; <i class="fas fa-donate"></i> {{ store.donation.last_donator }}: {{ store.donation.last_amount.toFixed(2) }} &euro;
</b-nav-text> </b-nav-text>
@ -44,9 +52,12 @@
<!-- Right aligned nav items --> <!-- Right aligned nav items -->
<b-navbar-nav class="ml-auto"> <b-navbar-nav class="ml-auto">
<!-- Icons -->
<b-nav-text> <b-nav-text>
<i :class="[ icon.class, 'ml-2' ].join(' ')" v-for="icon in icons" :key="icon.class"></i>&ZeroWidthSpace; <i :class="[ icon.class, 'ml-2' ].join(' ')" v-for="icon in icons" :key="icon.class"></i>&ZeroWidthSpace;
</b-nav-text> </b-nav-text>
<!-- Clock -->
<b-nav-text class="ml-2 clock text-center">{{ clock }}</b-nav-text> <b-nav-text class="ml-2 clock text-center">{{ clock }}</b-nav-text>
</b-navbar-nav> </b-navbar-nav>
</b-navbar> </b-navbar>