39 lines
835 B
Vue
39 lines
835 B
Vue
<template>
|
|
<div>
|
|
<b-navbar type="dark" variant="dark">
|
|
<b-container>
|
|
<b-navbar-brand to="home">OsuTier</b-navbar-brand>
|
|
|
|
<b-navbar-toggle target="nav-collapse"></b-navbar-toggle>
|
|
|
|
<b-collapse id="nav-collapse" is-nav>
|
|
<b-navbar-nav class="ml-auto">
|
|
<b-nav-item v-on:click="redirectLogin">Login with OSU</b-nav-item>
|
|
</b-navbar-nav>
|
|
</b-collapse>
|
|
</b-container>
|
|
</b-navbar>
|
|
|
|
<b-container id="body-container">
|
|
<router-view />
|
|
</b-container>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import { Component, Vue } from "vue-property-decorator";
|
|
|
|
@Component
|
|
export default class App extends Vue {
|
|
redirectLogin() {
|
|
location.href = "/api/login";
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
#body-container {
|
|
margin-top: 20px;
|
|
}
|
|
</style>
|