Merge pull request #367 from vuejs-jp/enhance/prepare-for-close-apply-normal-etc

jiyuujin · web-flow · commit 5435618dea14 · 2024-10-15T08:00:41.000+09:00
[10/15 チケット販売終了] endedApplyNormal, endedApplyHandson
diff --git a/apps/web/app/components/ticket/HandsonSection.vue b/apps/web/app/components/ticket/HandsonSection.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ticketUrl } from '~/utils/constants'
+import { endedApplyHandson, ticketUrl } from '~/utils/constants'
 </script>
 
 <template>
@@ -14,6 +14,7 @@ import { ticketUrl } from '~/utils/constants'
         :href="ticketUrl"
         background-color="vue-green/200"
         color="white"
+        :disabled="endedApplyHandson"
       >
       {{ $t('ticket.purchaseButton') }}
     </VFLinkButton>
diff --git a/apps/web/app/components/ticket/NamecardSection.vue b/apps/web/app/components/ticket/NamecardSection.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { useLocaleCurrent } from '~/composables/useLocaleCurrent'
-import { endedCreateNamecard, ticketUrl } from '~/utils/constants'
+import { endedApplyNormal, endedCreateNamecard, ticketUrl } from '~/utils/constants'
 
 const { locale: currentLocale } = useLocaleCurrent()
 </script>
@@ -44,6 +44,7 @@ const { locale: currentLocale } = useLocaleCurrent()
           :href="ticketUrl"
           background-color="vue-green/200"
           color="white"
+          :disabled="endedApplyNormal"
         >
           {{ $t('ticket.purchaseButton') }}
         </VFLinkButton>
diff --git a/apps/web/app/components/ticket/PersonalSponsorSection.vue b/apps/web/app/components/ticket/PersonalSponsorSection.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ticketUrl } from '~/utils/constants'
+import { endedApplyNormal, ticketUrl } from '~/utils/constants'
 </script>
 
 <template>
@@ -28,6 +28,7 @@ import { ticketUrl } from '~/utils/constants'
         :href="ticketUrl"
         background-color="vue-green/200"
         color="white"
+        :disabled="endedApplyNormal"
       >
         {{ $t('ticket.purchaseButton') }}
       </VFLinkButton>
diff --git a/apps/web/app/components/ticket/TicketSection.vue b/apps/web/app/components/ticket/TicketSection.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { useI18n } from '#imports'
-import { endedApplyEarly, endedApplyHandson, ticketUrl } from '~/utils/constants'
+import { endedApplyEarly, endedApplyHandson, endedApplyNormal, ticketUrl } from '~/utils/constants'
 
 const { t } = useI18n()
 
