Dealers 1 / Categorias

HTML

---

<amp-list 
	height="360"
	[height]="(360 * results.items.results.length)"
	src="/api/vehicles/dealers/2/categories?except=Station+Wagon"
	single-item
	>		
	<template type="amp-mustache">
		{% verbatim %}
			{{^ results}}
			<div class="row">
				<div class="col-lg-12">
					<span class="alert alert-info center-block">
						Nenhum registro encontrado!
					</span>
				</div>								
			</div>
			{{/results}}							

			{{#results}}
			<div class="col-lg-12">
				<div class="page-header">
					<h1>
						{{category}}
					</h1>
				</div>
				{{#cars}}
				<div class=" col-lg-4">
					<div class="panel panel-default">
						<div class="panel-heading">{{name}}</div>
						<div class="panel-body">
							<amp-img
								src="https://img1.static.reweb.io/i/800/500/{{ secureImageURL}}{{image.image}}"
								width="800"
								height="500"
								layout="responsive"
								>
							</amp-img>
							<br />
							<a href="/detail/vehicle?id={{id}}" class="btn btn-primary btn-block">
								Detalhes
							</a>
						</div>
					</div>							
				</div>							
				{{/cars}}						
			</div>							
			{{/results}}
		{% endverbatim %}
	</template>
</amp-list>

---

COMPONENTS

---

<script async custom-element="amp-list" src="https://cdn.ampproject.org/v0/amp-list-0.1.js"></script>	
<script async custom-template="amp-mustache" src="https://cdn.ampproject.org/v0/amp-mustache-0.2.js"></script>

---

LIVE DEMO

---