sogo/UI/Templates/ContactsUI/UIxContactEditor.wox

<?xml version='1.0' standalone='yes'?>
  <var:component
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:var="http://www.skyrix.com/od/binding"
    xmlns:const="http://www.skyrix.com/od/constant"
    xmlns:uix="OGo:uix"
    xmlns:label="OGo:label"
    className="UIxPageFrame"
    title="name"
    const:popup="YES"
    >
    <form var:href="clientObject.baseURL" name="editform"
      onsubmit="return validateContactEditor()">

      <div class="tabsContainer" id="editorTabs">
        <ul>
          <li target="baseInfos"><var:string label:value="Contact" /></li>
          <li target="addressesInfos"><var:string label:value="Addresses" /></li>
          <li target="otherInfos"><var:string label:value="Other Infos" /></li>
        </ul>

        <div id="baseInfos" class="tab">
          <table>
            <tr>
              <td class="titleCell"><var:string label:value="Common" /></td>
            </tr>
            <tr>
              <td>
                <label><var:string label:value="Firstname: " const:escapeHTML="NO" />
                  <input type="text" class="textField" name="givenName"
                    id="givenName"
                    var:value="snapshot.givenName" />
                </label>
              </td>
            </tr>
            <tr>
              <td>
                <label><var:string label:value="Lastname: " const:escapeHTML="NO" />
                  <input type="text" class="textField" name="sn" id="sn"
                    var:value="snapshot.sn" />
                </label>
              </td>
            </tr>
            <tr>
              <td>
                <label><var:string label:value="Display Name: " const:escapeHTML="NO" />
                  <input type="text" class="textField" name="fn" id="fn"
                    var:value="snapshot.fn" />
                </label>
              </td>
            </tr>
            <tr>
              <td>
                <label><var:string label:value="Nickname: " const:escapeHTML="NO" />
                  <input type="text" class="textField" name="nickname" id="nickname"
                    var:value="snapshot.nickname" />
                </label>
              </td>
            </tr>
          </table>

          <br />
          <table id="emailInfos">
            <tr>
              <td class="titleCell"><var:string label:value="EMail" /></td>
              <td class="preferred">
                <var:string label:value="Preferred" />
              </td>
            </tr>
            <tr>
              <td>
                <label><var:string label:value="Work: " const:escapeHTML="NO" />
                  <input type="text" class="textField" name="workMail" id="workMail"
                    var:value="snapshot.workMail" />
                </label>
              </td>
              <td class="preferred">
                <input type="radio" name="preferredEmail"
                  var:selection="preferredEmail" const:value="work" />
              </td>
            </tr>
            <tr>
              <td>
                <label><var:string label:value="Home: " const:escapeHTML="NO" />
                  <input type="text" class="textField" name="homeMail"
                    id="homeMail" var:value="snapshot.homeMail" />
                </label>
              </td>
              <td class="preferred">
                <input type="radio"
                  name="preferredEmail"
                  var:selection="preferredEmail"
                  const:value="home"
                  />
              </td>
            </tr>
          </table>
          <br />
          <table>
            <tr>
              <td class="titleCell"><var:string label:value="Phones" /></td>
            </tr>
            <tr>
              <td>
                <label><var:string label:value="Work: " const:escapeHTML="NO" />
                  <input type="text" class="textField"
                    name="telephoneNumber"
                    id="telephoneNumber"
                    var:value="snapshot.telephoneNumber"
                    /></label>
              </td>
            </tr>
            <tr>
              <td>
                <label><var:string label:value="Home: " const:escapeHTML="NO" />
                  <input type="text" class="textField"
                    name="homeTelephoneNumber"
                    id="homeTelephoneNumber"
                    var:value="snapshot.homeTelephoneNumber"
                    
                    />
                </label>
              </td>
            </tr>
            <tr>
              <td>
                <label><var:string label:value="Mobile: " const:escapeHTML="NO" />
                  <input type="text" class="textField" name="mobile" id="mobile"
                    var:value="snapshot.mobile" />
                </label>
              </td>
            </tr>
            <tr>
              <td>
                <label><var:string label:value="Fax: " const:escapeHTML="NO" />
                  <input type="text" class="textField"
                    name="facsimileTelephoneNumber"
                    id="facsimileTelephoneNumber"
                    var:value="snapshot.facsimileTelephoneNumber"
                    
                    />
                </label>
              </td>
            </tr>
            <tr>
              <td>
                <label><var:string label:value="Pager: " const:escapeHTML="NO" />
                  <input type="text" class="textField"
                    name="pager"
                    id="pager"
                    var:value="snapshot.pager"
                    
                    />
                </label>
              </td>
            </tr>
          </table>
        </div>

        <div id="addressesInfos" class="tab">
          <table>
            <tr>
              <td class="titleCell" colspan="2">
                <span class="aptview_title">
                  <var:string label:value="Work" />
                </span>
              </td>
            </tr>
            <tr>
              <td class="firstColumn">
                <label>
                  <var:string label:value="Title: " const:escapeHTML="NO" />
                  <input type="text" class="textField" name="title"
                    id="title"
                    var:value="snapshot.title" />
                </label>
              </td>
              <td class="secondColumn">
                <label>
                  <var:string label:value="Service: " const:escapeHTML="NO" />
                  <input type="text" class="textField" name="workService"
                    id="workService"
                    var:value="snapshot.workService" />
                </label>
              </td>
            </tr>
            <tr>
              <td colspan="2">
                <label><var:string label:value="Company: " const:escapeHTML="NO" />
                  <input type="text" class="textField" name="workCompany"
                    id="workCompany"
                    var:value="snapshot.workCompany" />
                </label>
              </td>
            </tr>
            <tr>
              <td colspan="2">
                <label><var:string label:value="Street Address: " const:escapeHTML="NO" />
                  <input type="text" class="textField" name="workStreetAddress"
                    id="workStreetAddress"
                    var:value="snapshot.workStreetAddress" />
                </label>
              </td>
            </tr>
            <tr>
              <td colspan="2">
                <label><var:string label:value="City: " const:escapeHTML="NO" />
                  <input type="text" class="textField" name="workCity"
                    id="workCity"
                    var:value="snapshot.workCity" />
                </label>
              </td>
            </tr>
            <tr>
              <td class="firstColumn">
                <label><var:string label:value="State/Province: " const:escapeHTML="NO" />
                  <input type="text" class="textField" name="workState"
                    id="workState"
                    var:value="snapshot.workState" />
                </label>
              </td>
              <td class="secondColumn">
                <label><var:string
                    label:value="Zip or Postal Code: "
                    const:escapeHTML="NO" />
                  <input type="text" class="textField" name="workPostalCode"
                    id="workPostalCode"
                    var:value="snapshot.workPostalCode" />
                </label>
              </td>
            </tr>
            <tr>
              <td colspan="2">
                <label><var:string label:value="Country: " const:escapeHTML="NO" />
                  <input type="text" class="textField" name="workCountry"
                    id="workCountry"
                    var:value="snapshot.workCountry" />
                </label>
              </td>
            </tr>
            <tr>
              <td colspan="2">
                <label><var:string label:value="Web: " const:escapeHTML="NO" />
                  <input type="text" class="textField" name="workURL"
                    var:value="snapshot.workURL" />
                </label>
              </td>
            </tr>
          </table>

          <table>
            <tr>
              <td class="titleCell" colspan="2">
                <span class="aptview_title">
                  <var:string label:value="Home" />
                </span>
              </td>
            </tr>
            <tr>
              <td colspan="2">
                <label><var:string label:value="Street Address: " const:escapeHTML="NO" />
                  <input type="text" class="textField" name="homeStreetAddress"
                    id="homeStreetAddress"
                    var:value="snapshot.homeStreetAddress" />
                </label>
              </td>
            </tr>
            <tr>
              <td colspan="2">
                <label><var:string label:value="City: " const:escapeHTML="NO" />
                  <input type="text" class="textField" name="homeCity"
                    id="homeCity"
                    var:value="snapshot.homeCity" />
                </label>
              </td>
            </tr>
            <tr>
              <td class="firstColumn">
                <label><var:string label:value="State/Province: " const:escapeHTML="NO" />
                  <input type="text" class="textField" name="homeState"
                    id="homeState"
                    var:value="snapshot.homeState" />
                </label>
              </td>
              <td class="secondColumn">
                <label><var:string
                    label:value="Zip or Postal Code: "
                    const:escapeHTML="NO" />
                  <input type="text" class="textField" name="homePostalCode"
                    id="homePostalCode"
                    var:value="snapshot.homePostalCode" />
                </label>
              </td>
            </tr>
            <tr>
              <td colspan="2">
                <label><var:string label:value="Country: " const:escapeHTML="NO" />
                  <input type="text" class="textField" name="homeCountry"
                    id="homeCountry"
                    var:value="snapshot.homeCountry" />
                </label>
              </td>
            </tr>
            <tr>
              <td colspan="2">
                <label>
                  <var:string label:value="Web: " const:escapeHTML="NO" />
                  <input type="text" class="textField" name="homeURL"
                    var:value="snapshot.homeURL" />
                </label>
              </td>
            </tr>
          </table>
        </div>

        <div id="otherInfos" class="tab">
          <table>
            <tr>
              <td class="firstColumn">
                <label><var:string label:value="Birthday: " const:escapeHTML="NO" />
                  <input type="text" class="textField" name="birthday" id="birthday"
                    var:value="snapshot.bday" />
                </label>
              </td>
              <td class="secondColumn">
                <label><var:string label:value="Timezone: " const:escapeHTML="NO" />
                  <input type="text" class="textField" name="tz" id="tz"
                    var:value="snapshot.tz" />
                </label>
              </td>
            </tr>
            <tr>
              <td colspan="2">
                <label><var:string label:value="Freebusy URL: " const:escapeHTML="NO" />
                  <input type="text" class="textField" name="calFBURL" id="calFBURL"
                    var:value="snapshot.calFBURL" />
                </label>
              </td>
            </tr>
            <tr>
              <td colspan="2">
                <label><var:string label:value="Note: " const:escapeHTML="NO" />
                  <textarea var:value="snapshot.note" name="note" id="note"></textarea>
                </label>
              </td>
            </tr>
          </table>
        </div>
      </div>
      <div id="buttons">
        <input
          type="submit"
          class="button"
          label:value="Save"
          name="save:method" />
        <input
          type="submit"
          class="button"
          label:value="Cancel"
          name="cancel"
          onclick="window.close(); return false;" />
      </div>
    </form>

    <script type="text/javascript">
      initEditorForm();
    </script>
  </var:component>