feat: add Typhoon Measure content

pycontw · Aug 30, 2023 · fe46223 · fe46223
1 parent 0696bf0
commit fe46223
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 3 deletions.
diff --git a/i18n/index.i18n.js b/i18n/index.i18n.js
@@ -18,6 +18,7 @@ export default genI18nMessages({
         callForProposals: 'Call for Proposals',
         checkEvents: 'Event Schedule',
         buyTickets: 'Buy Tickets Now',
+        typhoonInfoTitle: 'Typhoon Preparedness Measures',
         typhoonInfo:
             "The event on September 2nd-3rd, 2023, depends on Taipei City Government's Closure Announcement. " +
             'Stay updated via PyCon Taiwan official website and social media.{br}' +
@@ -42,6 +43,7 @@ export default genI18nMessages({
         callForProposals: '投稿募集',
         checkEvents: '查看議程',
         buyTickets: '立即購票',
+        typhoonInfoTitle: '颱風因應措施',
         typhoonInfo:
             '本次活動期間 (2023 年 09 月 02 日至 03 日) 將依照「臺北市政府之停班公告」決定是否舉行，' +
             '最新消息請關注「PyCon Taiwan 官網與社群媒體」之公告。{br}' +

diff --git a/pages/index.vue b/pages/index.vue
@@ -196,9 +196,11 @@ export default {
         },
         showSwal() {
             return new swal({  // eslint-disable-line
-                title: `Notification`,
-                buttonsStyling: false,
-                confirmButtonClass: 'btn btn-success btn-fill',
+                title: this.$i18n.t('typhoonInfoTitle'),
+                html: this.$i18n
+                    .t('typhoonInfo')
+                    .replaceAll('{br}', '<br/><br/>'),
+                buttonsStyling: true,
             })
         },
     },
@@ -382,4 +384,8 @@ export default {
         min-width: 864px;
     }
 }
+
+.alertContent {
+    @apply text-left;
+}
 </style>