Bug 1063818: Updates to form.dev-engagement-event

6 files changed, 917 insertions, 513 deletions

diff --git a/extensions/BMO/Extension.pm b/extensions/BMO/Extension.pm
index 700199f51..321cdb29e 100644
--- a/extensions/BMO/Extension.pm
+++ b/extensions/BMO/Extension.pm
@@ -1199,6 +1199,9 @@ sub post_bug_after_creation {
     elsif ($format eq 'mozpr') {
         $self->_post_mozpr_bug($args);
     }
+    elsif ($format eq 'dev-engagement-event') {
+        $self->_post_dev_engagement($args);
+    }
 }
 
 sub _post_employee_incident_bug {
@@ -1370,6 +1373,120 @@ sub _post_mozpr_bug {
     $bug->update($bug->creation_ts);
 }
 
+sub _post_dev_engagement {
+    my ($self, $args) = @_;
+    my $vars       = $args->{vars};
+    my $parent_bug = $vars->{bug};
+    my $template   = Bugzilla->template;
+    my $cgi        = Bugzilla->cgi;
+    my $params     = Bugzilla->input_params;
+    my $old_user   = Bugzilla->user;
+
+    my $error_mode_cache = Bugzilla->error_mode;
+    Bugzilla->error_mode(ERROR_MODE_DIE);
+
+    my $discussion_bug;
+    eval {
+        # Add attachment containing tab delimited field values for
+        # spreadsheet import.
+        my @columns = qw(event start_date end_date location attendees
+                         audience desc mozilla_attending_list);
+        my @attach_values;
+        foreach my $column(@columns) {
+            my $value = $params->{$column} || "";
+            $value =~ s/"/""/g;
+            push(@attach_values, qq{"$value"});
+        }
+
+        my @requested;
+        foreach my $param (grep(/^request_/, keys %$params)) {
+            next if !$params->{$param} || $param eq 'request_other_text';
+            $param =~ s/^request_//;
+            push(@requested, ucfirst($param));
+        }
+        push(@attach_values, '"' . join(",", @requested) . '"');
+
+        my $attachment = Bugzilla::Attachment->create({
+            bug           => $parent_bug,
+            creation_ts   => $parent_bug->creation_ts,
+            data          => join("\t", @attach_values),
+            description   => 'Spreadsheet Data',
+            filename      => 'dev_engagement_submission.txt',
+            ispatch       => 0,
+            isprivate     => 0,
+            mimetype      => 'text/plain'
+        });
+
+        # Insert comment for attachment
+        $parent_bug->add_comment('', { isprivate  => 0,
+                                       type       => CMT_ATTACHMENT_CREATED,
+                                       extra_data => $attachment->id });
+        delete $parent_bug->{'attachments'}; # So the new attachment displays properly
+
+        # File discussion bug
+        Bugzilla->set_user(Bugzilla::User->new({ name => 'nobody@mozilla.org' }));
+        my $new_user = Bugzilla->user;
+
+        # HACK: User needs to be in the editbugs and primary bug's group to allow
+        # setting of dependencies.
+        $new_user->{'groups'} = [
+            Bugzilla::Group->new({ name => 'editbugs' }),
+            Bugzilla::Group->new({ name => 'mozilla-employee-confidential' })
+        ];
+
+        my $recipients = { changer => $new_user };
+        $vars->{original_reporter} = $old_user;
+
+        $discussion_bug = Bugzilla::Bug->create({
+            short_desc        => '[discussion] ' . $parent_bug->short_desc,
+            product           => 'Developer Engagement',
+            component         => 'Events Request Discussion',
+            keywords          => ['event-discussion-needs-review'],
+            bug_severity      => 'normal',
+            groups            => ['mozilla-employee-confidential'],
+            comment           => 'This is the discussion for the request ' .
+                                 'described in bug ' . $parent_bug->id . '.',
+            op_sys            => 'All',
+            rep_platform      => 'All',
+            version           => 'unspecified'
+        });
+
+        # Set the needinfo flag on the discussion bug
+        my @new_flags;
+        foreach my $type (@{ $discussion_bug->flag_types }) {
+            next if $type->name ne 'needinfo';
+            foreach my $requestee (DEV_ENGAGE_DISCUSS_NEEDINFO()) {
+                my $needinfo_flag = {
+                    type_id   => $type->id,
+                    status    => '?',
+                    requestee => $requestee,
+                };
+                push(@new_flags, $needinfo_flag);
+            }
+        }
+        $discussion_bug->set_flags(\@new_flags, []) if @new_flags;
+        $discussion_bug->update($discussion_bug->creation_ts);
+        Bugzilla::BugMail::Send($discussion_bug->id, $recipients);
+
+        # Add discussion comment to the parent bug pointing to new bug
+        # and dependency link
+        $parent_bug->set_all({ dependson => { add => [ $discussion_bug->id ] } });
+        $parent_bug->add_comment('This request is being discussed in bug ' .
+                                 $discussion_bug->id);
+        $parent_bug->update($parent_bug->creation_ts);
+        # No need to send mail for parent bug
+    };
+    my $error = $@;
+
+    Bugzilla->set_user($old_user);
+    Bugzilla->error_mode($error_mode_cache);
+
+    if ($error || !$discussion_bug) {
+       warn "Failed to create additional dev-engagement bug: $error" if $error;
+        $vars->{'message'} = 'dev_engagement_creation_failed';
+    }
+}
+
 sub _add_attachment {
     my ($self, $args, $attachment_args) = @_;
 
diff --git a/extensions/BMO/lib/Constants.pm b/extensions/BMO/lib/Constants.pm
index 23eaae9cb..b60c8fd37 100644
--- a/extensions/BMO/lib/Constants.pm
+++ b/extensions/BMO/lib/Constants.pm
@@ -24,10 +24,22 @@ use strict;
 use base qw(Exporter);
 our @EXPORT = qw(
     REQUEST_MAX_ATTACH_LINES
+    DEV_ENGAGE_DISCUSS_NEEDINFO
 );
 
 # Maximum attachment size in lines that will be sent with a 
 # requested attachment flag notification.
 use constant REQUEST_MAX_ATTACH_LINES => 1000;
 
+# Requestees who need a needinfo flag set for the dev engagement
+# discussion bug
+use constant DEV_ENGAGE_DISCUSS_NEEDINFO => qw(
+    afabbro@mozilla.com
+    dcamp@mozilla.com
+    jswisher@mozilla.com
+    rchau@mozilla.com
+    stormy@mozilla.com
+    spersing@mozilla.com
+);
+
 1;
diff --git a/extensions/BMO/template/en/default/bug/create/comment-dev-engagement-event.txt.tmpl b/extensions/BMO/template/en/default/bug/create/comment-dev-engagement-event.txt.tmpl
index cb7473e22..0cfcf7887 100644
--- a/extensions/BMO/template/en/default/bug/create/comment-dev-engagement-event.txt.tmpl
+++ b/extensions/BMO/template/en/default/bug/create/comment-dev-engagement-event.txt.tmpl
@@ -20,8 +20,33 @@ Email Address:
 Role in relation to event:
 [%+ cgi.param('role') %]
 
+Vouched Mozillian:
+[%+ cgi.param('vouched_mozillian') %]
+
+[% IF cgi.param('vouched_mozillian') == 'Yes' %]
+Mozillian URL:
+[%+ cgi.param('mozillian_profile_url') %]
+[% END %]
+
 ::
 
+Developer Event?:
+[%+ cgi.param('developer_event') %]
+
+Is Mozilla Attending?:
+[%+ cgi.param('mozilla_attending') %]
+
+[% IF cgi.param('mozilla_attending') == 'Yes' %]
+Mozilla Attending List:
+[%+ cgi.param('mozilla_attending_list') %]
+[% END %]
+
+Code of Conduct?:
+[%+ cgi.param('code_of_conduct') %]
+
+Code of Conduct URL:
+[%+ cgi.param('code_of_conduct_url') %]
+
 Event Name:
 [%+ cgi.param('event') %]
 
@@ -32,6 +57,9 @@ End Date:
 [%+ cgi.param('end_date') %]
 
 Event Location:
+[%+ cgi.param('event_location') %]
+
+Event Location Description:
 [%+ cgi.param('location') || "-" %]
 
 Venue:
@@ -46,39 +74,55 @@ Expected Attendees:
 Event Description:
 [%+ cgi.param('desc') || "-" %]
 
-Primary Audience:
-[%+ cgi.param('audience') || "-" %]
+::
 
 Relevant Products:
-[% "\n* Firefox OS" IF cgi.param('product-fxos') %]
-[% "\n* Firefox Web Browser" IF cgi.param('product-fx') %]
-[% "\n* Webmaker" IF cgi.param('product-webmaker') %]
-[% "\n* Persona" IF cgi.param('product-persona') %]
-[% "\n* Marketplace" IF cgi.param('product-marketplace') %]
-[% "\n* Thunderbird" IF cgi.param('product-tb') %]
-[% "\n* The Free and Open Web" IF cgi.param('product-fow') %]
-[% "\n* Other: " _ cgi.param('product-other-text') IF cgi.param('product-other') %]
+[% "\n* Firefox OS" IF cgi.param('product_fxos') %]
+[% "\n* Firefox Web Browser" IF cgi.param('product_fx') %]
+[% "\n* Webmaker" IF cgi.param('product_webmaker') %]
+[% "\n* Persona" IF cgi.param('product_persona') %]
+[% "\n* Marketplace" IF cgi.param('product_marketplace') %]
+[% "\n* Thunderbird" IF cgi.param('product_tb') %]
+[% "\n* The Free and Open Web" IF cgi.param('product_fow') %]
+[% "\n* Developer Tools" IF cgi.param('product_devtools') %]
+[% "\n* Other: " _ cgi.param('product_other_text') IF cgi.param('product_other') %]
+
+Option to Sponsor a Booth?:
+[%+ cgi.param('sponsor_booth') %]
+
+Need a Speaker?:
+[%+ cgi.param('speaker_needed') %]
+
+[% IF cgi.param('speaker_needed') == 'Yes' %]
+Speaker Needed Topic:
+[%+ cgi.param('speaker_needed_topic') %]
+[% END %]
+
+Development Session?:
+[%+ cgi.param('development_session') %]
 
 ::
 
 Requests:
-[% "\n* Keynote Presentation" IF cgi.param('request-keynote') %]
-[% "\n* Talk Presentation" IF cgi.param('request-talk') %]
-[% "\n* Workshop" IF cgi.param('request-workshop') %]
-[% "\n* Sponsorship" IF cgi.param('request-sponsorship') %]
-[% "\n* Other: " _ cgi.param('request-other-text') IF cgi.param('request-other') %]
+[% "\n* Keynote Presentation" IF cgi.param('request_keynote') %]
+[% "\n* Talk Presentation" IF cgi.param('request_talk') %]
+[% "\n* Workshop" IF cgi.param('request_workshop') %]
+[% "\n* Sponsorship" IF cgi.param('request_sponsorship') %]
+[% "\n* Other: " _ cgi.param('request_other_text') IF cgi.param('request_other') %]
 
-Suggested sponsorship amount/level:
-[%+ cgi.param('sponsorship-suggestion') || "-" %]
+Mozilla Sponsored Event Before?:
+[%+ cgi.param('previous_event') %]
 
-Already Registered Mozillians:
-[%+ cgi.param('mozillians') || "-" %]
+[% IF cgi.param('previous_event') == 'Yes' %]
+Previous Event Year:
+[%+ cgi.param('previous_event_year') %]
 
-Requesting A Specific Person:
-[%+ cgi.param('specific') || "-" %]
+Previous Event Name:
+[%+ cgi.param('previous_event_name') %]
+[% END %]
 
-Alternative Person:
-[%+ cgi.param('fallback') || "-" %]
+Suggested sponsorship amount/level:
+[%+ cgi.param('sponsorship_suggestion') || "-" %]
 
 Anything Else:
 [%+ cgi.param('else') || "-" %]
diff --git a/extensions/BMO/template/en/default/bug/create/create-dev-engagement-event.html.tmpl b/extensions/BMO/template/en/default/bug/create/create-dev-engagement-event.html.tmpl
index ef6737098..9665bcc27 100644
--- a/extensions/BMO/template/en/default/bug/create/create-dev-engagement-event.html.tmpl
+++ b/extensions/BMO/template/en/default/bug/create/create-dev-engagement-event.html.tmpl
@@ -9,164 +9,49 @@
 [% PROCESS global/variables.none.tmpl %]
 
 [% inline_css = BLOCK %]
-  #bug_form {
-    max-width: 50em;
-  }
-
-  #bug_form th {
-    text-align: left;
-    padding-top: 0.5em;
-  }
-
-  #bug_form .section-head {
-    font-size: larger;
-    padding-top: 1em;
-  }
-
-  #bug_form th:not(.section-head), #bug_form td {
-    padding-left: 2em;
-  }
-
-  #bug_form .mandatory {
-    color: red;
-  }
-
-  #bug_form .blurb {
-    font-style: italic;
-  }
-
-  #bug_form .wide {
-    width: 40em;
-  }
-
-  #bug_form input[disabled] {
-    background: transparent;
-  }
-[% END %]
-
-[% inline_js = BLOCK %]
-// <script>
-  function onRequestOtherChange() {
-    var cb = document.getElementById('request-other');
-    var input = document.getElementById('request-other-text');
-    input.disabled = !cb.checked;
-    if (cb.checked)
-      input.focus();
-  }
-
-  function onRequestSponsorshipChange() {
-    var cb = document.getElementById('request-sponsorship');
-    if (cb.checked) {
-      YAHOO.util.Dom.removeClass('sponsorship-suggestion-fields', 'bz_default_hidden');
-    }
-    else {
-      YAHOO.util.Dom.addClass('sponsorship-suggestion-fields', 'bz_default_hidden');
-    }
-  }
-
-  function onProductOtherChange() {
-    var cb = document.getElementById('product-other');
-    var input = document.getElementById('product-other-text');
-    input.disabled = !cb.checked;
-    if (cb.checked)
-      input.focus();
-  }
-
-  function onSubmit() {
-    if (document.getElementById('request-other').checked
-        && !isFilledOut('request-other-text')
-    ) {
-      document.getElementById('request-other').checked = false;
-      onRequestOtherChange();
-    }
-
-    var alert_text = '';
-
-    if (!isFilledOut('name'))
-      alert_text += "Please enter your name.\n";
-    if (!isFilledOut('email'))
-      alert_text += "Please enter your email address.\n";
-    if (!isFilledOut('role'))
-      alert_text += "Please enter your role.\n";
-
-    if (!isFilledOut('event'))
-      alert_text += "Please enter the event name.\n";
-    if (!isFilledOut('start_date'))
-      alert_text += "Please enter the event start date.\n";
-    if (!isFilledOut('end_date'))
-      alert_text += "Please enter the event end date.\n";
-    if (!isFilledOut('attendees'))
-      alert_text += "Please enter number of expected attendees.\n";
-    if (!isFilledOut('audience'))
-      alert_text += "Please enter primary audience.\n";
-
-
-    var wb = '';
-    if (document.getElementById('request-keynote').checked)
-      wb += '[keynote] ';
-    if (document.getElementById('request-talk').checked)
-      wb += '[talk] ';
-    if (document.getElementById('request-workshop').checked)
-      wb += '[workshop] ';
-    if (document.getElementById('request-sponsorship').checked)
-      wb += '[sponsorship] ';
-    if (document.getElementById('request-other').checked)
-      wb += '[other] ';
-    if (wb == '')
-      alert_text += "Please select what you're requesting.\n";
-
-    if (alert_text != '') {
-      alert(alert_text);
-      return false;
-    }
-
-    document.getElementById('status_whiteboard').value = wb.replace(/ $/, '');
-    var summary = document.getElementById('event').value + ', ' + long_start_date();
-    var loc = document.getElementById('location').value;
-    if (loc)
-      summary = summary + ' (' + loc + ')';
-    document.getElementById('short_desc').value = summary;
-    document.getElementById('bug_file_loc').value = document.getElementById('link').value;
-    document.getElementById('cf_due_date').value = document.getElementById('start_date').value;
-
-    return true;
-  }
-
-  function long_start_date() {
-    var ymd = document.getElementById('start_date').value.split('-');
-    if (ymd.length != 3)
-      return '';
-    var month = YAHOO.bugzilla.calendar_start_date.cfg.getProperty('MONTHS_LONG')[ymd[1] - 1];
-    return month + ' ' + ymd[0];
-  }
-
-  YAHOO.util.Event.onDOMReady(function() {
-    createCalendar('start_date');
-    createCalendar('end_date');
-    onRequestOtherChange();
-    onRequestSponsorshipChange();
-    onProductOtherChange();
-  });
-// </script>
-[% END %]
-
-[% mandatory = BLOCK %]
-  <span class="mandatory" title="Mandatory">*</span>
+#dev_form {
+  width: 60%;
+}
+#dev_form .required:after {
+  content: " *";
+  color: red;
+}
+#dev_form .field_label {
+  text-align: left;
+  font-weight: bold;
+}
+#dev_form .field_desc,
+#dev_form .head_desc {
+  word-wrap: normal;
+}
+#dev_form .head_desc {
+  font-size: 1.5em;
+  padding-bottom: .5em;
+}
+#dev_form .form_section {
+  margin-bottom: 1em;
+  padding-left: 2em;
+}
+.yui-calcontainer {
+  z-index: 2;
+}
 [% END %]
 
 [% PROCESS global/header.html.tmpl
    title = "Developer Events Request Form"
    style = inline_css
    style_urls = [ 'skins/standard/enter_bug.css' ]
-   javascript = inline_js
-   javascript_urls = [ 'extensions/BMO/web/js/form_validate.js', 'js/field.js', 'js/util.js' ]
+   javascript_urls = [ 'js/field.js',
+                       'js/util.js',
+                       'extensions/BMO/web/js/form_validate.js',
+                       'extensions/BMO/web/js/dev_engagement.js' ]
    yui = [ 'calendar' ]
 %]
 
 <h2>Developer Events Request Form</h2>
 
