Spot list

spotlist.component.html

<tbody>
	<tr *ngFor="let spot of spots">
		<td class="has-text-grey">{{ spot.floor }}</td>
		<td><a routerLink="/spots/{{ spot.slug }}">{{ spot.title }}</a></td>
		<td>{{ spot.type }}</td>
		<td class="has-text-right">{{ spot.payments.length }}</td>
		<td class="has-text-right">{{ spot.maintenances.length }}</td>
		<td class="has-text-right">{{ spot.cleanings.length }}</td>
		<td>
			<a class="button is-primary is-small" routerLink="/spots/{{ spot.slug }}/addevent" title="Add event">
				<i class="fas fa-plus"></i>
			</a>
			<a class="button is-info is-small" routerLink="/spots/{{ spot.slug }}/edit" title="Edit spot">
				<i class="far fa-edit"></i>
			</a>
		</td>
	</tr>
</tbody>