Implement inventory ids

2 files changed, 13 insertions, 1 deletions

diff --git a/templates/default-layout.cassius b/templates/default-layout.cassius
index bd76a01..61a4046 100644
--- a/templates/default-layout.cassius
+++ b/templates/default-layout.cassius
@@ -31,6 +31,12 @@
   text-align: center
   padding: 0.25em
   color: #aaa
+.itemId
+  display: table-cell
+  text-align: left
+  padding: 0.25em
+  color: #aaa
+  font-family: monospace
 .table .table .td, .table .table .tc, .table .table .th, .table .table .kind
   padding: 0
 table table td, table table th
@@ -43,7 +49,7 @@ table table td, table table th
   font-weight: bold
   .formError
     color: #800
-  .printSuccess
+  .printSuccess, .insertSuccess
     color: #080
 button
   width: 6em
@@ -94,3 +100,5 @@ label.checkbox
     vertical-align: middle
   span
     vertical-align: middle
+.itemH
+  display: table-cell
\ No newline at end of file
diff --git a/templates/inventoryListing.hamlet b/templates/inventoryListing.hamlet
index 3be43db..f0ff1e4 100644
--- a/templates/inventoryListing.hamlet
+++ b/templates/inventoryListing.hamlet
@@ -1,5 +1,6 @@
 <div .table>
   <div .tr .sepBelow>
+    <div .itemH>
     <div .th>Item
     <div .th>Type
     <div .th>Bought
@@ -9,6 +10,7 @@
   $if isJust (preview insertForm =<< formState)
     $with Just InsertForm{..} <- formState
       <form .tr .sepBelow action=@{InventoryListingR} method=post enctype=#{fsInsertEncoding}>
+        <div .td>
         ^{fsInsertForm}
         <div .td>
           <button type=submit>
@@ -17,12 +19,14 @@
     $if Just itemId == (preview updateId =<< formState)
       $with Just UpdateForm{..} <- formState
          <form .tr .color action=@{UpdateItemR fsUpdateId}##{toPathPiece fsUpdateId} method=post enctype=#{fsUpdateEncoding} ##{toPathPiece fsUpdateId}>
+           <div .itemId>#{humanId itemId}
            ^{fsUpdateForm}
            <div .td>
              <button type=submit>
                Save Changes
     $else
       <div .tr .color ##{toPathPiece itemId}>
+        <div .itemId>#{humanId itemId}
         <div .kind>#{itemKind}
         <div .type>#{itemType}
         <div .td .day>