fix: Merge master (#1373)

* feat(console): app infos, api apps, fix redirects on create, fix role update, redesign idps, policy, prettier history  (#1310)

* idp fixes

* idp cleanup and rehaul, complexity policy preview

* policy fixes, orthodox redirect

* link component, add links to policies

* redirect pipe, state labels

* Cnsl map changes (#1315)

* map changes to different format

* fix changes layout, cursor

* set asc values

* fix user appearance in changes, index

* changes

* app create with api

* api app create

* auth method for api config

* authmethods, app card for api, authmethod in dev create

* move machine keys to own module

* jwt method for oidc

* fix app edit

* save toast

* fix changes, change det in app detail

* regenerate secret

* chore(deps-dev): bump @angular-devkit/build-angular in /console (#1324)

Bumps [@angular-devkit/build-angular](https://github.com/angular/angular-cli) from 0.1102.0 to 0.1102.1.
- [Release notes](https://github.com/angular/angular-cli/releases)
- [Commits](https://github.com/angular/angular-cli/commits)

Signed-off-by: dependabot[bot] <[email protected]>

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* fix policy backlink

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
(cherry picked from commit 40a7e958d712f83585e25f18f4fff620de5e3269)

* fix: i18n refs, unnecessary logs (#1343)

(cherry picked from commit 2e04c977eba295cab6aa533379f6075d2e27ab42)

* fix: tos link (#1345)

(cherry picked from commit 5333ef10c169e3656e3ca8dfb8edf7f738fa0a26)

* fix: reactivate/deactivate idp, remove idp provider (#1348)

* fix: reactivate/deactivate idp, remove idp provider

* fix build

* fix(console): add jwt to selection, idp deactivate reactivate (#1347)

* fix: log error on idp change

* add jwt to method selection

Co-authored-by: Max Peintner <[email protected]>

(cherry picked from commit c8b9888427f4ea6b513d370f9fed555208594edf)

* fix: reactivate/deactivate idp (#1351)

(cherry picked from commit 54f395e2e05d4adb29321e9597d049800c033b61)

Co-authored-by: Max Peintner <[email protected]>

console/src/app/modules/idp/idp.component.html

@@ -54,16 +54,24 @@
                             <cnsl-label>{{ 'IDP.CLIENTSECRET' | translate }}</cnsl-label>
                             <input cnslInput formControlName="clientSecret" />
                         </cnsl-form-field>
+                        <div class="line">
+                            <cnsl-form-field appearance="outline" class="formfield">
+                                <cnsl-label>{{ 'IDP.SCOPESLIST' | translate }}</cnsl-label>
+
+                                <input cnslInput [matChipInputFor]="chipScopesList"
+                                    [matChipInputSeparatorKeyCodes]="separatorKeysCodes" [matChipInputAddOnBlur]="true"
+                                    (matChipInputTokenEnd)="addScope($event)">
+                            </cnsl-form-field>
+                            <button (click)="addScope($event)" mat-icon-button>
+                                <mat-icon>add</mat-icon>
+                            </button>
+                        </div>
                         <cnsl-form-field appearance="outline" class="formfield fullwidth">
-                            <cnsl-label>{{ 'IDP.SCOPESLIST' | translate }}</cnsl-label>
-                            <mat-chip-list #chipScopesList aria-label="scope selection">
+                            <mat-chip-list class="chip-list" #chipScopesList aria-label="scope selection">
                                 <mat-chip class="chip" *ngFor="let scope of scopesList?.value" selectable="false"
                                     removable (removed)="removeScope(scope)">
                                     {{scope}} <mat-icon matChipRemove>cancel</mat-icon>
                                 </mat-chip>
-                                <input cnslInput [matChipInputFor]="chipScopesList"
-                                    [matChipInputSeparatorKeyCodes]="separatorKeysCodes" [matChipInputAddOnBlur]="true"
-                                    (matChipInputTokenEnd)="addScope($event)">
                             </mat-chip-list>
                         </cnsl-form-field>
 

console/src/app/modules/idp/idp.component.scss

@@ -23,6 +23,12 @@
   .formfield {
     flex: 1 1 auto;
     margin: 0 .5rem;
+    min-width: 150px;
+
+    .chip {
+        border-radius: .5rem;
+        height: 40px;
+    }
 
     &.fullwidth {
       flex-basis: 100%;
@@ -32,6 +38,24 @@
       flex-basis: 100%;
     }
   }
+
+  .line {
+      display: flex;
+      align-items: flex-end;
+      width: 100%;
+
+      .formfield {
+          flex: 1;
+
+          input {
+              margin: 0;
+          }
+      }
+
+      button {
+          margin-bottom: 12px;
+      }
+  }
 }
 
 .btn-wrapper {
@@ -41,7 +65,6 @@
   .continue-button {
     margin-bottom: 4rem;
     display: block;
-    padding: .5rem 4rem;
 
     @media only screen and (max-width: 450px) {
       margin-top: 1rem;