From 5533ccd17b68e0d4971f71d4b191e2678d55d3d2 Mon Sep 17 00:00:00 2001
From: David Ashby <delta.mu.alpha@gmail.com>
Date: Sun, 3 Sep 2017 15:51:54 -0400
Subject: [PATCH] add "loan" to spreadsheet and represent in UI

---
 css/style.css | 12 ++++++++++++
 index.html    |  9 ++++++---
 2 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/css/style.css b/css/style.css
index 7a36f6a..e982225 100644
--- a/css/style.css
+++ b/css/style.css
@@ -107,6 +107,10 @@
   cursor: pointer;
 }
 
+.bookTable .onLoan {
+  color: #bbb;
+}
+
 .bookTable .tRow .title {
   font-style: italic;
   max-width: 600px;
@@ -133,4 +137,12 @@
 
 #current .description p {
   padding: 20px 0;
+}
+
+#current h1.onLoan {
+  color: #bbb;
+}
+
+#current h2.onLoan {
+  font-weight: bold;
 }
\ No newline at end of file
diff --git a/index.html b/index.html
index a287ade..a5362ff 100644
--- a/index.html
+++ b/index.html
@@ -141,7 +141,7 @@
         <th class="tHeader isbn">ISBN</th>
       </tr>
       {{#books}}
-        <tr class="tRow" id="{{rowNumber}}">
+        <tr class="tRow {{#onLoan}}onLoan{{/onLoan}}" id="{{rowNumber}}">
           <td class="title">{{title}}
           {{#signed}}<span class="signed" title="Signed by the author">✒</span>︎{{/signed}}</td>
           <td class="author">{{author}}</td>
@@ -156,9 +156,9 @@
   <script id="View" type="text/html">
     {{#book}}
       {{#coverurl}}
-        <img src="{{coverurl}}"/>
+      <img src="{{coverurl}}"/>
       {{/coverurl}}
-      <h1>{{title}}</h1>
+      <h1 {{#onLoan}}class="onLoan" {{/onLoan}}>{{title}}</h1>
       <h2>{{author}}</h2>
       <span>{{isbn-13}}</span><br/>
       <span>{{publisher}}, {{year}}</span><br/>
@@ -169,6 +169,9 @@
         <span>Signed by the author ✒</span><br/>
       {{/signed}}
       <span>{{format}}</span>
+      {{#onLoan}}
+      <h2 class="onLoan">On loan to {{onLoan}}</h2>
+      {{/onLoan}}
       <div class="description">
         <p>{{description}}</p>
         {{#notes}}