-<form method="post" action="post_bug.cgi" id="bug_form" class="enter_bug_form"
-      enctype="multipart/form-data" onsubmit="return onSubmit();">
+<form method="post" action="post_bug.cgi" id="dev_form"
+      class="enter_bug_form" enctype="multipart/form-data">
 <input type="hidden" name="format" value="dev-engagement-event">
 <input type="hidden" name="product" value="Developer Engagement">
 <input type="hidden" name="short_desc" id="short_desc" value="">
@@ -175,6 +60,7 @@
 <input type="hidden" name="op_sys" value="All">
 <input type="hidden" name="priority" value="--">
 <input type="hidden" name="version" value="unspecified">
+<input type="hidden" name="keywords" value="event-request-under-review">
 <input type="hidden" name="bug_severity" id="bug_severity" value="normal">
 <input type="hidden" name="comment" id="comment" value="">
 <input type="hidden" name="status_whiteboard" id="status_whiteboard" value="">
@@ -183,354 +69,394 @@
 <input type="hidden" name="groups" id="groups" value="mozilla-employee-confidential">
 <input type="hidden" name="token" value="[% token FILTER html %]">
 
-<table id="bug_form">
-
-<tr>
-  <td>
-    <p>
-      Hi! Thanks so much for asking Mozilla to participate at your event!
-    </p>
-    <p>
-      The Developer Events Team evaluates each request individually, based on
-      multiple criteria, including quarterly goals and priorities. We meet at
-      least biweekly, and this form is designed to gather all the information
-      we need to evaluate each request at these meetings. Please take a minute
-      to fill it out thoroughly so we can process your request as soon as
-      possible.
-    </p>
-    <p>
-      Please review our <a href="https://wiki.mozilla.org/Engagement/Developer_Engagement/Event_request_guidelines">
-      event request guidelines</a> for information about how we evaluate requests.
-    </p>
-  </td>
-</tr>
-
-<tr>
-  <th class="section-head">
-    First, tell us about yourself!
-  </th>
-</tr>
-
-<tr>
-  <th>
-    What is your name? [% mandatory FILTER none %]
-  </th>
-</tr>
-<tr>
-  <td>
-    <input type="text" name="name" id="name" size="40" class="wide"
-           value="[% user.name FILTER html %]">
-  </td>
-</tr>
-
-<tr>
-  <th>
-    Please provide your email address. [% mandatory FILTER none %]
-  </th>
-</tr>
-<tr>
-  <td>
-    <input type="text" name="email" id="email" size="40" class="wide"
-           value="[% user.login FILTER html %]">
-  </td>
-</tr>
-
-<tr>
-  <th>
-    What is your role in relation to this event? [% mandatory FILTER none %]
-  </th>
-</tr>
-<tr>
-  <td>
-    <div class="blurb">
-      eg. organizer, speaker/atendee (past), speaker/attendee (current), etc.
-    </div>
-    <input type="text" name="role" id="role" size="40" class="wide">
-  </td>
-</tr>
-
-<tr>
-  <th class="section-head">
-    Let's start with the basics.
-  </th>
-</tr>
-
-<tr>
-  <th>
-    Event Name [% mandatory FILTER none %]
-  </th>
-</tr>
-<tr>
-  <td>
-    <input type="text" name="event" id="event" size="40" class="wide">
-  </td>
-</tr>
-
-<tr>
-  <th>
-    Start Date [% mandatory FILTER none %]
-  </th>
-</tr>
-<tr>
-  <td>
-    <input type="text" name="start_date" id="start_date" size="15" class="date"
-           onchange="updateCalendarFromField(this)">
-    <button type="button" class="calendar_button"
-            id="button_calendar_start_date"
-            onclick="showCalendar('start_date')">
-      <span>Calendar</span>
-    </button>
-    <div id="con_calendar_start_date"></div>
-  </td>
-</tr>
-
-<tr>
-  <th>
-    End Date [% mandatory FILTER none %]
-  </th>
-</tr>
-<tr>
-  <td>
-    <input type="text" name="end_date" id="end_date" size="15" class="date"
-           onchange="updateCalendarFromField(this)">
-    <button type="button" class="calendar_button"
-            id="button_calendar_end_date"
-            onclick="showCalendar('end_date')">
-      <span>Calendar</span>
-    </button>
-    <div id="con_calendar_end_date"></div>
-  </td>
-</tr>
-
-<tr>
-  <th>
+<p>Hi! Thanks so much for asking Mozilla to participate at your event!</p>
+<p>The Developer Events Team evaluates each request individually, based on
+  multiple criteria, including quarterly goals and priorities. We meet at
+  least biweekly, and this form is designed to gather all the information
+  we need to evaluate each request at these meetings. Please take a minute
+  to fill it out thoroughly so we can process your request as soon as
+  possible.</p>
+<p>Please review our
+  <a href="https://wiki.mozilla.org/Engagement/Developer_Engagement/Event_request_guidelines">
+  event request guidelines</a> for information about how we evaluate requests.</p>
+
+<div class="head_desc">
+  First, tell us about yourself!
+</div>
+
+<div class="form_section">
+  <div class="field_label required">
+    What is your name?
+  </div>
+  <input type="text" name="name" id="name" size="40" class="wide"
+         value="[% user.name FILTER html %]">
+</div>
+
+<div class="form_section">
+  <div class="field_label required">
+    Please provide your email address.
+  </div>
+  <input type="text" name="email" id="email" size="40" class="wide"
+         value="[% user.login FILTER html %]">
+</div>
+
+<div class="form_section">
+  <div class="field_label required">
+    What is your role in relation to this event?
+  </div>
+  <div class="field_desc">
+    eg. organizer, speaker/attendee (past), speaker/attendee (current), etc.
+  </div>
+  <input type="text" name="role" id="role" size="40" class="wide">
+</div>
+
+<div class="form_section">
+  <div class="field_label required">
+    Are you a vouched Mozillian?
+  </div>
+  <select id="vouched_mozillian" name="vouched_mozillian">
+    <option value="">Select</option>
+    <option value="Yes">Yes</option>
+    <option value="No">No</option>
+  </select>
+</div>
+
+<div id="mozillian_profile_url_section" class="form_section bz_default_hidden">
+  <div class="field_label required">
+    Mozillian profile URL
+  </div>
+  <input type="text" name="mozillian_profile_url"
+         id="mozillian_profile_url" size="40" class="wide">
+</div>
+
+<div class="head_desc">
+  Let's start with the basics.
+</div>
+
+<div class="form_section">
+  <div class="field_label">
+    Is this a developer event?
+  </div>
+  <select id="developer_event" name="developer_event">
+    <option value="">Select</option>
+    <option value="Yes">Yes</option>
+    <option value="No">No</option>
+  </select>
+  <div id="developer_event_warning" class="bz_default_hidden">
+    The Developer Events Team only participates in developer events.
+    Form submission has been disabled.
+  </div>
+</div>
+
+<div class="form_section">
+  <div class="field_label">
+    Is someone from Mozilla attending?
+  </div>
+  <select id="mozilla_attending" name="mozilla_attending">
+    <option value="">Select</option>
+    <option value="Yes">Yes</option>
+    <option value="No">No</option>
+  </select>
+  <div id="mozilla_attending_warning" class="warning bz_default_hidden">
+    The Developer Events Team usually doesn’t sponsor an event unless someone
+    from Mozilla is attending. If you would like to request a speaker, there’s
+    an opportunity to do so later on this page.
+  </div>
+</div>
+
+<div id="mozilla_attending_list_section" class="form_section bz_default_hidden">
+  <div class="field_label required">
+    Please list the names of anyone from Mozilla who are already registered to
+    attend, speak, or participate in this event.
+  </div>
+  <input type="text" name="mozilla_attending_list"
+         id="mozilla_attending_list" size="40" class="wide">
+</div>
+
+<div class="form_section">
+  <div class="field_label required">
+    Do you have a code of conduct?
+  </div>
+  <select id="code_of_conduct" name="code_of_conduct">
+    <option value="">Select</option>
+    <option value="Yes">Yes</option>
+    <option value="No">No</option>
+  </select>
+  <div id="code_of_conduct_warning" class="warning bz_default_hidden">
+    Mozilla only participates in events that have a code of conduct.
+    Fom submission has been disabled.
+  </div>
+</div>
+
+<div id="code_of_conduct_url_section" class="form_section bz_default_hidden">
+  <div class="field_label required">
+    Code of Conduct URL
+  </div>
+  <input type="text" name="code_of_conduct_url"
+         id="code_of_conduct_url" size="40" class="wide">
+</div>
+
+<div class="form_section">
+  <div class="field_label required">
+    Event Name
+  </div>
+  <input type="text" name="event" id="event" size="40" class="wide">
+</div>
+
+<div class="form_section">
+  <div class="field_label required">
+    Start Date
+  </div>
+  <input type="text" name="start_date" id="start_date" size="15" class="date"
+         onchange="updateCalendarFromField(this)">
+  <button type="button" class="calendar_button"
+          id="button_calendar_start_date"
+          onclick="showCalendar('start_date')">
+    <span>Calendar</span>
+  </button>
+  <div id="con_calendar_start_date"></div>
+</div>
+
+<div class="form_section">
+  <div class="field_label required">
+    End Date
+  </div>
+  <input type="text" name="end_date" id="end_date" size="15" class="date"
+         onchange="updateCalendarFromField(this)">
+  <button type="button" class="calendar_button"
+          id="button_calendar_end_date"
+          onclick="showCalendar('end_date')">
+    <span>Calendar</span>
+  </button>
+  <div id="con_calendar_end_date"></div>
+</div>
+
+<div class="form_section">
+  <div class="field_label required">
     Event Location
