From feeab6f1818afa32b6a7b4e9dfe1e8565bdbb743 Mon Sep 17 00:00:00 2001
From: bel <me@me.me>
Date: Sun, 15 Mar 2020 17:20:44 +0000
Subject: [PATCH] Make status and relevant smiley emote float right

---
 TODO.md              |  8 ++++----
 public/css/water.css |  8 ++++++++
 public/js/js.js      | 10 +++++++++-
 3 files changed, 21 insertions(+), 5 deletions(-)

diff --git a/TODO.md b/TODO.md
index 05a9451..e9775a4 100755
--- a/TODO.md
+++ b/TODO.md
@@ -5,9 +5,9 @@
    x  jobs
    1. job definition
    1. next runtime
-   1. last runtime
-   1. last output
-   1. add titles to jobs
+   x  last runtime
+   x  last output
+   x  add titles to jobs
    1. job title includes last pass/fail icon
    1. button to modify (copies to upsert form)
    1. button to delete
@@ -38,5 +38,5 @@ x  load from file
 1. change cron to load the full job from storage so not holding big queued jobs in ram
 x  add optional second for test main
 1. test main
-1. add titles to jobs
+x  add titles to jobs
 1. namespace for jobs, output, lastrun, laststatus
diff --git a/public/css/water.css b/public/css/water.css
index 0d2911a..966a974 100755
--- a/public/css/water.css
+++ b/public/css/water.css
@@ -31,3 +31,11 @@ body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxyg
 #jobs > tbody > tr:nth-child(2n+1) > td > details {
    background-color: #161f27;
 }
+
+#jobs > tbody > tr > td > details > summary > span:not(:first-child) {
+   float: right;
+}
+
+#jobs > tbody > tr > td > details > table > tbody > tr > td {
+   font-family: monospace;
+}
diff --git a/public/js/js.js b/public/js/js.js
index 99f536f..ab4395d 100755
--- a/public/js/js.js
+++ b/public/js/js.js
@@ -38,8 +38,16 @@ function init() {
       })
    }
    function format(job) {
+      var smiley = "128522"
+      if (job.last.status != 0) {
+         smiley = "129324"
+      }
+      smiley = `&#${smiley};`
       return `<tr><td><details>
-         <summary name="${job.id}">(${job.last.status}) ${job.title}</summary>
+         <summary name="${job.id}"}">
+            <span>${job.title}</span>
+            <span>${job.last.status} ${smiley}</span>
+         </summary>
          <table>
             <tr>
                <td><code>${job.cron}</code></td>