Added message and disabled the dropdown in email view when no participants are present

app/assets/javascripts/application.js.coffee

@@ -15,6 +15,7 @@
 #= require bootstrap
 #= require cocoon
 #= require additional
+#= require event_emails
 #
 
 window.init_page = ->

app/assets/javascripts/event_emails.js.coffee

@@ -0,0 +1,11 @@
+if $('#select_recp').data('users') 
+  $('#select_recp').prop("disabled", true)
+
+fill_email_to = (state) ->
+  $('#state'+state).click ->
+    users = $('#state'+state).data('users')
+    $('#event_email_to').val(users)
+    if users.length == 0
+      $('#event_email_to').attr('placeholder', 'No recipients present for ' + state + ' state')
+
+fill_email_to state for state in ['All', 'Accepted', 'Incomplete', 'Submitted', 'Approved', 'Cancel']

app/views/event_emails/new.html.haml

@@ -1,35 +1,20 @@
 .col-md-10
   %h2 Email the participants of #{@event.name}
   .dropdown.pull-right
-    %button#select_recp.btn.btn-default.dropdown-toggle{"aria-expanded" => "true", "aria-haspopup" => "true", "data-toggle" => "dropdown", :type => "button"}
+    %button#select_recp.btn.btn-default.dropdown-toggle{"aria-expanded" => "true", "aria-haspopup" => "true", "data-toggle" => "dropdown", :type => "button", "data-users" => "#{users_for_event('all').empty?}"}
       Select recipients
       %span.caret
     %ul.dropdown-menu{"aria-labelledby" => "select_recp"}
-      %li
-        %a{:onclick => "user_email(#{users_for_event('all')})"} All
-      %li
-        %a{:onclick => "user_email(#{users_for_event('accepted')})"} Accepted
-      %li
-        %a{:onclick => "user_email(#{users_for_event('incomplete')})"} Incomplete
-      %li
-        %a{:onclick => "user_email(#{users_for_event('submitted')})"} Submitted
-      %li
-        %a{:onclick => "user_email(#{users_for_event('approved')})"} Approved
-      %li
-        %a{:onclick => "user_email(#{users_for_event('canceled')})"} Cancel
+      - %w[All Accepted Incomplete Submitted Approved Cancel].each do |s|
+        %li
+          %a{id: 'state' + s, "data-users" => users_for_event(s.downcase) } #{s}
   %br
   = simple_form_for(resource, url: event_event_emails_path) do |f|
-    = f.input :to, as: :text,readonly: true, input_html: {rows: 1}
+    = f.input :to, as: :text,readonly: true,placeholder: 'Select the recipients', input_html: {rows: 1}
     = f.input :subject
     = f.input :body, as: :text, hint: 'This field supports markdown', input_html: {rows: 12}
     %a{:href => "https://daringfireball.net/projects/markdown/syntax"}
       View Markdown Syntax
     .pull-right
       = f.button :submit, 'Send', class: 'btn btn-primary', data: { disable_with: "Please wait..." }
       = link_to 'Cancel', event_event_emails_path(@event) , class: 'btn btn-default'
-
-:javascript
-  function user_email(users){
-    var recip = document.getElementById('event_email_to');
-    recip.value = users
-  }

spec/features/event_email.spec.rb

@@ -3,6 +3,14 @@
 feature 'Email Events', '' do
   fixtures :all
 
+  scenario 'When there are no participants present', js: true do
+    sign_in_as_user(users(:tspmember))
+    visit event_event_emails_path(events(:hoth_hackaton))
+    click_link 'Compose'
+
+    page.should have_button('Select recipients', disabled: true)
+  end
+
   scenario 'Email the event participants', js: true do
     sign_in_as_user(users(:tspmember))
     visit event_event_emails_path(events(:party))