Pastable version of How to make time_ago_in_words cachable ?

<div style="overflow:auto;border:solid 1px #ccc;background:#000;color:#F8F8F8">
          <div class="section">
            
            <pre style="float:left;margin:0 10px;border-right:0;color:#666;">1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36</pre>
            <pre class="sunburst"><span style="color:#AEAEAE;font-style:italic;"><span style="color:#AEAEAE;font-style:italic;">#</span> In one of your helper module, dump:</span>
<span style="color:#E28964;">def</span> <span style="color:#89BDFF;">cachable_time_ago_in_words</span>(<span style="color:#3E87E3;">from</span>)
  js_call <span style="color:#E28964;">=</span> javascript_tag <span style="color:#65B042;"><span style="color:#65B042;">&quot;</span>document.write(DateHelper.timeAgoInWords(<span style="color:#DAEFA3;"><span style="color:#DAEFA3;">#{</span><span style="color:#DAEFA3;">(</span>from<span style="color:#DAEFA3;"><span style="color:#DAEFA3;">.</span><span style="color:#89BDFF;">to_i</span></span> <span style="color:#E28964;">*</span> <span style="color:#DDF2A4;">1000</span><span style="color:#DAEFA3;">)</span><span style="color:#DAEFA3;"><span style="color:#DAEFA3;">.</span><span style="color:#89BDFF;">to_json</span></span><span style="color:#DAEFA3;">}</span></span>) + ' ago');<span style="color:#65B042;">&quot;</span></span>
  <span style="color:#65B042;"><span style="color:#65B042;">&quot;</span>&lt;noscript&gt;on <span style="color:#DAEFA3;"><span style="color:#DAEFA3;">#{</span>from<span style="color:#DAEFA3;"><span style="color:#DAEFA3;">.</span><span style="color:#89BDFF;">to_formatted_s</span></span><span style="color:#DAEFA3;">(</span><span style="color:#DDF2A4;"><span style="color:#DDF2A4;">:</span>long</span><span style="color:#DAEFA3;">)</span><span style="color:#DAEFA3;">}</span></span>&lt;/noscript&gt;<span style="color:#DAEFA3;"><span style="color:#DAEFA3;">#{</span>js_call<span style="color:#DAEFA3;">}</span></span><span style="color:#65B042;">&quot;</span></span>
<span style="color:#E28964;">end</span>

<span style="color:#AEAEAE;font-style:italic;"><span style="color:#AEAEAE;font-style:italic;">#</span> In your application.js</span>
var <span style="color:#3E87E3;">DateHelper</span> <span style="color:#E28964;">=</span> {
  timeAgoInWords: <span style="color:#89BDFF;">function</span>(from) {
   <span style="color:#E28964;">return</span> this.<span style="color:#89BDFF;">distanceOfTimeInWords</span>(<span style="color:#E28964;">new</span> <span style="color:#3E87E3;">Date</span>().<span style="color:#89BDFF;">getTime</span>(), from);
  },

distanceOfTimeInWords: <span style="color:#89BDFF;">function</span>(to, from) {
    seconds_ago <span style="color:#E28964;">=</span> ((to  <span style="color:#E28964;">-</span> from) <span style="color:#E28964;">/</span> <span style="color:#3387CC;">1000</span>);
    minutes_ago <span style="color:#E28964;">=</span> <span style="color:#9B859D;">Math</span>.<span style="color:#89BDFF;">floor</span>(seconds_ago <span style="color:#E28964;">/</span> <span style="color:#3387CC;">60</span>);

<span style="color:#E28964;">if</span>(minutes_ago <span style="color:#E28964;">==</span> <span style="color:#3387CC;">0</span>) { <span style="color:#E28964;">return</span> <span style="color:#65B042;"><span style="color:#65B042;">&quot;</span>less than a minute<span style="color:#65B042;">&quot;</span></span>; }
    <span style="color:#E28964;">if</span>(minutes_ago <span style="color:#E28964;">==</span> <span style="color:#3387CC;">1</span>) { <span style="color:#E28964;">return</span> <span style="color:#65B042;"><span style="color:#65B042;">&quot;</span>a minute<span style="color:#65B042;">&quot;</span></span>; }
    <span style="color:#E28964;">if</span>(minutes_ago <span style="color:#E28964;">&lt;</span> <span style="color:#3387CC;">45</span>) { <span style="color:#E28964;">return</span> minutes_ago <span style="color:#E28964;">+</span> <span style="color:#65B042;"><span style="color:#65B042;">&quot;</span> minutes<span style="color:#65B042;">&quot;</span></span>; }
    <span style="color:#E28964;">if</span>(minutes_ago <span style="color:#E28964;">&lt;</span> <span style="color:#3387CC;">90</span>) { <span style="color:#E28964;">return</span> <span style="color:#65B042;"><span style="color:#65B042;">&quot;</span> about 1 hour<span style="color:#65B042;">&quot;</span></span>; }
    hours_ago  <span style="color:#E28964;">=</span> <span style="color:#9B859D;">Math</span>.<span style="color:#89BDFF;">round</span>(minutes_ago <span style="color:#E28964;">/</span> <span style="color:#3387CC;">60</span>);
    <span style="color:#E28964;">if</span>(minutes_ago <span style="color:#E28964;">&lt;</span> <span style="color:#3387CC;">1440</span>) { <span style="color:#E28964;">return</span> <span style="color:#65B042;"><span style="color:#65B042;">&quot;</span>about <span style="color:#65B042;">&quot;</span></span> <span style="color:#E28964;">+</span> hours_ago <span style="color:#E28964;">+</span> <span style="color:#65B042;"><span style="color:#65B042;">&quot;</span> hours<span style="color:#65B042;">&quot;</span></span>; }
    <span style="color:#E28964;">if</span>(minutes_ago <span style="color:#E28964;">&lt;</span> <span style="color:#3387CC;">2880</span>) { <span style="color:#E28964;">return</span> <span style="color:#65B042;"><span style="color:#65B042;">&quot;</span>1 day<span style="color:#65B042;">&quot;</span></span>; }
    days_ago  <span style="color:#E28964;">=</span> <span style="color:#9B859D;">Math</span>.<span style="color:#89BDFF;">round</span>(minutes_ago <span style="color:#E28964;">/</span> <span style="color:#3387CC;">1440</span>);
    <span style="color:#E28964;">if</span>(minutes_ago <span style="color:#E28964;">&lt;</span> <span style="color:#3387CC;">43200</span>) { <span style="color:#E28964;">return</span> days_ago <span style="color:#E28964;">+</span> <span style="color:#65B042;"><span style="color:#65B042;">&quot;</span> days<span style="color:#65B042;">&quot;</span></span>; }
    <span style="color:#E28964;">if</span>(minutes_ago <span style="color:#E28964;">&lt;</span> <span style="color:#3387CC;">86400</span>) { <span style="color:#E28964;">return</span> <span style="color:#65B042;"><span style="color:#65B042;">&quot;</span>about 1 month<span style="color:#65B042;">&quot;</span></span>; }
    months_ago  <span style="color:#E28964;">=</span> <span style="color:#9B859D;">Math</span>.<span style="color:#89BDFF;">round</span>(minutes_ago <span style="color:#E28964;">/</span> <span style="color:#3387CC;">43200</span>);
    <span style="color:#E28964;">if</span>(minutes_ago <span style="color:#E28964;">&lt;</span> <span style="color:#3387CC;">525960</span>) { <span style="color:#E28964;">return</span> months_ago <span style="color:#E28964;">+</span> <span style="color:#65B042;"><span style="color:#65B042;">&quot;</span> months<span style="color:#65B042;">&quot;</span></span>; }
    <span style="color:#E28964;">if</span>(minutes_ago <span style="color:#E28964;">&lt;</span> <span style="color:#3387CC;">1051920</span>) { <span style="color:#E28964;">return</span> <span style="color:#65B042;"><span style="color:#65B042;">&quot;</span>about 1 year<span style="color:#65B042;">&quot;</span></span>; }
    years_ago  <span style="color:#E28964;">=</span> <span style="color:#9B859D;">Math</span>.<span style="color:#89BDFF;">round</span>(minutes_ago <span style="color:#E28964;">/</span> <span style="color:#3387CC;">525960</span>);
    <span style="color:#E28964;">return</span> <span style="color:#65B042;"><span style="color:#65B042;">&quot;</span>over <span style="color:#65B042;">&quot;</span></span> <span style="color:#E28964;">+</span> years_ago <span style="color:#E28964;">+</span> <span style="color:#65B042;"><span style="color:#65B042;">&quot;</span> years<span style="color:#65B042;">&quot;</span></span>;
  }
}

<span style="color:#AEAEAE;font-style:italic;"><span style="color:#AEAEAE;font-style:italic;">#</span> Then in your views use:</span>
<span style="color:#E28964;">&lt;</span><span style="color:#E28964;">%=</span> cachable_time_ago_in_words <span style="color:#9B859D;">Time</span>.<span style="color:#89BDFF;">now</span> <span style="color:#65B042;"><span style="color:#65B042;">%&gt;</span></span>
</pre>
          </div>
        </div>

<a href="http://refactormycode.com/codes/7-how-to-make-time_ago_in_words-cachable" style="color:#fff" title="As seen on RefactorMyCode.com"><img alt="Small_logo" src="http://refactormycode.com/images/small_logo.gif" style="border:0" /></a>