All files / ee/app/assets/javascripts/geo_nodes/components/details/secondary_node geo_node_replication_summary.vue

100% Statements 6/6
100% Branches 0/0
100% Functions 1/1
100% Lines 6/6

Press n or j to go to the next uncovered block, b, p or k for the previous block.

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  4x 4x 4x 4x 4x                                                   32x                                                  
<script>
import { GlCard, GlButton } from '@gitlab/ui';
import { s__ } from '~/locale';
import GeoNodeReplicationCounts from './geo_node_replication_counts.vue';
import GeoNodeReplicationStatus from './geo_node_replication_status.vue';
import GeoNodeSyncSettings from './geo_node_sync_settings.vue';
 
export default {
  name: 'GeoNodeReplicationSummary',
  i18n: {
    replicationSummary: s__('Geo|Replication summary'),
    replicationDetailsButton: s__('Geo|Open replications'),
    replicationStatus: s__('Geo|Replication status'),
    syncSettings: s__('Geo|Synchronization settings'),
  },
  components: {
    GlCard,
    GlButton,
    GeoNodeReplicationStatus,
    GeoNodeSyncSettings,
    GeoNodeReplicationCounts,
  },
  props: {
    node: {
      type: Object,
      required: true,
    },
  },
};
</script>
 
<template>
  <gl-card header-class="gl-display-flex gl-align-items-center">
    <template #header>
      <h5 class="gl-my-0">{{ $options.i18n.replicationSummary }}</h5>
      <gl-button
        class="gl-ml-auto"
        variant="confirm"
        icon="external-link"
        category="secondary"
        :href="node.webGeoProjectsUrl"
        target="_blank"
        >{{ $options.i18n.replicationDetailsButton }}</gl-button
      >
    </template>
    <div class="gl-display-flex gl-flex-direction-column gl-mb-5">
      <span>{{ $options.i18n.replicationStatus }}</span>
      <geo-node-replication-status class="gl-mt-3" :node="node" />
    </div>
    <div class="gl-display-flex gl-flex-direction-column gl-mb-5">
      <span>{{ $options.i18n.syncSettings }}</span>
      <geo-node-sync-settings class="gl-mt-2" :node="node" />
    </div>
    <geo-node-replication-counts :node-id="node.id" class="gl-mb-5" />
  </gl-card>
</template>