31 lines
782 B
HTML
31 lines
782 B
HTML
<div class="browser">
|
|
<!-- Navigation bar -->
|
|
<div class="browser-toolbar">
|
|
<button class="nav-btn" (click)="refresh()" title="Refresh">↻</button>
|
|
<div class="url-bar">
|
|
<input
|
|
class="url-input"
|
|
type="text"
|
|
[value]="inputUrl()"
|
|
(keydown)="onUrlKeydown($event)"
|
|
placeholder="Enter URL…"
|
|
/>
|
|
<button class="go-btn" (click)="navigate()">Go</button>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Content -->
|
|
<div class="browser-content">
|
|
<iframe
|
|
[src]="safeUrl()"
|
|
[attr.key]="reloadKey()"
|
|
class="browser-frame"
|
|
sandbox="allow-same-origin allow-scripts allow-forms"
|
|
(load)="onLoad()"
|
|
></iframe>
|
|
@if (isLoading()) {
|
|
<div class="browser-loading">Loading…</div>
|
|
}
|
|
</div>
|
|
</div>
|