web/satellite/vuetify-poc: remove required rule on S3 credentials info step

Remove required rule on S3 credentials info step when creating new one.

Issue:
https://github.com/storj/storj/issues/6400

Change-Id: Ie59267bb881e6dfa769ae0cdda83ff369ec920cd
This commit is contained in:
Vitalii 2023-10-13 15:55:24 +03:00 committed by Storj Robot
parent 0eaf43120b
commit 902cf5898f

View File

@ -2,41 +2,31 @@
// See LICENSE for copying information. // See LICENSE for copying information.
<template> <template>
<v-form ref="form" class="pa-8"> <v-row class="pa-4 ma-0">
<v-row> <v-col cols="12">
<v-col cols="12"> By generating S3 credentials, you are opting in to
By generating S3 credentials, you are opting in to <a class="link" href="https://docs.storj.io/dcs/concepts/encryption-key/design-decision-server-side-encryption/">
<a class="link" href="https://docs.storj.io/dcs/concepts/encryption-key/design-decision-server-side-encryption/"> server-side encryption.
server-side encryption. </a>
</a> </v-col>
</v-col> <v-col cols="12">
<v-col cols="12"> <v-checkbox
<v-checkbox density="compact"
density="compact" label="I understand, don't show this again."
label="I understand, don't show this again." hide-details
:hide-details="false" @update:model-value="value => LocalData.setServerSideEncryptionModalHidden(value)"
:rules="[ RequiredRule ]" />
@update:model-value="value => LocalData.setServerSideEncryptionModalHidden(value)" </v-col>
/> </v-row>
</v-col>
</v-row>
</v-form>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import { ref } from 'vue'; import { VRow, VCol, VCheckbox } from 'vuetify/components';
import { VForm, VRow, VCol, VCheckbox } from 'vuetify/components';
import { LocalData } from '@/utils/localData'; import { LocalData } from '@/utils/localData';
import { RequiredRule, DialogStepComponent } from '@poc/types/common'; import { DialogStepComponent } from '@poc/types/common';
const form = ref<VForm | null>(null);
defineExpose<DialogStepComponent>({ defineExpose<DialogStepComponent>({
title: 'Encryption Information', title: 'Encryption Information',
validate: () => {
form.value?.validate();
return !!form.value?.isValid;
},
}); });
</script> </script>