Leahnaya/splatoon2.ink
1
0
Fork 0
mirror of https://github.com/misenhower/splatoon2.ink.git synced 2026-03-21 17:24:37 -05:00
Code Issues Actions Packages Projects Releases Wiki Activity

Add battle times

Browse Source
This commit is contained in:
Matt Isenhower 2017-08-02 17:30:20 -07:00
parent 36ecde0a13
commit 2be0dfd95c
4 changed files with 41 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
package.json
View File

@ -24,6 +24,7 @@
"html-loader": "^0.5.0",
"html-webpack-plugin": "^2.30.1",
"mkdirp": "^0.5.1",
"moment": "^2.18.1",
"node-sass": "^4.5.3",
"purify-css": "^1.2.5",
"purifycss-webpack": "^0.7.0",

5
src/css/main.scss
View File

@ -68,10 +68,13 @@ html {
margin: 0 -5px 15px;
border-radius: 12px;
.top-bar {
margin-bottom: 0.5rem;
}
.rule-name {
color: $title-color;
font-size: 1.25rem;
margin-bottom: 5px;
}
}

33
src/js/components/ScheduleBox.vue
View File

@ -5,7 +5,18 @@
</h2>
<div class="main-schedule">
<div class="rule-name">{{ firstSchedule.rule.name }}</div>
<div class="level is-mobile top-bar">
<div class="level-left">
<div class="level-item rule-name">{{ firstSchedule.rule.name }}</div>
</div>
<div class="level-right">
<div class="level-item">
{{ firstSchedule.start_time | time }} &ndash;
{{ firstSchedule.end_time | time }}
</div>
</div>
</div>
<div class="is-clearfix"></div>
<div class="columns is-mobile">
<div class="column"><Stage :stage="firstSchedule.stage_a"></Stage></div>
<div class="column"><Stage :stage="firstSchedule.stage_b"></Stage></div>
@ -24,6 +35,11 @@
Soon
</div>
<div>{{ upcomingSchedule.rule.name }}</div>
<div>in {{ upcomingSchedule.start_time - now | duration }}</div>
<div>
{{ upcomingSchedule.start_time | time }} &ndash;
{{ upcomingSchedule.end_time | time }}
</div>
</div>
<div class="column is-8">
<div class="columns is-mobile">
@ -39,6 +55,7 @@
</template>
<script>
import moment from 'moment';
import Stage from './Stage.vue';
export default {
@ -57,6 +74,20 @@ export default {
watch: {
firstSchedule(newSchedule, oldSchedule) { if (oldSchedule != newSchedule) this.upcomingScheduleIndex = 0; },
},
filters: {
time(value) {
return moment.unix(value).local().format('ha');
},
duration(value) {
let duration = moment.duration(value, 'seconds');
let hours = Math.floor(duration.asHours());
let minutes = ('0' + duration.minutes()).substr(-2);
let seconds = ('0' + duration.seconds()).substr(-2);
if (hours)
return `${hours}h ${minutes}m ${seconds}s`;
return `${minutes}m ${seconds}s`;
},
},
methods: {
nextSchedule() {
this.upcomingScheduleIndex++;

4
yarn.lock
View File

@ -3357,6 +3357,10 @@ mkdirp@0.5.1, mkdirp@0.5.x, "mkdirp@>=0.5 0", mkdirp@^0.5.0, mkdirp@^0.5.1, mkdi
dependencies:
minimist "0.0.8"
moment@^2.18.1:
version "2.18.1"
resolved "https://registry.yarnpkg.com/moment/-/moment-2.18.1.tgz#c36193dd3ce1c2eed2adb7c802dbbc77a81b1c0f"
ms@0.7.1:
version "0.7.1"
resolved "https://registry.yarnpkg.com/ms/-/ms-0.7.1.tgz#9cd13c03adbff25b65effde7ce864ee952017098"