widget-design.html

<div class="box">
	<div class="heading"><h2>@@RenderComponentField("Metadata.title", 0)@@</h2></div>
	<div class="content">
		<!-- TemplateBeginIf cond = "Metadata.type == 'blogroll'" -->
		<div id="rssdata" class="linklist">
			<ul class="rss-items"></ul>
			<div class="loading">@@label_loading@@...</div>
		</div>
		<script>
			$("#rssdata").blogRoll({
				pipeId: "@@Component.MetaData.param1@@",
				results: @@Component.MetaData.param2@@
			});
		</script>
		<!-- TemplateEndIf -->
		<!-- TemplateBeginIf cond = "Metadata.type == 'related items'" -->
		<div class="linklist">
			<custom:RelatedProducts ID="related_products" runat="server" keyword="@@Component.MetaData.param2@@" template="@@Component.MetaData.param3@@" publication="@@Component.Publication.ID@@"/>
		</div>
		<!-- TemplateEndIf -->
		<!-- TemplateBeginIf cond = "Metadata.type == 'weather'" -->
		<div id="weatherforecast">
			<img src="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" id="weatherimage" style="width:139px;height:100px;" alt="n/a"/>
			<h1 id="temperature"></h1>
			<span id="condition">@@label_loading@@...</span>
			<span id="wind"></span>
			<span id="humidity"></span>
		</div>
		<script>
			$("#weatherforecast").weatherWidget({
				city: "@@Component.MetaData.param1@@",
				unit: "@@Component.MetaData.param2@@",
				language: "@@Component.MetaData.param3@@",
				labelWind: "@@Component.MetaData.param4@@",
				labelHumidity: "@@Component.MetaData.param5@@"
			});
		</script>
		<!-- TemplateEndIf -->
	</div>
</div>