ahtlon/deck
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Update Card Name on Form Submit

Browse Source 
When editing a card's heading, pressing
"enter" or otherwise submitting the form
will save your edits.

Signed-off-by: Gary Kim <gary@garykim.dev>
This commit is contained in:
Gary Kim
2019-09-17 19:02:27 +08:00
parent b50e295e27
commit c2b8408cd2
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/cards/CardItem.vue
View File

@@ -31,7 +31,7 @@
<h3 v-if="showArchived">{{ card.title }}</h3> <h3 v-if="showArchived">{{ card.title }}</h3>
<h3 v-else @click.stop="startEditing(card)">{{ card.title }}</h3> <h3 v-else @click.stop="startEditing(card)">{{ card.title }}</h3>
<transition name="fade" mode="out-in"> <transition name="fade" mode="out-in">
<form v-if="editing" v-click-outside="cancelEdit"> <form v-if="editing" v-click-outside="cancelEdit" @submit.prevent="finishedEdit(card)">
<input v-model="copiedCard.title" type="text" autofocus> <input v-model="copiedCard.title" type="text" autofocus>
<input type="button" class="icon-confirm" @click="finishedEdit(card)"> <input type="button" class="icon-confirm" @click="finishedEdit(card)">
</form> </form>