From 0cf1da36ea4008274940882a29198942b05575c9 Mon Sep 17 00:00:00 2001
From: Intnick <intnick@hotmail.com>
Date: Fri, 26 May 2017 08:40:35 +0200
Subject: [PATCH] page settings, show, wallet, report translated

---
 app/locales/en.json          | 25 +++++++++++++++++++++++++
 ui/js/page/report.js         | 16 ++++++++--------
 ui/js/page/settings/view.jsx | 32 ++++++++++++++++----------------
 ui/js/page/showPage/view.jsx |  6 +++---
 ui/js/page/wallet/view.jsx   |  2 +-
 5 files changed, 53 insertions(+), 28 deletions(-)

diff --git a/app/locales/en.json b/app/locales/en.json
index feaa18531..c8629384a 100644
--- a/app/locales/en.json
+++ b/app/locales/en.json
@@ -168,5 +168,30 @@
   "These search results are provided by LBRY, Inc.": "These search results are provided by LBRY, Inc.",
   "Exact URL": "Exact URL",
   "This is the resolution of a LBRY URL and not controlled by LBRY Inc.": "This is the resolution of a LBRY URL and not controlled by LBRY Inc.",
+  "Download Directory": "Download Directory",
+  "LBRY downloads will be saved here.": "LBRY downloads will be saved here.",
+  "Bandwidth Limits": "Bandwidth Limits",
+  "Max Upload": "Max Upload",
+  "Unlimited": "Unlimited",
+  "Up to": "Up to",
+  "Max Download": "Max Download",
+  "Show unavailable content in search results": "Show unavailable content in search results",
+  "Show NSFW content": "Show NSFW content",
+  "NSFW content may include nudity, intense sexuality, profanity, or other adult content. By displaying NSFW content, you are affirming you are of legal age to view mature content in your country or jurisdiction.  ": "NSFW content may include nudity, intense sexuality, profanity, or other adult content. By displaying NSFW content, you are affirming you are of legal age to view mature content in your country or jurisdiction.  ",
+  "Share Diagnostic Data": "Share Diagnostic Data",
+  "Help make LBRY better by contributing diagnostic data about my usage": "Help make LBRY better by contributing diagnostic data about my usage",
+  "Choose limit...": "Choose limit...",
+  "Loading magic decentralized data...": "Loading magic decentralized data...",
+  "There's nothing at this location.": "There's nothing at this location.",
+  "Report an Issue": "Report an Issue",
+  "Please describe the problem you experienced and any information you think might be useful to us. Links to screenshots are great!": "Please describe the problem you experienced and any information you think might be useful to us. Links to screenshots are great!",
+  "Description of your issue": "Description of your issue",
+  "Submit Report": "Submit Report",
+  "Developer?": "Developer?",
+  "You can also": "You can also",
+  "submit an issue on GitHub": "submit an issue on GitHub",
+  "Bug report submitted": "Bug report submitted",
+  "Your bug report has been submitted! Thank you for your feedback.": "Your bug report has been submitted! Thank you for your feedback.",
+  "Balance": "Balance",
   "Looking up version info": "Looking up version info"
 }
