From 54ad6b8dd97366e4c438c753318eb77e8b487f7e Mon Sep 17 00:00:00 2001
From: Jens Langhammer <jens.langhammer@beryju.org>
Date: Fri, 2 Apr 2021 12:48:09 +0200
Subject: [PATCH] web/admin: fix flows not showing slug

Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org>
---
 web/src/pages/flows/StageBindingForm.ts                | 2 +-
 web/src/pages/providers/oauth2/OAuth2ProviderForm.ts   | 2 +-
 web/src/pages/providers/proxy/ProxyProviderForm.ts     | 2 +-
 web/src/pages/providers/saml/SAMLProviderForm.ts       | 2 +-
 web/src/pages/providers/saml/SAMLProviderImportForm.ts | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/web/src/pages/flows/StageBindingForm.ts b/web/src/pages/flows/StageBindingForm.ts
index f834bf4da..5a7a9e8a2 100644
--- a/web/src/pages/flows/StageBindingForm.ts
+++ b/web/src/pages/flows/StageBindingForm.ts
@@ -80,7 +80,7 @@ export class StageBindingForm extends Form<FlowStageBinding> {
                 }).then(flows => {
                     return flows.results.map(flow => {
                         // No ?selected check here, as this input isnt shown on update forms
-                        return html`<option value=${ifDefined(flow.pk)}>${flow.name}</option>`;
+                        return html`<option value=${ifDefined(flow.pk)}>${flow.name} (${flow.slug})</option>`;
                     });
                 }), html``)}
             </select>
diff --git a/web/src/pages/providers/oauth2/OAuth2ProviderForm.ts b/web/src/pages/providers/oauth2/OAuth2ProviderForm.ts
index 929b319fb..b823a3720 100644
--- a/web/src/pages/providers/oauth2/OAuth2ProviderForm.ts
+++ b/web/src/pages/providers/oauth2/OAuth2ProviderForm.ts
@@ -61,7 +61,7 @@ export class OAuth2ProviderFormPage extends Form<OAuth2Provider> {
                         designation: FlowDesignationEnum.Authorization,
                     }).then(flows => {
                         return flows.results.map(flow => {
-                            return html`<option value=${ifDefined(flow.pk)} ?selected=${this.provider?.authorizationFlow === flow.pk}>${flow.name}</option>`;
+                            return html`<option value=${ifDefined(flow.pk)} ?selected=${this.provider?.authorizationFlow === flow.pk}>${flow.name} (${flow.slug})</option>`;
                         });
                     }))}
                 </select>
diff --git a/web/src/pages/providers/proxy/ProxyProviderForm.ts b/web/src/pages/providers/proxy/ProxyProviderForm.ts
index 5f1e1e39a..2d2e08fd7 100644
--- a/web/src/pages/providers/proxy/ProxyProviderForm.ts
+++ b/web/src/pages/providers/proxy/ProxyProviderForm.ts
@@ -61,7 +61,7 @@ export class ProxyProviderFormPage extends Form<ProxyProvider> {
                         designation: FlowDesignationEnum.Authorization,
                     }).then(flows => {
                         return flows.results.map(flow => {
-                            return html`<option value=${ifDefined(flow.pk)} ?selected=${this.provider?.authorizationFlow === flow.pk}>${flow.name}</option>`;
+                            return html`<option value=${ifDefined(flow.pk)} ?selected=${this.provider?.authorizationFlow === flow.pk}>${flow.name} (${flow.slug})</option>`;
                         });
                     }))}
                 </select>
diff --git a/web/src/pages/providers/saml/SAMLProviderForm.ts b/web/src/pages/providers/saml/SAMLProviderForm.ts
index 51b921902..d2e6c273d 100644
--- a/web/src/pages/providers/saml/SAMLProviderForm.ts
+++ b/web/src/pages/providers/saml/SAMLProviderForm.ts
@@ -61,7 +61,7 @@ export class SAMLProviderFormPage extends Form<SAMLProvider> {
                         designation: FlowDesignationEnum.Authorization,
                     }).then(flows => {
                         return flows.results.map(flow => {
-                            return html`<option value=${ifDefined(flow.pk)} ?selected=${this.provider?.authorizationFlow === flow.pk}>${flow.name}</option>`;
+                            return html`<option value=${ifDefined(flow.pk)} ?selected=${this.provider?.authorizationFlow === flow.pk}>${flow.name} (${flow.slug})</option>`;
                         });
                     }))}
                 </select>
diff --git a/web/src/pages/providers/saml/SAMLProviderImportForm.ts b/web/src/pages/providers/saml/SAMLProviderImportForm.ts
index 1116e2251..c0d79cae0 100644
--- a/web/src/pages/providers/saml/SAMLProviderImportForm.ts
+++ b/web/src/pages/providers/saml/SAMLProviderImportForm.ts
@@ -46,7 +46,7 @@ export class SAMLProviderImportForm extends Form<SAMLProvider> {
                         designation: FlowDesignationEnum.Authorization,
                     }).then(flows => {
                         return flows.results.map(flow => {
-                            return html`<option value=${ifDefined(flow.pk)}>${flow.name}</option>`;
+                            return html`<option value=${ifDefined(flow.pk)}>${flow.name} (${flow.slug})</option>`;
                         });
                     }))}
                 </select>