mrtoth/frontend-tutorial-framework
1
0
Fork 0
mirror of https://github.com/avatao-content/frontend-tutorial-framework synced 2025-04-03 11:52:40 +00:00
Code Issues Releases Wiki Activity

Add url bar controller

Browse Source
This commit is contained in:
balazs 2019-01-21 17:00:13 +01:00
parent d4081f4751
commit 6d136c9279
2 changed files with 12 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/app/dashboard/dashboard.component.html
View File

@ -14,9 +14,13 @@
<app-web *ngIf="!iframeUrl"></app-web> <app-web *ngIf="!iframeUrl"></app-web>
<div *ngIf="iframeUrl" class="iframe-container"> <div *ngIf="iframeUrl" class="iframe-container">
<div class="urlbar-container"> <div class="urlbar-container">
<button class="refresh">R</button> <button class="refresh" (click)="reloadIframe()">R</button>
<input type="text" class="urlbar" value="{{iframeUrl}}"> <input type="text"
<button class="go">G</button> #urlbar
class="urlbar"
value="{{iframeUrl}}"
(keyup.enter)="changeIframeURL()">
<button class="go" (click)="changeIframeURL()">G</button>
</div> </div>
<iframe class="iframe" <iframe class="iframe"
#webiframe #webiframe

5
src/app/dashboard/dashboard.component.ts
View File

@ -21,6 +21,7 @@ export class DashboardComponent implements OnInit, OnDestroy {
deploymentNotificationSubscription: Subscription; deploymentNotificationSubscription: Subscription;
@ViewChild('webiframe') webiframe: ElementRef; @ViewChild('webiframe') webiframe: ElementRef;
@ViewChild('tfwmessages') messages: ElementRef; @ViewChild('tfwmessages') messages: ElementRef;
@ViewChild('urlbar') urlbar: ElementRef;
layout: string = config.dashboard.currentLayout; layout: string = config.dashboard.currentLayout;
hideMessages: boolean = config.dashboard.hideMessages; hideMessages: boolean = config.dashboard.hideMessages;
@ -144,4 +145,8 @@ export class DashboardComponent implements OnInit, OnDestroy {
iframeLoad(): void { iframeLoad(): void {
this.iframeUrl = this.webiframe.nativeElement.contentDocument.location.href.replace(document.baseURI, '/'); this.iframeUrl = this.webiframe.nativeElement.contentDocument.location.href.replace(document.baseURI, '/');
} }
changeIframeURL() {
this.webiframe.nativeElement.contentDocument.location.href = document.baseURI + this.urlbar.nativeElement.value.substr(1);
}
} }