diff --git a/web/app/assets/javascripts/shareDialog.js b/web/app/assets/javascripts/shareDialog.js index f42c4bfd6..042cb43ec 100644 --- a/web/app/assets/javascripts/shareDialog.js +++ b/web/app/assets/javascripts/shareDialog.js @@ -6,7 +6,22 @@ var logger = context.JK.logger; var rest = context.JK.Rest(); + function socialShare() { + var shareWithFacebook = $('.share-with-facebook').is(':checked'); + var shareWithGoogle = $('.share-with-google').is(':checked'); + var shareWithTwitter = $('.share-with-twitter').is(':checked'); + + if(!shareWithFacebook && !shareWithGoogle && !shareWithTwitter) { + $('.share-options').addClass('error') + } + } function registerEvents(onOff) { + + $('#dialog-share-button').unbind('click').click(function(e){ + socialShare(); + return false; + }); + if (onOff) { } @@ -146,6 +161,7 @@ } function beforeShow() { + $('.share-with-selectors').removeClass('error'); registerEvents(true); } diff --git a/web/app/assets/stylesheets/client/shareDialog.css.scss b/web/app/assets/stylesheets/client/shareDialog.css.scss index 119bcef32..69d2270cf 100644 --- a/web/app/assets/stylesheets/client/shareDialog.css.scss +++ b/web/app/assets/stylesheets/client/shareDialog.css.scss @@ -192,3 +192,25 @@ img.space { -moz-border-radius:18px; border-radius:18px; } + +.share-options { + .error-msg { + display:none; + margin-top:10px; + text-align:center; + color:#F00; + font-size:11px; + } +} + +.share-options.error { + + background-color: #330000; + border: 1px solid #990000; + padding:4px; + } + + .error-msg { + display:block; + } +} diff --git a/web/app/views/clients/_shareDialog.html.erb b/web/app/views/clients/_shareDialog.html.erb index 6f8ac38ab..84f5699b5 100644 --- a/web/app/views/clients/_shareDialog.html.erb +++ b/web/app/views/clients/_shareDialog.html.erb @@ -7,20 +7,21 @@

Share to Social Media:


-
+
- <%= image_tag "content/icon_facebook.png", :size => "24x24", :align => "absmiddle", :alt => "", :style => "vertical-align:middle" %>  + <%= image_tag "content/icon_facebook.png", :size => "24x24", :align => "absmiddle", :alt => "", :style => "vertical-align:middle", :class => "share-with-facebook" %>  - <%= image_tag "content/icon_twitter.png", :size => "24x24", :align => "absmiddle", :alt => "", :style => "vertical-align:middle" %>  + <%= image_tag "content/icon_twitter.png", :size => "24x24", :align => "absmiddle", :alt => "", :style => "vertical-align:middle", :class => "share-with-twitter" %>  - <%= image_tag "content/icon_google.png", :size => "24x24", :align => "absmiddle", :alt => "", :style => "vertical-align:middle" %>  + <%= image_tag "content/icon_google.png", :size => "24x24", :align => "absmiddle", :alt => "", :style => "vertical-align:middle", :class => "share-with-google" %>  +

Share a Link:


- <% unless true # share_token.blank? %> + <% unless # share_token.blank? %> <%= "#{root_url}#{share_token}" %> <% end %>