diff options
| author | Terry Truong <terry06890@gmail.com> | 2023-01-21 20:26:08 +1100 |
|---|---|---|
| committer | Terry Truong <terry06890@gmail.com> | 2023-01-21 20:26:08 +1100 |
| commit | 910d6fd0e10e4f9c7bd1f189d94e3be90ca2aaea (patch) | |
| tree | c16fd21423fa933d73b923e5e401100ba93674f4 | |
| parent | 4404b650d136382097aba6f471b80cc96c4bd787 (diff) | |
Make info modal start/end labels category-specific
| -rw-r--r-- | src/components/InfoModal.vue | 17 |
1 files changed, 14 insertions, 3 deletions
diff --git a/src/components/InfoModal.vue b/src/components/InfoModal.vue index 25a1d36..795b21c 100644 --- a/src/components/InfoModal.vue +++ b/src/components/InfoModal.vue @@ -12,12 +12,14 @@ </h1> <!-- Time Display --> - <div class="flex justify-evenly pb-1 md:pb-2"> + <div class="flex justify-evenly pb-1"> <div class="text-center text-sm md:text-base"> - <span class="font-bold">Start:</span> {{datesDisplayStrs[0]}} + <span class="font-bold">{{CTG_TO_START_END_STR.get(eventInfo.event.ctg)![0]}}:</span> + {{datesDisplayStrs[0]}} </div> <div v-if="datesDisplayStrs[1] != null" class="text-center text-sm md:text-base"> - <span class="font-bold">End:</span> {{datesDisplayStrs[1]}} + <span class="font-bold">{{CTG_TO_START_END_STR.get(eventInfo.event.ctg)![1]}}:</span> + {{datesDisplayStrs[1]}} </div> </div> @@ -150,6 +152,15 @@ function licenseToUrl(license: string){ } } +// Map holding event-category-specific start/end labels +const CTG_TO_START_END_STR = new Map(); +CTG_TO_START_END_STR.set('event', ['Began', 'Ended']); +CTG_TO_START_END_STR.set('place', ['Formed', 'Ended']); +CTG_TO_START_END_STR.set('organism', ['Evolved', 'Extinct']); +CTG_TO_START_END_STR.set('person', ['Born', 'Died']); +CTG_TO_START_END_STR.set('work', ['Published', 'Ended']); +CTG_TO_START_END_STR.set('discovery', ['Discovered', 'Ended']); + // ========== Close handling ========== function onClose(evt: Event){ |