Skip to content
Snippets Groups Projects

Migrate terraform states GlCard to CrudComponent

Merged Annabel Dunstone Gray requested to merge terraform-states into master
All threads resolved!
4 files
+ 32
52
Compare changes
  • Side-by-side
  • Inline
Files
4
@@ -138,33 +138,26 @@ export default {
>
<template #cell(name)="{ item }">
<div
class="gl-display-flex gl-align-items-center gl-justify-content-end gl-md-justify-content-start"
data-testid="terraform-states-table-name"
class="gl-flex gl-align-center gl-justify-end md:gl-justify-start gl-gap-3"
>
<p class="gl-m-0 gl-text-gray-900">
{{ item.name }}
</p>
<div v-if="item.loadingLock" class="gl-mx-3">
<p class="gl-display-flex gl-justify-content-start gl-align-items-baseline gl-m-0">
<gl-loading-icon size="sm" class="gl-pr-1" />
{{ loadingLockText(item) }}
</p>
<div v-if="item.loadingLock">
<gl-loading-icon size="sm" class="gl-pr-1 gl-inline" />
{{ loadingLockText(item) }}
</div>
<div v-else-if="item.loadingRemove" class="gl-mx-3">
<p
class="gl-display-flex gl-justify-content-start gl-align-items-baseline gl-m-0 gl-text-red-500"
>
<gl-loading-icon size="sm" class="gl-pr-1" />
{{ $options.i18n.removing }}
</p>
<div v-else-if="item.loadingRemove">
<gl-loading-icon size="sm" class="gl-pr-1 gl-inline" />
{{ $options.i18n.removing }}
</div>
<div
v-else-if="item.deletedAt"
v-gl-tooltip.right
class="gl-mx-3"
:title="$options.i18n.deletionInProgress"
:data-testid="`state-badge-${item.name}`"
>
@@ -176,7 +169,6 @@ export default {
<div
v-else-if="item.lockedAt"
v-gl-tooltip.right
class="gl-mx-3"
:title="lockedByUserText(item)"
:data-testid="`state-badge-${item.name}`"
>
@@ -190,7 +182,7 @@ export default {
<template #cell(pipeline)="{ item }">
<div
data-testid="terraform-states-table-pipeline"
class="md:gl-flex gl-align-items-center gl-gap-3"
class="gl-flex gl-gap-3 gl-items-center gl-justify-end md:gl-justify-start"
>
<gl-link v-if="pipelineID(item)" :href="pipelinePath(item)">
#{{ pipelineID(item) }}
@@ -240,11 +232,7 @@ export default {
variant="danger"
@dismiss="row.toggleDetails"
>
<span
v-for="errorMessage in row.item.errorMessages"
:key="errorMessage"
class="gl-display-flex gl-justify-content-start"
>
<span v-for="errorMessage in row.item.errorMessages" :key="errorMessage">
{{ errorMessage }}
</span>
</gl-alert>
Loading