refactor: translations, icon change, removed oauth from summary
MODIFY
src/app/components/my-apps-manage-api/my-apps-manage-api.component.html
src/app/components/my-apps-manage-api/my-apps-manage-api.component.html
<div class="grid">
<div>
<h4>{{ "APPS.DISABLE_API" | translate }}</h4>
- <p>{{ mockText }}</p>
+ <p class="card-text">{{ 'DESCRIPTIONS.DISABLE_API' | translate }}</p>
</div>
<div class="card">
<div class="card-content mat-elevation-z2">
<div class="card-header bg-color-coral">
<p class="card-title">{{ "APPS.DISABLE_THIS_API" | translate }}</p>
</div>
- <p class="card-text">{{ mockText.substring(1, 120) }}</p>
<button mat-raised-button class="disable-btn bg-color-coral">
{{ "APPS.DISABLE_API" | translate }}
</button>
<div class="grid mt-15">
<div>
<h4>{{ "APPS.UNSUB_FROM_API" | translate }}</h4>
- <p>{{ mockText }}</p>
+ <p class="card-text">{{ 'DESCRIPTIONS.UNREGISTER_API' | translate }}</p>
</div>
<div class="card">
<div class="card-content mat-elevation-z2">
<div class="card-header bg-color-darkred">
<p class="card-title">{{ "APPS.UNSUB_FROM_THIS_API" | translate }}</p>
</div>
- <p>{{ mockText.substring(1, 120) }}</p>
<button mat-raised-button class="disable-btn bg-color-darkred">
{{ "APPS.UNSUB" | translate }}
</button>

MODIFY
src/app/components/my-apps-manage-api/my-apps-manage-api.component.ts
src/app/components/my-apps-manage-api/my-apps-manage-api.component.ts
@@ -7,8 +7,6 @@ import { Component, Input, OnInit } from '@angular/core';
})
export class MyAppsManageApiComponent implements OnInit {
@Input() api: any;
- mockText =
- 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et';
constructor() {}

MODIFY
src/app/components/my-apps-summary/my-apps-summary.component.html
src/app/components/my-apps-summary/my-apps-summary.component.html
</mat-form-field>
</div>
</div>
- <div class="auth-endpoint">
+ <div class="auth-endpoint" *ngIf="hasOAuth">
<div>
<mat-icon class="form-field-pre-icon" color="primary">public</mat-icon>
</div>
</mat-form-field>
</div>
</div>
- <div class="auth-key">
+ <div class="auth-key" *ngIf="hasOAuth">
<div>
<mat-icon class="form-field-pre-icon" color="primary">vpn_key</mat-icon>
</div>

MODIFY
src/app/components/my-apps-summary/my-apps-summary.component.ts
src/app/components/my-apps-summary/my-apps-summary.component.ts
@@ -8,6 +8,7 @@ import {IContractExt} from '../../interfaces/IContractExt';
})
export class MyAppsSummaryComponent implements OnInit {
@Input() contract?: IContractExt;
+ hasOAuth = false;
constructor() {}

MODIFY
src/app/components/my-apps/my-apps.component.html
src/app/components/my-apps/my-apps.component.html
<mat-card *ngFor="let cliCon of clientContractsMap | keyvalue" class="mb-40 mat-elevation-z3 client-card" [id]="tocService.formatClientId(cliCon.value[0])">
<div class="app-header">
<div class="app-icon-wrapper">
- <img class="app-icon" [src]="tmpUrl" alt="app-icon" />
+ <img class="app-icon" [src]="tmpUrl" alt="app-icon">
</div>
<div class="content-text">
<h3 class="primary app-title" >
<div class="app-api-content mat-elevation-z2">
<div class="app-api-header">
<div class="app-api-header-icon-wrapper">
- <img class="app-api-header-icon" [src]="tmpUrl2" alt="app-icon" />
+ <mat-icon id="lightbulb" color="primary">lightbulb</mat-icon>
</div>
<div class="app-api-header-title" [id]="tocService.formatApiVersionPlanId(contract)">
<h3 class="primary">

MODIFY
src/app/components/my-apps/my-apps.component.scss
src/app/components/my-apps/my-apps.component.scss
overflow: hidden;
}
+#lightbulb {
+ font-size: 48px;
+}
+
.app-api-header-icon{
width: 100%;
border-radius: 50%;

MODIFY
src/app/components/my-apps/my-apps.component.ts
src/app/components/my-apps/my-apps.component.ts
@@ -21,7 +21,6 @@ import {flatArray} from "../../shared/utility";
import {SpinnerService} from "../../services/spinner/spinner.service";
import {ApiService} from "../../services/api/api.service";
import {ITocLink} from "../../interfaces/ITocLink";
-import {KeyValue} from "@angular/common";
import {TocService} from "../../services/toc.service";
@Component({
@@ -35,7 +34,6 @@ export class MyAppsComponent implements OnInit {
contractsLoaded = false;
tmpUrl = 'https://pbs.twimg.com/media/Ez-AaifWYAIiFSQ.jpg';
- tmpUrl2 = 'https://cdn0.iconfinder.com/data/icons/customicondesignoffice5/256/examples.png';
tocLinks: ITocLink[] = [];

MODIFY
src/assets/i18n/en.json
src/assets/i18n/en.json
"TRY_IT_OUT": "Displays the Open API definition (Swagger) and allows for making test calls if the API is available.",
"API_KEY": "When an API contract is created, the system generates a unique API Key. <br>This API Key is unique per application and the same for all contracts of this application. <br>All requests made to the API must include this API Key.",
"API_ENDPOINT": "One important aspect of all APIs that are managed by the API Gateway is the security that the API Gateway provides. <br>The API can be accessed with this URL.",
- "OAUTH": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et"
+ "OAUTH": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et",
+ "DISABLE_API": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.",
+ "UNREGISTER_API": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua."
},
"APPROVAL": {
"APPROVAL": "Approval Required",

refactor: translations, icon change, removed oauth from summary