server/resources/buildServerResources/editUserSettings.jsp

<%@ include file="/include.jsp" %>

<bs:linkScript>
  /js/bs/testConnection.js
  /plugins/vso-rooms/js/editSettings.js
</bs:linkScript>

<bs:linkCSS dynamic="${true}">
  /plugins/vso-rooms/css/editSettings.css
</bs:linkCSS>

<jsp:useBean id="settingsBean" type="jetbrains.buildServer.vsoRooms.controllers.VSONotificationUserSettingsBean" scope="request"/>

<c:url value="/vso/userSettings.html?edit=1" var="url"/>

<script type="text/javascript">
  document.observe("dom:loaded", function() {
    VSOTeamRooms.UserSettingsForm.setupEventHandlers();
    $('account').focus();
  });
</script>

<p class="notificationRulesMessage">
  Specify the events you want to monitor in <a href="http://www.visualstudio.com/en-us/get-started/collaborate-in-the-team-room-vs.aspx">Microsoft Visual Studio Online</a> team rooms.
</p>

<div class="notifierSettings clearfix">
  <form action="${url}" method="post" autocomplete="off" onsubmit="return VSOTeamRooms.UserSettingsForm.submitSettings()">
    <table class="vsoUserSettingsTable">
      <tr>
        <th><label for="account">Account: </label></th>
        <td>
          <forms:textField name="account" value="${settingsBean.account}" />
          <span class="fieldExplanation" id="explanation_account">{account}.visualstudio.com</span>
          <span class="error" id="errorAccount"></span>
        </td>
      </tr>
      <tr>
        <th><label for="teamRoomName">Team Room Name: </label></th>
        <td>
          <forms:textField name="teamRoomName" value="${settingsBean.teamRoomName}"/>
          <span class="error" id="errorTeamRoomName"></span>
        </td>
      </tr>
      <tr>
        <th><label for="username">Username: </label></th>
        <td>
          <forms:textField name="username" value="${settingsBean.username}"/>
          <span class="error" id="errorUsername"></span>
        </td>
      </tr>
      <tr>
        <th><label for="password">Password: </label></th>
        <td>
          <forms:passwordField name="password" encryptedPassword="${settingsBean.encryptedPassword}"/>
          <span class="fieldExplanation" id="explanation_secure:password">
            <a href="http://www.visualstudio.com/en-us/integrate/get-started/get-started-auth-introduction-vsi">Alternate Credentials</a> must be enabled for used account
          </span>
          <span class="error" id="errorPassword"></span>
        </td>
      </tr>
    </table>

    <div class="saveButtonsBlock" style="margin-top: 0; margin-bottom: 0">
      <input type="submit" class="btn btn_primary" id="save-btn" value="Save"/>
      <input type="button" class="btn btn_primary" id="test-connection-btn" value="Test Connection"/>
      <forms:saving/>
    </div>

    <input type="hidden" id="submitSettings" name="submitSettings" value="store"/>
    <input type="hidden" id="publicKey" name="publicKey" value="<c:out value='${settingsBean.hexEncodedPublicKey}'/>"/>

  </form>
</div>

<bs:dialog dialogId="testConnectionDialog" title="Test Connection" closeCommand="BS.TestConnectionDialog.close();"
           closeAttrs="showdiscardchangesmessage='false'">
  <div id="testConnectionStatus"></div>
  <div id="testConnectionDetails" class="mono"></div>
</bs:dialog>