feat: add 2 ne widgets

Author: Olivier Bonnaure

Dockerfile

@@ -5,15 +5,14 @@
 FROM alpine AS build
 # Add your files here
 COPY . /assets/
-ARG REDBEAN_URL='https://redbean.dev/redbean-3.0.0.com'
-ADD --chmod=777 https://cosmo.zip/pub/cosmos/bin/assimilate-aarch64.elf /assimilate
+ARG REDBEAN_URL='https://cosmo.zip/pub/cosmos/bin/redbean'
+ADD --chmod=777 https://cosmo.zip/pub/cosmos/bin/assimilate-x86_64.elf /assimilate
 RUN apk add zip \
   && wget -O /redbean.com ${REDBEAN_URL} \
   && cd /assets \
   && zip -r -X /redbean.com * \
   && /assimilate /redbean.com
 
-
 FROM scratch
 WORKDIR /
 COPY --from=build --chmod=777 /redbean.com /

app/views/partials/components/breadcrumb.html.etlua

@@ -0,0 +1,11 @@
+<div class="flex item-center col-span-12">
+
+  <div class="flex items-center gap-2">
+    <% for i, item in pairs(component.items) do %>
+      <a href="<%= item.url %>" class="text-blue-500 hover:text-blue-700"><%= item.label %></a>
+      <% if i < #component.items then %>
+        <span class="text-gray-500">&gt;</span>
+      <% end %>
+    <% end %>
+  </div>
+</div>

app/views/partials/components/datagrid.html.etlua

@@ -0,0 +1,43 @@
+<% component.items = component.items or {} %>
+<div class="col-span-12">
+  <div class="border-t border-x border-gray-300 rounded-t-md p-4">
+    <div class="flex items-center gap-2 align-middle">
+      <div class="material-icons-outlined md-48">
+        paid
+      </div>
+      <div class="flex flex-col">
+        <div class=" text-gray-500 text-2xl">
+          <%= component.title %>
+        </div>
+        <div class=" text-gray-500 text-sm">
+          <%= component.comment %>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <div class="border border-gray-300 rounded-b-md p-4">
+      <div class="grid grid-cols-<%= #component.items %> gap-4">
+      <% for i, item in ipairs(component.items) do %>
+        <div class="flex flex-col">
+          <div class=" text-gray-500 text-lg uppercase">
+            <%= item.title %>
+          </div>
+          <div class="flex">
+            <div class="text-xl flex items-center gap-2 <% if item.color then %> text-<%= item.color %>-600 bg-<%= item.color %>-200 rounded-md px-4 py-1<% end %>">
+              <% if item.icon then %>
+                <div class="material-icons-outlined">
+                  <%= item.icon %>
+                </div>
+              <% end %>
+              <%= item.value %>
+            </div>
+          </div>
+          <div class=" text-gray-500 text-sm">
+            <%= item.comment %>
+          </div>
+        </div>
+      <% end %>
+    </div>
+  </div>
+</div>