Add a translation for 'other styles'

Author: mikelambert

js/learn/learnConfig.js

@@ -6,6 +6,18 @@
 
 'use strict';
 
+import {
+  defineMessages,
+} from 'react-intl';
+
+const messages = defineMessages({
+  otherStylesTitle: {
+    id: 'tutorialVideos.otherStylesTitle',
+    defaultMessage: 'Other Styles',
+    description: 'Name of the tutorial category for miscellaneous dance styles',
+  },
+});
+
 export const defaultTutorials = [
   {
     title: 'Bboy / Bgirl',
@@ -140,6 +152,7 @@ export const defaultTutorials = [
   },
   {
     title: 'Other Styles',
+    titleMessage: messages.otherStylesTitle,
     thumbnail: require('./images/styles/other.png'),
     tutorials: [
       require('./tutorials/misc/yakfilms.json'),

js/learn/playlistModels.js

@@ -10,6 +10,7 @@ import moment from 'moment';
 
 export class Playlist {
   title: string;
+  titleMessage: ?{id: string};
   subtitle: string;
   author: string;
   style: string;
@@ -19,6 +20,7 @@ export class Playlist {
 
   constructor(json: any) {
     this.title = json.title;
+    this.titleMessage = json.titleMessage;
     this.subtitle = json.subtitle;
     this.author = json.author;
     this.style = json.style;

js/learn/playlistViews.js

@@ -165,6 +165,11 @@ class _PlaylistStylesView extends React.Component {
     const imageWidth = boxWidth - 30;
     const durationSeconds = style.tutorials.reduce((prev, current) => prev + current.getDurationSeconds(), 0);
     const length = formatDuration(this.props.intl.formatMessage, durationSeconds);
+    let styleTitle = style.title;
+    console.log(style.title, style.titleMessage);
+    if (style.titleMessage) {
+      styleTitle = this.props.intl.formatMessage(style.titleMessage);
+    }
     return <TouchableHighlight
       onPress={() => {
         this.props.onSelected(style, this.state.stylePlaylists[style]);
@@ -182,7 +187,7 @@ class _PlaylistStylesView extends React.Component {
         alignItems: 'center',
       }}>
         <Image source={style.thumbnail} resizeMode="contain" style={{width: imageWidth, height: imageWidth}}/>
-        <Text style={{fontWeight: 'bold'}}>{style.title}</Text>
+        <Text style={{fontWeight: 'bold'}}>{styleTitle}</Text>
         <Text>{this.props.intl.formatMessage(messages.numTutorials, {count: style.tutorials.length})}</Text>
         <Text>{this.props.intl.formatMessage(messages.totalTime, {time: length})}</Text>
       </View>

js/learn/tutorials/waack/mizuki.json

@@ -1,5 +1,5 @@
 {
-  "title": "Mizuki's Waacking/Punking",
+  "title": "Mizuki: Waacking/Punking",
   "subtitle": "RISING Dance School",
   "author": "Mizuki",
   "style": "waack",

js/messages/en.json

@@ -75,6 +75,7 @@
   "tutorialVideos.navigatorTitle": "Learn: Tutorials",
   "tutorialVideos.numTutorials": "{count} Tutorials",
   "tutorialVideos.numVideosWithDuration": "{count} videos: {duration}",
+  "tutorialVideos.otherStylesTitle": "Other Styles",
   "tutorialVideos.styleHeader": "Choose a style you'd like to learn:",
   "tutorialVideos.styleTutorialTitle": "{style} Tutorials",
   "tutorialVideos.timeHoursMinutes": "{hours}h {minutes}m",

js/messages/fr.json

@@ -75,6 +75,7 @@
   "tutorialVideos.navigatorTitle": "Apprendre : Tutoriels",
   "tutorialVideos.numTutorials": "{count} Tutoriels",
   "tutorialVideos.numVideosWithDuration": "{count} vidéos : {duration}",
+  "tutorialVideos.otherStylesTitle": "D'autres Styles",
   "tutorialVideos.styleHeader": "Choisir un style de danse :",
   "tutorialVideos.styleTutorialTitle": "Tutoriels de {style}",
   "tutorialVideos.timeHoursMinutes": "{hours}h {minutes}m",

js/messages/ja.json

@@ -75,6 +75,7 @@
   "tutorialVideos.navigatorTitle": "学ぶ: チュートリアル",
   "tutorialVideos.numTutorials": "{count}本のチュートリアル",
   "tutorialVideos.numVideosWithDuration": "{count}本の動画: {duration}",
+  "tutorialVideos.otherStylesTitle": "他のダンススタイル",
   "tutorialVideos.styleHeader": "勉強したいダンススタイルを選択:",
   "tutorialVideos.styleTutorialTitle": "{style}のチュートリアル",
   "tutorialVideos.timeHoursMinutes": "{hours}時間 {minutes}分",

js/messages/zh.json

@@ -75,6 +75,7 @@
   "tutorialVideos.navigatorTitle": "學習: 課程",
   "tutorialVideos.numTutorials": "{count}部課程",
   "tutorialVideos.numVideosWithDuration": "{count}個短片: {duration}",
+  "tutorialVideos.otherStylesTitle": "其他的舞蹈風格",
   "tutorialVideos.styleHeader": "選擇你想學習舞蹈風格:",
   "tutorialVideos.styleTutorialTitle": "{style} 課程",
   "tutorialVideos.timeHoursMinutes": "{hours}小時{minutes}分",