diff options
Diffstat (limited to 'app/assets/javascripts/google_cloud/configuration/panel.vue')
-rw-r--r-- | app/assets/javascripts/google_cloud/configuration/panel.vue | 88 |
1 files changed, 88 insertions, 0 deletions
diff --git a/app/assets/javascripts/google_cloud/configuration/panel.vue b/app/assets/javascripts/google_cloud/configuration/panel.vue new file mode 100644 index 00000000000..ee046eb1988 --- /dev/null +++ b/app/assets/javascripts/google_cloud/configuration/panel.vue @@ -0,0 +1,88 @@ +<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> |