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.
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