[bug 925973] Disable next button if description empty

Author: willkg

fjord/base/static/css/mobile/base.less

@@ -108,3 +108,8 @@ header {
   padding: 5px;
   width: 80%;
 }
+
+.btn.submit:disabled {
+  border-bottom: 2px solid #607755;
+  .gradient(#a0aa88, #a0aa88, #708855);
+}

fjord/feedback/static/js/mobile/fxos_feedback.js

@@ -89,6 +89,14 @@ function init() {
     storageAddItem('device', $('#device select').val());
   });
 
+  $('#description').on('keyup', function() {
+    if ($('#description').val() === '') {
+      $('#description-next-btn').prop('disabled', true);
+    } else {
+      $('#description-next-btn').prop('disabled', false);
+    }
+  });
+
   $('#email .email-ok input').on('change', function() {
     var on = $(this).is(':checked');
     $('#email .email').toggle(on);
@@ -197,6 +205,7 @@ function init() {
       xdeck.shuffleTo(numCards-1);
     });
   }
+  $('#description-next-btn').prop('disabled', true);
   $('#email-ok').change();
   $('#email-error').hide();
 }

fjord/feedback/templates/feedback/mobile/fxos_feedback.html

@@ -103,7 +103,7 @@
         sure not to include any personal information.
         {% endtrans %}
       </p>
-      <button class="next btn submit">{{ _('Next') }}</button>
+      <button id="description-next-btn" class="next btn submit">{{ _('Next') }}</button>
     </section>
   </x-card>