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" style="border-bottom:1px solid grey">
    <p style="float: left">
      <i class="ion-gear-b" style="font-size:30px">
        <span class="modalTitle">BigBlueButton Settings</span>
      </i>
    </p>
    <p style="text-align:right">
      <a href="#" class="closeSettings close-reveal-modal" style="font-size: 30px; position: inherit;">&#215;</a>
    </p>
  </div>

  <div style="padding: 10px; text-align: center;">
    {{> settingsAudio}}<br/>
    {{> optionsFontSize}}<br/>
    {{{getBBBSettingsInfo}}}
  </div>

  <div class="bar" style="border-top:1px solid grey; text-align: right;">
    <a href="#" class="closeSettings close-reveal-modal" style="font-size: 12px; position: inherit;"><u>Cancel</u></a>
    {{> makeButton id="saveSettings" btn_class="settingsButton"  rel="tooltip" title="Save Changes" style="margin-bottom: 0px; background-color: #007095; border-radius: 15px; padding: 5px 10px 5px 10px" text="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" text="Yes"}}
  {{> makeButton id="no" btn_class="logoutButton" rel="tooltip" title="Logout" text="No"}}
</template>