2017-10-09 22:26:46 -04:00
|
|
|
<div class="wrapper">
|
|
|
|
<div class="control-page" *ngIf="isLoading || !canEmbed">
|
|
|
|
<div class="loading-badge" *ngIf="isLoading">
|
|
|
|
<i class="fa fa-circle-o-notch fa-spin"></i>
|
|
|
|
Loading...
|
|
|
|
</div>
|
|
|
|
<div class="embed-failed" *ngIf="!isLoading && !canEmbed">
|
|
|
|
<p class="ban"><i class="fa fa-ban"></i></p>
|
|
|
|
<h4>Sorry, this content cannot be embedded</h4>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<iframe [src]="embedUrl" *ngIf="!isLoading && canEmbed" frameborder="0" allowfullscreen></iframe>
|
2017-10-09 23:24:12 -04:00
|
|
|
<my-fullscreen-button *ngIf="!isLoading && canEmbed" class="toggleFullscreen"></my-fullscreen-button>
|
2017-10-09 22:26:46 -04:00
|
|
|
</div>
|