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

<!-- listen only | microphone -->
<template name="settingsAudio">
  <fieldset class="desktopSettingsFieldset">
    <legend align="center">Audio Options</legend>
      <div id="audioButtonContainer">
      {{#if amIInAudio}}
        {{#if amIListenOnlyAudio}}
          <!-- 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="Leave Audio Call"}}
        {{/if}}
      {{else}}
        <!-- display both with join -->
        {{#if canJoinWithMic}}
          {{> makeButton id="joinMicrophone" btn_class="joinMicrophone settingsButton joinAudioButton" i_class="fi-microphone"
          rel="tooltip" data_placement="bottom" title="Join Microphone"}}
        {{/if}}
        {{> makeButton id="joinListenOnly" btn_class="joinListenOnly settingsButton joinAudioButton" i_class="fi-volume"
        rel="tooltip" data_placement="bottom" title="Join Listen only"}}
      {{/if}}
    </div>
  </fieldset>
</template>

<template name="settingsModal">
  <div class="bar topBar">
    <p>
        <span class="modalTitle">BigBlueButton Settings</span>
    </p>
  </div>

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

  <div class="bar bottomBar">
    {{> makeButton id="closeSettings" btn_class="settingsButton vertically-centered" rel="tooltip" title="Close" label="Close"}}
  </div>
</template>

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

<template name="optionsFontSize">
  <fieldset class="desktopSettingsFieldset">
    <legend align="center"><span class="chatOptionsText" >Chat Message Font Size</span><br/></legend>
    <table id="fontSizeTable" align="center">
      <tr>
        <td>{{> makeButton id="decreaseFontSize" btn_class="displayButtons" i_class="fi-minus" rel="tooltip" title="Decrease Font Size"}}</td>
        <td id="displayLabel"><label class="fontSizeLabel" {{messageFontSize}} >Size({{getInSession "messageFontSize"}})</label></td>
        <td>{{> makeButton id="increaseFontSize" btn_class="displayButtons" i_class="fi-plus" rel="tooltip" title="Increase Font Size"}}</td>
      </tr>
    </table>
  </fieldset>
</template>