-  </th>
-</tr>
-<tr>
-  <td>
-    <div class="blurb">
-      Include city, state, and country. Please write "Multiple" if this event
-      takes place across several locations.
-    </div>
-    <input type="text" name="location" id="location" size="40" class="wide">
-  </td>
-</tr>
-
-<tr>
-  <th>
+  </div>
+  <select id="event_location" name="event_location">
+    <option value="">Select</option>
+    <option value="Africa">Africa</option>
+    <option value="Asia">Asia</option>
+    <option value="Australia">Australia</option>
+    <option value="Europe">Europe</option>
+    <option value="North America">North America</option>
+    <option value="Central / South America">Central / South America</option>
+    <option value="Multiple">Multiple</option>
+    <option value="Online only">Online only</option>
+  </select>
+</div>
+
+<div class="form_section">
+  <div class="field_label required">
+    Event Location Description
+  </div>
+  <div class="field_desc">
+    Include city, state, and country.
+  </div>
+  <input type="text" name="location" id="location" size="40" class="wide">
+</div>
+
+<div class="form_section">
+  <div class="field_label">
     Venue
-  </th>
-</tr>
-<tr>
-  <td>
-    <div class="blurb">
-      What is the name of the venue where your event will be held? Enter TBD if
-      you don't know yet.
-    </div>
-    <input type="text" name="venue" id="venue" size="40" class="wide">
-  </td>
-</tr>
-
-<tr>
-  <th>
+  </div>
+  <div class="field_desc">
+    What is the name of the venue where your event will be held? Enter TBD if
+    you don't know yet.
+  </div>
+  <input type="text" name="venue" id="venue" size="40" class="wide">
+</div>
+
+<div class="form_section">
+  <div class="field_label">
     Weblink
