Added better empty index.html

src/main.rs

@@ -135,9 +135,9 @@ fn run_web_ui_command_line_parser() -> Command {
         .arg(
             Arg::new("port")
                 .long("port")
-                .value_parser(clap::value_parser!(u16).range(3000..))
+                .value_parser(clap::value_parser!(u16).range(2000..))
                 .action(ArgAction::Set)
-                .default_value("3200"),
+                .default_value("2222"),
         )
         .arg(
             Arg::new("enable-template-autoreload")
@@ -241,7 +241,7 @@ fn process_run_wui_command_line(
     logic: &mut dyn CommandLineUserLogic,
 ) {
     debug!("Processing run wui command line {:?}.", m);
-    let mut port = m.get_one::<u16>("port").unwrap_or(&3200);
+    let mut port = m.get_one::<u16>("port").unwrap_or(&2222);
     let enable_template_autoreload = m.get_flag("enable-template-autoreload");
     logic.run_webui(conn, *port, enable_template_autoreload);
 }
@@ -505,7 +505,8 @@ impl CommandLineUserLogic for ProCommandLineLogic {
 
     fn run_webui(&mut self, conn: &mut Connection, port: u16, enable_template_autoreload: bool) {
         info!("Serving web-ui on port {:?}", port);
-        web_ui_main(port, enable_template_autoreload);
+        web_ui_main(port,
+                    enable_template_autoreload);
     }
 }
 

src/webui/mod.rs

@@ -25,7 +25,7 @@ impl MiniJinjaRenderer {
         &self,
         tmpl: &str,
         ctx: impl Into<minijinja::value::Value>,
-    ) -> actix_web::Result<Html> {
+    ) -> Result<Html> {
         log::info!("Rendering template {:?}", tmpl);
         self.tmpl_env
             .acquire_env()

templates/base.html

@@ -4,10 +4,22 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>ledger</title>
-    <script src="https://cdn.tailwindcss.com"></script>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/uikit/2.27.5/css/uikit.min.css" />
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/2.27.5/js/uikit.min.js"></script>
     <script src="https://unpkg.com/htmx.org@1.8.5"></script>
   </head>
 
-  <body>{% block body %}{% endblock %}</body>
+  <body>
+    <nav class="uk-navbar">
+      <a href="" class="uk-navbar-brand">Ledger</a>
+    </nav>
+
+    <div class="uk-grid">
+      <div class="uk-width-2-3 uk-container-center">
+        {% block body %}
+        {% endblock %}
+      </div>
+    </div>
+  </body>
 
 </html>

templates/index.html

@@ -1,5 +1,18 @@
 {% extends "base.html" %}
 
 {% block body %}
-<h1>Hello World!</h1>
+<h2>Securities</h2>
+<table class="uk-table">
+  <thead>
+  <tr>
+    <th>Security</th>
+  </tr>
+  </thead>
+  <tbody>
+  <tr>
+    <td>UAD</td>
+  </tr>
+  </tbody>
+</table>
+
 {% endblock %}