Translate src/components/views/globals

directory and elements already done

src/components/views/globals/GuestWarningBar.js

@@ -15,7 +15,8 @@ limitations under the License.
 */
 
 var React = require('react');
-var dis = require('matrix-react-sdk/lib/dispatcher')
+var dis = require('matrix-react-sdk/lib/dispatcher');
+import { _tJsx } from 'matrix-react-sdk/lib/languageHandler';
 
 module.exports = React.createClass({
     displayName: 'GuestWarningBar',
@@ -34,7 +35,17 @@ module.exports = React.createClass({
             <div className="mx_GuestWarningBar">
                 <img className="mx_GuestWarningBar_warning" src="img/warning.svg" width="24" height="23" alt="/!\"/>
                 <div>
-                    You are Rioting as a guest. <a onClick={this.onRegisterClicked}>Register</a> or <a onClick={this.onLoginClicked}>sign in</a> to access more rooms and features.
+                    { _tJsx(
+                        "You are Rioting as a guest. <a>Register</a> or <a>sign in</a> to access more rooms and features!",
+                        [
+                            /<a>(.*?)<\/a>/,
+                            /<a>(.*?)<\/a>/
+                        ],
+                        [
+                            (sub) => <a onClick={this.onRegisterClicked}>{sub}</a>,
+                            (sub) => <a onClick={this.onLoginClicked}>{sub}</a>
+                        ]
+                    ) }
                 </div>
             </div>
         );

src/components/views/globals/NewVersionBar.js

@@ -20,6 +20,7 @@ import React from 'react';
 import sdk from 'matrix-react-sdk';
 import Modal from 'matrix-react-sdk/lib/Modal';
 import PlatformPeg from 'matrix-react-sdk/lib/PlatformPeg';
+import { _t } from 'matrix-react-sdk/lib/languageHandler';
 
 /**
  * Check a version string is compatible with the Changelog
@@ -40,9 +41,9 @@ export default React.createClass({
     displayReleaseNotes: function(releaseNotes) {
         const QuestionDialog = sdk.getComponent('dialogs.QuestionDialog');
         Modal.createDialog(QuestionDialog, {
-            title: "What's New",
+            title: _t("What's New"),
             description: <pre className="changelog_text">{releaseNotes}</pre>,
-            button: "Update",
+            button: _t("Update"),
             onFinished: (update) => {
                 if(update && PlatformPeg.get()) {
                     PlatformPeg.get().installUpdate();
@@ -75,17 +76,29 @@ export default React.createClass({
         // automatically tells you what's changed (provided the versions
         // are in the right format)
         if (this.props.releaseNotes) {
-            action_button = <button className="mx_MatrixToolbar_action" onClick={this.displayReleaseNotes}>What's new?</button>;
+            action_button = (
+                <button className="mx_MatrixToolbar_action" onClick={this.displayReleaseNotes}>
+                    { _t("What's new?") }
+                </button>
+            );
         } else if (checkVersion(this.props.version) && checkVersion(this.props.newVersion)) {
-            action_button = <button className="mx_MatrixToolbar_action" onClick={this.displayChangelog}>What's new?</button>;
+            action_button = (
+                <button className="mx_MatrixToolbar_action" onClick={this.displayChangelog}>
+                    { _t("What's new?") }
+                </button>
+            );
         } else if (PlatformPeg.get()) {
-            action_button = <button className="mx_MatrixToolbar_action" onClick={this.onUpdateClicked}>Update</button>;
+            action_button = (
+                <button className="mx_MatrixToolbar_action" onClick={this.onUpdateClicked}>
+                    { _t("Update") }
+                </button>
+            );
         }
         return (
             <div className="mx_MatrixToolbar">
                 <img className="mx_MatrixToolbar_warning" src="img/warning.svg" width="24" height="23" alt="/!\"/>
                 <div className="mx_MatrixToolbar_content">
-                    A new version of Riot is available.
+                    {_t("A new version of Riot is available.")}
                 </div>
                 {action_button}
             </div>

src/i18n/strings/en_EN.json

@@ -1,5 +1,6 @@
 {
   "<a href=\"http://apple.com/safari\">Safari</a> and <a href=\"http://opera.com\">Opera</a> work too.": "<a href=\"http://apple.com/safari\">Safari</a> and <a href=\"http://opera.com\">Opera</a> work too.",
+  "A new version of Riot is available.": "A new version of Riot is available.",
   "Add an email address above to configure email notifications": "Add an email address above to configure email notifications",
   "Advanced notification settings": "Advanced notification settings",
   "All messages": "All messages",
@@ -125,11 +126,14 @@
   "Uploaded on %(date)s by %(user)s": "Uploaded on %(date)s by %(user)s",
   "View Decrypted Source": "View Decrypted Source",
   "View Source": "View Source",
+  "What's New": "What's New",
+  "What's new?": "What's new?",
   "When I'm invited to a room": "When I'm invited to a room",
   "World readable": "World readable",
   "You cannot delete this image. (%(code)s)": "You cannot delete this image. (%(code)s)",
   "You cannot delete this message. (%(code)s)": "You cannot delete this message. (%(code)s)",
   "You are not receiving desktop notifications": "You are not receiving desktop notifications",
+  "You are Rioting as a guest. <a>Register</a> or <a>sign in</a> to access more rooms and features!": "You are Rioting as a guest. <a>Register</a> or <a>sign in</a> to access more rooms and features!",
   "You might have configured them in a client other than Riot. You cannot tune them in Riot but they still apply": "You might have configured them in a client other than Riot. You cannot tune them in Riot but they still apply",
   "Sunday": "Sunday",
   "Monday": "Monday",