diff options
Diffstat (limited to 'app/assets/javascripts/environments/environment_details/components')
3 files changed, 75 insertions, 0 deletions
diff --git a/app/assets/javascripts/environments/environment_details/components/deployment_job.vue b/app/assets/javascripts/environments/environment_details/components/deployment_job.vue new file mode 100644 index 00000000000..dbe25a81550 --- /dev/null +++ b/app/assets/javascripts/environments/environment_details/components/deployment_job.vue @@ -0,0 +1,24 @@ +<script> +import { GlTruncate, GlLink, GlBadge } from '@gitlab/ui'; + +export default { + components: { + GlBadge, + GlTruncate, + GlLink, + }, + props: { + job: { + type: Object, + required: false, + default: null, + }, + }, +}; +</script> +<template> + <gl-link v-if="job" :href="job.webPath"> + <gl-truncate :text="job.label" /> + </gl-link> + <gl-badge v-else variant="info">{{ __('API') }}</gl-badge> +</template> diff --git a/app/assets/javascripts/environments/environment_details/components/deployment_status_link.vue b/app/assets/javascripts/environments/environment_details/components/deployment_status_link.vue new file mode 100644 index 00000000000..82926e2e596 --- /dev/null +++ b/app/assets/javascripts/environments/environment_details/components/deployment_status_link.vue @@ -0,0 +1,26 @@ +<script> +import DeploymentStatusBadge from '~/environments/components/deployment_status_badge.vue'; + +export default { + components: { + DeploymentStatusBadge, + }, + props: { + status: { + type: String, + required: true, + }, + deploymentJob: { + type: Object, + required: false, + default: null, + }, + }, +}; +</script> +<template> + <a v-if="deploymentJob" data-testid="deployment-status-job-link" :href="deploymentJob.webPath"> + <deployment-status-badge :status="status" /> + </a> + <deployment-status-badge v-else :status="status" /> +</template> diff --git a/app/assets/javascripts/environments/environment_details/components/deployment_triggerer.vue b/app/assets/javascripts/environments/environment_details/components/deployment_triggerer.vue new file mode 100644 index 00000000000..18ff31f9b0f --- /dev/null +++ b/app/assets/javascripts/environments/environment_details/components/deployment_triggerer.vue @@ -0,0 +1,25 @@ +<script> +import { GlAvatar, GlAvatarLink, GlTooltipDirective } from '@gitlab/ui'; + +export default { + components: { + GlAvatar, + GlAvatarLink, + }, + directives: { + GlTooltip: GlTooltipDirective, + }, + props: { + triggerer: { + type: Object, + required: false, + default: null, + }, + }, +}; +</script> +<template> + <gl-avatar-link v-if="triggerer" :href="triggerer.webUrl"> + <gl-avatar v-gl-tooltip :title="triggerer.name" :src="triggerer.avatarUrl" :size="24" /> + </gl-avatar-link> +</template> |