fix: improve endpoints and api-key
MODIFY
src/app/components/my-apps-use-api/my-apps-use-api.component.html
src/app/components/my-apps-use-api/my-apps-use-api.component.html
</div>
<div>
<mat-form-field>
- <input matInput readonly value="{{ apiKey }}" />
+ <input
+ matInput
+ readonly
+ value="{{ 'X-API-Key: ' + apiKey }}"
+ [placeholder]="'COMMON.HTTP_HEADER' | translate"
+ />
<button
[disabled]="disableButtons"
- [cdkCopyToClipboard]="apiKey"
+ [cdkCopyToClipboard]="'X-API-Key: ' + apiKey"
mat-icon-button
matSuffix
class="input-icon-btn"
</div>
<div>
<mat-form-field>
- <input matInput readonly value="{{ endpoint }}" />
+ <input
+ matInput
+ readonly
+ value="{{ endpoint + '?apikey=' + apiKey }}"
+ [placeholder]="'COMMON.QUERY_PARAMETER' | translate"
+ />
<button
[disabled]="disableButtons"
- [cdkCopyToClipboard]="endpoint"
+ [cdkCopyToClipboard]="endpoint + '?apikey=' + apiKey"
mat-icon-button
matSuffix
class="input-icon-btn"

MODIFY
src/app/components/my-apps-use-api/my-apps-use-api.component.scss
src/app/components/my-apps-use-api/my-apps-use-api.component.scss
display: grid;
justify-content: space-between;
align-items: center;
- grid-template-columns: 7fr 4fr;
+ grid-template-columns: 1fr 1fr;
grid-column-gap: 8px;
grid-row-gap: 32px;
margin-bottom: 2.2rem;

MODIFY
src/assets/i18n/en.json
src/assets/i18n/en.json
"NO_DATA_FOUND": "No data found",
"CONFIRM": "Confirm",
"SIGNUP": "Signup",
- "HOME": "Home"
+ "HOME": "Home",
+ "QUERY_PARAMETER": "As HTTP Query Parameter",
+ "HTTP_HEADER": "As HTTP Request Header"
},
"HOME": {
"TITLE": "KoolBank Api Developer Portal",

fix: improve endpoints and api-key