Merge pull request #80 from pythonph/feature/add-minimalist-posted-timesince

zorexsalvo · web-flow · commit b887429f2540 · 2022-08-04T22:27:14.000+08:00
feature: Add minimalist timesince
diff --git a/jobs/static/jobs/js/src/jobs.js b/jobs/static/jobs/js/src/jobs.js
@@ -2,10 +2,30 @@ var React = require('react/addons')
 var superagent = require('superagent')
 var marked = require('marked')
 var cn = require('classnames')
+var moment = require('moment')
 
 require('velocity-animate')
 require('velocity-animate/velocity.ui')
 
+moment.locale('en', {
+  relativeTime: {
+    future: 'in %s',
+    past: '%s',
+    s:  '1s',
+    ss: '%ss',
+    m:  '1m',
+    mm: '%dm',
+    h:  '1h',
+    hh: '%dh',
+    d:  '1d',
+    dd: '%dd',
+    M:  '1M',
+    MM: '%dM',
+    y:  '1Y',
+    yy: '%dY'
+  }
+})
+
 var Job = React.createClass({
   toggleDetails: function (e) {
     e.preventDefault()
@@ -39,6 +59,9 @@ var Job = React.createClass({
             Posted by {this.props.user.name}
           </span>
         </div>
+        <div class="date-posted">
+          <sub>&#128204; {moment(this.props.created_at).fromNow()}</sub>
+        </div>
       </li>
     )
   }
diff --git a/package.json b/package.json
@@ -26,6 +26,7 @@
     "browserify": "^10.1.0",
     "classnames": "^2.1.2",
     "marked": "^0.3.3",
+    "moment": "^2.29.4",
     "react": "^0.12.2",
     "superagent": "^0.21.0",
     "velocity-animate": "^1.2.1",
