feat(console): user metadata, rehaul detail pages (#2209)

* service, sidenav, i18n, dialog

* detail layout, user detail

* metadata dialog from

* dialog

* features

* formarray

* metadata component

* comp

* user metadata refresh

* use formarray, control, bulk save

* metadata revert, has feature directive

* lint

* lint

* typo

* info row user, warn color optim

* card cleanup, actions for user detail

* project, org, user, app rehaul

* lint

* scss

* digit fix

* features and project grid rehaul

* info-section layout, org domain info

* readd palette scss

* add svg email warn

* missing translation

* rm unused ts

* lockoutpolicy

* check for lockout feature
This commit is contained in:
Max Peintner
2021-09-13 13:38:57 +02:00
committed by GitHub
parent e4bdaf26b0
commit 490cafa538
111 changed files with 2437 additions and 1063 deletions

View File

@@ -262,4 +262,4 @@ $lgn-dark-theme-foreground: (
text: white,
qrcode: black,
google-text: #8b8d8d,
);
);

View File

@@ -30,16 +30,16 @@
--zitadel-color-secondary-900: #293bb9;
--zitadel-color-secondary-contrast: var(--zitadel-color-white);
--zitadel-color-warn-50: #ffebee;
--zitadel-color-warn-100: #ffcdd2;
--zitadel-color-warn-200: #ef9a9a;
--zitadel-color-warn-300: #e57373;
--zitadel-color-warn-400: #ef5350;
--zitadel-color-warn-500: #f44336;
--zitadel-color-warn-600: #e53935;
--zitadel-color-warn-700: #d32f2f;
--zitadel-color-warn-800: #c62828;
--zitadel-color-warn-900: #b71c1c;
--zitadel-color-warn-50: #F9E7EB;
--zitadel-color-warn-100: #F0C4CC;
--zitadel-color-warn-200: #E69DAB;
--zitadel-color-warn-300: #DC7689;
--zitadel-color-warn-400: #D5586F;
--zitadel-color-warn-500: #CD3B56;
--zitadel-color-warn-600: #C8354F;
--zitadel-color-warn-700: #C12D45;
--zitadel-color-warn-800: #BA263C;
--zitadel-color-warn-900: #AE192B;
--zitadel-font-family: 'Lato';
@@ -137,16 +137,16 @@
--zitadel-color-secondary-800: #305687;
--zitadel-color-secondary-900: #284770;
--zitadel-color-warn-50: #ffebee;
--zitadel-color-warn-100: #ffcdd2;
--zitadel-color-warn-200: #ef9a9a;
--zitadel-color-warn-300: #e57373;
--zitadel-color-warn-400: #ef5350;
--zitadel-color-warn-500: #f44336;
--zitadel-color-warn-600: #e53935;
--zitadel-color-warn-700: #d32f2f;
--zitadel-color-warn-800: #c62828;
--zitadel-color-warn-900: #b71c1c;
--zitadel-color-warn-50: #FFE7EB;
--zitadel-color-warn-100: #FFC4CE;
--zitadel-color-warn-200: #FF9DAD;
--zitadel-color-warn-300: #FF768C;
--zitadel-color-warn-400: #FF5874;
--zitadel-color-warn-500: #ff3b5b;
--zitadel-color-warn-600: #FF3553;
--zitadel-color-warn-700: #FF2D49;
--zitadel-color-warn-800: #FF2640;
--zitadel-color-warn-900: #FF192F;
--zitadel-font-family: 'Lato';

View File

