From 1cf29d32882e85be036be921da52630a56bccef0 Mon Sep 17 00:00:00 2001
From: jiyuujin <jiyuujinunite@gmail.com>
Date: Sat, 5 Oct 2024 21:49:16 +0900
Subject: [PATCH 1/3] endedApplyNormal

---
 .../app/components/ticket/NamecardSection.vue |  3 +-
 .../ticket/PersonalSponsorSection.vue         |  3 +-
 .../app/components/ticket/TicketSection.vue   | 35 +++++++++++++++----
 apps/web/app/utils/constants.ts               |  2 ++
 4 files changed, 34 insertions(+), 9 deletions(-)

diff --git a/apps/web/app/components/ticket/NamecardSection.vue b/apps/web/app/components/ticket/NamecardSection.vue
index dc047a35..dde4dfd6 100644
--- 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
index d9ffc1fe..cfa77608 100644
--- 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
index 94aaad98..a017f694 100644
--- 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/utils/constants.ts b/apps/web/app/utils/constants.ts
index 2a73b65b..dd58d6a7 100644
--- a/apps/web/app/utils/constants.ts
+++ b/apps/web/app/utils/constants.ts
@@ -49,6 +49,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 endedCreateNamecard = true

From b99ac19d0ff9dd751df7838f3bd23c402739d599 Mon Sep 17 00:00:00 2001
From: jiyuujin <jiyuujinunite@gmail.com>
Date: Sat, 5 Oct 2024 21:49:39 +0900
Subject: [PATCH 2/3] endedApplyHandson

---
 apps/web/app/components/ticket/HandsonSection.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/apps/web/app/components/ticket/HandsonSection.vue b/apps/web/app/components/ticket/HandsonSection.vue
index 64783a2c..a0f97f7c 100644
--- 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>

From 0bbb8d97e2102e959bbb1e99d52cc1ce07f8ff73 Mon Sep 17 00:00:00 2001
From: jiyuujin <jiyuujinunite@gmail.com>
Date: Sat, 5 Oct 2024 23:23:39 +0900
Subject: [PATCH 3/3] update comment

---
 apps/web/app/content/en/ticket.md | 8 ++------
 apps/web/app/content/ja/ticket.md | 8 ++------
 2 files changed, 4 insertions(+), 12 deletions(-)

diff --git a/apps/web/app/content/en/ticket.md b/apps/web/app/content/en/ticket.md
index d02e8521..0d7bf5b0 100644
--- 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
index c37a778d..f163870b 100644
--- 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)をご確認ください。