pjs/browser/base/content/syncSetup.xul

<?xml version="1.0"?>

# ***** BEGIN LICENSE BLOCK *****
# Version: MPL 1.1/GPL 2.0/LGPL 2.1
#
# The contents of this file are subject to the Mozilla Public License Version
# 1.1 (the "License"); you may not use this file except in compliance with
# the License. You may obtain a copy of the License at
# http://www.mozilla.org/MPL/
#
# Software distributed under the License is distributed on an "AS IS" basis,
# WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
# for the specific language governing rights and limitations under the
# License.
#
# The Original Code is Weave.
#
# The Initial Developer of the Original Code is
# Mozilla Foundation.
# Portions created by the Initial Developer are Copyright (C) 2009
# the Initial Developer. All Rights Reserved.
#
# Contributor(s):
#   Edward Lee <edilee@mozilla.com>
#   Mike Connor <mconnor@mozilla.com>
#   Paul O’Shannessy <paul@oshannessy.com>
#
# Alternatively, the contents of this file may be used under the terms of
# either the GNU General Public License Version 2 or later (the "GPL"), or
# the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
# in which case the provisions of the GPL or the LGPL are applicable instead
# of those above. If you wish to allow use of your version of this file only
# under the terms of either the GPL or the LGPL, and not to allow others to
# use your version of this file under the terms of the MPL, indicate your
# decision by deleting the provisions above and replace them with the notice
# and other provisions required by the GPL or the LGPL. If you do not delete
# the provisions above, a recipient may use your version of this file under
# the terms of any one of the MPL, the GPL or the LGPL.
#
# ***** END LICENSE BLOCK *****

<?xml-stylesheet href="chrome://global/skin/" type="text/css"?>
<?xml-stylesheet href="chrome://browser/skin/syncSetup.css" type="text/css"?>
<?xml-stylesheet href="chrome://browser/skin/syncCommon.css" type="text/css"?>

