styling

readme.md

@@ -3,9 +3,14 @@
 A _simpler_ trust based ledger.
 
 The entire application is contained within `strichliste.lua`. This script
-implements CGI. It was tested against Lua version 5.4.7. The "database" will be
-written to a file named `log` in the working directory.
+implements CGI. It was tested against Lua version 5.4.7. Application data is
+stored in a number of files in the process working directory (See below).
 
 The repository also contains a configuration file for the
 [gnix http server](https://codeberg.org/metamuffin/gnix) (`gnix.yaml`) which is
 useful for development or proxyless deployments.
+
+## Data Files
+
+- `log` stores the transaction log as CSV (`time,user,amount,comment`)
+- `products` stores the product list as CSV (`barcode,price,name`)

strichliste.lua

@@ -41,7 +41,9 @@ local stylesheet = [[
     .amount-neg { color: red; }
     nav h2 { display: inline-block }
     .notif { padding: 0.5em; margin: 0.5em; background-color: #ddd; }
-    .notif p { margin: 5px }
+    .notif p { margin: 5px; }
+    form.box { border: 2px solid grey; padding: 0.5em; margin: 0.5em; display: inline-block; }
+    form h3 { margin: 5px; }
 ]]
 
 local script = [[
@@ -160,7 +162,7 @@ local function r_user()
             return respond_error("failed to open log")
         end
         local time = os.time()
-        log:write(string.format("%d,%s,%s,%s\n", time, username, amount, comment))
+        log:write(string.format("%d,%s,%d,%s\n", time, username, amount, comment))
         log:flush()
         log:close()
         notif = string.format(
@@ -185,7 +187,8 @@ local function r_user()
         print(string.format("<p>Current balance: <span class=\"amount-%s\">%.02f€</p>", balance >= 0 and "pos" or "neg",
             balance / 100))
         print([[
-            <form class="transaction" action="" method="POST">
+            <form class="transaction box" action="" method="POST">
+                <h3>Create Transaction</h3>
                 <label for="amount">Amount: </label>
                 <input type="number" name="amount" id="amount" /><br/>
                 <label for="comment">Comment: </label>
@@ -216,8 +219,9 @@ local function r_log()
         print("<table>")
         print("<tr><th>Time</th><th>Username</th><th>Amount</th><th>Comment</th></tr>")
         for time, username, amount, comment in read_log() do
-            print(string.format("<tr><td>%d</td><td>%s</td><td>%.02f€</td><td>%s</td></tr>", time, escape(username),
-                amount / 100, escape(comment)))
+            print(string.format("<tr><td>%d</td><td>%s</td><td class=\"amount-%s\">%.02f€</td><td>%s</td></tr>", time,
+                escape(username),
+                amount >= 0 and "pos" or "neg", amount / 100, escape(comment)))
         end
         print("</table>")
     end)
@@ -226,7 +230,8 @@ end
 local function r_index()
     return respond(200, "Users", function()
         print([[
-            <form action="/" method="GET">
+            <form action="/" method="GET" class="box">
+                <h3>User Creation</h3>
                 <label for="username">Username: </label>
                 <input type="text" name="create_user" id="username" /><br/>
                 <input type="submit" value="Continue" />