<h3>Background</h3>

<p>Re: <a href="https://github.com/openstreetmap/openstreetmap-website/issues/923" class="issue-link" title="User blocks do not state the created date.">#923</a> and DWG experience. It would be great to have more detailed information about the extent of a block on the block page.</p>

<h2>Approach</h2>

<p>Similar to the styling of changesets' creation and closing timestamps, this PR adds an abbreviation tag to the status text of a user block detailing the creation and expiration of a user block. The information necessary is already available from <code>@user_block</code>.</p>

<h2>Testing</h2>

<p>On my local build, the page successfully rendered with the correct information. Attached are two examples:</p>

<h3>A 4 day block:</h3>

<p><a href="https://cloud.githubusercontent.com/assets/8998918/8343902/462570be-1aa0-11e5-961d-8a404acdaf2e.png" target="_blank"><img src="https://cloud.githubusercontent.com/assets/8998918/8343902/462570be-1aa0-11e5-961d-8a404acdaf2e.png" alt="Example 4 day block rendering" style="max-width:100%;"></a></p>

<h3>A block that was revoked after ~4 minutes:</h3>

<p><a href="https://cloud.githubusercontent.com/assets/8998918/8343863/c0e192a2-1a9f-11e5-9296-40f0d996ea0f.png" target="_blank"><img src="https://cloud.githubusercontent.com/assets/8998918/8343863/c0e192a2-1a9f-11e5-9296-40f0d996ea0f.png" alt="Example block revocation" style="max-width:100%;"></a></p>

<hr>

<h4>You can view, comment on, or merge this pull request online at:</h4>
<p>  <a href='https://github.com/openstreetmap/openstreetmap-website/pull/996'>https://github.com/openstreetmap/openstreetmap-website/pull/996</a></p>

<h4>Commit Summary</h4>
<ul>
  <li>Adding block start/end timestamps as abbreviation</li>
</ul>

<h4>File Changes</h4>
<ul>
  <li>
    <strong>M</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/996/files#diff-0">app/views/user_blocks/show.html.erb</a>
    (3)
  </li>
</ul>

<h4>Patch Links:</h4>
<ul>
  <li><a href='https://github.com/openstreetmap/openstreetmap-website/pull/996.patch'>https://github.com/openstreetmap/openstreetmap-website/pull/996.patch</a></li>
  <li><a href='https://github.com/openstreetmap/openstreetmap-website/pull/996.diff'>https://github.com/openstreetmap/openstreetmap-website/pull/996.diff</a></li>
</ul>

<p style="font-size:small;-webkit-text-size-adjust:none;color:#666;">—<br>Reply to this email directly or <a href="https://github.com/openstreetmap/openstreetmap-website/pull/996">view it on GitHub</a>.<img alt="" height="1" src="https://github.com/notifications/beacon/ABWnLT-DKcgOiNSwFvjuDotbni_3yVX1ks5oWzgEgaJpZM4FLSE0.gif" width="1" /></p>
<div itemscope itemtype="http://schema.org/EmailMessage">
  <div itemprop="action" itemscope itemtype="http://schema.org/ViewAction">
    <link itemprop="url" href="https://github.com/openstreetmap/openstreetmap-website/pull/996"></link>
    <meta itemprop="name" content="View Pull Request"></meta>
  </div>
  <meta itemprop="description" content="View this Pull Request on GitHub"></meta>
</div>