Added read more for statements

app/assets/javascripts/application.js

@@ -15,4 +15,5 @@
 //= require bootstrap-sprockets
 //= require typeahead.bundle
 //= require markerclusterer_compiled
+//= require i18n/translations
 //= require_tree .

app/assets/javascripts/statements.js

@@ -0,0 +1,25 @@
+$(document).ready(function(){
+  $('.statement p').each(function(){
+    var trimLength = 300;
+    var trimMargin = 1.2; // don't trim just a couple of words
+    if($(this).text().length > (trimLength * trimMargin)) {
+      var text = $(this).text();
+      var trimPoint = $(this).text().indexOf(" ", trimLength);
+      var newContent = text.substring(0, trimPoint)+'<span class="read-more">'+text.substring(trimPoint)+'</span><span class="toggle">... <a href="#">' + I18n.t("pages.statements.read_more");
+ + '</a></span>';
+      $(this).html(newContent);
+    }
+  });
+  $('.toggle a').click(function(e){
+    e.preventDefault();
+    var para = $(this).closest('p');
+    var initialHeight = $(this).closest('p').innerHeight();
+    para.find('.read-more').show();
+    para.find('.toggle').hide();
+    var newHeight = para.innerHeight();
+    para.css('max-height', initialHeight+'px');
+    para.animate({ maxHeight: newHeight }, 300, function(){
+      para.css('max-height', 'none');
+    });
+  });
+});

app/assets/stylesheets/statements.sass

@@ -13,6 +13,9 @@
     font-size: $font-size-base
     margin: 0px
     display: inline
+  
+  .read-more
+    display: none
 
 @media (max-width: 800px)
   .statement

app/views/layouts/application.html.slim

@@ -75,4 +75,7 @@ html lang="#{I18n.locale}"
           = render 'contact'
         .col-xs-12.col-sm-2
           = render 'address'
-      
+ 
+  javascript:
+    I18n.defaultLocale = "#{I18n.default_locale}";
+    I18n.locale = "#{I18n.locale}";

app/views/pages/statements.de.slim

@@ -8,7 +8,7 @@ h1 = title t('.title')
     - unless supporter.publicity.organisation.blank?
       em= ", #{supporter.publicity.organisation}"
     br
-    = supporter.publicity.statement
+    p = supporter.publicity.statement
     hr.clearfix
      
 .text-center = link_to t(".submit_your_own_statement"), new_publicity_path