Browse Source
- Remove ShowAllCard component and all related functionality - Remove showAllRoute, showAllQueryParams, and hideShowAll props - Remove shouldShowAll computed property from EntityGrid - Clean up ShowAll-related code from EntitySelectionStep and GiftedDialog - Delete ShowAllCard.vue component file - Update component documentation to reflect removal This simplifies the entity selection interface by removing the navigation card that allowed users to view all entities in a separate view.pull/216/head
4 changed files with 3 additions and 163 deletions
@ -1,64 +0,0 @@ |
|||
/** * ShowAllCard.vue - Show All navigation card component * * Extracted from |
|||
GiftedDialog.vue to handle "Show All" navigation * for both people and projects |
|||
entity types. * * @author Matthew Raymer */ |
|||
<template> |
|||
<li class="border-b border-slate-300 hover:bg-slate-50"> |
|||
<router-link |
|||
:to="navigationRoute" |
|||
class="flex items-center gap-2 px-2 py-1.5 w-full cursor-pointer" |
|||
> |
|||
<font-awesome icon="circle-right" class="text-blue-500 text-[2rem]" /> |
|||
<p |
|||
class="text-sm font-semibold text-ellipsis whitespace-nowrap overflow-hidden" |
|||
> |
|||
Show All |
|||
</p> |
|||
</router-link> |
|||
</li> |
|||
</template> |
|||
|
|||
<script lang="ts"> |
|||
import { Component, Prop, Vue } from "vue-facing-decorator"; |
|||
import { RouteLocationRaw } from "vue-router"; |
|||
|
|||
/** |
|||
* ShowAllCard - Displays "Show All" navigation for entity grids |
|||
* |
|||
* Features: |
|||
* - Provides navigation to full entity listings |
|||
* - Supports different routes based on entity type |
|||
* - Maintains context through query parameters |
|||
* - Consistent visual styling with other cards |
|||
*/ |
|||
@Component({ name: "ShowAllCard" }) |
|||
export default class ShowAllCard extends Vue { |
|||
/** Type of entities being shown */ |
|||
@Prop({ required: true }) |
|||
entityType!: "people" | "projects"; |
|||
|
|||
/** Route name to navigate to */ |
|||
@Prop({ required: true }) |
|||
routeName!: string; |
|||
|
|||
/** Query parameters to pass to the route */ |
|||
@Prop({ default: () => ({}) }) |
|||
queryParams!: Record<string, string>; |
|||
|
|||
/** |
|||
* Computed navigation route with query parameters |
|||
*/ |
|||
get navigationRoute(): RouteLocationRaw { |
|||
return { |
|||
name: this.routeName, |
|||
query: this.queryParams, |
|||
}; |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
/* Ensure router-link styling is consistent */ |
|||
a { |
|||
text-decoration: none; |
|||
} |
|||
</style> |
|||
Loading…
Reference in new issue