\ No newline at end of file
diff --git a/ui/js/page/report.js b/ui/js/page/report.js
index 811adbb04..8d6b259ab 100644
--- a/ui/js/page/report.js
+++ b/ui/js/page/report.js
@@ -40,25 +40,25 @@ class ReportPage extends React.Component {
       <main className="main--single-column">
         <section className="card">
           <div className="card__content">
-            <h3>Report an Issue</h3>
-            <p>Please describe the problem you experienced and any information you think might be useful to us. Links to screenshots are great!</p>
+            <h3>{__("Report an Issue")}</h3>
+            <p>{__("Please describe the problem you experienced and any information you think might be useful to us. Links to screenshots are great!")}</p>
             <div className="form-row">
-              <FormRow type="textarea" ref={(t) => this._messageArea = t} rows="10" name="message" placeholder="Description of your issue" />
+              <FormRow type="textarea" ref={(t) => this._messageArea = t} rows="10" name="message" placeholder={__("Description of your issue")} />
             </div>
             <div className="form-row form-row-submit">
-              <button onClick={(event) => { this.submitMessage(event) }} className={'button-block button-primary ' + (this.state.submitting ? 'disabled' : '')}>{this.state.submitting ? 'Submitting...' : 'Submit Report'}</button>
+              <button onClick={(event) => { this.submitMessage(event) }} className={'button-block button-primary ' + (this.state.submitting ? 'disabled' : '')}>{this.state.submitting ? __('Submitting...') : __('Submit Report')}</button>
             </div>
           </div>
         </section>
         <section className="card">
           <div className="card__content">
-            <h3>Developer?</h3>
-            You can also <Link href="https://github.com/lbryio/lbry/issues" label="submit an issue on GitHub"/>.
+            <h3>{__("Developer?")}</h3>
+            {__("You can also")} <Link href="https://github.com/lbryio/lbry/issues" label={__("submit an issue on GitHub")}/>.
           </div>
         </section>
-        <Modal isOpen={this.state.modal == 'submitted'} contentLabel="Bug report submitted"
+        <Modal isOpen={this.state.modal == 'submitted'} contentLabel={__("Bug report submitted")}
                onConfirmed={(event) => { this.closeModal(event) }}>
-          Your bug report has been submitted! Thank you for your feedback.
+          {__("Your bug report has been submitted! Thank you for your feedback.")}
         </Modal>
       </main>
     );
