ComboStrap - Template Iterator

iterator permits to loop and applies a template in order to create a list of pages.

You may apply the following layout:

• masonry
• carrousel
• simple list
• table
• content list
• grid

The below iterator example:

• will generate the last 4 modified pages (defined by the page sql in the data node)

select order by date_modified desc limit 4

• as a list of card (defined in the template node)
• laid out in a masonry layout
• with a display heading (ie heading d3)
• and the illustrative image of the page (ie page-image)

The iterator markup:

<iterator>
    <data>select where is_low_quality = 0 order by date_modified desc limit 4</data>

    <heading d3 text-align="center" spacing="mb-3"> The last 4 Changes </heading>
    <masonry>
        <template>
            <card clickable>
            <page-image path="$path" ratio="16:9"/>
            === $title ===
            <itext color="muted"><date format="%h %d - %H:%M">$date_modified</date></itext>
            
            $description [[$path| ]]
            </card>
        </template>
    </masonry>
</iterator>

The Result:

The last 4 Changes

<iterator>
   <data>select where variable = 'xxx'</data>
   ... header  markup...
   <template>$variable1 ... $variable2</template>
   ... footer  markup...
</iterator>

where:

• data contains a page sql
• template is a template that will be repeated for each data row.