Railsでmicropost自動保存（下書き保存）機能をつけたい

Question

RailsでRails / Ajaxを使って画面遷移しない一時保存機能をつけるをみながら、自動保存機能をつけたいと思っています。下書き保存を実装する際に、内容としてはまず、通常投稿にpublishedカラム（boolean）を追加し、投稿に「create_temp」という新しいアクションを付与します。それからjavascriptで5000ミリ秒ごと経過すると保存のアクションに入るというものかと思います。
まず、この通りに書いてみたのですが「下書き保存のための情報が足りません」と出るだけでうまく機能できていません。
エラーメッセージが見当たらず、てんてこ舞いです。
次に、この保存された下書きを出す方法がいまいち想像つきません。<% if @micropost.published.false %>してから配列させるということでしょうか。

該当するソースコード

_micropost_form.html.erb

<div class="micropost-form">
  <%= form_for(@micropost) do |f| %>
    <%= render 'shared/error_messages', object: f.object %>
    <div class="field">
      <!-- コメント -->
      <%= f.text_area :content, placeholder: "Compose new micropost..." %><br />
    <!-- 一時保存 -->
    <div class="create-temp"></div>
    <%= f.submit "Post", class: "btn btn-primary" %>
  <% end %>
</div>

micropost_controller.rb

class MicropostsController < ApplicationController
  before_action :logged_in_user, only: [:create, :destroy]
  before_action :correct_user,   only: :destroy

  def create
    @micropost = current_user.microposts.build(micropost_params)
    @micropost.thumbnails.build
    if @micropost.save
      flash[:success] = "Micropost created!"
      redirect_to root_url
    else
      @feed_items = []
      render 'sessions/new'
    end
  end

  def destroy
    @micropost.destroy
    flash[:success] = "Micropost deleted"
    redirect_to request.referrer || root_url
  end

  def create_temp
    @micropost = current_user.microposts.build(micropost_params)
    @misropost.published = false
    @micropost.save
  end

  def update
    @micropost.attributes = micropost_params
    @micropost.published = true if params[:commit]

    respond_to do |format|
      format.js do
        @micropost.save
      end
      format.html do
        if @micropost.save
          flash[:success] = "Micropost created!"
          redirect_to @micropost
        else
          render 'edit'
        end
      end
    end
  end

  private

  def micropost_params
    params.require(:micropost).permit(:content, :rate, :type, :case, :hour, :fee, :image, thumbnails_attributes: [:image])
  end

  def correct_user
    @micropost = current_user.microposts.find_by(id: params[:id])
    redirect_to root_url if @micropost.nil?
  end
end

config/routes.rb

  post 'microposts/temp', to: 'microposts#create_temp', as: :temp_micropost

assets/javascripts/draft.coffee

# Place all the behaviors and hooks related to the matching controller here.
# All this logic will automatically be available in application.js.
# You can use CoffeeScript in this file: http://coffeescript.org/
ready = ->
    # 断続的な保存機能
    if $('.create-temp')
        window.tempTimer = null
        $('.micropost-form form').keydown ->
            # リセット
            window.clearTimeout(tempTimer)
            window.tempTimer = window.setTimeout ->
                tempSubmit()
            , 5000

tempSubmit = ->
    # 作成
    if $('.create-temp span').data('result') != true
        $(".micropost-form").ajaxSubmit(
            url: '/microposts/temp',
            type: 'post'
        )
    # 更新
    else
        $(".micropost-form form").ajaxSubmit()

# For turbolinks
$(document).ready(ready)
$(document).on('page:load', ready)

// 自動保存
var result = '<%= @micropost.valid? %>';
var msg = "";
var notice = "";

if (result == true) {
    msg = "Already saved!";
    // IDを付与する
    $('.micropost-form').prepend('<input name="micropost[id]" type="hidden" value="<%= @micropost.id %>">');

    // RESTメソッドを変更する
    $('.micropost-form input[name=_method]').remove();
    $('.micropost-form').prepend('<input name="_method" type="hidden" value="patch">');

    // URLを変更する
    $('.micropost-form').attr('action', '/microposts/<%= @micropost.id %>');

} else {
    msg = "Couldn't save!";
}

// メッセージ
notice = "<span data-result=" + result + ">" + msg + "</span>";
$('.create-temp span').remove();
$('.create-temp').hide().append(notice).fadeIn();

Comments

[h_daido]

いくつかデバッグのフェーズを踏んだほうがいいと思います。①まずは、ちゃんとcreate_testアクションが呼ばれているか？②次にDBに反映されているか？（create_testによってレコードが増えているか）③jsファイル内の各変数のデバッグ。特にvar resultに値がちゃんとはいっているか。　デバッグの仕方がわからなければコメントください。

[marutama_giant]

いただいた内容でデバックを進めて行きたいと思います。ご丁寧にありがとうございます

Answer 1

js.erbって確かあくまでerbファイルだからシングルクォートだと文字列として処理された気がします。
実際にコード実行していないのでまだ検証できていませんが・・・

var result = '<%= @micropost.valid? %>'; #result = '<%= @micropost.valid? %>'

var result = "<%= @micropost.valid? %>"; #result = true or false

Answer 2

すいません、ちゃんとコードで確認したわけではないのですが、js.erbのファイルにて、

var result = '<%= @micropost.valid? %>';

としていますが、

var result = <%= @micropost.valid? %>;

ではないでしょうか？
''内が文字列で展開されてしまっているので、

if (result == true) {

が通らなくなっているのではないでしょうか？
その結果、elseブロックが実行されていると思います。

私もコードにて確認したいと思います。

Comments

[marutama_giant]

tonnyさん、ありがとうございます。連絡が遅れてしまいすみませんでした。シングルクォーターをとってみたのですが、できませんでした。もう少し自分でやり直してみたいと思います。