Add dynamic html id to Matestack pages

Author: marcosvafilho

lib/matestack/ui/core/page.rb

@@ -15,7 +15,7 @@ def create_children
 
         def page
           if params[:only_page]
-            div class: 'matestack-page-root' do
+            div id: page_id, class: 'matestack-page-root' do
               yield
             end
           else
@@ -28,12 +28,12 @@ def page
                 end
                 div class: 'matestack-page-wrapper', 'v-bind:class': '{ "loading": loading === true }' do
                   div 'v-if': 'asyncPageTemplate == null' do
-                    div class: 'matestack-page-root' do
+                    div id: page_id, class: 'matestack-page-root' do
                       yield
                     end
                   end
                   div 'v-if': 'asyncPageTemplate != null' do
-                    div class: 'matestack-page-root' do
+                    div id: page_id, class: 'matestack-page-root' do
                       Base.new('v-runtime-template', ':template': 'asyncPageTemplate')
                     end
                   end
@@ -57,6 +57,17 @@ def component_attributes
           }
         end
 
+        def page_id
+          controller = params[:controller]
+                         .parameterize
+                         .dasherize
+
+          action = params[:action]
+                     .underscore
+                     .dasherize
+
+          "matestack-page-#{controller}-#{action}"
+        end
       end
     end
   end