neorelay/files/glowing-bear/connection-panel.html

<div class="panel connection-panel" data-state="active">
  <div class="panel-collapse collapse">
    <div class="panel-body">
      <form class="form-signin" role="form">
        <div class="relay-terminal">
          <div class="relay-terminal-bar"><span></span><span></span><span></span><b>relay@{{RELAY_HOST}}:~</b></div>
          <div class="relay-terminal-body">
            <p><span class="relay-prompt">&gt;&gt;</span> relay config --show</p>
            <dl>
              <div><dt>HOSTNAME</dt><dd>{{RELAY_HOST}}</dd></div>
              <div><dt>PORT</dt><dd>443</dd></div>
              <div><dt>PATH</dt><dd>/weechat</dd></div>
              <div><dt>TRANSPORT</dt><dd>WSS / TLS</dd></div>
            </dl>
            <div class="relay-password-line">
              <label for="password"><span class="relay-prompt">&gt;&gt;</span> password</label>
              <span class="relay-password-field">
                <span class="relay-password-mask" ng-if="password" ng-cloak>{{ maskPassword(password) }}</span>
                <span class="relay-password-placeholder" ng-if="!password">[ enter relay password ]</span>
                <input type="password" id="password" ng-model="password" autocomplete="current-password" aria-label="WeeChat relay password">
              </span>
            </div>
            <p class="relay-password-error" ng-show="passwordError" ng-cloak><span class="relay-prompt">!!</span> authentication rejected</p>
            <p class="relay-input-line"><span class="relay-prompt">&gt;&gt;</span> <span class="relay-cursor" aria-hidden="true">_</span></p>
          </div>
        </div>
        <div class="connection-options">
          <label><input type="checkbox" ng-model="settings.tls" disabled> TLS encryption</label>
          <label><input type="checkbox" ng-model="settings.savepassword"> Save password in this browser</label>
          <label><input type="checkbox" ng-model="settings.autoconnect"> Automatically connect</label>
        </div>
        <button class="btn btn-lg btn-primary relay-connect" ng-click="connect()" ng-cloak>{{ connectbutton }} <i ng-class="connectbuttonicon" class="glyphicon"></i></button>
      </form>
    </div>
  </div>
</div>