Mozilla/mozilla/webtools/hendrix/template/index.html.tmpl

[%# ***** BEGIN LICENSE BLOCK *****
  # Version: MPL 1.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 the Hendrix Feedback System.
  #
  # The Initial Developer of the Original Code is
  # Gervase Markham.
  # Portions created by the Initial Developer are Copyright (C) 2004
  # the Initial Developer. All Rights Reserved.
  #
  # Contributor(s): Reed Loden <reed@reedloden.com>
  #
  # The Initial Developer wrote this software to the Glory of God.
  # ***** END LICENSE BLOCK ***** %]
  
[% script = BLOCK %]
var ids = ["name", "subject", "comments"];

function checkSubmitEnable() {
  /* To enable the button, all fields must have a value */
  var enable = true;
  
  for (var i = 0; i < ids.length; i++) {
    if (document.getElementById(ids[i]).value == "") {
      enable = false;
      break;
    }  
  }
  
  document.getElementById("send-feedback").disabled = !enable;
}

function browserDetect() {
  var userAgent = navigator.userAgent;
  
  var matches = [
    { regexp: /SeaMonkey/, product: "SeaMonkey" },
    { regexp: /Camino/, product: "Camino" },
    { regexp: /\/3\.0[ab]\d+([^p]|$)/, product: "Gran Paradiso" },
    { regexp: /Minefield/, product: "Minefield" },
    { regexp: /GranParadiso/, product: "Gran Paradiso" },
  ];
  
  var defaultProduct = "[% form.product FILTER remove('"') %]";
  
  if (!defaultProduct) {
    for (var i = 0; i < matches.length; i++) {
      if (userAgent.match(matches[i]["regexp"])) {
        defaultProduct = matches[i].product;  
        break;
      }
    }
  }
  
  if (defaultProduct) {
    var prod = document.getElementById("product");
    for (var j = 0; j < prod.options.length; j++) {
      if (prod.options[j].text == defaultProduct) {
        prod.selectedIndex = j;
      }
    }
  }
}

function onLoad() {
  /* Add the event listeners, and disable the button initially */
  for (var i = 0; i < ids.length; i++) {
    document.getElementById(ids[i]).onkeyup = checkSubmitEnable;
  }
  
  checkSubmitEnable();
  browserDetect();
}
[% END %]
  
[% PROCESS header.html.tmpl 
   title = "Hendrix - mozilla.org Feedback System"
   onload = "onLoad()"
%]

<p>This is Hendrix - the mozilla.org system for leaving quick feedback on and suggestions for our products. </p>

<fieldset>
  <legend>Other Options</legend>
  <ul>
  <li><b>Need help or support?</b> 
      <a href="http://www.mozilla.org/support/">Go here</a>
  <li><b>Broken website in Firefox?</b> 
      Pull down the Help menu and select "Report Broken Web Site"
  <li><b>Specific and detailed bug report?</b> 
      <a href="https://bugzilla.mozilla.org/enter_bug.cgi">Go here</a>
  </ul>
</fieldset>

<p>
Information from this form will be published to a newsgroup or mailing list so project contributors can read it. <b>Do not submit private information.</b> Your email address will be obfuscated to make life difficult for spammers.
</p>

<form id="feedback-form" method="POST">
  <table id="feedback-table">
    <tr>
      <td class="label">Name:</td>
      <td class="widget">
        <input id="name" name="name" type="text" 
               value="[% form.email FILTER html %]"/>
      </td>
    </tr>
    <tr>
      <td class="label">Email:</td>
      <td class="widget">
        <input id="email" name="email" type="text"
               value="[% form.email FILTER html %]"/> (optional)
      </td>
    </tr>
    <tr>
      <td class="label">
        Product: 
      </td>
      <td class="widget">
        <select id="product" name="product">
          [% FOREACH product = products %]
            [% NEXT IF product == "Other" %]
            <option name="[% product %]">[% product %]</option>
          [% END %]
          <option name="Other">Other (please state)</option>
        </select>
      </td>
    </tr>
    <tr>
      <td class="label">
        Summary: 
      </td>
      <td class="widget">
        <input id="subject" name="subject" type="text"
               value="[% form.subject FILTER html %]"/>
      </td>
    </tr>
    <tr>
      <td class="label">
        Detailed Comments: 
      </td>
      <td class="widget">
        <textarea id="comments" name="comments" wrap="hard" cols="72"
        >[% form.comments FILTER html %]</textarea>
      </td>
    </tr>
    <tr>
      <td class="label">
        What is 1 + 6?: 
      </td>
      <td class="widget">
        <input id="captcha" name="captcha" type="text"
               size="2" value=""/>
      </td>
    </tr>
    <tr>
      <td></td>
      <td>
        <input id="send-feedback" type="submit" value="Send Feedback"/>
      </td>
    </tr>
  </table>
  <input type="hidden" name="useragent" id="useragent" value=""/>  
  
  <script type="text/javascript">
    if (document.getElementById)
    {
      var useragent = navigator.userAgent;
      document.getElementById("useragent").setAttribute("value", useragent);
    }
  </script>
  
  <input type="hidden" name="action" value="submit"/>  
</form>

<p>Due to the number of suggestions and comments that are received, you should not expect a direct response. But your views are important to us, so please do let us know what you think.</p>

[% PROCESS footer.html.tmpl %]