From 1b32b0c0ce908482cf564fd2559cae980e7767fa Mon Sep 17 00:00:00 2001
From: Kyrylo Gliebov <kgliebov@redhat.com>
Date: Tue, 27 Nov 2018 15:04:24 +0100
Subject: [PATCH] Add missing localization strings

---
 src/player.jsx     | 22 +++++++++++-----------
 src/recordings.jsx | 18 +++++++++---------
 2 files changed, 20 insertions(+), 20 deletions(-)

diff --git a/src/player.jsx b/src/player.jsx
index b6d2e43..e0e2fe4 100644
--- a/src/player.jsx
+++ b/src/player.jsx
@@ -1073,51 +1073,51 @@ export class Player extends React.Component {
                         </div>
                         <div className="panel-footer">
                             <Slider length={this.buf.pos} mark={this.state.currentTsPost} fastForwardFunc={this.fastForwardToTS} play={this.play} pause={this.pause} paused={this.state.paused} />
-                            <button title="Play/Pause - Hotkey: p" type="button" ref="playbtn"
+                            <button title={_("Play/Pause - Hotkey: p")} type="button" ref="playbtn"
                                     className="btn btn-default btn-lg margin-right-btn play-btn"
                                     onClick={this.playPauseToggle}>
                                 <i className={"fa fa-" + (this.state.paused ? "play" : "pause")}
                                    aria-hidden="true" />
                             </button>
-                            <button title="Skip Frame - Hotkey: ." type="button"
+                            <button title={_("Skip Frame - Hotkey: .")} type="button"
                                     className="btn btn-default btn-lg margin-right-btn"
                                     onClick={this.skipFrame}>
                                 <i className="fa fa-step-forward" aria-hidden="true" />
                             </button>
-                            <button title="Restart Playback - Hotkey: Shift-R" type="button"
+                            <button title={_("Restart Playback - Hotkey: Shift-R")} type="button"
                                     className="btn btn-default btn-lg" onClick={this.rewindToStart}>
                                 <i className="fa fa-fast-backward" aria-hidden="true" />
                             </button>
-                            <button title="Fast-forward to end - Hotkey: Shift-G" type="button"
+                            <button title={_("Fast-forward to end - Hotkey: Shift-G")} type="button"
                                     className="btn btn-default btn-lg margin-right-btn"
                                     onClick={this.fastForwardToEnd}>
                                 <i className="fa fa-fast-forward" aria-hidden="true" />
                             </button>
-                            <button title="Speed /2 - Hotkey: {" type="button"
+                            <button title={_("Speed /2 - Hotkey: {")} type="button"
                                     className="btn btn-default btn-lg" onClick={this.speedDown}>
                                 /2
                             </button>
-                            <button title="Reset Speed - Hotkey: Backspace" type="button"
+                            <button title={_("Reset Speed - Hotkey: Backspace")} type="button"
                                     className="btn btn-default btn-lg" onClick={this.speedReset}>
                                 1:1
                             </button>
-                            <button title="Speed x2 - Hotkey: }" type="button"
+                            <button title={_("Speed x2 - Hotkey: }")} type="button"
                                     className="btn btn-default btn-lg margin-right-btn"
                                     onClick={this.speedUp}>
                                 x2
                             </button>
                             <span>{speedStr}</span>
                             <span style={to_right}>
-                                <button title="Drag'n'Pan" type="button" className="btn btn-default btn-lg"
+                                <button title={_("Drag'n'Pan")} type="button" className="btn btn-default btn-lg"
                                     onClick={this.dragPan}>
                                     <i className={"fa fa-" + (this.state.drag_pan ? "hand-rock-o" : "hand-paper-o")}
                                         aria-hidden="true" /></button>
-                                <button title="Zoom In - Hotkey: =" type="button" className="btn btn-default btn-lg"
+                                <button title={_("Zoom In - Hotkey: =")} type="button" className="btn btn-default btn-lg"
                                     onClick={this.zoomIn} disabled={this.state.term_zoom_max}>
                                     <i className="fa fa-search-plus" aria-hidden="true" /></button>
-                                <button title="Fit To - Hotkey: Z" type="button" className="btn btn-default btn-lg"
+                                <button title={_("Fit To - Hotkey: Z")} type="button" className="btn btn-default btn-lg"
                                     onClick={this.fitTo}><i className="fa fa-expand" aria-hidden="true" /></button>
-                                <button title="Zoom Out - Hotkey: -" type="button" className="btn btn-default btn-lg"
+                                <button title={_("Zoom Out - Hotkey: -")} type="button" className="btn btn-default btn-lg"
                                     onClick={this.zoomOut} disabled={this.state.term_zoom_min}>
                                     <i className="fa fa-search-minus" aria-hidden="true" /></button>
                             </span>
diff --git a/src/recordings.jsx b/src/recordings.jsx
index a8e5b4d..62dfa60 100644
--- a/src/recordings.jsx
+++ b/src/recordings.jsx
@@ -381,8 +381,8 @@ class Logs extends React.Component {
             return (
                 <div className="panel panel-default">
                     <div className="panel-heading">
-                        <span>Logs</span>
-                        <button className="btn btn-default" style={{"float":"right"}} onClick={this.loadLater}>Load later entries</button>
+                        <span>{_("Logs")}</span>
+                        <button className="btn btn-default" style={{"float":"right"}} onClick={this.loadLater}>{_("Load later entries")}</button>
                     </div>
                     <LogsView entries={this.state.entries} start={this.props.recording.start}
                               end={this.props.recording.end} jumpToTs={this.props.jumpToTs} />
@@ -430,8 +430,8 @@ class Recording extends React.Component {
                     <div className="row">
                         <div className="col-md-12">
                             <ol className="breadcrumb">
-                                <li><a onClick={this.goBackToList}>Session Recording</a></li>
-                                <li className="active">Session</li>
+                                <li><a onClick={this.goBackToList}>{_("Session Recording")}</a></li>
+                                <li className="active">{_("Session")}</li>
                             </ol>
                         </div>
                     </div>
@@ -920,19 +920,19 @@ class View extends React.Component {
                             <thead>
                                 <tr>
                                     <td className="top">
-                                        <label className="control-label" htmlFor="date_since">Since</label>
+                                        <label className="control-label" htmlFor="date_since">{_("Since")}</label>
                                     </td>
                                     <td>
                                         <Datetimepicker value={this.state.date_since} onChange={this.handleDateSinceChange} />
                                     </td>
                                     <td className="top">
-                                        <label className="control-label" htmlFor="date_until">Until</label>
+                                        <label className="control-label" htmlFor="date_until">{_("Until")}</label>
                                     </td>
                                     <td>
                                         <Datetimepicker value={this.state.date_until} onChange={this.handleDateUntilChange} />
                                     </td>
                                     <td className="top">
-                                        <label className="control-label" htmlFor="username">Username</label>
+                                        <label className="control-label" htmlFor="username">{_("Username")}</label>
                                     </td>
                                     <td>
                                         <div className="input-group">
@@ -942,7 +942,7 @@ class View extends React.Component {
                                     </td>
                                     {this.state.diff_hosts === true &&
                                     <td className="top">
-                                        <label className="control-label" htmlFor="hostname">Hostname</label>
+                                        <label className="control-label" htmlFor="hostname">{_("Hostname")}</label>
                                     </td>
                                     }
                                     {this.state.diff_hosts === true &&
@@ -954,7 +954,7 @@ class View extends React.Component {
                                     </td>
                                     }
                                     <td className="top">
-                                        <label className="control-label" htmlFor="config">Configuration</label>
+                                        <label className="control-label" htmlFor="config">{_("Configuration")}</label>
                                     </td>
                                     <td className="top">
                                         <button className="btn btn-default" onClick={this.openConfig}><i className="fa fa-cog" aria-hidden="true" /></button>