From 249ee195ce52ee4a4defeb67a33ef353919d3a11 Mon Sep 17 00:00:00 2001
From: Gabriel Arakaki Giovanini <mail@gabrielgio.me>
Date: Sun, 25 Jun 2023 19:09:54 +0200
Subject: feat: Add user list UI

Fill user settings UI with actual data.
---
 templates/settings.html | 47 ++++++++++++++---------------------------------
 1 file changed, 14 insertions(+), 33 deletions(-)

(limited to 'templates/settings.html')

diff --git a/templates/settings.html b/templates/settings.html
index 2aa1a80..8c08773 100644
--- a/templates/settings.html
+++ b/templates/settings.html
@@ -7,7 +7,7 @@
             <div class="field">
                 <div class="control">
                     <label class="checkbox">
-                        <input type="checkbox" id="showMode" name="showMode" {{if .Data.ShowMode}}checked{{end}}>
+                        <input type="checkbox" id="showMode" name="showMode" {{if .Data.Settings.ShowMode}}checked{{end}}>
                         Show File Modes
                     </label>
                 </div>
@@ -15,7 +15,7 @@
             <div class="field">
                 <div class="control">
                     <label class="checkbox">
-                        <input type="checkbox" id="showOwner" name="showOwner" {{if .Data.ShowOwner}}checked{{end}}>
+                        <input type="checkbox" id="showOwner" name="showOwner" {{if .Data.Settings.ShowOwner}}checked{{end}}>
                         Show File Owner
                     </label>
                 </div>
@@ -26,38 +26,19 @@
         </form>
     </div>
     <div class="column">
-        <div class="table-container">
-            <table class="table">
-                <thead>
-                    <tr>
-                        <th>Username</th>
-                        <th>Path</th>
-                        <th>Is Admin?</th>
-                        <th>Action</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>gabrielgio</td>
-                        <td>/home/gabrielgio</td>
-                        <td>yes</td>
-                        <td>
-                            <a href="#" class="button is-small">Edit</button>
-                            <a href="#" class="button is-small is-danger">Delete</button>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td>beatriz</td>
-                        <td>/home/beatriz</td>
-                        <td>no</td>
-                        <td>
-                            <a href="#" class="button is-small">Edit</button>
-                            <a href="#" class="button is-small is-danger">Delete</button>
-                        </td>
-                    </tr>
-                </tbody>
-            </table>
+        {{range .Data.Users}}
+        <div class="panel-block">
+            <div class="columns wide-column is-gapless is-mobile">
+                <div class="column">
+                    {{.Username}}
+                </div>
+                <div class="column">
+                    {{.Path}}
+                </div>
+                <div class="column  has-text-right"><a href="#">Edit</a> / <a href="#" class="is-danger">Delete</a></div>
+            </div>
         </div>
+        {{end}}
     </div>
 </div>
 {{end}}
-- 
cgit v1.2.3