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

web/satellite/vuetify-poc: add buckets table to project dashboard

Browse Source 
Added buckets table to the bottom of project dashboard view

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

Change-Id: I059bf60631096956d55522da7d18cb8a9eaedc93
This commit is contained in:
Vitalii 2023-09-25 15:43:42 +03:00 committed by Vitalii Shpital
parent f5af0f2268
commit 05a276ecc7
1 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -71,12 +71,16 @@
<UsageProgressComponent v-if="billingStore.state.coupon" :title="billingStore.state.coupon.name" :progress="couponProgress" :used="`${usedLimitFormatted(limits.storageUsed + limits.bandwidthUsed)} Used`" :limit="`Limit: ${couponValue}`" :available="`${couponRemainingPercent}% Available`" cta="" />
</v-col>
</v-row>
<v-col class="pa-0 mt-6" cols="12">
<v-card-title class="font-weight-bold pl-0">Buckets</v-card-title>
<buckets-data-table />
</v-col>
</v-container>
</template>
<script setup lang="ts">
import { computed, onBeforeUnmount, onMounted, ref } from 'vue';
import { VContainer, VRow, VCol, VCard } from 'vuetify/components';
import { VContainer, VRow, VCol, VCard, VCardTitle } from 'vuetify/components';
import { ComponentPublicInstance } from '@vue/runtime-core';
import { useUsersStore } from '@/store/modules/usersStore';
@ -97,6 +101,7 @@ import CardStatsComponent from '@poc/components/CardStatsComponent.vue';
import UsageProgressComponent from '@poc/components/UsageProgressComponent.vue';
import BandwidthChart from '@/components/project/dashboard/BandwidthChart.vue';
import StorageChart from '@/components/project/dashboard/StorageChart.vue';
import BucketsDataTable from '@poc/components/BucketsDataTable.vue';
const usersStore = useUsersStore();
const projectsStore = useProjectsStore();