diff --git a/ui/js/page/settings/view.jsx b/ui/js/page/settings/view.jsx
index d1a4f188c..ea70629ee 100644
--- a/ui/js/page/settings/view.jsx
+++ b/ui/js/page/settings/view.jsx
@@ -78,7 +78,7 @@ class SettingsPage extends React.Component {
     } = this.props
 
     if (!daemonSettings) {
-      return <main className="main--single-column"><span className="empty">Failed to load settings.</span></main>;
+      return <main className="main--single-column"><span className="empty">{__("Failed to load settings.")}</span></main>;
     }
 /*
  <section className="card">
@@ -98,33 +98,33 @@ class SettingsPage extends React.Component {
         <SubHeader />
         <section className="card">
           <div className="card__content">
-            <h3>Download Directory</h3>
+            <h3>{__("Download Directory")}</h3>
           </div>
           <div className="card__content">
             <FormRow type="directory"
                      name="download_directory"
                      defaultValue={daemonSettings.download_directory}
-                     helper="LBRY downloads will be saved here."
+                     helper={__("LBRY downloads will be saved here.")}
                      onChange={this.onDownloadDirChange.bind(this)} />
           </div>
         </section>
         <section className="card">
           <div className="card__content">
-           <h3>Bandwidth Limits</h3>
+           <h3>{__("Bandwidth Limits")}</h3>
           </div>
           <div className="card__content">
-            <div className="form-row__label-row"><div className="form-field__label">Max Upload</div></div>
+            <div className="form-row__label-row"><div className="form-field__label">{__("Max Upload")}</div></div>
             <FormRow type="radio"
                        name="max_upload_pref"
                        onChange={() => { this.onMaxUploadPrefChange(false) }}
                        defaultChecked={!this.state.isMaxUpload}
-                       label="Unlimited" />
+                       label={__("Unlimited")} />
             <div className="form-row">
               <FormField type="radio"
                          name="max_upload_pref"
                          onChange={() => { this.onMaxUploadPrefChange(true) }}
                          defaultChecked={this.state.isMaxUpload}
-                         label={ this.state.isMaxUpload ? 'Up to' : 'Choose limit...' } />
+                         label={ this.state.isMaxUpload ? __("Up to") : __("Choose limit...") } />
               { this.state.isMaxUpload ?
                   <FormField type="number"
                              min="0"
@@ -141,8 +141,8 @@ class SettingsPage extends React.Component {
             </div>
           </div>
           <div className="card__content">
-            <div className="form-row__label-row"><div className="form-field__label">Max Download</div></div>
-            <FormRow label="Unlimited"
+            <div className="form-row__label-row"><div className="form-field__label">{__("Max Download")}</div></div>
+            <FormRow label={__("Unlimited")}
                        type="radio"
                        name="max_download_pref"
                        onChange={() => { this.onMaxDownloadPrefChange(false) }}
@@ -152,7 +152,7 @@ class SettingsPage extends React.Component {
                          name="max_download_pref"
                          onChange={() => { this.onMaxDownloadPrefChange(true) }}
                          defaultChecked={this.state.isMaxDownload}
-                         label={ this.state.isMaxDownload ? 'Up to' : 'Choose limit...' } />
+                         label={ this.state.isMaxDownload ? __("Up to") : __("Choose limit...") } />
               { this.state.isMaxDownload ?
                 <FormField type="number"
                            min="0"
@@ -171,29 +171,29 @@ class SettingsPage extends React.Component {
         </section>
         <section className="card">
           <div className="card__content">
-            <h3>Content</h3>
+            <h3>{__("Content")}</h3>
           </div>
           <div className="card__content">
             <FormRow type="checkbox"
                      onChange={this.onShowUnavailableChange.bind(this)}
                      defaultChecked={this.state.showUnavailable}
-                     label="Show unavailable content in search results"  />
+                     label={__("Show unavailable content in search results")}  />
           </div>
           <div className="card__content">
-            <FormRow label="Show NSFW content" type="checkbox"
+            <FormRow label={__("Show NSFW content")} type="checkbox"
                      onChange={this.onShowNsfwChange.bind(this)}  defaultChecked={this.state.showNsfw}
-                     helper="NSFW content may include nudity, intense sexuality, profanity, or other adult content. By displaying NSFW content, you are affirming you are of legal age to view mature content in your country or jurisdiction.  " />
+                     helper={__("NSFW content may include nudity, intense sexuality, profanity, or other adult content. By displaying NSFW content, you are affirming you are of legal age to view mature content in your country or jurisdiction.  ")} />
           </div>
         </section>
         <section className="card">
           <div className="card__content">
-            <h3>Share Diagnostic Data</h3>
+            <h3>{__("Share Diagnostic Data")}</h3>
           </div>
           <div className="card__content">
             <FormRow type="checkbox"
                      onChange={this.onShareDataChange.bind(this)}
                      defaultChecked={daemonSettings.share_usage_data}
-                     label="Help make LBRY better by contributing diagnostic data about my usage" />
+                     label={__("Help make LBRY better by contributing diagnostic data about my usage")} />
           </div>
         </section>
        </main>
diff --git a/ui/js/page/showPage/view.jsx b/ui/js/page/showPage/view.jsx
index bab2d4426..633259bea 100644
--- a/ui/js/page/showPage/view.jsx
+++ b/ui/js/page/showPage/view.jsx
@@ -43,8 +43,8 @@ class ShowPage extends React.Component{
           <div className="card__title-identity"><h1>{uri}</h1></div>
         </div>
         <div className="card__content">
-          { isResolvingUri && <BusyMessage message="Loading magic decentralized data..." /> }
-          { claim === null && <span className="empty">There's nothing at this location.</span> }
+          { isResolvingUri && <BusyMessage message={__("Loading magic decentralized data...")} /> }
+          { claim === null && <span className="empty">{__("There's nothing at this location.")}</span> }
         </div>
       </section>
     }
@@ -61,4 +61,4 @@ class ShowPage extends React.Component{
   }
 }
 
-export default ShowPage
\ No newline at end of file
+export default ShowPage
diff --git a/ui/js/page/wallet/view.jsx b/ui/js/page/wallet/view.jsx
index 4093d003f..a577aa19d 100644
--- a/ui/js/page/wallet/view.jsx
+++ b/ui/js/page/wallet/view.jsx
@@ -19,7 +19,7 @@ const WalletPage = (props) => {
       <SubHeader />
       <section className="card">
         <div className="card__title-primary">
-          <h3>Balance</h3>
+          <h3>{__("Balance")}</h3>
         </div>
         <div className="card__content">
           <CreditAmount amount={balance} precision={8} />