Render yanked crates as such

Author: alexcrichton

app/models/version.js

@@ -6,6 +6,7 @@ export default DS.Model.extend({
     created_at: DS.attr('date'),
     updated_at: DS.attr('date'),
     downloads: DS.attr('number'),
+    yanked: DS.attr('boolean'),
 
     crate: DS.belongsTo('crate'),
     authors: DS.hasMany('users', {async: true}),

app/styles/app.scss

@@ -110,6 +110,11 @@ span.small {
     }
 }
 
+.yanked {
+    font-size: 80%;
+    color: rgb(166, 0, 0)
+}
+
 span.loading {
     display: inline-block;
     width: 16px;

app/templates/crate/index.hbs

@@ -29,6 +29,12 @@
 {{! This is used to set the url of to actually download a file }}
 <iframe id='download-frame' style='display:none'></iframe>
 
+{{#if currentVersion.yanked}}
+    <div class='crate-info'>
+        This crate has been yanked, but it is still available for download for
+        other crates that may be depending on it.
+    </div>
+{{else}}
 <div class='crate-info'>
     <div class='docs'>
         {{#if description}}
@@ -116,6 +122,7 @@
         <div id='graph-data'></div>
     </div>
 </div>
+{{/if}}
 
 <div id='crate-links'>
     <div class='section'>
@@ -173,6 +180,9 @@
                 <li>
                     {{#link-to 'crate' this}}{{ num }}{{/link-to}}
                     <span class='date'>{{ date-small created_at }}</span>
+                    {{#if yanked}}
+                        <span class='yanked'>yanked</span>
+                    {{/if}}
                 </li>
             {{/each}}
         </ul>

app/templates/crate/versions.hbs

@@ -16,6 +16,9 @@
             <div>
                 {{#link-to 'crate' this}}{{ num }}{{/link-to}}
                 <span class='small'>{{ date-long created_at }}</span>
+                {{#if yanked}}
+                    <span class='yanked'>yanked</span>
+                {{/if}}
             </div>
             {{#link-to 'crate' this class='arrow'}}
                 <img src="/assets/right-arrow-all-versions.png"/>