code mirror size by textarea's rows and cols

edwardjewson · Jun 21, 2014 · 93219c5 · 93219c5
1 parent 4ca4361
commit 93219c5
Showing 1 changed file with 38 additions and 1 deletion.
diff --git a/app/views/rails_admin/main/_form_code_mirrorml.html.haml b/app/views/rails_admin/main/_form_code_mirrorml.html.haml
@@ -6,4 +6,41 @@
     :locations => field.assets
   }
 
-= render 'form', form: form, field: field, field_type: :text_area, html_attributes: field.html_attributes.reverse_merge(:data => { :richtext => 'codemirror', :options => js_data.to_json })
+  editor_size = {
+    width: 'auto',
+    heigth: '300px',
+  }
+
+  if field.html_attributes[:cols]
+    if field.html_attributes[:cols].to_s.match('%')
+      editor_size[:heigth] = field.html_attributes[:cols]
+    else
+      editor_size[:heigth] = "#{field.html_attributes[:cols].to_i * 8}px"
+    end
+  end
+
+  if field.html_attributes[:rows]
+    if field.html_attributes[:rows].to_s.match('%')
+      editor_size[:heigth] = field.html_attributes[:rows]
+    else
+      editor_size[:heigth] = "#{field.html_attributes[:rows].to_i * 20}px"
+    end
+  end
+
+- uniqid = "code_mirror_#{SecureRandom.hex(10)}"
+
+:css
+  ##{uniqid} .CodeMirror {
+    width: #{editor_size[:width]};
+    height: #{editor_size[:heigth]};
+  }
+
+:javascript
+  $(document).on('click', '##{uniqid} .nav.nav-tabs li a', function(e){
+      $('#static_page_html_field .tab-content '+ $(this).attr('href') + ' .CodeMirror').each(function(i, el){
+          el.CodeMirror.refresh();
+      });
+  });
+
+%div{id: uniqid}
+  = render 'form', form: form, field: field, field_type: :text_area, html_attributes: field.html_attributes.reverse_merge(:data => { :richtext => 'codemirror', :options => js_data.to_json })