1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
|
<script>
import { GlAlert } from '@gitlab/ui';
import StorageUsageStatistics from 'ee_else_ce/usage_quotas/storage/components/storage_usage_statistics.vue';
import DependencyProxyUsage from './dependency_proxy_usage.vue';
import ContainerRegistryUsage from './container_registry_usage.vue';
export default {
name: 'NamespaceStorageApp',
components: {
GlAlert,
StorageUsageStatistics,
DependencyProxyUsage,
ContainerRegistryUsage,
},
inject: ['userNamespace'],
props: {
namespaceLoadingError: {
type: Boolean,
required: false,
default: false,
},
projectsLoadingError: {
type: Boolean,
required: false,
default: false,
},
isNamespaceStorageStatisticsLoading: {
type: Boolean,
required: false,
default: false,
},
namespace: {
type: Object,
required: false,
default: () => ({}),
},
},
computed: {
usedStorage() {
return (
// This is the coefficient adjusted forked repo size, only used in EE
this.namespace.rootStorageStatistics?.costFactoredStorageSize ??
// This is the actual storage size value, used in CE or when the above is disabled
this.namespace.rootStorageStatistics?.storageSize
);
},
dependencyProxyTotalSize() {
return this.namespace.rootStorageStatistics?.dependencyProxySize ?? 0;
},
containerRegistrySize() {
return this.namespace.rootStorageStatistics?.containerRegistrySize ?? 0;
},
containerRegistrySizeIsEstimated() {
return this.namespace.rootStorageStatistics?.containerRegistrySizeIsEstimated ?? false;
},
},
};
</script>
<template>
<div>
<gl-alert
v-if="namespaceLoadingError || projectsLoadingError"
variant="danger"
:dismissible="false"
class="gl-mt-4"
>
{{
s__(
'UsageQuota|An error occured while loading the storage usage details. Please refresh the page to try again.',
)
}}
</gl-alert>
<storage-usage-statistics
:additional-purchased-storage-size="namespace.additionalPurchasedStorageSize"
:used-storage="usedStorage"
:loading="isNamespaceStorageStatisticsLoading"
/>
<h3 data-testid="breakdown-subtitle">
{{ s__('UsageQuota|Storage usage breakdown') }}
</h3>
<dependency-proxy-usage
v-if="!userNamespace"
:dependency-proxy-total-size="dependencyProxyTotalSize"
:loading="isNamespaceStorageStatisticsLoading"
/>
<container-registry-usage
:container-registry-size="containerRegistrySize"
:container-registry-size-is-estimated="containerRegistrySizeIsEstimated"
:loading="isNamespaceStorageStatisticsLoading"
/>
<slot name="ee-storage-app"></slot>
</div>
</template>
|