Allow toggling relative time

Author: icewind1991

.gitignore

@@ -1 +1,2 @@
 node_modules/
+build/appstore/

build/main.css.map

@@ -137,6 +137,7 @@ export class App extends Component {
 						<LogTable
 							inlineSettings={this.props.inlineSettings}
 							levels={this.state.levels}
+							setRelative={this.setRelative}
 							setLevel={this.setLevel.bind(this)}
 							entries={entries}
 							relative={this.state.relative}

build/main.js

@@ -18,15 +18,19 @@ export class LogTable extends Component {
 		this.setState({showLevelSettings: !this.state.showLevelSettings});
 	};
 
+	toggleRelativeTime = () => {
+		this.props.setRelative(!this.props.relative);
+	};
+
 	render () {
 		const timeClass = style.time + ((this.props.relative) ? (' ' + style.relative) : '');
 
 		const getTimeStamp = (entry) => {
 			const time = new Date(entry.time);
 			if (this.props.relative) {
-				return <Timestamp value={time} relative/>
+				return <Timestamp value={time} relative onClick={this.toggleRelativeTime}/>
 			} else {
-				return <Timestamp value={time}
+				return <Timestamp value={time} onClick={this.toggleRelativeTime}
 								  format={convertDateFormat(this.props.dateFormat)}/>
 			}
 		};
@@ -99,7 +103,7 @@ export class LogTable extends Component {
 							</th>
 							<th className={style.app}>App</th>
 							<th className={style.message}>Message</th>
-							<th className={timeClass}>Time</th>
+							<th className={timeClass} onClick={this.toggleRelativeTime}>Time</th>
 						</tr>
 						</thead>
 						<tbody>