Converting to Webpack. Stage 1.

1 files changed, 67 insertions, 0 deletions

diff --git a/webapp/components/time_since.jsx b/webapp/components/time_since.jsx
new file mode 100644
index 000000000..02b0174ae
--- /dev/null
+++ b/webapp/components/time_since.jsx
@@ -0,0 +1,67 @@
+// Copyright (c) 2015 Mattermost, Inc. All Rights Reserved.
+// See License.txt for license information.
+
+import Constants from 'utils/constants.jsx';
+import * as Utils from 'utils/utils.jsx';
+
+import {FormattedRelative, FormattedDate} from 'react-intl';
+
+import {Tooltip, OverlayTrigger} from 'react-bootstrap';
+
+import React from 'react';
+
+export default class TimeSince extends React.Component {
+    componentDidMount() {
+        this.intervalId = setInterval(() => {
+            this.forceUpdate();
+        }, Constants.TIME_SINCE_UPDATE_INTERVAL);
+    }
+    componentWillUnmount() {
+        clearInterval(this.intervalId);
+    }
+    render() {
+        if (this.props.sameUser) {
+            return (
+                <time className='post__time'>
+                    {Utils.displayTimeFormatted(this.props.eventTime)}
+                </time>
+            );
+        }
+
+        const tooltip = (
+            <Tooltip id={'time-since-tooltip-' + this.props.eventTime}>
+                <FormattedDate
+                    value={this.props.eventTime}
+                    month='long'
+                    day='numeric'
+                    year='numeric'
+                    hour12={true}
+                    hour='numeric'
+                    minute='2-digit'
+                />
+            </Tooltip>
+        );
+
+        return (
+            <OverlayTrigger
+                delayShow={Constants.OVERLAY_TIME_DELAY}
+                placement='top'
+                overlay={tooltip}
+            >
+                <time className='post__time'>
+                    <FormattedRelative value={this.props.eventTime}/>
+                </time>
+            </OverlayTrigger>
+        );
+    }
+}
+
+TimeSince.defaultProps = {
+    eventTime: 0,
+    sameUser: false
+};
+
+TimeSince.propTypes = {
+    eventTime: React.PropTypes.number.isRequired,
+    sameUser: React.PropTypes.bool
+};