aboutsummaryrefslogtreecommitdiff
path: root/resources/js/components
diff options
context:
space:
mode:
Diffstat (limited to 'resources/js/components')
-rw-r--r--resources/js/components/reservation.vue32
1 files changed, 17 insertions, 15 deletions
diff --git a/resources/js/components/reservation.vue b/resources/js/components/reservation.vue
index fbb5fdc..85348bd 100644
--- a/resources/js/components/reservation.vue
+++ b/resources/js/components/reservation.vue
@@ -1,20 +1,18 @@
<template>
<tr>
- <td class="align-middle text-center">{{ reservation.id }}</td>
- <td class="align-middle text-center">
- <input type="checkbox" :checked="reservation.approved"/>
- </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">
+ <td v-text="reservation.id"></td>
+ <td><input type="checkbox" :checked="reservation.approved"/></td>
+ <td><input type="text" v-model="reservation.operatorCall"></td>
+ <td><input type="text" v-model="reservation.qso"></td>
+ <td><input type="text" v-model="reservation.fromTime"></td>
+ <td><input type="text" v-model="reservation.toTime"></td>
+ <td><input type="text" v-model="reservation.specialCall"></td>
+ <td><input type="text" v-model="reservation.frequencies"></td>
+ <td><input type="text" v-model="reservation.modes"></td>
+ <td><input type="text" v-model="reservation.operatorName"></td>
+ <td><input type="text" v-model="reservation.operatorEmail"></td>
+ <td><input type="text" v-model="reservation.operatorCall"></td>
+ <td>
<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>
@@ -34,6 +32,10 @@ export default {
</script>
<style scoped>
+td {
+ text-align: center;
+ vertical-align: middle;
+}
input {
background-color: white;
border: 1px solid lightgray;