bigbluebutton-Github/bigbluebutton-html5/app/client/views/modals/modals.html

<!-- listen only | microphone -->
<template name="settingsAudio">
  <fieldset class="desktopSettingsFieldset">
    <legend>Audio Options</legend>
    {{#if amIInAudio}}
      {{#if amIListenOnlyAudio}}
        <!-- display microphone with join -->
        {{> makeButton id="joinMicrophone" btn_class="joinMicrophone settingsButton joinAudioButton" i_class="fi-microphone" rel="tooltip"
        data_placement="bottom" title="Join Microphone"}}
        <!-- display listen only with exit -->
        {{> makeButton id="exitAudio" btn_class="exitAudio settingsButton joinAudioButton" i_class="ion-volume-mute" rel="tooltip"
        data_placement="bottom" title="Leave Audio Call"}}
      {{else}}
        <!-- display microphone with exit -->
        {{> makeButton id="exitAudio" btn_class="exitAudio settingsButton joinAudioButton" i_class="ion-volume-mute" rel="tooltip"
        data_placement="bottom" title="exit"}}
        <!-- display join listen only -->
        {{> makeButton id="joinListenOnly" btn_class="joinListenOnly settingsButton joinAudioButton" i_class="fi-volume" rel="tooltip"
        data_placement="bottom" title="Join Listen only"}}
      {{/if}}
    {{else}}
      <!-- display both with join -->
      {{> makeButton id="joinMicrophone" btn_class="joinMicrophone settingsButton joinAudioButton" i_class="fi-microphone"
      rel="tooltip" data_placement="bottom" title="Join Microphone"}}
      {{> makeButton id="joinListenOnly" btn_class="joinListenOnly settingsButton joinAudioButton" i_class="fi-volume"
      rel="tooltip" data_placement="bottom" title="Join Listen only"}}
    {{/if}}
  </fieldset>
</template>

<template name="settingsModal">
  <div class="bar topBar">
    <p>
        <span class="modalTitle">BigBlueButton Settings</span>
    </p>
    <p>
      <a href="#" class="closeSettings close-reveal-modal">&#215;</a>
    </p>
  </div>

  <div class="settingsBody">
    {{> settingsAudio}}<br/>
    {{> optionsFontSize}}<br/>
    {{{getBBBSettingsInfo}}}
  </div>

  <div class="bar bottomBar">
    <a href="#" class="closeSettings close-reveal-modal"><u>Cancel</u></a>
    {{> makeButton id="saveSettings" btn_class="settingsButton" rel="tooltip" title="Save Changes" label="Save"}}
  </div>
</template>

<template name="logoutModal">
  <p>Are you sure you want to logout?</p>
  {{> makeButton id="yes" btn_class="logoutButton" rel="tooltip" title="Logout" label="Yes"}}
  {{> makeButton id="no" btn_class="logoutButton" rel="tooltip" title="Logout" label="No"}}
</template>