2018-07-27 15:31:39 +00:00
|
|
|
<template>
|
|
|
|
<div class="app-navigation">
|
|
|
|
<b-navbar toggleable="md" type="dark" variant="dark">
|
|
|
|
|
|
|
|
<b-navbar-toggle target="nav_collapse"></b-navbar-toggle>
|
|
|
|
|
2018-08-03 13:17:13 +00:00
|
|
|
<b-navbar-brand href="/"><img src="/assets/img/logo.png" alt="PhotoPrism"></b-navbar-brand>
|
2018-07-27 15:31:39 +00:00
|
|
|
|
|
|
|
<b-collapse is-nav id="nav_collapse">
|
|
|
|
|
|
|
|
<b-navbar-nav>
|
2018-08-03 13:17:13 +00:00
|
|
|
<b-nav-item to="/photos" class="nav-item-photos">Photos</b-nav-item>
|
|
|
|
<b-nav-item to="/albums" class="nav-item-albums">Albums</b-nav-item>
|
|
|
|
<b-nav-item to="/import" class="nav-item-import">Import</b-nav-item>
|
|
|
|
<b-nav-item to="/export" class="nav-item-export">Export</b-nav-item>
|
|
|
|
<b-nav-item to="/settings" class="nav-item-settings">Settings</b-nav-item>
|
2018-07-27 15:31:39 +00:00
|
|
|
</b-navbar-nav>
|
|
|
|
|
|
|
|
<!-- Right aligned nav items -->
|
|
|
|
<b-navbar-nav class="ml-auto">
|
|
|
|
|
|
|
|
<b-nav-form>
|
2018-08-07 18:17:14 +00:00
|
|
|
<b-form-input size="sm" class="mr-sm-2" type="text" name="q" :value="q" placeholder="Search"/>
|
2018-07-27 15:31:39 +00:00
|
|
|
<b-button size="sm" class="my-2 my-sm-0" type="submit">Search</b-button>
|
|
|
|
</b-nav-form>
|
|
|
|
|
|
|
|
</b-navbar-nav>
|
|
|
|
|
|
|
|
</b-collapse>
|
|
|
|
</b-navbar>
|
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
|
|
|
export default {
|
|
|
|
data() {
|
2018-08-07 18:17:14 +00:00
|
|
|
const query = this.$route.query;
|
|
|
|
const q = query.hasOwnProperty('q') ? query['q'] : '';
|
|
|
|
|
|
|
|
return {
|
|
|
|
'q': q,
|
|
|
|
};
|
2018-07-27 15:31:39 +00:00
|
|
|
},
|
|
|
|
methods: {
|
|
|
|
toggleLeftSidenav() {
|
|
|
|
this.$refs.leftSidenav.toggle();
|
|
|
|
},
|
|
|
|
|
|
|
|
open(ref) {
|
|
|
|
},
|
|
|
|
|
|
|
|
close(ref) {
|
|
|
|
},
|
|
|
|
|
|
|
|
login() {
|
|
|
|
this.$refs.loginDialog.open();
|
|
|
|
},
|
|
|
|
|
|
|
|
register() {
|
|
|
|
this.$refs.registerDialog.open();
|
|
|
|
},
|
|
|
|
|
|
|
|
logout() {
|
|
|
|
this.$session.logout();
|
|
|
|
},
|
|
|
|
}
|
|
|
|
};
|
|
|
|
</script>
|
|
|
|
|
|
|
|
<style scoped>
|
|
|
|
</style>
|