danvics/ytptube
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

Tasks view: show URL on card, click name to edit (#4)

Browse source 
* Enhance tasks view: show URL on card and click name to edit

- List view: task name click opens edit form, URL shown below name
- Grid view: task name click opens edit form, URL shown in card content
- Added href="#" to anchor elements for accessibility

Co-authored-by: jbatesy <51190172+jbatesy@users.noreply.github.com>

---------

Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
Co-authored-by: jbatesy <51190172+jbatesy@users.noreply.github.com>
This commit is contained in:
Copilot 2026-03-09 15:58:27 +10:30 committed by GitHub
parent cd1d3e9e94
commit 36f3257c15
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 14 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
ui/app/pages/tasks.vue
View file

@ -209,8 +209,13 @@
</span> </span>
</div> </div>
<div> <div>
<NuxtLink target="_blank" :href="item.url" class="is-bold"> <a href="#" class="is-bold is-clickable" @click.prevent="editItem(item)">
{{ remove_tags(item.name) }} {{ remove_tags(item.name) }}
</a>
</div>
<div class="is-text-overflow">
<NuxtLink target="_blank" :href="item.url" class="is-size-7">
{{ item.url }}
</NuxtLink> </NuxtLink>
</div> </div>
<div class="is-unselectable"> <div class="is-unselectable">
@ -364,9 +369,9 @@
<div class="card is-flex is-full-height is-flex-direction-column"> <div class="card is-flex is-full-height is-flex-direction-column">
<header class="card-header"> <header class="card-header">
<div class="card-header-title is-text-overflow is-block"> <div class="card-header-title is-text-overflow is-block">
<NuxtLink target="_blank" :href="item.url"> <a href="#" class="is-clickable" @click.prevent="editItem(item)">
{{ remove_tags(item.name) }} {{ remove_tags(item.name) }}
</NuxtLink> </a>
<span class="icon" v-if="isTaskInProgress(item.id!)"> <span class="icon" v-if="isTaskInProgress(item.id!)">
<i class="fa-solid fa-spinner fa-spin has-text-info" /> <i class="fa-solid fa-spinner fa-spin has-text-info" />
</span> </span>
@ -442,6 +447,12 @@
</header> </header>
<div class="card-content is-flex-grow-1"> <div class="card-content is-flex-grow-1">
<div class="content"> <div class="content">
<p class="is-text-overflow">
<span class="icon"><i class="fa-solid fa-link" /></span>
<NuxtLink target="_blank" :href="item.url" class="is-size-7">
{{ item.url }}
</NuxtLink>
</p>
<p class="is-text-overflow"> <p class="is-text-overflow">
<span class="icon"> <span class="icon">
<i <i