#framework BAT

List of Colors using Regular Expression Filters

This page uses a Hashtag List with an Include directive using Regular Expression filters. The Table is styled using Bootstrap 3 default theme classes.

Reload this page with ?regex=Green$ in the URL(Color Names ending with Green)
Reload this page with ?regex=^Dark in the URL (Color Names starting with Dark)
Reload this page with ?regex=z in the URL (Color Names including z)
Reload this page with ?regex=pa in the URL (Color Names including pa)
Reload this page with ?regex=.* in the URL (All Color Names)

Processed this Hashtag Markup:

<# start list for Colors;
	include when name ~ "<#[request.regex]#>";
	show 7 rows per page;
#>

<# start header #>
<table class="table table-striped table-hover">
	<thead>
	<tr>
		<th>Color</th>
		<th>Name</th>
		<th>Hex</th>
		<th class="text-right">Red</th>
		<th class="text-right">Green</th>
		<th class="text-right">Blue</th>
	</tr>
	</thead>
	</body>
<# end header #>

<# start row #>
	<tr>
		<td style="background-color:<# hex #>"> </td>
		<td><# name #></td>
		<td class="monospace"><# hex #></td>
		<td class="text-right"><# r #></td>
		<td class="text-right"><# g #></td>
		<td class="text-right"><# b #></td>
	</tr>
<# end row #>

<# start footer #>
	</tbody>
</table>
<# end footer #>

<# end list #>

The Hashtag Markup Language provides List Templates to process a series of Records.

The examples in this section cover the various List Directives, and demonstrate the capabilities of Hashtag Markup in List Templates.