<!DOCTYPE window [
<!ENTITY % brandDTD SYSTEM "chrome://branding/locale/brand.dtd">
<!ENTITY % syncBrandDTD SYSTEM "chrome://browser/locale/syncBrand.dtd">
<!ENTITY % syncSetupDTD SYSTEM "chrome://browser/locale/syncSetup.dtd">
%brandDTD;
%syncBrandDTD;
%syncSetupDTD;
]>
<wizard id="accountSetup" title="&accountSetupTitle.label;"
        windowtype="Weave:AccountSetup"
        xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
        xmlns:html="http://www.w3.org/1999/xhtml"
        onwizardnext="return gSyncSetup.onWizardAdvance()"
        onwizardback="return gSyncSetup.onWizardBack()"
        onwizardfinish="gSyncSetup.onWizardFinish()"
        onwizardcancel="gSyncSetup.onWizardCancel()"
        onload="gSyncSetup.init()">

  <script type="application/javascript"
          src="chrome://browser/content/syncSetup.js"/>
  <script type="application/javascript"
          src="chrome://browser/content/syncUtils.js"/>
  <script type="application/javascript"
          src="chrome://browser/content/utilityOverlay.js"/>

  <wizardpage id="pickSetupType"
              label="&setup.choicePage.title.label;"
              onpageshow="gSyncSetup.onPageShow()">
    <button id="newAccount"
            class="accountChoiceButton"
            aria-labelledby="createNewDesc"
            oncommand="gSyncSetup.startNewAccountSetup()"
            align="center">
      <image class="mergeChoiceImage"/>
      <vbox class="mergeChoiceButtonBox" flex="1">
        <description class="mainDesc" id="createNewDesc">
          &setup.choicePage.new.label;
        </description>
      </vbox>
    </button>
    <button id="existingAccount"
            class="accountChoiceButton"
            aria-labelledby="useExistingButton"
            oncommand="gSyncSetup.useExistingAccount()"
            align="center">
      <image class="mergeChoiceImage"/>
      <vbox class="mergeChoiceButtonBox" flex="1">
        <description class="mainDesc" id="useExistingDesc">
          &setup.choicePage.existing.label;
        </description>
      </vbox>
    </button>
  </wizardpage>

  <wizardpage label="&setup.newAccountPage.title.label;"
              id="newAccountStart"
              onpageshow="gSyncSetup.onPageShow();">
    <grid>
      <columns>
        <column/>
        <column class="inputColumn" flex="1"/>
      </columns>
      <rows>
        <row align="center">
          <label control="serverType"
                 value="&connectTo.label;"/>
          <menulist id="serverType" oncommand="gSyncSetup.onServerChange()">
            <menupopup>
              <menuitem label="&serverType.main.label;"
                        value="main"/>
              <menuitem label="&serverType.custom.label;"
                        value="custom"/>
            </menupopup>
          </menulist>
        </row>
        <row id="serverRow" hidden="true" align="center">
          <label value="&signIn.serverURL.label;"
                 accesskey="&signIn.serverURL.accesskey;"
                 control="weaveServerURL"/>
          <textbox id="weaveServerURL" onchange="gSyncSetup.onServerChange()"/>
        </row>
        <row id="serverFeedbackRow" align="center" hidden="true">
          <spacer/>
          <hbox>
            <image class="statusIcon"/>
            <label class="status" value=" "/>
          </hbox>
        </row>
        <row id="usernameRow" align="center">
          <label value="&signIn.username.label;"
                 accesskey="&signIn.username.accesskey;"
                 control="weaveUsername"/>
          <textbox id="weaveUsername"
                   onchange="gSyncSetup.onUsernameChange()"/>
        </row>
        <row id="usernameFeedbackRow"
              align="center"
              hidden="true">
          <spacer/>
          <hbox>
            <image class="statusIcon"/>
            <label class="status" value=" "/>
          </hbox>
        </row>
        <row id="passwordRow" align="center">
          <label value="&signIn.password.label;"
                 accesskey="&signIn.password.accesskey;"
                 control="weavePassword"/>
          <textbox id="weavePassword"
                   type="password"
                   onchange="gSyncSetup.onPasswordChange()"/>
        </row>
        <row id="confirmRow" align="center">
          <label value="&setup.confirmPassword.label;"
                 accesskey="&setup.confirmPassword.accesskey;"
                 control="weavePasswordConfirm"/>
          <textbox id="weavePasswordConfirm"
                   type="password"
                   onchange="gSyncSetup.onPasswordChange()"/>
        </row>
        <row id="passwordFeedbackRow" align="center" hidden="true">
          <spacer/>
          <hbox>
            <image class="statusIcon"/>
            <label class="status" value=" "/>
          </hbox>
        </row>
        <row id="emailRow" align="center">
          <label value="&setup.emailAddress.label;"
                 accesskey="&setup.emailAddress.accesskey;"
                 control="weaveEmail"/>
          <textbox id="weaveEmail"
                   oninput="gSyncSetup.onEmailChange()"/>
        </row>
        <row id="emailFeedbackRow" align="center" hidden="true">
          <spacer/>
          <hbox>
            <image class="statusIcon"/>
            <label class="status" value=" "/>
          </hbox>
        </row>
        <row id="TOSRow" align="center">
          <spacer/>
          <hbox align="top">
            <checkbox id="tos"
                      accesskey="&setup.tosAgree1.accesskey;"
                      oncommand="gSyncSetup.checkFields();"/>
            <description id="tosDesc" onclick="document.getElementById('tos').click()">
              &setup.tosAgree1.label;
              <label class="text-link inline-link"
                     onclick="event.stopPropagation();gSyncUtils.openToS();"
                     value="&setup.tosLink.label;"/>
              &setup.tosAgree2.label;
              <label class="text-link inline-link"
                     onclick="event.stopPropagation();gSyncUtils.openPrivacyPolicy();"
                     value="&setup.ppLink.label;"/>
              &setup.tosAgree3.label;
            </description>
          </hbox>
        </row>
      </rows>
    </grid>
  </wizardpage>

  <wizardpage label="&setup.newPPPage.title.label;"
              onpageshow="gSyncSetup.onPageShow();">
    <description>
      &passphraseDesc.label;
    </description>
    <spacer/>
    <grid>
      <columns>
        <column/>
        <column flex="1"/>
      </columns>
      <rows>
        <row align="center">
          <label value="&passphraseEntry.label;"
                 accesskey="&passphraseEntry.accesskey;"
                 control="weavePassphrase"/>
          <textbox type="password" id="weavePassphrase"
                   onkeyup="gSyncSetup.checkFields()"
                   onchange="gSyncSetup.checkFields()"/>
        </row>
        <row align="center">
          <label value="&passphraseConfirm.label;"
                 accesskey="&passphraseConfirm.accesskey;"
                 control="weavePassphraseConfirm"/>
          <textbox type="password" id="weavePassphraseConfirm"
                   onkeyup="gSyncSetup.checkFields()"
                   onchange="gSyncSetup.checkFields()"/>
        </row>
      </rows>
    </grid>
    <hbox id="passphraseFeedbackRow" align="center" hidden="true">
      <spacer/>
      <hbox>
        <image class="statusIcon"/>
        <label class="status" value=" "/>
      </hbox>
    </hbox>
    <separator/>
    <description class="small">
      &passphraseDesc2.label;
    </description>
  </wizardpage>

  <wizardpage label="&setup.newAccountPrefs2.title.label;">
    <grid>
      <rows>
        <row align="center">
          <label value="&syncComputerName.label;"
                 accesskey="&syncComputerName.accesskey;"
                 control="syncComputerName"/>
          <textbox id="syncComputerName" flex="1"
                   onchange="gSyncUtils.changeName(this)"/>
        </row>
        <row align="center">
      <label value="&syncModeSwitchDesc.label;"
             accesskey="&syncModeSwitchDesc.accesskey;"
             control="weaveSyncMode"/>
      <menulist id="weaveSyncMode"
                oncommand="gSyncSetup.updateSyncPrefs()">
        <menupopup>
          <menuitem label="&syncEverything.label;" value="syncEverything"/>
          <menuitem label="&customSync.label;"     value="customSync"/>
        </menupopup>
      </menulist>
        </row>
      </rows>
    </grid>
    <separator/>
    <deck id="syncModeOptions" class="indent">
      <description id="syncEverythingDesc">
        &syncEverythingDescription.label;
      </description>
      <vbox>
        <checkbox label="&syncItem.bookmarks.label;"
                  accesskey="&syncItem.bookmarks.accesskey;"
                  id="engine.bookmarks"
                  checked="true"/>
        <checkbox label="&syncItem.passwords.label;"
                  accesskey="&syncItem.passwords.accesskey;"
                  id="engine.passwords"
                  checked="true"/>
        <checkbox label="&syncItem.prefs.label;"
                  accesskey="&syncItem.prefs.accesskey;"
                  id="engine.prefs"
                  checked="true"/>
        <checkbox label="&syncItem.history.label;"
                  accesskey="&syncItem.history.accesskey;"
                  id="engine.history"
                  checked="true"/>
        <checkbox label="&syncItem.tabs.label;"
                  accesskey="&syncItem.tabs.accesskey;"
                  id="engine.tabs"
                  checked="true"/>
      </vbox>
    </deck>

  </wizardpage>

  <wizardpage label="&setup.captchaPage.title.label;">
    <browser height="150"
             width="322"
             id="captcha"
             type="content"
             disablehistory="true"/>
  </wizardpage>

  <wizardpage id="useExisting"
              label="&setup.existingAccount.title.label;"
              onpageshow="gSyncSetup.onPageShow()">
      <grid>
        <columns>
          <column/>
          <column/>
        </columns>
        <rows>
          <row align="center">
            <label control="existingServerType"
                   value="&connectTo.label;"/>
            <menulist id="existingServerType" oncommand="gSyncSetup.onServerChange()">
              <menupopup>
                <menuitem label="&serverType.main.label;"
                          value="main"/>
                <menuitem label="&serverType.custom.label;"
                          value="custom"/>
              </menupopup>
            </menulist>
          </row>
          <row id="existingServerRow" hidden="true" align="center">
            <label id="existingServerURLLabel"
                   value="&signIn.serverURL.label;"
                   accesskey="&signIn.serverURL.accesskey;"
                   control="existingServerURL"/>
            <textbox id="existingServerURL"
                     onchange="gSyncSetup.checkFields(event)"/>
          </row>
          <row id="existingUsernameRow" align="center">
            <label id="existingUsernameLabel"
                   value="&signIn.username.label;"
                   accesskey="&signIn.username.accesskey;"
                   control="existingUsername"/>
            <textbox id="existingUsername"
                     oninput="gSyncSetup.checkFields(event)"
                     onchange="gSyncSetup.checkFields(event)"/>
          </row>
          <row id="existingUsernameFeedbackRow" align="center" hidden="true">
            <spacer/>
            <hbox>
              <image class="statusIcon"/>
              <label class="status" value=" "/>
            </hbox>
          </row>
          <row id="existingPasswordRow" align="center">
            <label id="existingPasswordLabel"
                   value="&signIn.password.label;"
                   accesskey="&signIn.password.accesskey;"
                   control="existingPassword"/>
            <textbox id="existingPassword"
                     type="password"
                     onkeyup="gSyncSetup.checkFields(event)"
                     onchange="gSyncSetup.checkFields(event)"/>
          </row>
          <row id="existingPasswordFeedbackRow"  align="center" hidden="true">
            <label class="text-link small" value="&resetPassword.label;"
                   onclick="gSyncUtils.resetPassword(); return false;"/>
            <hbox>
              <image class="statusIcon"/>
              <label class="status" value=" "/>
            </hbox>
          </row>
          <row id="existingLoginFeedbackRow">
            <spacer/>
            <hbox id="connect-throbber" hidden="true">
              <image/>
              <label value="&connecting.label;"/>
          </hbox>
          </row>
        </rows>
      </grid>
  </wizardpage>
  <wizardpage id="existingPassphraseEntry" label="&passphraseGroupbox.label;">
    <description>&passphraseDesc3.label;</description>
    <textbox type="password" id="existingPassphrase"
             onkeyup="gSyncSetup.checkFields(event)"
             onchange="gSyncSetup.checkFields(event)"/>
    <hbox id="passphrase-throbber" hidden="true">
      <image/>
      <label value="&verifying.label;"/>
    </hbox>
    <hbox align="left" id="existingPassphraseFeedbackBox">
      <spacer/>
      <hbox>
        <image class="statusIcon"/>
        <label class="status" value=" "/>
      </hbox>
    </hbox>
    <vbox class="small" id="passphraseHelpBox" hidden="true">
      <description class="small">&passphraseHelp.label;</description>
      <label class="text-link small" value="&changePassphrase.label;"
             onclick="gSyncUtils.resetPassphrase(); return false;"/>
    </vbox>
  </wizardpage>
  <wizardpage id="mergeOptionsChoice"
              label="&setup.mergeChoicePage.title.label;"
              onpageshow="gSyncSetup.onPageShow()">
      <radiogroup id="mergeChoiceRadio" pack="start">
        <radio id="resetClient"
               class="mergeChoiceButton"
               aria-labelledby="mergeMain"
               aria-describedby="mergeSecondary1 mergeSecondary2"
               align="top">
          <image class="mergeChoiceImage"/>
          <vbox class="mergeChoiceButtonBox" flex="1">
            <description class="mainDesc" id="mergeMain">
              &choice.merge.main.label;
            </description>
            <separator class="thin"/>
            <description class="normal" id="mergeSecondary2">
              &choice.merge.recommend.label;
            </description>
          </vbox>
        </radio>
        <radio id="wipeClient"
               class="mergeChoiceButton"
               aria-labelledby="wipeClientMain"
               align="top">
            <image class="mergeChoiceImage"/>
            <vbox class="mergeChoiceButtonBox" flex="1">
              <description class="mainDesc" id="wipeClientMain">
                &choice.client.main.label;
              </description>
            </vbox>
        </radio>
        <radio id="wipeRemote"
               class="mergeChoiceButton"
               aria-labelledby="wipeServerMain"
               align="top">
            <image class="mergeChoiceImage"/>
            <vbox class="mergeChoiceButtonBox" flex="1">
              <description class="mainDesc" id="wipeServerMain">
                &choice.server.main.label;
              </description>
            </vbox>
        </radio>
    </radiogroup>
  </wizardpage>
  <wizardpage id="mergeOptionsConfirm" label="&confirm.caption.label;">
      <deck id="chosenActionDeck">
        <vbox id="chosenActionMerge">
          <hbox pack="start" align="baseline">
            <image/>
          </hbox>
          <separator class="thin"/>
          <description class="normal">
            &confirm.merge.label;
          </description>
        </vbox>
        <vbox id="chosenActionWipeClient">
          <hbox pack="start" align="baseline">
            <image/>
          </hbox>
          <separator class="thin"/>
          <description class="normal">
            &confirm.client.label;
          </description>
          <separator class="thin"/>
          <vbox id="dataList">
            <label class="data indent" id="bookmarkCount"/>
            <label class="data indent" id="historyCount"/>
            <label class="data indent" id="passwordCount"/>
          </vbox>
          <separator class="thin"/>
          <description class="normal">
            &confirm.client.moreinfo.label;
          </description>
          <separator class="thin"/>
          <description class="warning">
            &confirm.client.warning.label;
          </description>
        </vbox>
        <vbox id="chosenActionWipeServer">
          <hbox pack="start" align="baseline">
            <image/>
          </hbox>
          <separator class="thin"/>
          <description class="normal">
            &confirm.server.label;
          </description>
          <separator class="thin"/>
          <vbox id="clientList">
          </vbox>
          <separator class="thin"/>
          <description class="warning">
            &confirm.server.warning.label;
          </description>
        </vbox>
      </deck>
  </wizardpage>
  <wizardpage label="&setup.successPage.title.label;" 
              id="successfulSetup"
              onpageshow="gSyncSetup.onPageShow()">
    <description>
      &setup.successPage.desc.label;
    </description>
  </wizardpage>
</wizard>