start on section edit (without edit)

app/views/cms/sections/editors/_button.haml

@@ -0,0 +1,9 @@
+.relative.block.border.border-gray-100
+  %h3.mt-4.text-lg.font-bold= key.upcase
+  %p
+    .font-bold Text
+    = value["text"]
+.relative.block.border.border-gray-100
+  %p
+    .font-bold Link
+    = value["link"]

app/views/cms/sections/editors/_card_template.haml

@@ -0,0 +1,6 @@
+.relative.block.border.border-gray-100
+  %h3.mt-4.text-lg.font-bold= key.upcase
+  %p= value
+  %p #{section.content['cards'].length} cards
+.relative.block.border.border-gray-100
+  =image_tag("cms/card_preview/#{value}" , class: "w-full object-contain")

app/views/cms/sections/editors/_cards.haml

@@ -0,0 +1,4 @@
+.relative.block.border.border-gray-100
+  Cards number
+.relative.block.border.border-gray-100
+  Card preview

app/views/cms/sections/editors/_header.haml

@@ -0,0 +1,4 @@
+.relative.block.border.border-gray-100
+  %h3.mt-4.text-lg.font-bold= key.upcase
+.relative.block.border.border-gray-100
+  %p= value

app/views/cms/sections/editors/_image.haml

@@ -0,0 +1,4 @@
+.relative.block.border.border-gray-100
+  %h3.mt-4.text-lg.font-bold= key.upcase
+.relative.block.border.border-gray-100
+  = image_tag "cms/" + value

app/views/cms/sections/editors/_template.haml

@@ -0,0 +1,5 @@
+.relative.block.border.border-gray-100
+  %h3.mt-4.text-lg.font-bold= key.upcase
+  %p= value
+.relative.block.border.border-gray-100
+  =image_tag("cms/section_preview/#{section.template}" , class: "w-full object-contain")

app/views/cms/sections/editors/_text.haml

@@ -0,0 +1,4 @@
+.relative.block.border.border-gray-100
+  %h3.mt-4.text-lg.font-bold= key.upcase
+.relative.block.border.border-gray-100
+  %p= value

app/views/cms/sections/show.html.haml

@@ -1,5 +1,8 @@
 %p#notice= notice
 
+.grid.grid-cols-2.gap-2.m-8
+  - @section.content.each do |key , value|
+    = render "cms/sections/editors/#{key}", section: @section , key: key , value: value
 
 = #link_to 'Edit', edit_cms_section_path(@cms_section)
 \|