gitlab-org--gitlab-foss/app/assets/javascripts/google_cloud/configuration/panel.vue

89 lines
1.8 KiB
Vue

<script>
import GcpRegionsList from '../gcp_regions/list.vue';
import GoogleCloudMenu from '../components/google_cloud_menu.vue';
import IncubationBanner from '../components/incubation_banner.vue';
import RevokeOauth from '../components/revoke_oauth.vue';
import ServiceAccountsList from '../service_accounts/list.vue';
export default {
components: {
GcpRegionsList,
GoogleCloudMenu,
IncubationBanner,
RevokeOauth,
ServiceAccountsList,
},
props: {
configurationUrl: {
type: String,
required: true,
},
deploymentsUrl: {
type: String,
required: true,
},
databasesUrl: {
type: String,
required: true,
},
serviceAccounts: {
type: Array,
required: true,
},
createServiceAccountUrl: {
type: String,
required: true,
},
emptyIllustrationUrl: {
type: String,
required: true,
},
configureGcpRegionsUrl: {
type: String,
required: true,
},
gcpRegions: {
type: Array,
required: true,
},
revokeOauthUrl: {
type: String,
required: true,
},
},
};
</script>
<template>
<div>
<incubation-banner />
<google-cloud-menu
active="configuration"
:configuration-url="configurationUrl"
:deployments-url="deploymentsUrl"
:databases-url="databasesUrl"
/>
<service-accounts-list
class="gl-mx-4"
:list="serviceAccounts"
:create-url="createServiceAccountUrl"
:empty-illustration-url="emptyIllustrationUrl"
/>
<hr />
<gcp-regions-list
class="gl-mx-4"
:empty-illustration-url="emptyIllustrationUrl"
:create-url="configureGcpRegionsUrl"
:list="gcpRegions"
/>
<hr v-if="revokeOauthUrl" />
<revoke-oauth v-if="revokeOauthUrl" :url="revokeOauthUrl" />
</div>
</template>