UI fixes
MODIFY
src/app/components/admin/create-developer/create-developer.component.html
src/app/components/admin/create-developer/create-developer.component.html
[attr.disabled]="!this.isPasswordRequiredForInsert(this.userFormGroup.get('username').value) ? 'disabled' : null">
</mat-form-field>
</span>
- <mat-card class="warning" *ngIf="!this.checkDeveloperNotExists(this.userFormGroup.get('username').value)">
+ <mat-card class="scheer-box-warning" *ngIf="!this.checkDeveloperNotExists(this.userFormGroup.get('username').value)">
<mat-icon>warning</mat-icon>
- <div class="box-content">Developer already exists.</div>
+ <div class="scheer-box-content">Developer already exists.</div>
</mat-card>
- <mat-card class="warning" *ngIf="this.checkEmailAlreadyUsed(this.userFormGroup.get('email').value)">
+ <mat-card class="scheer-box-warning" *ngIf="this.checkEmailAlreadyUsed(this.userFormGroup.get('email').value)">
<mat-icon>warning</mat-icon>
- <div class="box-content">Email already used.</div>
+ <div class="scheer-box-content">Email already used.</div>
</mat-card>
<mat-card
- class="info"
+ class="scheer-box-info"
*ngIf="this.checkDeveloperNotExists(this.userFormGroup.get('username').value)
&& !this.isPasswordRequiredForInsert(this.userFormGroup.get('username').value)">
<mat-icon>info</mat-icon>
- <div class="box-content">You create a Developer for an existing API Management user.</div>
+ <div class="scheer-box-content">You create a Developer for an existing API Management user.</div>
</mat-card>
</form>
<div>

MODIFY
src/app/components/admin/developer-list.component.html
src/app/components/admin/developer-list.component.html
</mat-list-item>
</mat-nav-list>
<mat-card
- class="info"
+ class="scheer-box-info"
*ngIf="!developers || developers.length === 0">
<mat-icon>info</mat-icon>
- <div class="box-content">No developers there, click button above to create one.</div>
+ <div class="scheer-box-content">No developers there, click button above to create one.</div>
</mat-card>
</div>

MODIFY
src/app/components/developer/api-list/api-list.component.html
src/app/components/developer/api-list/api-list.component.html
<ng-container matColumnDef="api">
<th mat-header-cell mat-sort-header="api" *matHeaderCellDef>API</th>
<td mat-cell *matCellDef="let element">
- <mat-icon class="status" [ngClass]="element.status" matTooltip="{{this.computeStatusText(element.status)}}">brightness_1</mat-icon>
+ <span matTooltip="{{this.computeStatusText(element.status)}}"><mat-icon class="status" [ngClass]="element.status">brightness_1</mat-icon></span>
<span class="apiName">{{element.apiOrganization}} / <b>{{element.apiName}}</b></span>
</td>
</ng-container>

MODIFY
src/app/components/pas-header/pas-header.component.ts
src/app/components/pas-header/pas-header.component.ts
@@ -19,7 +19,7 @@ export class PasHeaderComponent {
public logout() {
sessionStorage.clear();
this.keycloak.getKeycloakInstance().logout({
- redirectUri: location.href
+ redirectUri: location.origin
});
}

MODIFY
src/styles/styles.scss
src/styles/styles.scss
@@ -111,15 +111,15 @@ mat-card {
opacity: 0.75 !important;
}
-.warning {
+.scheer-box-warning {
background-color: var(--branding-message-warn);
}
-.info {
+.scheer-box-info {
background-color: var(--branding-message-info);
}
-.box-content {
+.scheer-box-content {
padding-left: 5px;
padding-top: 3px;
}

GW-296: UI fixes