84 lines
3.8 KiB
Plaintext
84 lines
3.8 KiB
Plaintext
<div class="meetlet-app" data-cmid="{{cmid}}" data-groupid="{{groupid}}">
|
|
<section class="meetlet-hero">
|
|
<div class="meetlet-hero__brand">
|
|
<img class="meetlet-hero__logo" src="{{logourl}}" alt="Adobe Connect">
|
|
<div>
|
|
<h2 class="meetlet-title">{{name}}</h2>
|
|
<div class="meetlet-subtitle">{{subtitle}}</div>
|
|
</div>
|
|
</div>
|
|
<div class="meetlet-hero__meta">
|
|
<div class="meetlet-statuswrap" data-meetlet-status-wrap data-status="{{status}}">
|
|
{{#licenseusable}}
|
|
<span class="meetlet-statusring-wrap"
|
|
data-tip="{{#str}} statuscountdown_help, meetletacbfree {{/str}}"
|
|
tabindex="0">
|
|
<svg class="meetlet-statusring" viewBox="0 0 40 40" aria-hidden="true">
|
|
<circle class="meetlet-statusring__track" cx="20" cy="20" r="16"></circle>
|
|
<circle class="meetlet-statusring__prog" data-status-ring cx="20" cy="20" r="16"></circle>
|
|
</svg>
|
|
<span class="meetlet-statuscountdown" data-status-countdown>15</span>
|
|
</span>
|
|
{{/licenseusable}}
|
|
<span class="meetlet-status meetlet-status--{{status}}" data-meetlet-status
|
|
{{^joinable}}{{#statusmessage}}data-tip="{{statusmessage}}" tabindex="0"{{/statusmessage}}{{/joinable}}>{{statuslabel}}</span>
|
|
</div>
|
|
{{#starttime}}<div class="meetlet-meta-line">{{#str}} starttime, meetletacbfree {{/str}}: {{starttime}}</div>{{/starttime}}
|
|
{{#hasend}}<div class="meetlet-meta-line">{{#str}} endtime, meetletacbfree {{/str}}: {{endtime}}</div>{{/hasend}}
|
|
</div>
|
|
{{#canjoin}}
|
|
<div class="meetlet-hero__actions">
|
|
<span class="meetlet-joinwrap{{^joinable}} is-blocked{{/joinable}}" data-join-wrap>
|
|
<button type="button" class="meetlet-btn meetlet-btn--join{{^joinable}} is-disabled{{/joinable}}"
|
|
data-action="join"
|
|
{{^joinable}}aria-disabled="true"{{/joinable}}>{{joinlabel}}</button>
|
|
</span>
|
|
</div>
|
|
{{/canjoin}}
|
|
</section>
|
|
|
|
<div class="meetlet-joinoverlay" data-join-overlay hidden>
|
|
<div class="meetlet-joinoverlay__card">
|
|
<img class="meetlet-joinoverlay__logo" src="{{logourl}}" alt="">
|
|
<div class="meetlet-joinoverlay__spinner" aria-hidden="true"></div>
|
|
<div class="meetlet-joinoverlay__title">{{joiningtitle}}</div>
|
|
<div class="meetlet-joinoverlay__text">{{joining}}</div>
|
|
</div>
|
|
</div>
|
|
|
|
{{^configured}}
|
|
<div class="meetlet-alert">{{notconfiguredmsg}}</div>
|
|
{{/configured}}
|
|
|
|
<template data-meetlet-details-html>
|
|
{{#hasintro}}
|
|
<div class="meetlet-intro meetlet-intro--plain">{{{intro}}}</div>
|
|
{{/hasintro}}
|
|
{{^hasintro}}
|
|
<div class="meetlet-empty">{{emptydetails}}</div>
|
|
{{/hasintro}}
|
|
</template>
|
|
|
|
<nav class="meetlet-tabs" role="tablist">
|
|
{{#tabs}}
|
|
<button type="button"
|
|
class="meetlet-tab{{#active}} is-active{{/active}}"
|
|
role="tab"
|
|
data-tab="{{id}}"
|
|
aria-selected="{{#active}}true{{/active}}{{^active}}false{{/active}}">
|
|
<span class="meetlet-tab__icon" aria-hidden="true">{{{icon}}}</span>
|
|
<span class="meetlet-tab__label">{{label}}</span>
|
|
</button>
|
|
{{/tabs}}
|
|
</nav>
|
|
|
|
<div class="meetlet-panel" data-panel>
|
|
{{#hasintro}}
|
|
<div class="meetlet-intro meetlet-intro--plain">{{{intro}}}</div>
|
|
{{/hasintro}}
|
|
{{^hasintro}}
|
|
<div class="meetlet-empty">{{emptydetails}}</div>
|
|
{{/hasintro}}
|
|
</div>
|
|
</div>
|