Rough in species

app/templates/application.hbs

@@ -4,6 +4,9 @@
     {{/link-to}}
     {{#if session.isAuthenticated}}
       <ul>
+        {{#link-to 'species' tagName='li' href=false}}
+          {{#link-to 'species'}}Species{{/link-to}}
+        {{/link-to}}
         {{#link-to 'strains' tagName='li' href=false}}
           {{#link-to 'strains'}}Strains{{/link-to}}
         {{/link-to}}

app/templates/components/species/species-details.hbs

@@ -0,0 +1,76 @@
+<div class="span-1">
+  <fieldset {{bind-attr class=":flakes-information-box isEditing"}}>
+    <legend>
+      Species
+        {{#if isEditing}}
+          {{input value=species.speciesName}}
+        {{else}}
+          {{species.speciesName}}
+        {{/if}}
+        {{display-errors a=species.errors.speciesName}}
+    </legend>
+
+    {{! ROW 1 }}
+    <div class="grid-4">
+      <dl class="span-4">
+        <dt>Type Species?</dt>
+        <dd>
+          {{#if isEditing}}
+            {{input type="checkbox" checked=species.typeSpecies}}
+          {{/if}}
+          {{if species.typeSpecies 'Yes' 'No'}}
+          {{display-errors a=species.errors.typeSpecies}}
+        </dd>
+      </dl>
+    </div>
+
+    {{! ROW 2 }}
+    <div class="grid-4">
+      <dl class="span-4">
+        <dt>Etymology</dt>
+        <dd>
+          {{#if isEditing}}
+            {{textarea value=species.etymology cols="70" rows="3"}}
+          {{else}}
+            {{species.etymology}}
+          {{/if}}
+          {{display-errors a=species.errors.etymology}}
+        </dd>
+      </dl>
+    </div>
+
+    {{! ROW 3 }}
+    <div class="grid-4">
+      <dl class="span-1">
+        <dt>Record Created</dt>
+        <dd>{{null-time species.createdAt 'LL'}}</dd>
+      </dl>
+      <dl class="span-1">
+        <dt>Record Updated</dt>
+        <dd>{{null-time species.updatedAt 'LL'}}</dd>
+      </dl>
+      <dl class="span-1">
+        <dt>Record Deleted</dt>
+        <dd>{{null-time species.deletedAt 'LL'}}</dd>
+      </dl>
+      <dl class="span-1"></dl>
+    </div>
+
+    {{! ROW 4 }}
+    {{#if (can "edit species" strain)}}
+      <div class="grid-4">
+        <div class="span-1">
+          {{! Does nothing ATM }}
+          <a {{bind-attr class=":smaller isEditing:button-red:button-gray"}} {{action 'editSpecies'}}>
+            {{#if isEditing}}Cancel{{else}}Edit{{/if}}
+          </a>
+          {{#if isEditing}}
+            <a class="button-green smaller" {{action 'saveSpecies'}}>
+              Save
+            </a>
+          {{/if}}
+        </div>
+      </div>
+    {{/if}}
+  </fieldset>
+</div>

app/templates/species.hbs

@@ -0,0 +1 @@
+{{outlet}}

app/templates/species/index.hbs

@@ -0,0 +1,30 @@
+<h2>{{genus-name}} Species</h2>
+<h3>Total species: {{controller.length}}</h3>
+
+{{#if (can "add species")}}
+  {{! Does nothing ATM }}
+  {{#link-to 'species.new' class="button-gray smaller"}}
+    Add Species
+  {{/link-to}}
+{{/if}}
+
+<table class="flakes-table">
+  <thead>
+    <tr>
+      <th {{action "setSortBy" "speciesName"}}>Name</th>
+      <th {{action "setSortBy" "totalStrains"}}>Strains</th>
+    </tr>
+  </thead>
+  <tbody>
+    {{#each species in controller}}
+      <tr>
+        <td>
+          {{#link-to 'species.show' species}}
+            {{species.speciesName}}
+          {{/link-to}}
+        </td>
+        <td>{{species.totalStrains}}</td>
+      </tr>
+    {{/each}}
+  </tbody>
+</table>

app/templates/species/new.hbs

@@ -0,0 +1 @@
+{{species/species-details species=model isEditing=true isNew=true action="cancelSpecies"}}

app/templates/species/show.hbs

@@ -0,0 +1 @@
+{{species/species-details species=model}}