added inline edit demo to dummy app

Author: jonasjabari

spec/dummy/app/controllers/my_app_controller.rb

@@ -30,6 +30,10 @@ def collection
     responder_for(Pages::MyApp::Collection)
   end
 
+  def inline_edit
+    responder_for(Pages::MyApp::InlineEdit)
+  end
+
   def some_action
     render json: {}, status: :ok
   end
@@ -47,6 +51,20 @@ def form_action
     end
   end
 
+  def inline_form_action
+    @dummy_model = DummyModel.find(params[:id])
+    @dummy_model.update(dummy_model_params)
+    if @dummy_model.errors.any?
+      render json: {
+        errors: @dummy_model.errors,
+        message: "Test Model could not be saved!"
+      }, status: :unproccessable_entity
+    else
+      broadcast "test_model_created"
+      render json: @dummy_model, status: :created
+    end
+  end
+
   def delete_dummy_model
     @dummy_model = DummyModel.find(params[:id])
     if @dummy_model.destroy

spec/dummy/app/matestack/apps/my_app.rb

@@ -39,6 +39,9 @@ def navigation_section
         transition path: :collection_path do
           button text: "Collection"
         end
+        transition path: :inline_edit_path do
+          button text: "Inline Edit"
+        end
       end
     }
   end

spec/dummy/app/matestack/pages/my_app/inline_edit.rb

@@ -0,0 +1,58 @@
+class Pages::MyApp::InlineEdit < Matestack::Ui::Page
+
+  def prepare
+    @my_model = DummyModel.last
+  end
+
+  def response
+    components {
+      heading size: 2, text: "Inline Edit"
+
+      partial :show_value
+      partial :show_form
+    }
+  end
+
+  def show_value
+    partial {
+      async rerender_on: "item_updated", show_on: "item_updated", hide_on: "update_item", init_show: true do
+        onclick emit: "update_item" do
+          plain @my_model.title
+          plain "(click me)"
+        end
+      end
+    }
+  end
+
+  def show_form
+    partial {
+      async rerender_on: "item_updated", show_on: "update_item", hide_on: "item_updated" do
+        form some_form_config, :include do
+          form_input key: :title, type: :text
+          form_submit do
+            button text: "save"
+          end
+        end
+        onclick emit: "item_updated" do
+          button text: "abort"
+        end
+      end
+    }
+  end
+
+  def some_form_config
+    {
+      for: @my_model,
+      method: :post,
+      path: :inline_form_action_path,
+      params: {
+        id: @my_model.id
+      },
+      success:{
+        emit: "item_updated"
+      }
+    }
+  end
+
+
+end

spec/dummy/app/matestack/pages/my_app/my_first_page.rb

@@ -1,5 +1,9 @@
 class Pages::MyApp::MyFirstPage < Matestack::Ui::Page
 
+  def prepare
+    @my_model = DummyModel.last
+  end
+
   def response
     components {
       heading size: 2, text: "This is Page 1"

spec/dummy/config/routes.rb

@@ -27,9 +27,11 @@
     get 'my_fifth_page', to: 'my_app#my_fifth_page'
     get 'my_sixth_page', to: 'my_app#my_sixth_page'
     get 'collection', to: 'my_app#collection'
+    get 'inline_edit', to: 'my_app#inline_edit'
 
     post 'some_action', to: 'my_app#some_action'
     post 'form_action', to: 'my_app#form_action'
+    post 'inline_form_action/:id', to: 'my_app#inline_form_action', as: "inline_form_action"
 
     delete 'delete_dummy_model', to: 'my_app#delete_dummy_model'
   end