@@ -44,6 +44,7 @@ const ticketCards = {
         :href="ticketUrl"
         background-color="vue-green/200"
         color="white"
+        :disabled="endedApplyNormal"
       >
         {{ $t('ticket.purchaseButton') }}
       </VFLinkButton>
@@ -58,6 +59,7 @@ const ticketCards = {
           :title="ticketCards.ippan.title"
           :img-src="ticketCards.ippan.imgSrc"
           :img-alt="ticketCards.ippan.imgAlt"
+          :is-close="endedApplyNormal"
         >
           <div class="ticket-details ippan-details">
             <div v-if="!endedApplyEarly" class="early-purchase">
@@ -68,9 +70,15 @@ const ticketCards = {
                 {{ $t('ticket.card.ippan.earlySub') }}
               </span>
             </div>
-            <div class="standard-purchase">
+            <div v-else class="early-purchase">
               <span class="cost">
-                {{ $t('ticket.card.ippan.regular') }}
+                <template v-if="!endedApplyNormal">{{ $t('ticket.card.ippan.regular') }}</template>
+                <s v-else>{{ $t('ticket.card.ippan.regular') }}</s>
+              </span>
+              <span class="cost-details">
+                <span v-if="endedApplyNormal">
+                  {{ $t('ticket.ended_explain') }}
+                </span>
               </span>
             </div>
           </div>
@@ -79,6 +87,7 @@ const ticketCards = {
           :title="ticketCards.ippanParty.title"
           :img-src="ticketCards.ippanParty.imgSrc"
           :img-alt="ticketCards.ippanParty.imgAlt"
+          :is-close="endedApplyNormal"
         >
           <div class="ticket-details ippan-party-details">
             <div v-if="!endedApplyEarly" class="early-purchase">
@@ -89,9 +98,15 @@ const ticketCards = {
                 {{ $t('ticket.card.ippanParty.earlySub') }}
               </span>
             </div>
-            <div class="standard-purchase">
+            <div v-else class="early-purchase">
               <span class="cost">
-                {{ $t('ticket.card.ippanParty.regular') }}
+                <template v-if="!endedApplyNormal">{{ $t('ticket.card.ippanParty.regular') }}</template>
+                <s v-else>{{ $t('ticket.card.ippanParty.regular') }}</s>
+              </span>
+              <span class="cost-details">
+                <span v-if="endedApplyNormal">
+                  {{ $t('ticket.sold_out_explain') }}
+                </span>
               </span>
             </div>
           </div>
@@ -124,15 +139,20 @@ const ticketCards = {
           :title="ticketCards.individualSponsor.title"
           :img-src="ticketCards.individualSponsor.imgSrc"
           :img-alt="ticketCards.individualSponsor.imgAlt"
+          :is-close="endedApplyNormal"
         >
           <div class="ticket-details individual-sponsor-details">
             <div class="cost">
-              {{ $t('ticket.card.individualSponsor.cost') }}
+              <template v-if="!endedApplyNormal">{{ $t('ticket.card.individualSponsor.cost') }}</template>
+              <s v-else>{{ $t('ticket.card.individualSponsor.cost') }}</s>
             </div>
             <div class="cost-details">
-              <span>
+              <span v-if="!endedApplyNormal">
                 {{ $t('ticket.card.individualSponsor.details1') }}
               </span>
+              <span v-else>
+                {{ $t('ticket.ended_explain') }}
+              </span>
               <span>
                 {{ $t('ticket.card.individualSponsor.details2') }}
               </span>
@@ -146,6 +166,7 @@ const ticketCards = {
           :href="ticketUrl"
           background-color="vue-green/200"
           color="white"
+          :disabled="endedApplyNormal"
         >
           {{ $t('ticket.purchaseButton') }}
         </VFLinkButton>
diff --git a/apps/web/app/content/en/ticket.md b/apps/web/app/content/en/ticket.md
@@ -1,7 +1,3 @@
-Tickets for Vue Fes Japan 2024 will go on sale starting from 12:00 PM on Monday, July 29, 2024. There are two types of general tickets available: with or without the after-party, and all seats include lunch.
+Ticket sales have ended as of October 14, 2024. Please note that there will be no tickets available for purchase on the day of the event.
 
-As options, we also offer hands-on and individual sponsor tickets.
-
-We will use Peatix as the ticket sales platform. At the time of the release, a link to purchase tickets will be posted on this website. After purchasing tickets, an email with application details will be automatically sent from Peatix. By installing the Peatix app through the link provided in the email, your ticket will be displayed, so please present it at the reception on the day of the event.
-
-If you purchase by September 8 24:00, you can take advantage of an early bird discount, so be sure to get your tickets early! (We have extended the early bird discount period.)
+To enter on the day, you will need the QR code printed on your ticket. For instructions on how to verify your ticket, please refer to the Peatix help page on [how to check your ticket](https://help-attendee.peatix.com/ja-JP/support/solutions/articles/44001821775).
diff --git a/apps/web/app/content/ja/ticket.md b/apps/web/app/content/ja/ticket.md
@@ -1,7 +1,3 @@
-2024/7/29（月）12:00 から Vue Fes Japan 2024 のチケットを発売開始します。一般チケットはアフターパーティーあり/なしの 2 種類で、全席ランチ付きです。
+2024/10/14（月祝）をもってチケットの販売は終了しました。当日券はありませんのでご注意ください。
 
-オプションとしてハンズオン、個人スポンサーのチケットもご用意しております。
-
-チケットの販売プラットフォームとして Peatix を利用します。発売開始のタイミングで本 Web サイトにてチケット購入へのリンクが公開されます。チケット購入後、Peatix から申し込み詳細メールが自動配信されます。メールに書かれているリンクから Peatix アプリをインストールするとチケットが表示されますので、当日受付でご提示ください。
-
-9/8（日）24:00 までにご購入いただくと、オトクなお値段になる早割もありますので、お買い求めはお早めに！（早割期間を延長しました）
+当日の入場には、チケットに記載されている QR コードが必要です。チケットの確認方法は、Peatix ヘルプの[チケットを確認する](https://help-attendee.peatix.com/ja-JP/support/solutions/articles/44001821775)をご確認ください。
diff --git a/apps/web/app/utils/constants.ts b/apps/web/app/utils/constants.ts
@@ -51,6 +51,8 @@ export const peatixReferenceUrl = 'https://help-attendee.peatix.com/ja-JP/suppor
 
 export const endedApplyEarly = true
 
+export const endedApplyNormal = true
+
 export const endedApplyHandson = true
 
 export const endedPurchaseStore = true
