4646 <ApplicationSummaryActionListItem
4747 :active =" !transcript.transcriptReceivedByRegistry"
4848 :text =" `Transcript: ${transcript.educationalInstitutionName}`"
49- :go-to =" () => router.push({ name: 'viewTranscriptDetails', params: { applicationId: route.params. applicationId, transcriptId: transcript.id } })"
49+ :go-to =" () => router.push({ name: 'viewTranscriptDetails', params: { applicationId: applicationId, transcriptId: transcript.id } })"
5050 />
5151 <ApplicationSummaryActionListItem
5252 v-if =" transcript.educationRecognition === 'NotRecognized'"
5353 :active =" !transcript.courseOutlineReceivedByRegistry"
5454 :text =" `Course outlines or syllabi: ${transcript.educationalInstitutionName}`"
55- :go-to =" () => router.push({ name: 'viewCourseOutline', params: { applicationId: route.params. applicationId, transcriptId: transcript.id } })"
55+ :go-to =" () => router.push({ name: 'viewCourseOutline', params: { applicationId: applicationId, transcriptId: transcript.id } })"
5656 />
5757 <ApplicationSummaryActionListItem
5858 v-if =" transcript.educationRecognition === 'NotRecognized' && !applicationStatus?.certificationTypes?.includes('EceAssistant')"
5959 :active =" !transcript.programConfirmationReceivedByRegistry"
6060 :text =" `Program Confirmation Form: ${transcript.educationalInstitutionName}`"
61- :go-to =" () => router.push({ name: 'viewProgramConfirmation', params: { applicationId: route.params. applicationId, transcriptId: transcript.id } })"
61+ :go-to =" () => router.push({ name: 'viewProgramConfirmation', params: { applicationId: applicationId, transcriptId: transcript.id } })"
6262 />
6363 <ApplicationSummaryActionListItem
6464 v-if ="
6767 "
6868 :active =" !transcript.comprehensiveReportReceivedByRegistry"
6969 :text =" `Comprehensive Report: ${transcript.educationalInstitutionName}`"
70- :go-to =" () => router.push({ name: 'viewComprehensiveReport', params: { applicationId: route.params. applicationId, transcriptId: transcript.id } })"
70+ :go-to =" () => router.push({ name: 'viewComprehensiveReport', params: { applicationId: applicationId, transcriptId: transcript.id } })"
7171 />
7272 </template >
7373 <ApplicationSummaryHeader text =" References" />
7474 <ApplicationSummaryActionListItem
7575 v-if =" showWorkExperience"
7676 :active =" totalObservedWorkExperienceHours < totalRequiredWorkExperienceHours"
7777 :text =" `${totalRequiredWorkExperienceHours} hours of work experience with reference`"
78- :go-to =" () => router.push({ name: 'manageWorkExperienceReferences', params: { applicationId: route.params. applicationId } })"
78+ :go-to =" () => router.push({ name: 'manageWorkExperienceReferences', params: { applicationId: applicationId } })"
7979 />
8080 <ApplicationSummaryCharacterReferenceListItem
8181 v-for =" reference in applicationStatus?.characterReferencesStatus"
8686 () =>
8787 router.push({
8888 name: 'view-character-reference',
89- params: { applicationId: route.params. applicationId, referenceId: reference.id?.toString() },
89+ params: { applicationId: applicationId, referenceId: reference.id?.toString() },
9090 })
9191 "
9292 :will-provide-reference =" reference.willProvideReference ? true : false"
9393 />
9494 <ApplicationSummaryActionListItem
9595 v-if =" !hasCharacterReference"
9696 text =" Add character reference"
97- :go-to =" () => router.push({ name: 'addCharacterReference', params: { applicationId: route.params. applicationId } })"
97+ :go-to =" () => router.push({ name: 'addCharacterReference', params: { applicationId: applicationId } })"
9898 />
9999 <ApplicationSummaryHeader v-if =" showOtherInformation" text =" Other information" />
100100 <ApplicationSummaryActionListItem
171171 <ApplicationSummaryActionListItem
172172 :active =" !transcript.transcriptReceivedByRegistry"
173173 :text =" `Transcript: ${transcript.educationalInstitutionName}`"
174- :go-to =" () => router.push({ name: 'manageTranscript', params: { applicationId: route.params. applicationId } })"
174+ :go-to =" () => router.push({ name: 'manageTranscript', params: { applicationId: applicationId } })"
175175 />
176176 <ApplicationSummaryActionListItem
177177 v-if =" transcript.educationRecognition === 'NotRecognized'"
178178 :active =" !transcript.courseOutlineReceivedByRegistry"
179179 :text =" `Course outlines or syllabi: ${transcript.educationalInstitutionName}`"
180- :go-to =" () => router.push({ name: 'manageCourseOutline', params: { applicationId: route.params. applicationId } })"
180+ :go-to =" () => router.push({ name: 'manageCourseOutline', params: { applicationId: applicationId } })"
181181 />
182182 <ApplicationSummaryActionListItem
183183 v-if =" transcript.educationRecognition === 'NotRecognized' && !applicationStatus?.certificationTypes?.includes('EceAssistant')"
184184 :active =" !transcript.programConfirmationReceivedByRegistry"
185185 :text =" `Program Confirmation Form: ${transcript.educationalInstitutionName}`"
186- :go-to =" () => router.push({ name: 'manageTranscript', params: { applicationId: route.params. applicationId } })"
186+ :go-to =" () => router.push({ name: 'manageTranscript', params: { applicationId: applicationId } })"
187187 />
188188 <ApplicationSummaryActionListItem
189189 v-if ="
192192 "
193193 :active =" !transcript.comprehensiveReportReceivedByRegistry"
194194 :text =" `Comprehensive Report: ${transcript.educationalInstitutionName}`"
195- :go-to =" () => router.push({ name: 'manageComprehensiveReport', params: { applicationId: route.params. applicationId } })"
195+ :go-to =" () => router.push({ name: 'manageComprehensiveReport', params: { applicationId: applicationId } })"
196196 />
197197 </template >
198198 <ApplicationSummaryHeader
207207 <ApplicationSummaryActionListItem
208208 v-if =" !hasCharacterReference"
209209 text =" Add character reference"
210- :go-to =" () => router.push({ name: 'addCharacterReference', params: { applicationId: route.params. applicationId } })"
210+ :go-to =" () => router.push({ name: 'addCharacterReference', params: { applicationId: applicationId } })"
211211 />
212212 <ApplicationSummaryCharacterReferenceListItem
213213 v-for =" reference in waitingForResponseCharacterReferences"
218218 () =>
219219 router.push({
220220 name: 'view-character-reference',
221- params: { applicationId: route.params. applicationId, referenceId: reference.id?.toString() },
221+ params: { applicationId: applicationId, referenceId: reference.id?.toString() },
222222 })
223223 "
224224 :will-provide-reference =" reference.willProvideReference ? true : false"
225225 />
226226 <ApplicationSummaryActionListItem
227227 v-if =" addMoreWorkExperienceReferencesFlag"
228228 :text =" `${totalRequiredWorkExperienceHours} approved hours of work experience with reference`"
229- :go-to =" () => router.push({ name: 'manageWorkExperienceReferences', params: { applicationId: route.params. applicationId } })"
229+ :go-to =" () => router.push({ name: 'manageWorkExperienceReferences', params: { applicationId: applicationId } })"
230230 />
231231 <ApplicationSummaryActionListItem
232232 v-if =" addMoreProfessionalDevelopmentFlag"
233233 :text =" `${totalRequiredProfessionalDevelopmentHours} hours of professional development`"
234- :go-to =" () => router.push({ name: 'manageProfessionalDevelopment', params: { applicationId: route.params. applicationId } })"
234+ :go-to =" () => router.push({ name: 'manageProfessionalDevelopment', params: { applicationId: applicationId } })"
235235 />
236236 </div >
237237 </div >
241241
242242<script lang="ts">
243243import { defineComponent } from " vue" ;
244- import { useRoute , useRouter } from " vue-router" ;
244+ import { useRouter } from " vue-router" ;
245245import { useDisplay } from " vuetify" ;
246246import { cleanPreferredName } from " @/utils/functions" ;
247247import { getApplicationStatus } from " @/api/application" ;
@@ -270,17 +270,22 @@ export default defineComponent({
270270 ApplicationSummaryHeader ,
271271 Breadcrumb ,
272272 },
273- setup : async () => {
273+ props: {
274+ applicationId: {
275+ type: String ,
276+ required: true ,
277+ },
278+ },
279+ setup : async (props ) => {
274280 const { smAndUp } = useDisplay ();
275281 const alertStore = useAlertStore ();
276282 const configStore = useConfigStore ();
277283 const applicationStore = useApplicationStore ();
278284 const userStore = useUserStore ();
279285 const router = useRouter ();
280- const route = useRoute ();
281286
282287 await applicationStore .fetchApplications ();
283- const applicationStatus = (await getApplicationStatus (route . params . applicationId . toString () ))?.data ;
288+ const applicationStatus = (await getApplicationStatus (props . applicationId ))?.data ;
284289 userStore .setUserProfile (await getProfile ());
285290 return {
286291 applicationStore ,
@@ -293,7 +298,6 @@ export default defineComponent({
293298 smAndUp ,
294299 formatDate ,
295300 router ,
296- route ,
297301 };
298302 },
299303
0 commit comments