From b86295c500ad530e9a0456aa3f167cc85c3bdb85 Mon Sep 17 00:00:00 2001 From: Vitalii Shpital Date: Fri, 3 Sep 2021 16:13:59 +0300 Subject: [PATCH] web/satellite: Final steps of onb CLI flow Change-Id: I2c0a48b54347b81655b38f2cd2abd90cb8a84699 --- .../accessGrants/steps/GatewayStep.vue | 49 ++++-- .../components/common/GeneratePassphrase.vue | 25 ++- web/satellite/src/components/common/VInfo.vue | 26 +-- .../src/components/header/HeaderArea.vue | 23 ++- .../steps/cliFlow/CreateBucket.vue | 73 +++++++- .../steps/cliFlow/DownloadObject.vue | 72 +++++++- .../steps/cliFlow/GeneratedAG.vue | 23 ++- .../steps/cliFlow/ListObject.vue | 72 +++++++- .../steps/cliFlow/ShareObject.vue | 162 +++++++++++++++++- .../steps/cliFlow/SuccessScreen.vue | 122 ++++++++++++- .../steps/cliFlow/UploadObject.vue | 88 +++++++++- .../src/components/team/HeaderArea.vue | 21 ++- .../images/onboardingTour/bucketStep.svg | 10 ++ .../onboardingTour/downloadObjectStep.svg | 11 ++ .../images/onboardingTour/listObjectStep.svg | 8 + .../images/onboardingTour/shareLinkStep.svg | 9 + .../images/onboardingTour/successStep.svg | 6 + .../onboardingTour/uploadObjectStep.svg | 9 + .../__snapshots__/HeaderArea.spec.ts.snap | 20 +-- 19 files changed, 732 insertions(+), 97 deletions(-) create mode 100644 web/satellite/static/images/onboardingTour/bucketStep.svg create mode 100644 web/satellite/static/images/onboardingTour/downloadObjectStep.svg create mode 100644 web/satellite/static/images/onboardingTour/listObjectStep.svg create mode 100644 web/satellite/static/images/onboardingTour/shareLinkStep.svg create mode 100644 web/satellite/static/images/onboardingTour/successStep.svg create mode 100644 web/satellite/static/images/onboardingTour/uploadObjectStep.svg diff --git a/web/satellite/src/components/accessGrants/steps/GatewayStep.vue b/web/satellite/src/components/accessGrants/steps/GatewayStep.vue index d8baf92b1..67426ccfe 100644 --- a/web/satellite/src/components/accessGrants/steps/GatewayStep.vue +++ b/web/satellite/src/components/accessGrants/steps/GatewayStep.vue @@ -25,11 +25,15 @@

Access Key

- - + + +
@@ -44,11 +48,15 @@

Secret Key

- - + + +
@@ -63,11 +71,15 @@

End Point

- - + + +
@@ -312,6 +324,13 @@ export default class GatewayStep extends Vue { fill: #2683ff; } } + + &__message { + color: #586c86; + font-family: 'font_medium', sans-serif; + font-size: 16px; + line-height: 18px; + } } } diff --git a/web/satellite/src/components/common/GeneratePassphrase.vue b/web/satellite/src/components/common/GeneratePassphrase.vue index 348ef8639..65607bdc3 100644 --- a/web/satellite/src/components/common/GeneratePassphrase.vue +++ b/web/satellite/src/components/common/GeneratePassphrase.vue @@ -18,11 +18,16 @@

Generate Phrase

Enter Your Own Passphrase

- - + + +
@@ -290,6 +295,12 @@ export default class GeneratePassphrase extends Vue { &__image { cursor: pointer; } + + &__message { + color: #586c86; + font-size: 16px; + line-height: 21px; + } } } } @@ -369,9 +380,5 @@ export default class GeneratePassphrase extends Vue { ::v-deep .info__box__message { min-width: 440px; - - &__regular-text { - line-height: 32px; - } } diff --git a/web/satellite/src/components/common/VInfo.vue b/web/satellite/src/components/common/VInfo.vue index 2a92e028a..e0742b7a2 100644 --- a/web/satellite/src/components/common/VInfo.vue +++ b/web/satellite/src/components/common/VInfo.vue @@ -3,14 +3,13 @@