Add exact_match to the frontend

Author: jwolen

app/models/crate.js

@@ -16,6 +16,7 @@ export default DS.Model.extend({
     documentation: DS.attr('string'),
     repository: DS.attr('string'),
     license: DS.attr('string'),
+    exact_match: DS.attr('boolean'),
 
     versions: DS.hasMany('versions', { async: true }),
     badges: DS.attr(),

app/styles/crate.scss

@@ -139,6 +139,18 @@
     .rev-dep-downloads {padding-left: 7px}
 }
 
+.exact-match {
+    margin-bottom: 40px;
+    border-bottom: solid beige;
+    padding-left: 40px;
+    div {
+        padding: 10px;
+    }
+    h1 {
+        color: green
+    }
+}
+
 .quick-links {
     ul {
         @include display-flex;

app/templates/search.hbs

@@ -47,7 +47,16 @@
 
 <div id='crates' class='white-rows'>
     {{#each model as |crate|}}
-        {{crate-row crate=crate}}
+        {{#if crate.exact_match}}
+            <div class='exact-match'>
+                <h1>Exact Match</h1>
+                {{crate-row crate=crate}}
+            </div>
+        {{else}}
+            <div>
+                {{crate-row crate=crate}}
+            </div>
+        {{/if}}
     {{/each}}
 </div>
 

mirage/fixtures/search.js

@@ -5,6 +5,7 @@ export default {
         "description": "Yo dawg, use Rust to generate Rust, right in your Rust. (See\n`external_mixin` to use scripting languages.)\n",
         "documentation": "https://github.com/huonw/external_mixin#rust_mixin",
         "downloads": 477,
+        "exact_match": true,
         "homepage": "https://github.com/huonw/external_mixin",
         "id": "rust_mixin",
         "keywords": ["rust", "plugin", "code-generation"],