add index (synthetic) to sections

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

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

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

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

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

@@ -1,4 +1,7 @@
 .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
+  -if value
+    = image_tag "cms/" + value
+  -else
+    No image

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

@@ -1,3 +1,6 @@
 .p-6
   %h3.mt-4.text-lg.font-bold= key.upcase
-  = image_tag "cms/" + value
+  -if value
+    = image_tag "cms/" + value
+  -else
+    No image

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

@@ -1,5 +1,9 @@
 %p#notice= notice
 
+%h1 Page #{@page.name}
+
+%h4 Section #{@section.id}
+ 
 .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