cff1052bca
WHAT: store passphrase's hash in browser local storage WHY: to make user use the same passphrase Change-Id: I3d5e601a0257a7c900e8a0ce3cdce953f1174830
80 lines
2.1 KiB
Vue
80 lines
2.1 KiB
Vue
// Copyright (C) 2021 Storj Labs, Inc.
|
|
// See LICENSE for copying information.
|
|
|
|
<template>
|
|
<div class="objects-area">
|
|
<div class="objects-area__header">
|
|
<h1 class="objects-area__header__title">Objects</h1>
|
|
</div>
|
|
<router-view/>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import { Component, Vue } from 'vue-property-decorator';
|
|
|
|
import { RouteConfig } from '@/router';
|
|
import { LocalData, UserIDPassSalt } from '@/utils/localData';
|
|
|
|
@Component
|
|
export default class ObjectsArea extends Vue {
|
|
/**
|
|
* Lifecycle hook after initial render.
|
|
* Chooses correct route.
|
|
*/
|
|
public async mounted(): Promise<void> {
|
|
const DUPLICATE_NAV_ERROR: string = 'NavigationDuplicated';
|
|
const idPassSalt: UserIDPassSalt | null = LocalData.getUserIDPassSalt();
|
|
if (idPassSalt && idPassSalt.userId === this.$store.getters.user.id) {
|
|
try {
|
|
await this.$router.push(RouteConfig.Objects.with(RouteConfig.EnterPassphrase).path);
|
|
|
|
return;
|
|
} catch (error) {
|
|
if (error.name === DUPLICATE_NAV_ERROR) {
|
|
return;
|
|
}
|
|
|
|
await this.$notify.error(error.message);
|
|
}
|
|
}
|
|
|
|
try {
|
|
await this.$router.push(RouteConfig.Objects.with(RouteConfig.CreatePassphrase).path);
|
|
} catch (error) {
|
|
if (error.name === DUPLICATE_NAV_ERROR) {
|
|
return;
|
|
}
|
|
|
|
await this.$notify.error(error.message);
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
.objects-area {
|
|
padding: 20px 45px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
|
|
&__header {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
|
|
&__title {
|
|
font-family: 'font_medium', sans-serif;
|
|
font-style: normal;
|
|
font-weight: bold;
|
|
font-size: 18px;
|
|
line-height: 26px;
|
|
color: #232b34;
|
|
margin: 0;
|
|
}
|
|
}
|
|
}
|
|
</style>
|