JakeHillion/storj
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

web/satellite: change 'Bandwidth' and 'Egress' labels to 'Download' on project dashboard/settings

Browse Source 
Updated label to be 'Download' instead of 'Bandwidth' or 'Egress'

Issue:
https://github.com/storj/storj/issues/6310
https://github.com/storj/storj/issues/6315

Change-Id: Id075882e8dd1e243ca516907d9db420d6d066437
This commit is contained in:
Vitalii 2023-09-22 13:44:53 +03:00 committed by Storj Robot
parent a43f17d9a3
commit 52d337496f
10 changed files with 17 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/satellite/src/components/modals/ChangeProjectLimitModal.vue
View File

@ -304,7 +304,7 @@ async function onSave(): Promise<void> {
await projectsStore.updateProjectBandwidthLimit(updatedProject); await projectsStore.updateProjectBandwidthLimit(updatedProject);
analyticsStore.eventTriggered(AnalyticsEvent.PROJECT_BANDWIDTH_LIMIT_UPDATED); analyticsStore.eventTriggered(AnalyticsEvent.PROJECT_BANDWIDTH_LIMIT_UPDATED);
notify.success('Project egress limit updated successfully!'); notify.success('Project download limit updated successfully!');
} else { } else {
const updatedProject = new ProjectLimits(0, 0, limit); const updatedProject = new ProjectLimits(0, 0, limit);
await projectsStore.updateProjectStorageLimit(updatedProject); await projectsStore.updateProjectStorageLimit(updatedProject);

2
web/satellite/src/components/objects/BucketsTable.vue
View File

@ -38,7 +38,7 @@
<template #head> <template #head>
<th class="align-left">Name</th> <th class="align-left">Name</th>
<th class="align-left">Storage</th> <th class="align-left">Storage</th>
<th class="align-left">Egress</th> <th class="align-left">Download</th>
<th class="align-left">Objects</th> <th class="align-left">Objects</th>
<th class="align-left">Segments</th> <th class="align-left">Segments</th>
<th class="align-left">Date Added</th> <th class="align-left">Date Added</th>

4
web/satellite/src/components/project/EditProjectDetails.vue
View File

@ -128,7 +128,7 @@
/> />
</div> </div>
</div> </div>
<p class="project-details__wrapper__container__label">Egress Limit</p> <p class="project-details__wrapper__container__label">Download Limit</p>
<div v-if="!isBandwidthLimitEditing" class="project-details__wrapper__container__limits__bandwidthlimit-area"> <div v-if="!isBandwidthLimitEditing" class="project-details__wrapper__container__limits__bandwidthlimit-area">
<p class="project-details__wrapper__container__limits__bandwidthlimit-area__bandwidthlimit">{{ bandwidthLimitFormatted }}</p> <p class="project-details__wrapper__container__limits__bandwidthlimit-area__bandwidthlimit">{{ bandwidthLimitFormatted }}</p>
<VButton <VButton
@ -561,7 +561,7 @@ async function onSaveBandwidthLimitButtonClick(): Promise<void> {
toggleBandwidthLimitEditing(); toggleBandwidthLimitEditing();
analyticsStore.eventTriggered(AnalyticsEvent.PROJECT_BANDWIDTH_LIMIT_UPDATED); analyticsStore.eventTriggered(AnalyticsEvent.PROJECT_BANDWIDTH_LIMIT_UPDATED);
notify.success('Project egress limit updated successfully!'); notify.success('Project download limit updated successfully!');
} }
/** /**

2
web/satellite/src/components/project/dashboard/DashboardFunctionalHeader.vue
View File

@ -45,7 +45,7 @@
<p class="dashboard-header__limits"> <p class="dashboard-header__limits">
<span class="dashboard-header__limits--bold">Storage Limit</span> <span class="dashboard-header__limits--bold">Storage Limit</span>
per month: {{ bytesToBase10String(limits.storageLimit) }} | per month: {{ bytesToBase10String(limits.storageLimit) }} |
<span class="dashboard-header__limits--bold">Egress Limit</span> <span class="dashboard-header__limits--bold">Download Limit</span>
per month: {{ bytesToBase10String(limits.bandwidthLimit) }} per month: {{ bytesToBase10String(limits.bandwidthLimit) }}
</p> </p>
<VButton <VButton

4
web/satellite/src/components/project/dashboard/LimitsArea.vue
View File

@ -18,11 +18,11 @@
/> />
<LimitCard <LimitCard
:icon="DownloadIcon" :icon="DownloadIcon"
title="Egress" title="Download"
color="#7b61ff" color="#7b61ff"
:used-value="bandwidthUsed" :used-value="bandwidthUsed"
:used-title="`${usedOrLimitFormatted(limits.bandwidthUsed)} Used`" :used-title="`${usedOrLimitFormatted(limits.bandwidthUsed)} Used`"
:used-info="`Egress limit: ${usedOrLimitFormatted(limits.bandwidthLimit, true)} per month`" :used-info="`Download limit: ${usedOrLimitFormatted(limits.bandwidthLimit, true)} per month`"
:available-title="`${availableFormatted(limits.bandwidthLimit - limits.bandwidthUsed)} Available`" :available-title="`${availableFormatted(limits.bandwidthLimit - limits.bandwidthUsed)} Available`"
:action-title="usageActionTitle(bandwidthUsed)" :action-title="usageActionTitle(bandwidthUsed)"
:on-action="() => usageAction(LimitToChange.Bandwidth)" :on-action="() => usageAction(LimitToChange.Bandwidth)"

4
web/satellite/src/components/project/dashboard/ProjectDashboard.vue
View File

@ -64,10 +64,10 @@
</div> </div>
<div class="project-dashboard__charts__container"> <div class="project-dashboard__charts__container">
<div class="project-dashboard__charts__container__header"> <div class="project-dashboard__charts__container__header">
<h3 class="project-dashboard__charts__container__header__title">Egress</h3> <h3 class="project-dashboard__charts__container__header__title">Download</h3>
<div class="project-dashboard__charts__container__header__right"> <div class="project-dashboard__charts__container__header__right">
<span class="project-dashboard__charts__container__header__right__allocated-color" /> <span class="project-dashboard__charts__container__header__right__allocated-color" />
<p class="project-dashboard__charts__container__header__right__allocated-label">Egress</p> <p class="project-dashboard__charts__container__header__right__allocated-label">Download</p>
<VInfo class="project-dashboard__charts__container__header__right__info"> <VInfo class="project-dashboard__charts__container__header__right__info">
<template #icon> <template #icon>
<InfoIcon /> <InfoIcon />

4
web/satellite/src/types/projects.ts
View File

@ -35,7 +35,7 @@ export interface ProjectsApi {
/** /**
* Get project limits. * Get project limits.
* *
* @param projectId- project ID * @param projectId - project ID
* @throws Error * @throws Error
*/ */
getLimits(projectId: string): Promise<ProjectLimits>; getLimits(projectId: string): Promise<ProjectLimits>;
@ -296,7 +296,7 @@ export interface ProjectUsageDateRange {
export enum LimitToChange { export enum LimitToChange {
Storage = 'Storage', Storage = 'Storage',
Bandwidth = 'Bandwidth', Bandwidth = 'Download',
} }
export enum FieldToChange { export enum FieldToChange {

2
web/satellite/vuetify-poc/src/components/BucketsDataTable.vue
View File

@ -190,7 +190,7 @@ const headers = computed<DataTableHeader[]>(() => {
sortable: false, sortable: false,
}, },
{ title: 'Storage', key: 'storage', sortable: false }, { title: 'Storage', key: 'storage', sortable: false },
{ title: 'Egress', key: 'egress', sortable: false }, { title: 'Download', key: 'egress', sortable: false },
{ title: 'Files', key: 'objectCount', sortable: false }, { title: 'Files', key: 'objectCount', sortable: false },
{ title: 'Segments', key: 'segmentCount', sortable: false }, { title: 'Segments', key: 'segmentCount', sortable: false },
{ title: 'Date Created', key: 'createdAt', sortable: false }, { title: 'Date Created', key: 'createdAt', sortable: false },

2
web/satellite/vuetify-poc/src/views/Dashboard.vue
View File

@ -23,7 +23,7 @@
</v-card> </v-card>
</v-col> </v-col>
<v-col cols="12" md="6"> <v-col cols="12" md="6">
<v-card title="Bandwidth" variant="flat" :border="true" rounded="xlg"> <v-card title="Download" variant="flat" :border="true" rounded="xlg">
<h4 class="pl-4">{{ getDimension(allocatedBandwidthUsage) }}</h4> <h4 class="pl-4">{{ getDimension(allocatedBandwidthUsage) }}</h4>
<BandwidthChart <BandwidthChart
:width="chartWidth" :width="chartWidth"

8
web/satellite/vuetify-poc/src/views/ProjectSettings.vue
View File

@ -78,14 +78,14 @@
<v-divider /> <v-divider />
<v-list-item> <v-list-item>
<v-list-item-title>Bandwidth</v-list-item-title> <v-list-item-title>Download</v-list-item-title>
<v-list-item-subtitle> <v-list-item-subtitle>
{{ bandwidthLimitFormatted }} of {{ paidBandwidthLimitFormatted }} available bandwidth. {{ bandwidthLimitFormatted }} of {{ paidBandwidthLimitFormatted }} available to download.
</v-list-item-subtitle> </v-list-item-subtitle>
<template #append> <template #append>
<v-list-item-action> <v-list-item-action>
<v-btn variant="outlined" color="default" size="small" @click="showBandwidthLimitDialog"> <v-btn variant="outlined" color="default" size="small" @click="showBandwidthLimitDialog">
Edit Bandwidth Limit Edit Download Limit
</v-btn> </v-btn>
</v-list-item-action> </v-list-item-action>
</template> </template>
@ -96,7 +96,7 @@
<v-list-item> <v-list-item>
<v-list-item-title>Account</v-list-item-title> <v-list-item-title>Account</v-list-item-title>
<v-list-item-subtitle> <v-list-item-subtitle>
{{ paidStorageLimitFormatted }} storage and {{ paidBandwidthLimitFormatted }} bandwidth per month. {{ paidStorageLimitFormatted }} of storage and {{ paidBandwidthLimitFormatted }} to download per month.
</v-list-item-subtitle> </v-list-item-subtitle>
<template #append> <template #append>
<v-list-item-action> <v-list-item-action>