niteshandClaude Sonnet 5.5
7eac2dcf3b
Replace CIBIL fetch screens with a dashboard of our customers' loan enquiries at other lenders (no lender name), CIC whitelist/API mapping, and a Vendor -> Work -> API set management UI (IN/OUT, SMS, WhatsApp, CIC) with full HTTP detail and JSON/cURL/Postman/HAR import. Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
56 lines
2.3 KiB
HTML
56 lines
2.3 KiB
HTML
<!--
|
|
Copyright since 2025 Mifos Initiative
|
|
|
|
This Source Code Form is subject to the terms of the Mozilla Public
|
|
License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
file, You can obtain one at http://mozilla.org/MPL/2.0/.
|
|
-->
|
|
|
|
@if (log) {
|
|
<div class="cic-modal-backdrop" (click)="closed.emit()">
|
|
<div class="cic-modal" style="width: min(1100px, 100%)" (click)="$event.stopPropagation()">
|
|
<h3>
|
|
{{ log.vendorName }} · {{ log.apiName }}
|
|
<span class="cic-badge" [class.brand]="log.direction === 'IN'" [class.ok]="log.direction === 'OUT'">{{
|
|
log.direction
|
|
}}</span>
|
|
<span class="cic-badge" [class.good]="log.result === 'SUCCESS'" [class.bad]="log.result === 'FAILED'">{{
|
|
log.result
|
|
}}</span>
|
|
</h3>
|
|
<dl class="cic-kv" style="grid-template-columns: 120px minmax(0, 1fr); margin-bottom: 12px">
|
|
<dt>Reference</dt>
|
|
<dd class="cic-mono">{{ log.reference }}</dd>
|
|
<dt>Call</dt>
|
|
<dd class="cic-mono">{{ log.method }} {{ log.url }}</dd>
|
|
<dt>Result</dt>
|
|
<dd>HTTP {{ log.httpStatus }} in {{ log.durationMs }} ms · {{ log.time | slice: 0 : 16 }}</dd>
|
|
@if (log.error) {
|
|
<dt>Error</dt>
|
|
<dd class="tone-bad">{{ log.error }}</dd>
|
|
}
|
|
</dl>
|
|
<div class="cic-split">
|
|
<div>
|
|
<h4 style="margin: 0 0 6px; font-size: 13px">
|
|
{{ log.direction === 'OUT' ? 'Request headers' : 'Headers received / sent' }}
|
|
<span class="muted" style="font-weight: 400">(credentials masked)</span>
|
|
</h4>
|
|
<pre class="cic-code" style="max-height: 160px">{{ log.requestHeaders }}</pre>
|
|
<h4 style="margin: 12px 0 6px; font-size: 13px">Request payload</h4>
|
|
<pre class="cic-code">{{ log.request || '(empty)' }}</pre>
|
|
</div>
|
|
<div>
|
|
<h4 style="margin: 0 0 6px; font-size: 13px">Response headers</h4>
|
|
<pre class="cic-code" style="max-height: 160px">{{ log.responseHeaders }}</pre>
|
|
<h4 style="margin: 12px 0 6px; font-size: 13px">Response body</h4>
|
|
<pre class="cic-code">{{ log.response || '(empty)' }}</pre>
|
|
</div>
|
|
</div>
|
|
<div class="foot">
|
|
<button class="cic-btn" (click)="closed.emit()">Close</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
}
|