web/admin: show flow title in list

Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org>

web/src/interfaces/AdminInterface.ts

@@ -253,7 +253,7 @@ export class AdminInterface extends LitElement {
                 </ak-sidebar-item>
             </ak-sidebar-item>
             <ak-sidebar-item>
-                <span slot="label">${t`Flows`}</span>
+                <span slot="label">${t`Flows & Stages`}</span>
                 <ak-sidebar-item
                     path="/flow/flows"
                     .activeWhen=${[`^/flow/flows/(?<slug>${SLUG_REGEX})$`]}

web/src/locales/en.po

@@ -2070,7 +2070,6 @@ msgstr "Flow used when authorizing this provider."
 msgid "Flow(s)"
 msgstr "Flow(s)"
 
-#: src/interfaces/AdminInterface.ts
 #: src/interfaces/AdminInterface.ts
 #: src/pages/admin-overview/AdminOverviewPage.ts
 #: src/pages/flows/FlowListPage.ts
@@ -2078,6 +2077,10 @@ msgstr "Flow(s)"
 msgid "Flows"
 msgstr "Flows"
 
+#: src/interfaces/AdminInterface.ts
+msgid "Flows & Stages"
+msgstr "Flows & Stages"
+
 #: src/pages/flows/FlowListPage.ts
 msgid "Flows describe a chain of Stages to authenticate, enroll or recover a user. Stages are chosen based on policies applied to them."
 msgstr "Flows describe a chain of Stages to authenticate, enroll or recover a user. Stages are chosen based on policies applied to them."

web/src/locales/fr_FR.po

@@ -2056,7 +2056,6 @@ msgstr "Flux utilisé lors de l'autorisation de ce fournisseur."
 msgid "Flow(s)"
 msgstr "Flux"
 
-#: src/interfaces/AdminInterface.ts
 #: src/interfaces/AdminInterface.ts
 #: src/pages/admin-overview/AdminOverviewPage.ts
 #: src/pages/flows/FlowListPage.ts
@@ -2064,6 +2063,10 @@ msgstr "Flux"
 msgid "Flows"
 msgstr "Flux"
 
+#: src/interfaces/AdminInterface.ts
+msgid "Flows & Stages"
+msgstr ""
+
 #: src/pages/flows/FlowListPage.ts
 msgid "Flows describe a chain of Stages to authenticate, enroll or recover a user. Stages are chosen based on policies applied to them."
 msgstr "Les flux décrivent une succession d'étapes pour authentifier, inscrire ou récupérer un utilisateur. Les étapes sont choisies en fonction des politiques qui leur sont appliquées."

web/src/locales/pseudo-LOCALE.po

@@ -2062,7 +2062,6 @@ msgstr ""
 msgid "Flow(s)"
 msgstr ""
 
-#: src/interfaces/AdminInterface.ts
 #: src/interfaces/AdminInterface.ts
 #: src/pages/admin-overview/AdminOverviewPage.ts
 #: src/pages/flows/FlowListPage.ts
@@ -2070,6 +2069,10 @@ msgstr ""
 msgid "Flows"
 msgstr ""
 
+#: src/interfaces/AdminInterface.ts
+msgid "Flows & Stages"
+msgstr ""
+
 #: src/pages/flows/FlowListPage.ts
 msgid "Flows describe a chain of Stages to authenticate, enroll or recover a user. Stages are chosen based on policies applied to them."
 msgstr ""

web/src/locales/tr.po

@@ -2033,7 +2033,6 @@ msgstr "Bu sağlayıcıyı yetkilendirirken kullanılan akış."
 msgid "Flow(s)"
 msgstr "Akış (ler)"
 
-#: src/interfaces/AdminInterface.ts
 #: src/interfaces/AdminInterface.ts
 #: src/pages/admin-overview/AdminOverviewPage.ts
 #: src/pages/flows/FlowListPage.ts
@@ -2041,6 +2040,10 @@ msgstr "Akış (ler)"
 msgid "Flows"
 msgstr "Akışlar"
 
+#: src/interfaces/AdminInterface.ts
+msgid "Flows & Stages"
+msgstr ""
+
 #: src/pages/flows/FlowListPage.ts
 msgid "Flows describe a chain of Stages to authenticate, enroll or recover a user. Stages are chosen based on policies applied to them."
 msgstr "Akışlar, bir kullanıcının kimliğini doğrulamak, kaydetmek veya kurtarmak için Aşama zincirini tanımlar. Aşamalar, bunlara uygulanan politikalara göre seçilir."

web/src/pages/flows/FlowListPage.ts

@@ -91,9 +91,14 @@ export class FlowListPage extends TablePage<Flow> {
 
     row(item: Flow): TemplateResult[] {
         return [
-            html`<a href="#/flow/flows/${item.slug}">
+            html`<div>
-                <code>${item.slug}</code>
+                <div>
-            </a>`,
+                    <a href="#/flow/flows/${item.slug}">
+                        <code>${item.slug}</code>
+                    </a>
+                </div>
+                <small>${item.title}</small>
+            </div>`,
             html`${item.name}`,
             html`${Array.from(item.stages || []).length}`,
             html`${Array.from(item.policies || []).length}`,

web/src/pages/policies/PolicyListPage.ts

@@ -75,7 +75,7 @@ export class PolicyListPage extends TablePage<Policy> {
                 <div>${item.name}</div>
                 ${(item.boundTo || 0) > 0
                     ? html`<i class="pf-icon pf-icon-ok"></i>
-                          <small> ${t`Assigned to ${item.boundTo} object(s).`} </small>`
+                          <small>${t`Assigned to ${item.boundTo} object(s).`}</small>`
                     : html`<i class="pf-icon pf-icon-warning-triangle"></i>
                           <small>${t`Warning: Policy is not assigned.`}</small>`}
             </div>`,

web/src/pages/providers/ProviderListPage.ts

@@ -95,7 +95,7 @@ export class ProviderListPage extends TablePage<Provider> {
                 : html`<i class="pf-icon pf-icon-warning-triangle pf-m-warning"></i>
                       ${t`Warning: Provider not assigned to any application.`}`,
             html`${item.verboseName}`,
-            html` <ak-forms-modal>
+            html`<ak-forms-modal>
                 <span slot="submit"> ${t`Update`} </span>
                 <span slot="header"> ${t`Update ${item.verboseName}`} </span>
                 <ak-proxy-form