55b495faa2
WHAT: added untitled project creation after adding payment method. UI was slightly changed. WHY: new onboarding flow Change-Id: I6cca1c784bd0462f20f2b06cc6595b9920d4f992
84 lines
2.4 KiB
Vue
84 lines
2.4 KiB
Vue
// Copyright (C) 2019 Storj Labs, Inc.
|
|
// See LICENSE for copying information.
|
|
|
|
<template>
|
|
<div class="dashboard-area">
|
|
<h1 class="dashboard-area__title">{{projectName}} Dashboard</h1>
|
|
<ProjectUsage/>
|
|
<ProjectSummary/>
|
|
<BucketArea/>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import { Component, Vue } from 'vue-property-decorator';
|
|
|
|
import BucketArea from '@/components/project/buckets/BucketArea.vue';
|
|
import ProjectSummary from '@/components/project/summary/ProjectSummary.vue';
|
|
import ProjectUsage from '@/components/project/usage/ProjectUsage.vue';
|
|
|
|
import { RouteConfig } from '@/router';
|
|
import { APP_STATE_ACTIONS } from '@/utils/constants/actionNames';
|
|
import { SegmentEvent } from '@/utils/constants/analyticsEventNames';
|
|
import { MetaUtils } from '@/utils/meta';
|
|
|
|
@Component({
|
|
components: {
|
|
BucketArea,
|
|
ProjectUsage,
|
|
ProjectSummary,
|
|
},
|
|
})
|
|
export default class ProjectDashboard extends Vue {
|
|
/**
|
|
* Lifecycle hook after initial render.
|
|
* Segment tracking is processed.
|
|
*/
|
|
public mounted(): void {
|
|
if (!this.$store.getters.selectedProject.id) {
|
|
this.$router.push(RouteConfig.OnboardingTour.with(RouteConfig.OverviewStep).path);
|
|
|
|
return;
|
|
}
|
|
|
|
const projectLimit: number = this.$store.getters.user.projectLimit;
|
|
if (projectLimit && this.$store.getters.projectsCount < projectLimit) {
|
|
this.$store.dispatch(APP_STATE_ACTIONS.SHOW_CREATE_PROJECT_BUTTON);
|
|
}
|
|
|
|
this.$segment.track(SegmentEvent.PROJECT_VIEWED, {
|
|
project_id: this.$store.getters.selectedProject.id,
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Returns selected project name.
|
|
*/
|
|
public get projectName(): string {
|
|
return this.$store.getters.selectedProject.name;
|
|
}
|
|
|
|
/**
|
|
* Returns project limits increase request url from config.
|
|
*/
|
|
public get projectLimitsIncreaseRequestURL(): string {
|
|
return MetaUtils.getMetaContent('project-limits-increase-request-url');
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
.dashboard-area {
|
|
padding: 50px 30px 30px 30px;
|
|
font-family: 'font_regular', sans-serif;
|
|
|
|
&__title {
|
|
font-family: 'font_bold', sans-serif;
|
|
font-size: 22px;
|
|
line-height: 27px;
|
|
color: #384b65;
|
|
margin: 0 0 30px 0;
|
|
}
|
|
}
|
|
</style>
|