aboutsummaryrefslogtreecommitdiff
path: root/resources/js
diff options
context:
space:
mode:
authorMateja <mail@matejamaric.com>2021-03-17 20:15:58 +0100
committerMateja <mail@matejamaric.com>2021-03-17 20:15:58 +0100
commit1bbc94a7e39a1ca84d8aee2d10d942375ca3f264 (patch)
treecb1e35b68d4435187127f27718debe415bfd180e /resources/js
parent1aa368a4c461ec6a8bcd7695767ceda7b09f7c28 (diff)
downloadyota-laravel-1bbc94a7e39a1ca84d8aee2d10d942375ca3f264.tar.gz
yota-laravel-1bbc94a7e39a1ca84d8aee2d10d942375ca3f264.zip
Stopped using `contenteditable` in `reservation.vue`
Diffstat (limited to 'resources/js')
-rw-r--r--resources/js/components/reservation.vue35
1 files changed, 22 insertions, 13 deletions
diff --git a/resources/js/components/reservation.vue b/resources/js/components/reservation.vue
index fdc14d1..fbb5fdc 100644
--- a/resources/js/components/reservation.vue
+++ b/resources/js/components/reservation.vue
@@ -1,20 +1,20 @@
<template>
<tr>
- <td>{{ reservation.id }}</td>
- <td>
+ <td class="align-middle text-center">{{ reservation.id }}</td>
+ <td class="align-middle text-center">
<input type="checkbox" :checked="reservation.approved"/>
</td>
- <td contenteditable="true">{{ reservation.operatorCall }}</td>
- <td contenteditable="true">{{ reservation.qso }}</td>
- <td contenteditable="true">{{ reservation.fromTime }}</td>
- <td contenteditable="true">{{ reservation.toTime }}</td>
- <td contenteditable="true">{{ reservation.specialCall }}</td>
- <td contenteditable="true">{{ reservation.frequencies }}</td>
- <td contenteditable="true">{{ reservation.modes }}</td>
- <td contenteditable="true">{{ reservation.operatorName }}</td>
- <td contenteditable="true">{{ reservation.operatorEmail }}</td>
- <td contenteditable="true">{{ reservation.operatorCall }}</td>
- <td>
+ <td class="align-middle"><input type="text" v-model="reservation.operatorCall"></td>
+ <td class="align-middle"><input type="text" v-model="reservation.qso"></td>
+ <td class="align-middle"><input type="text" v-model="reservation.fromTime"></td>
+ <td class="align-middle"><input type="text" v-model="reservation.toTime"></td>
+ <td class="align-middle"><input type="text" v-model="reservation.specialCall"></td>
+ <td class="align-middle"><input type="text" v-model="reservation.frequencies"></td>
+ <td class="align-middle"><input type="text" v-model="reservation.modes"></td>
+ <td class="align-middle"><input type="text" v-model="reservation.operatorName"></td>
+ <td class="align-middle"><input type="text" v-model="reservation.operatorEmail"></td>
+ <td class="align-middle"><input type="text" v-model="reservation.operatorCall"></td>
+ <td class="align-middle">
<button class="btn btn-primary mr-2">Update</button>
<button class="btn btn-warning mr-2">Restore</button>
<button class="btn btn-danger">Delete</button>
@@ -32,3 +32,12 @@ export default {
}
}
</script>
+
+<style scoped>
+input {
+ background-color: white;
+ border: 1px solid lightgray;
+ border-radius: 3px;
+ padding: 0.2em;
+}
+</style>