-  </th>
-</tr>
-<tr>
-  <td>
-    <div class="blurb">
-      Weblink to the event site, Eventbrite page, Lanyrd page, Meetup page, etc.
-    </div>
-    <input type="text" name="link" id="link" size="40" class="wide">
-  </td>
-</tr>
-
-<tr>
-  <th>
-    Number of expected attendees [% mandatory FILTER none %]
-  </th>
-</tr>
-<tr>
-  <td>
-    <input type="text" name="attendees" id="attendees" size="15">
-  </td>
-</tr>
-
-<tr>
-  <th>
-    Please give a [short] description of the event. [% mandatory FILTER none %]
-  </th>
-</tr>
-<tr>
-  <td>
-    <div class="blurb">
-      Include track topics, presentation topics, event format.
-    </div>
-    <textarea name="desc" id="desc" rows="10" cols="40" class="wide"></textarea>
-  </td>
-</tr>
-
-<tr>
-  <th>
-    Who is the primary audience for this event? [% mandatory FILTER none %]
-  </th>
-</tr>
-<tr>
-  <td>
-    <div class="blurb">
-      Developers (specify coding language and platform), business development,
-      marketing associates, corporate executives, etc.
-    </div>
-    <input type="text" name="audience" id="audience" size="40" class="wide">
-  </td>
-</tr>
-
-<tr>
-  <th>
-    Which Mozilla products/projects are most relevant to this event? [% mandatory FILTER none %]
-  </th>
-</tr>
-<tr>
-  <td>
-    <div class="blurb">
-      Please select all that apply.
-      See <a href="https://www.mozilla.org/en-US/products/" target="_blank">mozilla.org/products</a>
-      for more information about Mozilla products.
-    </div>
-    <input type="checkbox" name="product-fxos" id="product-fxos">
-    <label for="product-fxos">Firefox OS</label><br>
-    <input type="checkbox" name="product-fx" id="product-fx">
-    <label for="product-fx">Firefox Web Browser</label><br>
-    <input type="checkbox" name="product-webmaker" id="product-webmaker">
-    <label for="product-webmaker">Webmaker</label><br>
-    <input type="checkbox" name="product-persona" id="product-persona">
-    <label for="product-persona">Persona</label><br>
-    <input type="checkbox" name="product-marketplace" id="product-marketplace">
-    <label for="product-marketplace">Marketplace</label><br>
-    <input type="checkbox" name="product-tb" id="product-tb">
-    <label for="product-tb">Thunderbird</label><br>
-    <input type="checkbox" name="product-fow" id="product-fow">
-    <label for="product-fow">The Free and Open Web</label><br>
-    <input type="checkbox" name="product-other" id="product-other" onchange="onProductOtherChange()">
-    <label for="product-other">Other:</label>
-    <input type="text" name="product-other-text" id="product-other-text" size="40" disabled>
-  </td>
-</tr>
-
-<tr>
-  <th class="section-head">
-    Tell us more about what you're looking for!
-  </th>
-</tr>
-
-<tr>
-  <th>
-    What are you requesting from Mozilla? [% mandatory FILTER none %]
-  </th>
-</tr>
-<tr>
-  <td>
-    <div class="blurb">
-      Please select all that apply.
-    </div>
-    <input type="checkbox" name="request-keynote" id="request-keynote">
-    <label for="request-keynote">Keynote Presentation</label><br>
-    <input type="checkbox" name="request-talk" id="request-talk">
-    <label for="request-talk">Talk Presentation (non-keynote)</label><br>
-    <input type="checkbox" name="request-workshop" id="request-workshop">
-    <label for="request-workshop">Workshop</label><br>
-    <input type="checkbox" name="request-sponsorship" id="request-sponsorship" onchange="onRequestSponsorshipChange()">
-    <label for="request-sponsorship">Sponsorship</label><br>
-    <input type="checkbox" name="request-other" id="request-other" onchange="onRequestOtherChange()">
-    <label for="request-other">Other:</label>
-    <input type="text" name="request-other-text" id="request-other-text" size="40" disabled>
-  </td>
-</tr>
-
-<tbody id="sponsorship-suggestion-fields">
-  <tr>
-    <th>
-      If requesting sponsorship, what amount/level do you suggest?
-    </th>
-  </tr>
-  <tr>
-    <td>
-      <input type="text" name="sponsorship-suggestion" id="sponsorship-suggestion" size="40" class="wide">
-    </td>
-  </tr>
-</tbody>
-
-<tr>
-  <th>
-    Please list the names of anyone from Mozilla who are already registered to
-    attend, speak, or participate in this event.
-  </th>
-</tr>
-<tr>
-  <td>
-    <input type="text" name="mozillians" id="mozillians" size="40" class="wide">
-  </td>
-</tr>
-
-<tr>
-  <th>
-    Are you requesting a specific person to present or participate at this
-    event? If so, please list their name(s).
-  </th>
-</tr>
-<tr>
-  <td>
-    <input type="text" name="specific" id="specific" size="40" class="wide">
-  </td>
-</tr>
-
-<tr>
-  <th>
-    If this individual is unable to attend/speak/participate in this event, is
-    there anyone else you would like to request?
-  </th>
-</tr>
-<tr>
-  <td>
-    <input type="text" name="fallback" id="fallback" size="40" class="wide">
-  </td>
-</tr>
-
-<tr>
-  <th>
+  </div>
+  <div class="field_desc">
+    Weblink to the event site, Eventbrite page, Lanyrd page, Meetup page, etc.
+  </div>
+  <input type="text" name="link" id="link" size="40" class="wide">
+</div>
+
+<div class="form_section">
+  <div class="field_label required">
+    Number of expected attendees
+  </div>
+  <input type="text" name="attendees" id="attendees" size="15">
+</div>
+
+<div class="form_section">
+  <div class="field_label required">
+    Please give a [short] description of the event.
+  </div>
+  <div class="field_desc">
+    Include track topics, presentation topics, event format.
+  </div>
+  <textarea name="desc" id="desc" rows="10" cols="40" class="wide"></textarea>
+</div>
+
+<div class="head_desc">
+  Some more detail on the event.
+</div>
+
+<div class="form_section">
+  <div class="field_label required">
+    Which Mozilla products/projects are most relevant to this event?
+  </div>
+  <div class="field_desc">
+    Please select all that apply. See
+    <a href="https://www.mozilla.org/en-US/products/" target="_blank">
+    mozilla.org/products</a> for more information about Mozilla products.
+  </div>
+  <input type="checkbox" name="product_fxos" id="product_fxos">
+  <label for="product_fxos">Firefox OS</label><br>
+  <input type="checkbox" name="product_fx" id="product_fx">
+  <label for="product_fx">Firefox Web Browser</label><br>
+  <input type="checkbox" name="product_webmaker" id="product_webmaker">
+  <label for="product_webmaker">Webmaker</label><br>
+  <input type="checkbox" name="product_persona" id="product_persona">
+  <label for="product_persona">Persona</label><br>
+  <input type="checkbox" name="product_marketplace" id="product_marketplace">
+  <label for="product_marketplace">Marketplace</label><br>
+  <input type="checkbox" name="product_tb" id="product_tb">
+  <label for="product_tb">Thunderbird</label><br>
+  <input type="checkbox" name="product_fow" id="product_fow">
+  <label for="product_fow">The Free and Open Web</label><br>
+  <input type="checkbox" name="product_devtools" id="product_devtools">
+  <label for="product_devtools">Developer Tools</label><br>
+  <input type="checkbox" name="product_other" id="product_other">
+  <label for="product_other">Other:</label>
+  <input type="text" name="product_other_text" id="product_other_text"
+         size="40" disabled>
+</div>
+
+<div class="form_section">
+  <div class="field_label required">
+    Do you have an option to sponsor a booth?
+  </div>
+  <select id="sponsor_booth" name="sponsor_booth">
+    <option value="">Select</option>
+    <option value="Yes">Yes</option>
+    <option value="No">No</option>
+  </select>
+</div>
+
+<div class="form_section">
+  <div class="field_label required">
+    Do you need a speaker?
+  </div>
+  <select id="speaker_needed" name="speaker_needed">
+    <option value="">Select</option>
+    <option value="Yes">Yes</option>
+    <option value="No">No</option>
+  </select>
+</div>
+
+<div id="speaker_needed_detail_section" class="form_section bz_default_hidden">
+  <div class="field_label required">
+    What topic do you want someone to speak about?
+  </div>
+  <div class="field_desc">
+    Please be specific so that we can find a great speaker for you. Examples:
+    Developer Tools for Firefox, the future of the Web, CSS media queries.
+  </div>
+  <input type="text" name="speaker_needed_topic"
+         id="speaker_needed_topic" size="40" class="wide">
+</div>
+
+<div class="form_section">
+  <div class="field_label required">
+    Will this event include a session about developing with HTML, CSS, or
+    JavaScript?
+  </div>
+  <select id="development_session" name="development_session">
+    <option value="">Select</option>
+    <option value="Yes">Yes</option>
+    <option value="No">No</option>
+    <option value="To be determined">To be determined</option>
+  </select>
+</div>
+
+<div class="head_desc">
+  Tell us more about what you're looking for!
+</div>
+
+<div class="form_section">
+  <div class="field_label required">
+    What are you requesting from Mozilla?
+  </div>
+  <div class="field_desc">
+    Please select all that apply.
+  </div>
+  <input type="checkbox" name="request_keynote" id="request_keynote">
+  <label for="request_keynote">Keynote Presentation</label><br>
+  <input type="checkbox" name="request_talk" id="request_talk">
+  <label for="request_talk">Talk Presentation (non-keynote)</label><br>
+  <input type="checkbox" name="request_workshop" id="request_workshop">
+  <label for="request_workshop">Workshop</label><br>
+  <input type="checkbox" name="request_sponsorship" id="request_sponsorship"
+         onchange="onRequestSponsorshipChange()">
+  <label for="request_sponsorship">Sponsorship</label><br>
+  <input type="checkbox" name="request_other" id="request_other">
+  <label for="request_other">Other:</label>
+  <input type="text" name="request_other_text" id="request_other_text"
+         size="40" disabled>
+</div>
+
+<div class="form_section">
+  <div class="field_label required">
+    Has Mozilla sponsored this event before?
+  </div>
+  <select id="previous_event" name="previous_event">
+    <option value="">Select</option>
+    <option value="Yes">Yes</option>
+    <option value="No">No</option>
+  </select>
+</div>
+
+<div id="previous_event_details_section" class="form_section bz_default_hidden">
+  <div class="field_label required">
+    Year
+  </div>
+  <input type="text" name="previous_event_year"
+         id="previous_event_year" size="40" class="wide">
+  <div class="field_label required">
+    Name of Event
+  </div>
+  <input type="text" name="previous_event_name"
+         id="previous_event_name" size="40" class="wide">
+</div>
+
+<div class="form_section">
+  <div class="field_label">
+    If requesting sponsorship, what amount/level do you suggest?
+  </div>
+  <div class="field_desc">
+    Please include the currency.
+  </div>
+  <input type="text" name="sponsorship_suggestion" id="sponsorship_suggestion"
+         size="40" class="wide">
+</div>
+
+<div class="form_section">
+  <div class="field_label">
     Please upload a Sponsorship Prospectus if you have one.
