Merge pull request #13 from fleetbase/feature/gnu-taler-lifecycle

v0.0.8: Complete GNU Taler payment lifecycle & Refactor Gateways UI

Author: roncodes

.github/workflows/server.yml

@@ -37,5 +37,15 @@ jobs:
     - name: Run Lint
       run: composer lint
 
-    # - name: Run Tests -- Will add tests back after phppest issue https://github.com/pestphp/pest/issues/920 is fixed
-    #   run: composer test:unit
+    - name: Run Tests
+      run: composer test:unit
+
+    - name: Generate Coverage Baseline
+      run: XDEBUG_MODE=coverage composer coverage:baseline
+
+    - name: Upload Coverage Baseline
+      uses: actions/upload-artifact@v4
+      with:
+        name: ledger-coverage-clover
+        path: coverage/clover.xml
+        if-no-files-found: error

addon/components/gateway/catalog-card.hbs

@@ -0,0 +1,34 @@
+<button
+    type="button"
+    class="group flex min-h-[150px] flex-col rounded-md border border-gray-200 bg-white p-3 text-left transition hover:border-blue-300 hover:shadow-sm dark:border-gray-700 dark:bg-gray-800 dark:hover:border-blue-400"
+    {{on "click" (fn @onClick @driver)}}
+    ...attributes
+>
+    <div class="flex items-start justify-between gap-3">
+        <div class="flex min-w-0 items-start gap-3">
+            <div class="flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-md border border-gray-200 bg-gray-50 text-gray-700 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-200">
+                <FaIcon @icon={{@driver.icon}} />
+            </div>
+            <div class="min-w-0">
+                <div class="truncate text-sm font-bold text-gray-900 dark:text-gray-100">{{@driver.name}}</div>
+                <div class="truncate text-[10px] uppercase text-gray-400 dark:text-gray-500">{{@driver.type}}</div>
+            </div>
+        </div>
+        <Badge @status={{if @driver.connected "success" "info"}} @hideStatusDot={{true}}>{{if @driver.connected "Connected" "Available"}}</Badge>
+    </div>
+
+    <p class="mt-3 line-clamp-2 text-xs leading-5 text-gray-500 dark:text-gray-300">{{@driver.description}}</p>
+
+    <div class="mt-3 flex flex-wrap gap-1">
+        {{#each @driver.capabilities as |capability|}}
+            <Badge @color="blue">{{capability}}</Badge>
+        {{else}}
+            <Badge @color="gray">Manual</Badge>
+        {{/each}}
+    </div>
+
+    <div class="mt-auto flex items-center justify-between pt-3 text-xs font-semibold text-blue-600 dark:text-blue-300">
+        <span>{{if @driver.connected "Manage gateway" "Connect gateway"}}</span>
+        <FaIcon @icon="arrow-right" class="transition group-hover:translate-x-0.5" />
+    </div>
+</button>

addon/components/gateway/catalog-card.js

@@ -0,0 +1,3 @@
+import Component from '@glimmer/component';
+
+export default class GatewayCatalogCardComponent extends Component {}