added coodle phrases

public/js/components/Cis/Coodle/Components/ActiveCoodleSurveys.js

@@ -49,7 +49,6 @@ export default {
 						headerFilter: dateFilter,
 					},
 				],
-				data: [],
 			},
 			isFetchingSurveys: false,
 		};
@@ -120,7 +119,7 @@ export default {
 				class="d-flex justify-content-center align-items-center mt-5"
 			>
 				<div class="spinner-border" role="status">
-					<span class="visually-hidden">Loading...</span>
+					<span class="visually-hidden">{{ "Loading..." }}</span>
 				</div>
 			</div>
 			<div
@@ -134,7 +133,7 @@ export default {
 					<core-filter-cmpt
 						@tableBuilt="afterActiveSurveysTableBuilt()"
 						:noColumnFilter="true"
-						:title="'Active Surveys'"
+						:title="'Active surveys'"
 						:ref="'activeSurveysTable'"
 						:tabulatorOptions="activeSurveysTableConfig"
 						:sideMenu="false"

public/js/components/Cis/Coodle/Components/CoodleSurvey.js

@@ -214,15 +214,6 @@ export default {
 			}
 		},
 		async submitForm() {
-			// if (
-			// 	!this.surveyFormData.title?.length ||
-			// 	!this.surveyFormData.endsAt?.length ||
-			// 	!this.surveyFormData.timeslotDuration
-			// ) {
-			// 	this.$fhcAlert.alertError("Check your inputs!");
-			// 	return;
-			// }
-
 			if (!this.surveyFormData.participants.length) {
 				const shouldProceedWithoutParticipants =
 					await this.$fhcAlert.confirm({

public/js/components/Cis/Coodle/Components/CoodleSurvey/CoodleSurveyBasicInfo.js

@@ -85,7 +85,12 @@ export default {
 	<div class="d-flex flex-column gap-3">
 		<template v-if="!$props.isEditInProgress">
 			<span v-if="$props.survey?.completedAt" class="fst-italic">
-				{{ "This survey was completed on " + formattedSurveyCompletedAt + ". " }}
+				{{
+					"This survey was completed on (((completedAt))).".replace(
+						'(((completedAt)))',
+						formattedSurveyCompletedAt
+					)
+				}}
 				<span v-if="$props.survey?.selectedTimeslotId">
 					{{
 						"The timeslot (((timeslot))) was selected.".replace(
@@ -103,7 +108,12 @@ export default {
 				<span v-else>{{ "No timeslot was selected." }}</span>
 			</span>
 			<span v-else-if="$props.survey?.canceledAt" class="fst-italic">
-				{{ "This survey was canceled on " + formattedSurveyCanceledAt + "." }}
+				{{
+					"This survey was canceled on (((canceledAt))).".replace(
+						'(((canceledAt)))',
+						formattedSurveyCanceledAt
+					)
+				}}
 			</span>
 			<div class="d-flex flex-row gap-3 flex-wrap">
 				<div class="d-flex flex-row">
@@ -124,7 +134,7 @@ export default {
 						<i class="fa-solid fa-calendar fa-lg"></i>
 					</div>
 					<span>
-						<span class="fw-bold">{{ "Planned to end on: " }}</span>
+						<span class="fw-bold">{{ "Planned end date: " }}</span>
 						{{ formattedSurveyEndsAt }}
 					</span>
 				</div>
@@ -142,7 +152,7 @@ export default {
 						<i class="fa-solid fa-calendar-check fa-lg"></i>
 					</div>
 					<span>
-						<span class="fw-bold">{{ "Maximum selectable timeslots: " }}</span>
+						<span class="fw-bold">{{ "Maximum selectable appointments: " }}</span>
 						{{ $props.survey?.maxSelections}}
 					</span>
 				</div>

public/js/components/Cis/Coodle/Components/CoodleSurvey/CoodleSurveyCalendar.js

@@ -343,8 +343,8 @@ export default {
 	template: /*html*/ `
 	<div id="coodleCalendar" class="d-flex flex-column gap-3">
 		<div class="d-flex flex-column">
-			<span class="fw-bold">{{ "Timeslot selection" }}</span>
-			<span class="fst-italic">{{ "You can add timeslots directly to the calendar or from the list down below." }}</span>
+			<span class="fw-bold">{{ "Appointment selection" }}</span>
+			<span class="fst-italic">{{ "You can add appointment options directly to the calendar or from the list down below." }}</span>
 		</div>
 		<div style="height:800px;">
 			<fhc-calendar

public/js/components/Cis/Coodle/Components/CoodleSurvey/CoodleSurveyVotingTable.js

@@ -498,7 +498,7 @@ export default {
 							:class="{'fhc-body-bg': isFinalSelectionInProgress}"
 							class="fw-bold"
 						>
-							<td class="border-1 px-2 py-1">{{ "Final timeslot" }}</td>
+							<td class="border-1 px-2 py-1">{{ "Final selected appointment" }}</td>
 							<td v-for="timeslot in $props.timeslots" class="border-1">
 								<div class="d-flex flex-row justify-content-center py-3">
 									<input
@@ -568,7 +568,7 @@ export default {
 						:class="isDarkMode ? 'btn-outline-light' : 'btn-outline-dark'"
 						class="btn text-nowrap"
 					>
-						Vote
+						{{ "Vote" }}
 					</div>
 					<div
 						v-if="isAuthUserSurveyCreator && !isVotingInProgress && !isFinalSelectionInProgress"
@@ -576,7 +576,7 @@ export default {
 						:class="isDarkMode ? 'btn-outline-light' : 'btn-outline-dark'"
 						class="btn text-nowrap"
 					>
-						Finalize survey
+						{{ "Finalize survey" }}
 					</div>
 					<div
 						v-if="isVotingInProgress || isFinalSelectionInProgress"
@@ -584,7 +584,7 @@ export default {
 						:class="isDarkMode ? 'btn-outline-light' : 'btn-outline-dark'"
 						class="btn text-nowrap"
 					>
-						Cancel
+						{{ "Cancel" }}
 					</div>
 					<div
 						v-if="isVotingInProgress"
@@ -592,7 +592,7 @@ export default {
 						:class="isDarkMode ? 'btn-light' : 'btn-dark'"
 						class="btn text-nowrap"
 					>
-						Submit vote
+						{{ "Submit vote" }}
 					</div>
 					<div
 						v-if="isFinalSelectionInProgress"
@@ -600,7 +600,7 @@ export default {
 						:class="isDarkMode ? 'btn-light' : 'btn-dark'"
 						class="btn text-nowrap"
 					>
-						Submit final selection
+						{{ "Submit final selection" }}
 					</div>
 				</div>
 			</div>

public/js/components/Cis/Coodle/Components/InactiveCoodleSurveys.js

@@ -49,7 +49,6 @@ export default {
 						headerFilter: dateFilter,
 					},
 				],
-				data: [],
 			},
 			isFetchingSurveys: false,
 		};
@@ -128,14 +127,14 @@ export default {
 				v-else-if="!inactiveSurveys?.length"
 				class="d-flex justify-content-center align-items-center mt-5"
 			>
-				<h3 class="fw-bold">{{ "No active surveys found!" }}</h3>
+				<h3 class="fw-bold">{{ "No past surveys found!" }}</h3>
 			</div>
 			<div v-else class="d-flex flex-row overflow-x-auto">
 				<div class="flex-shrink">
 					<core-filter-cmpt
 						@tableBuilt="afterInactiveSurveysTableBuilt()"
 						:noColumnFilter="true"
-						:title="'Past Surveys'"
+						:title="'Past surveys'"
 						:ref="'inactiveSurveysTable'"
 						:tabulatorOptions="inactiveSurveysTableConfig"
 						:sideMenu="false"