-  </th>
-</tr>
-<tr>
-  <td>
-    <input type="file" name="data" id="data" size="40">
-    <input type="hidden" name="contenttypemethod" value="autodetect">
-    <input type="hidden" id="description" name="description" value="Sponsorship Prospectus">
-  </td>
-</tr>
-
-<tr>
-  <th>
+  </div>
+  <input type="file" name="data" id="data" size="40">
+  <input type="hidden" name="contenttypemethod" value="autodetect">
+  <input type="hidden" id="description" name="description"
+         value="Sponsorship Prospectus">
+</div>
+
+<div class="form_section">
+  <div class="field_label">
     Anything else that may help us review this request?
-  </th>
-</tr>
-<tr>
-  <td>
-    <input type="text" name="else" id="else" size="40" class="wide">
-  </td>
-</tr>
-
-<tr>
-  <td>&nbsp;</td>
-</tr>
-<tr>
-  <td>
-    <input type="submit" id="commit" value="Submit Request">
-  </td>
-</tr>
-
-</table>
+  </div>
+  <input type="text" name="else" id="else" size="40" class="wide">
+</div>
+
+<input type="submit" id="commit" value="Submit Request">
 
 </form>
 
diff --git a/extensions/BMO/web/js/dev_engagement.js b/extensions/BMO/web/js/dev_engagement.js
new file mode 100644
index 000000000..0bb7313b1
--- /dev/null
+++ b/extensions/BMO/web/js/dev_engagement.js
@@ -0,0 +1,290 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this file,
+ * You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * This Source Code Form is "Incompatible With Secondary Licenses", as
+ * defined by the Mozilla Public License, v. 2.0. */
+
+var DE = {
+  formUpdate: function () {
+    var sections = {
+      developer_event_warning: false,
+      code_of_conduct_warning: false,
+      mozilla_attending_warning: false,
+      mozillian_profile_url_section: false,
+      mozilla_attending_list_section: false,
+      code_of_conduct_url_section: false,
+      speaker_needed_detail_section: false,
+      previous_event_details_section: false
+    };
+    var commit_disabled = false;
+
+    if (fieldValue('developer_event') == 'No') {
+      commit_disabled = true;
+      sections.developer_event_warning = true;
+    }
+
+    if (fieldValue('mozilla_attending') == 'No') {
+      sections.mozilla_attending_warning = true;
+    }
+    else if (fieldValue('mozilla_attending') == 'Yes') {
+      sections.mozilla_attending_list_section = true;
+    }
+
+    if (fieldValue('code_of_conduct') == 'No') {
+      commit_disabled = true;
+      sections.code_of_conduct_warning = true;
+    }
+    else if (fieldValue('code_of_conduct') == 'Yes') {
+      sections.code_of_conduct_url_section = true;
+    }
+
+    if (fieldValue('vouched_mozillian') == 'Yes') {
+      sections.mozillian_profile_url_section = true;
+    }
+
+    if (fieldValue('previous_event') == 'Yes') {
+      sections.previous_event_details_section = true;
+    }
+
+    if (fieldValue('speaker_needed') == 'Yes') {
+      sections.speaker_needed_detail_section = true;
+    }
+
+    for (section in sections) {
+      if (sections[section]) {
+        DE.removeClass(document.getElementById(section),
+                               'bz_default_hidden');
+      }
+      else {
+        DE.addClass(document.getElementById(section),
+                            'bz_default_hidden');
+      }
+    }
+    YAHOO.util.Dom.get('commit').disabled = commit_disabled;
+  },
+  focusOther: function (id, other_id) {
+    var cb = document.getElementById(id);
+    var input = document.getElementById(other_id);
+    input.disabled = !cb.checked;
+    if (cb.checked) input.focus();
+  },
+  onSubmit: function (ev) {
+    var alert_text = '';
+    // Required fields check
+    var required_text_fields = {
+      'name' : 'Please enter your name.',
+      'email' : 'Please enter your email address.',
+      'role' : 'Please enter your role.',
+      'event' : 'Please enter the event name.',
+      'start_date' : 'Please enter the event start date.',
+      'end_date' : 'Please enter the event end date.',
+      'location' : 'Please enter a location description for the event.',
+      'attendees' : 'Please enter number of expected attendees.',
+      'desc' : 'Please enter a description of the event.',
+    };
+
+    var required_selects = {
+      'vouched_mozillian' : 'Please select if you are a vouched mozillian.',
+      'developer_event' : 'Please select if this is a developer event.',
+      'mozilla_attending' : 'Please select if Mozilla is attending the event.',
+      'code_of_conduct' : 'Please select if the event has a code of conduct.',
+      'event_location' : 'Please a location for the event.',
+      'previous_event' : 'Please select if Mozilla has sponsored this event before.',
+      'development_session' : 'Please select if this event includes a development session.',
+    };
+
+    if (fieldValue('vouched_mozillian') == 'Yes')
+      required_text_fields['mozillian_profile_url']
+        = 'Please enter your mozillian profile url.';
+    if (fieldValue('mozilla_attending') == 'Yes')
+      required_text_fields['mozilla_attending_list']
+        = 'Please enter a list of Mozilla persons attending the event.';
+    if (fieldValue('code_of_conduct') == 'Yes')
+      required_text_fields['code_of_conduct_url']
+        = 'Please enter a code of conduct url.';
+    if (fieldValue('previous_event') == 'Yes') {
+      required_text_fields['previous_event_year']
+        = 'Please select a year for the previous sponsored event.';
+      required_text_fields['previous_event_name']
+        = 'Please enter a name for the previous sponsored event.';
+    }
+
+    var relevant_products = [
+      'product_fxos',
+      'product_fx',
+      'product_webmaker',
+      'product_persona',
+      'product_marketplace',
+      'product_tb',
+      'product_fow',
+      'product_devtools',
+      'product_other',
+    ];
+    var found = 0;
+    for (var i = 0, l = relevant_products.length; i < l; i ++) {
+      if (isChecked(relevant_products[i])) found = 1;
+    }
+    if (!found)
+      alert_text += "Please check one or more relevant products.\n";
+    if (isChecked('product_other'))
+      required_text_fields['product_other_text']
+        = 'Please enter a value for other relevant product.';
+
+    var request_types = [
+      'request_keynote',
+      'request_talk',
+      'request_workshop',
+      'request_sponsorship',
+      'request_other'
+    ];
+    found = 0;
+    for (var i = 0, l = request_types.length; i < l; i ++) {
+      if (isChecked(request_types[i])) found = 1;
+    }
+    if (!found)
+      alert_text += "Please check one or more items being requested of Mozilla.\n";
+    if (isChecked('request_other'))
+      required_text_fields['request_other_text']
+        = 'Please enter a value for other item being requested.';
+
+    for (field in required_text_fields) {
+      if (!isFilledOut(field))
+        alert_text += required_text_fields[field] + "\n";
+    }
+    for (field in required_selects) {
+      if (!fieldValue(field))
+        alert_text += required_selects[field] + "\n";
+    }
+    if (alert_text != '') {
+      alert(alert_text);
+      YAHOO.util.Event.stopEvent(ev);
+    }
+
+    // Whiteboard value
+    var wb = '';
+    var location_wb_map = {
+      'Africa' : 'africa',
+      'Asia' : 'asia',
+      'Australia' : 'australia',
+      'Europe' : 'europe',
+      'North America' : 'north-america',
+      'Central / South America' : 'central-south-america',
+      'Multiple' : 'multiple',
+      'Online only' : 'online',
+    };
+    wb += '[location:' + location_wb_map[fieldValue('event_location')] + '] ';
+
+    var request_items = [];
+    if (document.getElementById('request_keynote').checked)
+      request_items.push('keynote');
+    if (document.getElementById('request_talk').checked)
+      request_items.push('talk');
+    if (document.getElementById('request_workshop').checked)
+      request_items.push('workshop');
+    if (document.getElementById('request_sponsorship').checked)
+      request_items.push('sponsorship');
+    if (document.getElementById('request_other').checked)
+      request_items.push('other');
+    wb += '[requesting:' + request_items.join(',') + '] ';
+
+    var product_items = [];
+    if (document.getElementById('product_fxos').checked)
+      product_items.push('firefox-os');
+    if (document.getElementById('product_fx').checked)
+      product_items.push('firefox-web-browser');
+    if (document.getElementById('product_webmaker').checked)
+      product_items.push('webmaker');
+    if (document.getElementById('product_persona').checked)
+      product_items.push('persona');
+    if (document.getElementById('product_marketplace').checked)
+      product_items.push('marketplace');
+    if (document.getElementById('product_tb').checked)
+      product_items.push('thunderbird');
+    if (document.getElementById('product_fow').checked)
+      product_items.push('open-web');
+    if (document.getElementById('product_devtools').checked)
+      product_items.push('developer-tools');
+    if (document.getElementById('product_other').checked)
+      product_items.push('other');
+    wb += '[products:' + product_items.join(',') + '] ';
+
+    if (fieldValue('developer_event') == 'Yes')
+      wb += '[developer-event:true] ';
+    var mozilla_attending = fieldValue('mozilla_attending') == 'Yes' ? 'true' : 'false';
+    wb += '[mozilla-already-attending:' + mozilla_attending + '] ';
+    var vouched = fieldValue('vouched_mozillian') == 'Yes' ? 'true' : 'false';
+    wb += '[requested-by-mozillian:' + vouched + '] ';
+    if (fieldValue('code_of_conduct') == 'Yes')
+      wb += '[code-of-conduct:true] ';
+    var previous_event = fieldValue('previous_event') == 'Yes' ? 'true' : 'false';
+    wb += '[past-sponsorship:' + previous_event + '] ';
+    var needs_speaker = fieldValue('speaker_needed') == 'Yes' ? 'true' : 'false';
+    wb += '[needs-speaker:' + needs_speaker + '] ';
+    var sponsor_booth = fieldValue('sponsor_booth') == 'Yes' ? 'true' : 'false';
+    wb += '[option-to-sponsor-booth:' + sponsor_booth + '] ';
+    var dev_session_map = {
+     'Yes' : 'true',
+     'No' : 'false',
+     'To be determined' : 'tbd',
+    };
+    wb += '[open-web-session-at-event:' +
+           dev_session_map[fieldValue('development_session')] + '] ';
+    wb += '[expected-attendees:' + fieldValue('attendees') + '] ';
+    var prospectus = fieldValue('data') ? 'true' : 'false';
+    wb += '[prospectus:' + prospectus + '] ';
+    document.getElementById('status_whiteboard').value = wb.replace(/ $/, '');
+
+    var summary = document.getElementById('event').value + ', ' + DE.long_start_date();
+    var loc = document.getElementById('location').value;
+    if (loc)
+      summary = summary + ' (' + loc + ')';
+    document.getElementById('short_desc').value = summary;
+    document.getElementById('bug_file_loc').value = document.getElementById('link').value;
+    document.getElementById('cf_due_date').value = document.getElementById('start_date').value;
+  },
+  long_start_date: function () {
+    var ymd = document.getElementById('start_date').value.split('-');
+    if (ymd.length != 3)
+      return '';
+    var month = YAHOO.bugzilla.calendar_start_date.cfg.getProperty('MONTHS_LONG')[ymd[1] - 1];
+    return month + ' ' + ymd[0];
+  },
+  hasClass: function (element, class_name) {
+    return element.className.match(new RegExp('(\\s|^)' + class_name + '(\\s|$)'));
+  },
+  addClass: function (element, class_name) {
+    if (!DE.hasClass(element, class_name))
+      element.className += " " + class_name;
+  },
+  removeClass: function (element, class_name) {
+    if (DE.hasClass(element, class_name)) {
+        var reg = new RegExp('(\\s|^)' + class_name + '(\\s|$)');
+        element.className = element.className.replace(reg,' ');
+    }
+  },
+  init: function() {
+    YAHOO.util.Event.on('dev_form', 'submit', DE.onSubmit);
+    YAHOO.util.Event.on('product_other', 'change', function () {
+      DE.focusOther('product_other', 'product_other_text');
+    });
+    YAHOO.util.Event.on('request_other', 'change', function () {
+      DE.focusOther('request_other', 'request_other_text');
+    });
+    var select_inputs = [
+      'developer_event',
+      'code_of_conduct',
+      'vouched_mozillian',
+      'mozilla_attending',
+      'speaker_needed',
+      'previous_event'
+    ];
+    for (var i = 0, l = select_inputs.length; i < l; i++) {
+      YAHOO.util.Event.on(select_inputs[i], 'change', DE.formUpdate);
+    }
+    DE.formUpdate();
+    createCalendar('start_date');
+    createCalendar('end_date');
+  }
+};
+YAHOO.util.Event.onDOMReady(DE.init);
diff --git a/extensions/BMO/web/js/form_validate.js b/extensions/BMO/web/js/form_validate.js
index 7e9746a5c..53b16ab1c 100644
--- a/extensions/BMO/web/js/form_validate.js
+++ b/extensions/BMO/web/js/form_validate.js
@@ -39,3 +39,18 @@ function isOneChecked(form_nodelist) {
     }
     return false;
 }
+
+function fieldValue(elem_id) {
+    var el = document.getElementById(elem_id);
+    if (!el) {
+        console.error('Failed to find element: ' + elem_id);
+        return false;
+    }
+    if (el.type == 'text'
+        || el.type == 'textarea'
+        || el.type == 'file')
+    {
+      return el.value;
+    }
+    return el.options[el.selectedIndex].value;
+}