summaryrefslogtreecommitdiff
path: root/app/assets/javascripts/packages_and_registries/container_registry/explorer/components/registry_breadcrumb.vue
diff options
context:
space:
mode:
Diffstat (limited to 'app/assets/javascripts/packages_and_registries/container_registry/explorer/components/registry_breadcrumb.vue')
-rw-r--r--app/assets/javascripts/packages_and_registries/container_registry/explorer/components/registry_breadcrumb.vue51
1 files changed, 0 insertions, 51 deletions
diff --git a/app/assets/javascripts/packages_and_registries/container_registry/explorer/components/registry_breadcrumb.vue b/app/assets/javascripts/packages_and_registries/container_registry/explorer/components/registry_breadcrumb.vue
deleted file mode 100644
index e77eda31596..00000000000
--- a/app/assets/javascripts/packages_and_registries/container_registry/explorer/components/registry_breadcrumb.vue
+++ /dev/null
@@ -1,51 +0,0 @@
-<script>
-// We are using gl-breadcrumb only at the last child of the handwritten breadcrumb
-// until this gitlab-ui issue is resolved: https://gitlab.com/gitlab-org/gitlab-ui/-/issues/1079
-//
-// See the CSS workaround in app/assets/stylesheets/pages/registry.scss when this file is changed.
-import { GlBreadcrumb, GlIcon } from '@gitlab/ui';
-
-export default {
- components: {
- GlBreadcrumb,
- GlIcon,
- },
- computed: {
- rootRoute() {
- return this.$router.options.routes.find((r) => r.meta.root);
- },
- detailsRoute() {
- return this.$router.options.routes.find((r) => r.name === 'details');
- },
- isRootRoute() {
- return this.$route.name === this.rootRoute.name;
- },
- isLoaded() {
- return this.isRootRoute || this.$store?.state.imageDetails?.name;
- },
- allCrumbs() {
- const crumbs = [
- {
- text: this.rootRoute.meta.nameGenerator(),
- to: this.rootRoute.path,
- },
- ];
- if (!this.isRootRoute) {
- crumbs.push({
- text: this.detailsRoute.meta.nameGenerator(),
- href: this.detailsRoute.meta.path,
- });
- }
- return crumbs;
- },
- },
-};
-</script>
-
-<template>
- <gl-breadcrumb :key="isLoaded" :items="allCrumbs">
- <template #separator>
- <gl-icon name="angle-right" :size="8" />
- </template>
- </gl-breadcrumb>
-</template>