Merge branch 'update_demo-app' into 'main'

Demo: add Auswertungen List-Layout

See merge request !81

alfa-client/apps/demo/src/app/app.component.html

@@ -56,6 +56,70 @@
         <ods-button destructive="true" variant="ghost" text="Organisationseinheit hinzufügen" />
       </div>
 
+      <div class="my-12">
+        <h1 class="mb-6 text-2xl font-semibold text-text">Auswertungen</h1>
+        <ods-button text="Auswertung hinzufügen" />
+        <ul class="mt-6 divide-y divide-gray-300 rounded-md bg-background-50 text-text shadow-sm ring-1 ring-gray-300">
+          <li>
+            <a
+              href="#"
+              class="flex flex-col items-start justify-between gap-2 rounded-t-md border-primary-600/50 px-6 py-4 hover:bg-background-150 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus lg:flex-row lg:gap-6"
+            >
+              <div class="flex-1">
+                <div class="flex flex-wrap items-center gap-x-3">
+                  <h3 class="text-md font-semibold">Titel der Auswertung</h3>
+                </div>
+              </div>
+
+              <dl class="flex-1">
+                <dt class="sr-only">Formengine:</dt>
+                <dd>Formsolutions</dd>
+                <dt class="sr-only">FormID:</dt>
+                <dd>waffen/kleinerWaffenscheinKOPutopia</dd>
+              </dl>
+            </a>
+          </li>
+          <li>
+            <a
+              href="#"
+              class="flex flex-col items-start justify-between gap-2 rounded-t-md border-primary-600/50 px-6 py-4 hover:bg-background-150 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus lg:flex-row lg:gap-6"
+            >
+              <div class="flex-1">
+                <div class="flex flex-wrap items-center gap-x-3">
+                  <h3 class="text-md font-semibold">Auswertungstitel 2</h3>
+                </div>
+              </div>
+
+              <dl class="flex-1">
+                <dt class="sr-only">Formengine:</dt>
+                <dd>AFM / cit/Intelliform</dd>
+                <dt class="sr-only">FormID:</dt>
+                <dd>eGewerbe/eGewerbeAnmeldung</dd>
+              </dl>
+            </a>
+          </li>
+          <li>
+            <a
+              href="#"
+              class="flex flex-col items-start justify-between gap-2 rounded-t-md border-primary-600/50 px-6 py-4 hover:bg-background-150 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus lg:flex-row lg:gap-6"
+            >
+              <div class="flex-1">
+                <div class="flex flex-wrap items-center gap-x-3">
+                  <h3 class="text-md font-semibold">Titel 3</h3>
+                </div>
+              </div>
+
+              <dl class="flex-1">
+                <dt class="sr-only">Formengine:</dt>
+                <dd>dFördermittelantrag</dd>
+                <dt class="sr-only">FormID:</dt>
+                <dd>waffen/kleinerWaffenschein</dd>
+              </dl>
+            </a>
+          </li>
+        </ul>
+      </div>
+
       <div class="my-12">
         <h1 class="mb-6 text-2xl font-semibold text-text">Organisationseinheiten</h1>
         <ods-button text="Organisationseinheit hinzufügen" />