Add editing and display of event host

Display and allow editing of the host field of events.

components/CardEvent.vue

@@ -5,6 +5,9 @@
 <template>
 	<section class="event">
 		<h3>{{ event.name }}</h3>
+		<p v-if=event.host>
+			Host: {{ event.host }}
+		</p>
 		<p>{{ event.description ?? "No description provided" }}</p>
 		<p v-if="event.interested">
 			{{ event.interested }} interested

components/DiffScheduleEvent.vue

@@ -11,6 +11,12 @@
 			:after="event.name"
 			:state
 		/>
+		<DiffFieldString
+			title="Host"
+			:before="event.serverHost"
+			:after="event.host"
+			:state
+		/>
 		<DiffFieldString
 			title="Public"
 			:before='event.serverCrew ? "No" : "Yes"'

components/TableScheduleEvents.vue

@@ -9,6 +9,7 @@
 				<tr>
 					<th>id</th>
 					<th>name</th>
+					<th>host</th>
 					<th>description</th>
 					<th>p</th>
 					<th>s</th>
@@ -30,6 +31,13 @@
 								v-model="event.name"
 							>
 						</td>
+						<td>
+							<input
+								type="text"
+								:disabled="!canEdit(event)"
+								v-model="event.host"
+							>
+						</td>
 						<td>
 							<input
 								type="text"
@@ -101,6 +109,7 @@
 					>
 						<td>{{ event.id }}</td>
 						<td>{{ event.name }}</td>
+						<td>{{ event.host }}</td>
 						<td>{{ event.description }}</td>
 						<td>{{ event.crew ? "" : "Yes"}}</td>
 						<td>{{ event.slots.size ? event.slots.size : "" }}</td>