55 lines
1.6 KiB
Vue
55 lines
1.6 KiB
Vue
// Copyright (C) 2019 Storj Labs, Inc.
|
|
// See LICENSE for copying information.
|
|
|
|
<template src="./headerArea.html"></template>
|
|
|
|
<script lang="ts">
|
|
import { Component, Vue } from 'vue-property-decorator';
|
|
|
|
import NewProjectArea from '@/components/header/NewProjectArea.vue';
|
|
import ProjectSelectionArea from '@/components/header/projectSelection/ProjectSelectionArea.vue';
|
|
import NavigationArea from '@/components/navigation/NavigationArea.vue';
|
|
import ProjectCreationSuccessPopup from '@/components/project/ProjectCreationSuccessPopup.vue';
|
|
|
|
import LogoIcon from '@/../static/images/header/logo.svg';
|
|
import NavigationCloseIcon from '@/../static/images/header/navigationClose.svg';
|
|
import NavigationMenuIcon from '@/../static/images/header/navigationMenu.svg';
|
|
|
|
import AccountButton from './AccountButton.vue';
|
|
|
|
@Component({
|
|
components: {
|
|
ProjectCreationSuccessPopup,
|
|
ProjectSelectionArea,
|
|
NewProjectArea,
|
|
AccountButton,
|
|
NavigationArea,
|
|
NavigationMenuIcon,
|
|
NavigationCloseIcon,
|
|
LogoIcon,
|
|
},
|
|
})
|
|
export default class DashboardHeader extends Vue {
|
|
/**
|
|
* Indicates if navigation toggling button is visible depending on screen width.
|
|
*/
|
|
public isNavigationVisible: boolean = false;
|
|
|
|
/**
|
|
* Toggle navigation visibility.
|
|
*/
|
|
public toggleNavigationVisibility(): void {
|
|
this.isNavigationVisible = !this.isNavigationVisible;
|
|
}
|
|
|
|
/**
|
|
* Reloads page.
|
|
*/
|
|
public onLogoClick(): void {
|
|
location.reload();
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style src="./headerArea.scss" scoped lang="scss"></style>
|