matrix-dimension/web/app/widget-wrappers/bigbluebutton/bigbluebutton.component.html
Andrew Morgan e3f27156e0 Add the client-side widget code
Here is where the actual code that runs in the widget's iframe is. This
includes the HTML/CSS stuff, the definitions for API request/responses,
some routing and the javascript which makes requests to the new /join
api endpoint.
2020-07-23 23:36:51 +02:00

26 lines
834 B
HTML

<iframe *ngIf="embedUrl"
id="bigBlueButtonContainer"
[src]="embedUrl"
(load)="onIframeLoad()"
frameborder="0"
allowfullscreen
width="100%"
height="100%"
></iframe>
<div *ngIf="!embedUrl" class="join-conference-wrapper">
<div class="join-conference-boat">
<div *ngIf="statusMessage; else joinMeetingPrompt" class="join-conference-prompt">
<h4 [innerHTML]="statusMessage"></h4>
</div>
<ng-template #joinMeetingPrompt>
<div class="join-conference-prompt">
<h3>BigBlueButton Conference</h3>
<button type="button" (click)="joinConference()" class="btn btn-primary btn-large">
Join Conference
</button>
</div>
</ng-template>
</div>
</div>