Allow ‘report as another user’ to only provide a phone number

1 files changed, 5 insertions, 0 deletions

diff --git a/web/cobrands/fixmystreet/staff.js b/web/cobrands/fixmystreet/staff.js
index e99af3c6b..f2b98744b 100644
--- a/web/cobrands/fixmystreet/staff.js
+++ b/web/cobrands/fixmystreet/staff.js
@@ -172,30 +172,35 @@ $.extend(fixmystreet.set_up, {
             val = opt.value,
             txt = opt.text;
         var $emailInput = $('input[name=username]');
+        var $emailOptionalLabel = $('label[for=form_username] span');
         var $nameInput = $('input[name=name]');
         var $phoneInput = $('input[name=phone]');
         var $showNameCheckbox = $('input[name=may_show_name]');
         var $addAlertCheckbox = $('#form_add_alert');
         if (val === 'myself') {
             $emailInput.val($emailInput.prop('defaultValue')).prop('disabled', true);
+            $emailOptionalLabel.addClass('hidden');
             $nameInput.val($nameInput.prop('defaultValue')).prop('disabled', false);
             $phoneInput.val($phoneInput.prop('defaultValue')).prop('disabled', false);
             $showNameCheckbox.prop('checked', false).prop('disabled', false);
             $addAlertCheckbox.prop('checked', true).prop('disabled', false);
         } else if (val === 'another_user') {
             $emailInput.val('').prop('disabled', false);
+            $emailOptionalLabel.removeClass('hidden');
             $nameInput.val('').prop('disabled', false);
             $phoneInput.val('').prop('disabled', false);
             $showNameCheckbox.prop('checked', false).prop('disabled', true);
             $addAlertCheckbox.prop('checked', true).prop('disabled', false);
         } else if (val === 'anonymous_user') {
             $emailInput.val('-').prop('disabled', true);
+            $emailOptionalLabel.addClass('hidden');
             $nameInput.val('-').prop('disabled', true);
             $phoneInput.val('-').prop('disabled', true);
             $showNameCheckbox.prop('checked', false).prop('disabled', true);
             $addAlertCheckbox.prop('checked', false).prop('disabled', true);
         } else if (val === 'body') {
             $emailInput.val('-').prop('disabled', true);
+            $emailOptionalLabel.addClass('hidden');
             $nameInput.val(txt).prop('disabled', true);
             $phoneInput.val('-').prop('disabled', true);
             $showNameCheckbox.prop('checked', true).prop('disabled', true);