src/pyams_default_theme/features/menu/portlet/navigation/templates/simple-carousel.pt
changeset 255 20b80d2c592d
child 440 8fc7bc61494b
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/src/pyams_default_theme/features/menu/portlet/navigation/templates/simple-carousel.pt	Mon Nov 26 11:05:48 2018 +0100
@@ -0,0 +1,40 @@
+<section class="wrapper" i18n:domain="pyams_default_theme"
+	 tal:define="settings view.settings;
+				 cache_key tales:cache_key(settings);">
+	<div id="carousel-${cache_key}"
+		 class="carousel slide"
+	 	 data-ride="carousel">
+		<ol class="carousel-indicators">
+			<li tal:repeat="link settings.links.get_visible_items()"
+				class="${'active' if repeat.link.start() else None}"
+				data-target="#carousel-${cache_key}"
+				data-slide-to="${repeat.link.index}"></li>
+		</ol>
+		<div class="carousel-inner">
+			<div tal:repeat="link settings.links.get_visible_items()"
+				 class="item ${'active' if repeat.link.start() else None}">
+				<tal:var define="illustration tales:pyams_illustration(link);
+								 img_data i18n:illustration.data;
+								 alt i18n:illustration.alt_title;
+								 link_info view.get_link_info(link);">
+					${structure:tales:picture(img_data, lg_thumb='pano', md_thumb='pano',
+											  sm_thumb='pano', xs_thumb='pano', alt=alt)}
+					<a class="carousel-caption"
+					   href="${link.get_url(request)}">
+						<h3>${link_info.user_title}</h3>
+					</a>
+				</tal:var>
+			</div>
+		</div>
+		<a class="left carousel-control" role="button"
+		   data-target="#carousel-${cache_key}" data-slide="prev">
+			<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
+			<span class="sr-only" i18n:translate="">Previous</span>
+		</a>
+		<a class="right carousel-control" role="button"
+		   data-target="#carousel-${cache_key}" data-slide="next">
+			<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
+			<span class="sr-only" i18n:translate="">Next</span>
+		</a>
+	</div>
+</section>
\ No newline at end of file