2019-09-26 14:36:12 +01:00
|
|
|
<!--Copyright (C) 2019 Storj Labs, Inc.-->
|
|
|
|
<!--See LICENSE for copying information.-->
|
|
|
|
|
|
|
|
<div class="dashboard-header-container">
|
|
|
|
<div class="dashboard-header-container__left-area">
|
2019-10-23 13:26:39 +01:00
|
|
|
<NavigationMenuIcon
|
2019-09-26 14:36:12 +01:00
|
|
|
class="dashboard-header-container__left-area__menu-button"
|
|
|
|
v-if="!isNavigationVisible"
|
|
|
|
@click.stop="toggleNavigationVisibility"
|
2019-10-23 13:26:39 +01:00
|
|
|
/>
|
2019-09-26 14:36:12 +01:00
|
|
|
<div class="dashboard-header-container__left-area__close-button" v-if="isNavigationVisible" @click.stop="toggleNavigationVisibility">
|
2019-10-23 13:26:39 +01:00
|
|
|
<NavigationCloseIcon/>
|
2019-09-26 14:36:12 +01:00
|
|
|
<p class="dashboard-header-container__left-area__close-button__title">Close</p>
|
|
|
|
</div>
|
|
|
|
<ProjectSelectionArea class="dashboard-header-container__left-area__project-selection"/>
|
|
|
|
</div>
|
2019-10-23 13:26:39 +01:00
|
|
|
<LogoIcon
|
|
|
|
class="storj-title"
|
|
|
|
@click.stop="onLogoClick"
|
|
|
|
/>
|
2019-09-26 14:36:12 +01:00
|
|
|
<div class="dashboard-header-container__right-area">
|
2019-10-02 10:42:12 +01:00
|
|
|
<NewProjectArea class="dashboard-header-container__right-area__new-project"/>
|
|
|
|
<AccountButton class="dashboard-header-container__right-area__account-button"/>
|
2019-09-26 14:36:12 +01:00
|
|
|
</div>
|
|
|
|
<ProjectCreationSuccessPopup/>
|
|
|
|
<NavigationArea
|
|
|
|
class="adapted-navigation"
|
2019-10-02 10:42:12 +01:00
|
|
|
v-if="isNavigationVisible"
|
|
|
|
/>
|
2019-09-26 14:36:12 +01:00
|
|
|
<div class="navigation-blur" v-if="isNavigationVisible"></div>
|
|
|
|
</div>
|