features

Author: libargutxi

src/cs_dynamicpages/behaviors/row_columns.py

@@ -24,7 +24,7 @@ class IRowColumns(model.Schema):
         title="Columns",
         vocabulary="cs_dynamicpages.RowColumns",
         required=True,
-        default="2",
+        default="col-md-6",
     )
 
 

src/cs_dynamicpages/controlpanels/dynamica_pages_control_panel/controlpanel.py

@@ -64,14 +64,19 @@ class IDynamicaPagesControlPanel(Interface):
                 "each_row_type_fields": ["IBasic.title"],
                 "row_type_has_featured_add_button": True,
             },
+            {
+                "row_type": "cs_dynamicpages-features-view",
+                "each_row_type_fields": ["IBasic.title", "IRowColumns.columns"],
+                "row_type_has_featured_add_button": True,
+            },
             {
                 "row_type": "cs_dynamicpages-accordion-view",
                 "each_row_type_fields": ["IBasic.title"],
                 "row_type_has_featured_add_button": True,
             },
             {
                 "row_type": "cs_dynamicpages-query-columns-view",
-                "each_row_type_fields": ["IBasic.title", "ICollection.query", "ICollection.sort_on", "ICollection.sort_order", "ICollection.betweeen", "ICollection.limit"],
+                "each_row_type_fields": ["IBasic.title", "ICollection.query", "ICollection.sort_on", "ICollection.sort_order", "ICollection.betweeen", "ICollection.limit", "IRowColumns.columns"],
                 "row_type_has_featured_add_button": False,
             },
             {

src/cs_dynamicpages/views/configure.zcml

@@ -104,6 +104,11 @@
         name="cs_dynamicpages-accordion-view"
         template="accordion_view.pt"
         />
+
+    <browser:page
+        name="cs_dynamicpages-features-view"
+        template="features_view.pt"
+        />
   </browser:pages>
 
 </configure>

src/cs_dynamicpages/views/features_view.pt

@@ -0,0 +1,32 @@
+<div class="row my-5 features-view" tal:define="
+       elements view/elements;
+     " tal:condition="elements">
+  <div tal:repeat="brain elements" class="${context/columns} mb-5">
+    <tal:define tal:define="
+                        element brain/getObject;
+                      ">
+
+      <div class="card">
+        <tal:image tal:define="
+                             image element/related_image_object;
+                           " tal:condition="image" tal:on-error="nothing">
+          <img tal:define="
+                         images image/@@images;
+                       " tal:replace="structure python:images.srcset(fieldname='image',
+                                                                  scale_in_src='huge',
+                                                                  sizes='(min-width: 1400px) 400px, 100vw',
+                                                                  alt=element.Title() ,
+                                                                  title=element.Title())" />
+        </tal:image>
+        <div class="card-body">
+          <a tal:condition="element/link_url" class="h5 card-title stretched-link mb-3"
+            href="${element/link_url}">${element/Title}</a>
+          <p class="h5 card-title mb-3" tal:condition="not:element/link_url">${element/Title}</p>
+          <p class="card-text" tal:condition="element/Description">${element/Description}</p>
+          <tal:replace tal:condition="element/text" replace="structure element/text/output">
+          </tal:replace>
+        </div>
+      </div>
+    </tal:define>
+  </div>
+</div>