Web: ヘルプおよびランキングの英語対応＆ヘルプのログアウト時非表示対応

Author: Dosugamea

assets/texts/categories.json

@@ -62,8 +62,9 @@
         "url": "about-upload",
         "articles": [
             "what-can-i-upload",
+            "what-is-r-18",
             "upload-guidelines",
-            "what-is-r-18"
+            "nsfw-guidelines"
         ]
     },
     {
@@ -165,6 +166,7 @@
     },
     {
         "url": "related-services",
+        "hidden-on-logout": true,
         "articles": [
             "what-is-***REMOVED***-gacha",
             "what-is-***REMOVED***-april",

components/page/ranking/RankingScreen.vue

@@ -3,14 +3,19 @@
     <div class="columns is-centered is-multiline">
       <div class="column is-8">
         <Notification>
-          {{ pageTitle }}
           <span v-if="apiEndpoint.includes('monthly')">
+            {{ $t('RankingScreen.sort.monthly') }}
+            {{ $t('RankingScreen.title') }}
             {{ `${today.getFullYear()}/${today.getMonth()+1}` }}
           </span>
           <span v-if="apiEndpoint.includes('weekly')">
+            {{ $t('RankingScreen.sort.weekly') }}
+            {{ $t('RankingScreen.title') }}
             {{ `${today.getFullYear()}/${today.getMonth()+1}/${today.getDate()} ~ ${week_ago.getFullYear()}/${week_ago.getMonth()+1}/${week_ago.getDate()}` }}
           </span>
           <span v-if="apiEndpoint.includes('daily')">
+            {{ $t('RankingScreen.sort.daily') }}
+            {{ $t('RankingScreen.title') }}
             {{ `${today.getFullYear()}/${today.getMonth()+1}/${today.getDate()}` }}
           </span>
         </Notification>
@@ -63,7 +68,7 @@
       </div>
       <div class="column is-8 has-text-centered">
         <p>
-          ※期間中に集計したいいね/閲覧数を表示しています。未実装なため過去のランキングは閲覧できません。
+          {{ $t('RankingScreen.note') }}
         </p>
       </div>
       <div class="column is-10 has-image-centered">
@@ -86,7 +91,7 @@
           </div>
           <div v-if="results.length === 0">
             <p class="is-size-4">
-              指定した期間のランキング情報が見つけられませんでした
+              {{ $t('RankingScreen.not_found') }}
             </p>
           </div>
         </div>
@@ -149,12 +154,12 @@ export default {
       week_ago: new Date(),
       sortMethods: [
         { text: this.$t('SearchScreen.sort.most_liked'), value: 0 },
-        { text: '閲覧数が多い順', value: 1 }
+        { text: this.$t('SearchScreen.sort.most_viewed'), value: 1 }
       ],
       rankMethods: [
-        { text: '月間', value: 1 },
-        { text: '週間', value: 2 },
-        { text: '日間', value: 3 }
+        { text: this.$t('RankingScreen.sort.monthly'), value: 1 },
+        { text: this.$t('RankingScreen.sort.weekly'), value: 2 },
+        { text: this.$t('RankingScreen.sort.daily'), value: 3 }
       ],
       rankYearID: 1,
       rankYearMethods: [
@@ -197,7 +202,7 @@ export default {
       return 'column is-12-mobile is-6-touch is-3-desktop'
     }
   },
-  mounted () {
+  created () {
     this.week_ago.setDate(this.week_ago.getDate() - 7)
   },
   methods: {

locales/messages.js

@@ -1,5 +1,5 @@
 // import helpArticlesEn from '@/locales/help/articles/en.json'
-// import helpCategoriesEn from '@/locales/help/categories/en.json'
+import helpCategoriesEn from '@/locales/help/categories/en.json'
 import textEn from '@/locales/text/en.json'
 import helpArticlesJa from '@/locales/help/articles/ja.json'
 import helpCategoriesJa from '@/locales/help/categories/ja.json'
@@ -8,7 +8,7 @@ import textJa from '@/locales/text/ja.json'
 export default {
   en: {
     // ...helpArticlesEn,
-    // ...helpCategoriesEn,
+    ...helpCategoriesEn,
     ...textEn
   },
   ja: {

pages/help/articles/_article.vue

@@ -10,7 +10,7 @@
             <p v-for="b in article.body" :key="b" class="column is-12" v-html="b" />
             <div class="column is-10">
               <button class="button is-info is-large is-fullwidth" @click="$router.back(-1)">
-                戻る
+                {{ $t('help.back') }}
               </button>
             </div>
           </div>
@@ -19,23 +19,23 @@
           <div class="columns is-centered has-text-centered is-multiline">
             <div class="column is-12">
               <p class="is-size-5">
-                この記事はお役に立ちましたか?
+                {{ $t('help.survey.title') }}
               </p>
             </div>
             <div class="column is-12">
               <p class="is-size-7">
-                {{ yakunitatta }}名の方が役に立ったと言っています
+                {{ $t('help.survey.helped', [yakunitatta]) }}
               </p>
               <p class="is-size-7">
-                {{ yakunitatanakatta }}名の方が役に立たなかったと言っています
+                {{ $t('help.survey.not_helped', [yakunitatanakatta]) }}
               </p>
             </div>
             <div class="column is-6">
               <button class="button is-primary" @click="yakunitatta += 1">
-                役に立った
+                {{ $t('help.survey.yes') }}
               </button>
               <button class="button is-secondary" @click="yakunitatta += 1">
-                役に立たなかった
+                {{ $t('help.survey.no') }}
               </button>
             </div>
           </div>

pages/help/categories/_category.vue

@@ -40,7 +40,7 @@
           <div class="columns is-centered">
             <div class="column is-10">
               <button class="button is-info is-fullwidth is-large" @click="$router.back(-1)">
-                戻る
+                {{ $t('help.back') }}
               </button>
             </div>
           </div>

pages/help/index.vue

@@ -6,28 +6,28 @@
           <div class="columns is-multiline is-centered">
             <div class="column is-12  has-text-centered">
               <p class="is-size-2">
-                何かお困りですか?
+                {{ $t('help.title') }}
               </p>
             </div>
-            <div v-if="1 === 0" class="column is-8">
-              <input type="text" class="input is-medium" placeholder="検索ワードをご入力ください(パスワード, パスワード, パスワードなど)">
-            </div>
             <div class="column is-8 box has-text-centered">
               <p class="subtitle">
-                たぶんすごくよくある質問
+                {{ $t('help.frequently.title') }}
               </p>
-              <p v-for="f in faq" :key="f" class="is-size-6">
+              <p v-for="(f,i) in faq" :key="i" class="is-size-6">
                 <nuxt-link :to="`/help/articles/${f}`">
-                  パスワードを忘れてしまいました
+                  {{ $t(`help.frequently.articles.${f}`) }}
                 </nuxt-link>
               </p>
             </div>
           </div>
           <div class="columns is-multiline is-gapless is-centered">
             <div v-for="c in categories" :key="c.url" class="column is-4-desktop is-6">
-              <nuxt-link class="button is-size-4 is-large is-fullwidth" :to="`/help/categories/${c.url}`">
+              <nuxt-link v-if="!c['hidden-on-logout'] || (c['hidden-on-logout'] && $auth.loggedIn)" class="button is-size-4 is-large is-fullwidth" :to="`/help/categories/${c.url}`">
                 {{ $t(c.url) }}
               </nuxt-link>
+              <button v-else class="button is-size-4 is-large is-fullwidth" disabled>
+                ?
+              </button>
             </div>
           </div>
         </div>