Merge pull request #587 from vuejs-jp/enhance/sales-ended

[10/20] closedPreOrder, closedPrice for general ticket and closedPersonalSponsor

Author: jiyuujin

app/assets/locale/all.ts

@@ -128,6 +128,7 @@ export default {
       ticket_early_price_closed: '※ 早割は9/30（土）までで終了しました。',
       ticket_early_price_notice: '残席わずかです！',
       ticket_price: '{0} 円',
+      ticket_explain: '※ 販売を終了しました。',
       namecard_schedule_limit: '応募期限: {0} まで',
       handson_schedule_limit: '応募期限: {0} まで',
       ticket_type: 'チケット種別',
@@ -139,7 +140,7 @@ export default {
         '※ 好評により全席完売しました。\n※ 詳しくは {0} についてをご覧ください。',
       personal_sponsor_ticket: '個人スポンサーチケット',
       personal_sponsor_ticket_explain:
-        '※ 当日来場される方は、別途、一般もしくは一般＋アフターパーティーチケットの購入が必要です。\n※ 詳しくは {0} についてをご覧ください。',
+        '※ 販売を終了しました。\n※ 詳しくは {0} についてをご覧ください。',
       announce_your_participate: 'ネームカードが完成したらSNSで参加表明しましょう！',
       succeed_register: 'ネームカードの情報登録が完了しました！',
       succeed_register_detail:
@@ -440,6 +441,7 @@ export default {
       ticket_early_price_closed: '※ Early price ended on 9/30 (Sat.)',
       ticket_early_price_notice: 'Only a few seats remain!',
       ticket_price: '¥ {0}',
+      ticket_explain: '※ Tickets sales ended.',
       namecard_schedule_limit: 'Name card Deadline: Until {0}',
       handson_schedule_limit: 'Hands-on Deadline: Until {0}',
       ticket_type: 'Ticket Type',
@@ -452,7 +454,7 @@ export default {
         '* Purchase of a general or general with after party ticket is required for attending only handson. \n* For more information, please see {0}.',
       personal_sponsor_ticket: 'Personal Sponsor Ticket',
       personal_sponsor_ticket_explain:
-        '* Purchase of a General or General with After Party ticket is required for those attending on the day of the event. \n* For more information, please see {0}.',
+        '* Tickets sales ended. \n* For more information, please see {0}.',
       announce_your_participate:
         'Once you have completed your name card, announce your participation on social networking sites!',
       succeed_register: 'Name card information registration has been completed!',

app/components/namecard/TicketSection.vue

@@ -27,7 +27,7 @@ import { closedEarlyPrice, closedPrice } from '~/utils/status.constants'
       -->
       <!-- チケットを購入 -->
       <div class="apply">
-        <RoundButton :href="ticketUrl" target="_blank" rel="noreferrer">
+        <RoundButton :href="ticketUrl" target="_blank" rel="noreferrer" :disabled="closedPrice">
           {{ $t('words.buy_ticket') }}
         </RoundButton>
       </div>
@@ -40,7 +40,12 @@ import { closedEarlyPrice, closedPrice } from '~/utils/status.constants'
           <img alt="" src="/tickets/attendee.png" width="400" height="225" decoding="async" />
         </template>
         <template #action>
+          <!--
           <a :href="ticketUrl" target="_blank" rel="noreferrer"> {{ $t('top.general_ticket') }}</a>
+          -->
+          <a>
+            <s>{{ $t('top.general_ticket') }}</s>
+          </a>
         </template>
         <template #default>
           <div v-if="!closedEarlyPrice" class="price">
@@ -50,12 +55,20 @@ import { closedEarlyPrice, closedPrice } from '~/utils/status.constants'
             <span class="early-price">{{ $t('top.ticket_early_price_explain') }}</span>
           </div>
           <div class="price-list">
+            <!--
             <i18n-t keypath="top.ticket_price" tag="p" class="price" scope="global">
               <strong>8,000</strong>
             </i18n-t>
-            <div v-if="closedEarlyPrice" class="price">
+            -->
+            <i18n-t keypath="top.ticket_price" tag="p" class="price" scope="global">
+              <strong><s>8,000</s></strong>
+            </i18n-t>
+            <div v-if="!closedPrice && closedEarlyPrice" class="price">
               <span class="early-price">{{ $t('top.ticket_early_price_closed') }}</span>
             </div>
+            <div v-if="closedPrice" class="price">
+              <p class="early-price">{{ $t('top.ticket_explain') }}</p>
+            </div>
           </div>
         </template>
       </TicketCard>
@@ -64,9 +77,12 @@ import { closedEarlyPrice, closedPrice } from '~/utils/status.constants'
           <img alt="" src="/tickets/attendee+party.png" width="400" height="225" decoding="async" />
         </template>
         <template #action>
+          <!--
+          <a :href="ticketUrl" target="_blank" rel="noreferrer"> {{ $t('top.after_party_ticket') }}</a>
+          -->
           <a>
-            <s>{{ $t('top.after_party_ticket') }}</s></a
-          >
+            <s>{{ $t('top.after_party_ticket') }}</s>
+          </a>
         </template>
         <template #default>
           <div class="price-list">
@@ -77,6 +93,11 @@ import { closedEarlyPrice, closedPrice } from '~/utils/status.constants'
               <p class="early-price">{{ $t('top.ticket_early_price_explain') }}</p>
               <p class="early-price-notice">{{ $t('top.ticket_early_price_notice') }}</p>
             </div>
+            <!--
+            <i18n-t keypath="top.ticket_price" tag="p" class="price" scope="global">
+              <strong>11,000</strong>
+            </i18n-t>
+            -->
             <i18n-t keypath="top.ticket_price" tag="p" class="price" scope="global">
               <strong><s>11,000</s></strong>
             </i18n-t>
@@ -100,6 +121,11 @@ import { closedEarlyPrice, closedPrice } from '~/utils/status.constants'
         </template>
         <template #default>
           <div class="price-list">
+            <!--
+            <div class="price">
+              <strong>無料</strong>
+            </div>
+            -->
             <div class="price">
               <s><strong>無料</strong></s>
             </div>
@@ -122,15 +148,25 @@ import { closedEarlyPrice, closedPrice } from '~/utils/status.constants'
           />
         </template>
         <template #action>
+          <!--
           <nuxt-link to="/#personal-sponsor">
             {{ $t('top.personal_sponsor_ticket') }}
           </nuxt-link>
+          -->
+          <a>
+            <s>{{ $t('top.personal_sponsor_ticket') }}</s>
+          </a>
         </template>
         <template #default>
           <div class="price-list">
+            <!--
             <i18n-t keypath="top.personal_sponsor_price" tag="p" class="price" scope="global">
               <strong>10,000</strong>
             </i18n-t>
+            -->
+            <i18n-t keypath="top.personal_sponsor_price" tag="p" class="price" scope="global">
+              <strong><s>10,000</s></strong>
+            </i18n-t>
             <i18n-t
               keypath="top.personal_sponsor_ticket_explain"
               tag="p"

app/components/sponsor/PersonalSponsorSection.vue

@@ -3,6 +3,7 @@ import RoundButton from '~/components/button/RoundButton.vue'
 import SponsorMerits from '~/components/sponsor/SponsorMerits.vue'
 import MarkDownText from '~/components/MarkDownText.vue'
 import { ticketUrl } from '~/utils/constants'
+import { closedPersonalSponsor } from '~/utils/status.constants'
 </script>
 
 <template>
@@ -26,6 +27,7 @@ import { ticketUrl } from '~/utils/constants'
         target="_blank"
         rel="noreferrer"
         class="personal-sponsor-apply-btn"
+        :disabled="closedPersonalSponsor"
       >
         {{ $t('words.apply_personal_sponsor') }}
       </RoundButton>

app/utils/status.constants.ts

@@ -1,7 +1,8 @@
 export const closedSession = true
 export const closedSponsor = true
+export const closedPersonalSponsor = true
 export const closedVolunteer = true
 export const closedHandson = true
 export const closedEarlyPrice = true
 export const closedPrice = true
-export const closedPreOrder = false
+export const closedPreOrder = true