bbpro
Version:
BrowserBox - remote browser isolation tool
31 lines (30 loc) • 1.8 kB
HTML
<header class=topbar stylist=styleTopBar>
<span title="Number of co-browsing clients connected" class=online-count>${state.onlineCount || 1} client${state.onlineCount > 1 ? 's' : ''}</span>
<span title="Network connectivity status" class="network-status ${state.Connectivity.checker.status}">${state.Connectivity.checker.status}</span>
<span title="Server status" class="connection-status">${state.serverConnected ? '' : 'hangup'}</span>
<span title="Tor status" class="tor-status">${_top.OPTIONS.showTorStatus && state.isTor ? 'tor' : ''}</span>
<span title="Audio status" class="audio-status">${_top.OPTIONS.showAudioStatus && state.audioConnected ? 'sound' : ''}</span>
<span title="WebRTC active" class="webrtc-status">${_top.OPTIONS.showWebRTCStatus && state.webrtcConnected ? 'webrtc' : ''}</span>
<span title="Bandwidth issue" class="bw-status">${_top.OPTIONS.showBWStatus && state.showBandwidthIssue ? 'bandwidth issue' : ''}</span>
${!_host.vanish ? F`
<div id="download-status-bar" class="status-bar ${_host.downloadState.activeDownloads ? "progress" : "done"}" title="${_host.downloadState.completedDownloads} completed download${_host.plural ? "s" : ""}">
${_host.totalFiles > 1 ? F`
<span class=download-count>
${_host.downloadState.completedDownloads}/${_host.totalFiles}
</span>
<span class=wide-word> downloaded</span>
` : F`
<span class=wide-word>1 download</span>
`}
<progress class="download-meter"
min=0
step=0.01
max="${Math.max(_host.totalFiles, 1)}"
value="${_host.progressValue}"
></progress>
<span class="download-mb">
${_host.megabytesReceived} MB
</span>
</div>` : F`<!-- download progress -->`
}
</header>