diff options
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.vue | 51 |
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> |