@@ -79,21 +79,54 @@ $lgn-alternative-light-brand: (
)
);
$lgn-alternative-warn: (
50: #ffebee,
100: #ffcdd2,
200: #ef9a9a,
300: #e57373,
400: #ef5350,
500: #f44336,
600: #e53935,
700: #d32f2f,
800: #c62828,
900: #b71c1c,
A100: #ff8a80,
A200: #ff5252,
A400: #ff1744,
A700: #d50000,
$lgn-alternative-light-warn: (
50: #F9E8EB,
100: #F0C5CC,
200: #E69EAB,
300: #DC7789,
400: #D55A6F,
500: #CD3D56,
600: #C8374F,
700: #C12F45,
800: #BA273C,
900: #AE1A2B,
A100: #FFE4E6,
A200: #FFB1B9,
A400: #FF7E8B,
A700: #FF6474,
contrast: (
50: $dark-text,
100: $dark-text,
200: $dark-text,
300: $dark-text,
400: $dark-text,
500: $light-text,
600: $light-text,
700: $light-text,
800: $light-text,
900: $light-text,
A100: $dark-text,
A200: $light-text,
A400: $light-text,
A700: $light-text,
)
);
$lgn-alternative-dark-warn: (
50: #FFE7EB,
100: #FFC4CE,
200: #FF9DAD,
300: #FF768C,
400: #FF5874,
500: #FF3B5B,
600: #FF3553,
700: #FF2D49,
800: #FF2640,
900: #FF192F,
A100: #FFFFFF,
A200: #FFFDFD,
A400: #FFCACE,
A700: #FFB1B7,
contrast: (
50: $dark-text,
100: $dark-text,
@@ -114,11 +147,11 @@ $lgn-alternative-warn: (
$light-primary: lgn-palette($lgn-alternative-light-brand);
$light-accent: lgn-palette($lgn-alternative-light-brand);
$light-warn: lgn-palette($lgn-alternative-warn);
$light-warn: lgn-palette($lgn-alternative-light-warn);
$dark-primary: lgn-palette($lgn-alternative-dark-brand);
$dark-accent: lgn-palette($lgn-alternative-dark-brand);
$dark-warn: lgn-palette($lgn-alternative-warn);
$dark-warn: lgn-palette($lgn-alternative-dark-warn);
$light-theme: lgn-light-theme($light-primary, $light-accent, $light-warn);
$dark-theme: lgn-dark-theme($dark-primary, $dark-accent, $dark-warn);

View File

@@ -28,16 +28,16 @@
--zitadel-color-secondary-800: #3a4cc3;
--zitadel-color-secondary-900: #293bb9;
--zitadel-color-secondary-contrast: var(--zitadel-color-white);
--zitadel-color-warn-50: #ffebee;
--zitadel-color-warn-100: #ffcdd2;
--zitadel-color-warn-200: #ef9a9a;
--zitadel-color-warn-300: #e57373;
--zitadel-color-warn-400: #ef5350;
--zitadel-color-warn-500: #f44336;
--zitadel-color-warn-600: #e53935;
--zitadel-color-warn-700: #d32f2f;
--zitadel-color-warn-800: #c62828;
--zitadel-color-warn-900: #b71c1c;
--zitadel-color-warn-50: #F9E7EB;
--zitadel-color-warn-100: #F0C4CC;
--zitadel-color-warn-200: #E69DAB;
--zitadel-color-warn-300: #DC7689;
--zitadel-color-warn-400: #D5586F;
--zitadel-color-warn-500: #CD3B56;
--zitadel-color-warn-600: #C8354F;
--zitadel-color-warn-700: #C12D45;
--zitadel-color-warn-800: #BA263C;
--zitadel-color-warn-900: #AE192B;
--zitadel-font-family: "Lato";
--zitadel-color-background-50: rgb(255, 255, 255);
--zitadel-color-background-100: rgb(255, 255, 255);
@@ -118,16 +118,16 @@
--zitadel-color-secondary-700: #38649d;
--zitadel-color-secondary-800: #305687;
--zitadel-color-secondary-900: #284770;
--zitadel-color-warn-50: #ffebee;
--zitadel-color-warn-100: #ffcdd2;
--zitadel-color-warn-200: #ef9a9a;
--zitadel-color-warn-300: #e57373;
--zitadel-color-warn-400: #ef5350;
--zitadel-color-warn-500: #f44336;
--zitadel-color-warn-600: #e53935;
--zitadel-color-warn-700: #d32f2f;
--zitadel-color-warn-800: #c62828;
--zitadel-color-warn-900: #b71c1c;
--zitadel-color-warn-50: #FFE7EB;
--zitadel-color-warn-100: #FFC4CE;
--zitadel-color-warn-200: #FF9DAD;
--zitadel-color-warn-300: #FF768C;
--zitadel-color-warn-400: #FF5874;
--zitadel-color-warn-500: #ff3b5b;
--zitadel-color-warn-600: #FF3553;
--zitadel-color-warn-700: #FF2D49;
--zitadel-color-warn-800: #FF2640;
--zitadel-color-warn-900: #FF192F;
--zitadel-font-family: "Lato";
--zitadel-color-background-50: rgb(60, 60, 60);
--zitadel-color-background-100: rgb(55, 55, 55);