more hacky solution for preview iframe in foundation reveal modal

app/assets/javascripts/cmtool/application.js.coffee

@@ -19,11 +19,13 @@ $ ->
   $('.preview-page').click (ev)->
     ev.preventDefault()
     url = $(@).attr('href')
+    iframe = $('#preview-modal iframe')
     params =
       body: $('#page_body').val()
+      sidebar: $('#page_sidebar').val()
+      footer: $('#page_footer').val()
       layout: $('#page_layout').val()
     $.post url, page: params, (response)->
-      iframe = $('#preview-modal iframe').get(0)
+      iframe.attr 'src', url
-      iframe.src = "data:text/html;charset=utf-8,#{escape(response)}"
       $('#preview-modal').foundation('reveal', 'open')
     false

app/assets/stylesheets/cmtool/components/_modal.css.sass

@@ -0,0 +1,6 @@
+.reveal-modal-bg
+  position: fixed
+#preview-modal
+  width: 90%
+  height: 90%
+  margin-top: -70px

app/controllers/cmtool/pages_controller.rb

@@ -93,9 +93,14 @@ module Cmtool
     end
 
     def preview
-      @page = ::Page.new params.require(:page).permit!
+      if request.post?
+        session[:preview_page] = params[:page].to_hash
+        head :ok
+      else
+        @page = ::Page.new session[:preview_page]
         render "pages/show", layout: @page.layout
       end
+    end
 
     private
 

app/views/cmtool/pages/_form.html.slim

@@ -1,7 +1,7 @@
 javascript:
   page_vars = #{Cmtool::YmlFile.all_as_object.to_json.html_safe};
 #preview-modal.reveal-modal.large data-reveal=""
-  iframe allowfullscreen="" frameborder="0" height="720" src="about:blank" width="900"
+  iframe allowfullscreen="" frameborder="0" height="100%" src="about:blank" width="100%"
   a.close-reveal-modal ×
 = form_for [cmtool, @page] do |f|
   = render 'error_messages', target: @page

config/routes.rb

@@ -7,7 +7,7 @@ Cmtool::Engine.routes.draw do
   resources :pages do
     member do
       get :generate_name
-      post :preview
+      match :preview, via: [:get, :post]
     end
     collection do
       get :generate_name

spec/dummy/app/assets/stylesheets/application.css

@@ -11,3 +11,6 @@
  *= require_self
  *= require_tree .
 */
+body{
+  background-color: #aaf;
+}