feat: add gitlab provider templates (#5405)

* feat(api): add google provider template

* refactor reduce functions

* handle removed event

* linting

* fix projection

* feat(api): add generic oauth provider template

* feat(api): add github provider templates

* feat(api): add github provider templates

* fixes

* proto comment

* fix filtering

* requested changes

* feat(api): add generic oauth provider template

* remove wrongly committed message

* increase budget for angular build

* fix linting

* fixes

* fix merge

* fix merge

* fix projection

* fix merge

* updates from previous PRs

* enable github providers in login

* fix merge

* fix test and add github styling in login

* cleanup

* feat(api): add gitlab provider templates

* fix: merge

* fix display of providers in login

* implement gitlab in login and make prompt `select_account` optional since gitlab can't handle it

* fix merge

* fix merge and add tests for command side

* requested changes

* requested changes

* Update internal/query/idp_template.go

Co-authored-by: Silvan <silvan.reusser@gmail.com>

* fix merge

* requested changes

---------

Co-authored-by: Silvan <silvan.reusser@gmail.com>

internal/api/ui/login/static/resources/themes/scss/styles/identity_provider/identity_provider_base.scss

@@ -4,6 +4,7 @@ $lgn-idp-provider-name-line-height: 36px;
 $lgn-idp-border-radius: .5rem;
 $googlelogosource: '../../../images/idp/google';
 $githublogosource: '../../../images/idp/github';
+$gitlablogosource: '../../../images/idp/gitlab';
 
 @mixin lgn-idp-base {
     display: block;
@@ -52,4 +53,16 @@ $githublogosource: '../../../images/idp/github';
             border-radius: 5px;
         }
     }
+
+    &.gitlab {
+        span.logo {
+            height: 46px;
+            width: 46px;
+            background-image: url($gitlablogosource + '.png');
+            background-size: 100%;
+            background-position: center;
+            background-repeat: no-repeat;
+            border-radius: 5px;
+        }
+    }
 }

internal/api/ui/login/static/resources/themes/scss/styles/identity_provider/identity_provider_theme.scss

@@ -26,6 +26,11 @@
       color: var(--zitadel-color-github-text);
       background-color: var(--zitadel-color-github-background);
     }
+
+    &.gitlab {
+      color: var(--zitadel-color-gitlab-text);
+      background-color: var(--zitadel-color-gitlab-background);
+    }
   }
 
   .lgn-idp-providers {

internal/api/ui/login/static/resources/themes/scss/styles/vars.scss

@@ -115,6 +115,8 @@
   --zitadel-color-google-background: #ffffff;
   --zitadel-color-github-text: #8b8d8d;
   --zitadel-color-github-background: #ffffff;
+  --zitadel-color-gitlab-text: #8b8d8d;
+  --zitadel-color-gitlab-background: #ffffff;
 
   --zitadel-color-qr: var(--zitadel-color-black);
   --zitadel-color-qr-background: var(--zitadel-color-white);
@@ -218,4 +220,6 @@
   --zitadel-color-google-background: #ffffff;
   --zitadel-color-github-text: #8b8d8d;
   --zitadel-color-github-background: #ffffff;
+  --zitadel-color-gitlab-text: #8b8d8d;
+  --zitadel-color-gitlab-background: #ffffff;
 }

internal/api/ui/login/static/resources/themes/zitadel/css/zitadel.css

@@ -100,6 +100,8 @@
   --zitadel-color-google-background: #ffffff;
   --zitadel-color-github-text: #8b8d8d;
   --zitadel-color-github-background: #ffffff;
+  --zitadel-color-gitlab-text: #8b8d8d;
+  --zitadel-color-gitlab-background: #ffffff;
   --zitadel-color-qr: var(--zitadel-color-black);
   --zitadel-color-qr-background: var(--zitadel-color-white);
 }
@@ -188,6 +190,8 @@
   --zitadel-color-google-background: #ffffff;
   --zitadel-color-github-text: #8b8d8d;
   --zitadel-color-github-background: #ffffff;
+  --zitadel-color-gitlab-text: #8b8d8d;
+  --zitadel-color-gitlab-background: #ffffff;
 }
 
 body {
@@ -572,6 +576,15 @@ a.sub-formfield-link {
   background-repeat: no-repeat;
   border-radius: 5px;
 }
+.lgn-idp.gitlab span.logo {
+  height: 46px;
+  width: 46px;
+  background-image: url("../../../images/idp/gitlab.png");
+  background-size: 100%;
+  background-position: center;
+  background-repeat: no-repeat;
+  border-radius: 5px;
+}
 
 .lgn-error {
   display: flex;
@@ -1556,6 +1569,15 @@ a.sub-formfield-link {
   background-repeat: no-repeat;
   border-radius: 5px;
 }
+.lgn-idp.gitlab span.logo {
+  height: 46px;
+  width: 46px;
+  background-image: url("../../../images/idp/gitlab.png");
+  background-size: 100%;
+  background-position: center;
+  background-repeat: no-repeat;
+  border-radius: 5px;
+}
 
 .lgn-error {
   display: flex;
@@ -3073,6 +3095,10 @@ ul li i.lgn-valid {
   color: var(--zitadel-color-github-text);
   background-color: var(--zitadel-color-github-background);
 }
+.lgn-idp.gitlab {
+  color: var(--zitadel-color-gitlab-text);
+  background-color: var(--zitadel-color-gitlab-background);
+}
 
 .lgn-idp-providers .lgn-idp-desc {
   color: var(--zitadel-color-label);