====== News Tag Cloud ======

{{components:news_tag_cloud.png|}}

This component generates a list of News Tags into a styled infobox (see screen print above). When clicking any of the links, the news is filtered by that tag. The component generates the tag links into a Claromentis datasrc and is called from the usual component element. There is also a link in the footer of the container to clear the search filter.

1. Create file called:

  NewsTagCloud.php

<code php>
/*
  Class to create News Tag Cloud
  Created by CM - craig.moores@babcock.co.uk
*/
 
class NewsTagCloud extends TemplaterComponentTmpl
{
	public function Show($attributes)
	{
		global $db;
		$template = "common/news_tag_cloud.html";
		$res = $db->query("SELECT metadata_id, meta_text FROM erms_metadata_field_values WHERE metadata_id=6");
						
		while($row = $res->fetchArray())
		{
		$tag_name = $row['meta_text'];
		$edited = urlencode($tag_name);
		$url = "/intranet/main/all_articles.php?tag=". $edited ."";
		$values = "<span><a href=". $url .">". $tag_name ."</a>&nbsp;|</span>\n";
		
		$args['newstagcloud.datasrc'][] = array('link.body_html' => $values);
		}
		return $this->CallTemplater($template, $args);
	}
}
</code>

2. Copy this file into:

<code>
/intranet/common/classes/
</code>

3. Create file called:

<code>
news_tag_cloud.html
</code>

<code html>
<!--@head@
<style type="text/css">
.infobox_newscloud {
	background-color:#ffffcc;
	margin-top:5px;
	border:1px solid #DEE1E6;
	padding: 1px;
}

.infobox_newscloud_title {
	color:#fff;
	display:block;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	padding:5px 0 5px 5px;
	text-transform:uppercase;
	background-attachment: scroll;
	background-color: #ff9933;
	background-image: url(/interface_{custom)/img/orange_title_bg.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
}

.newscloud_content {
	line-height:150%;
	font-size:12px;
	font-family:Arial;
	padding:10px;
}

.newscloud_footer {
	text-align:right;
	padding:3px 5px 3px 0;
	font-size:11px;
	border-top:1px solid #ccc;
}
</style>
-->

<div class="infobox_newscloud">
    <div class="infobox_newscloud_title">News Tag Cloud</div>
    <div class="newscloud_content" name="newstagcloud" datasrc="">
    	<txt name="link"></txt>
    </div>
    <div class="newscloud_footer">
    	<a href="/intranet/main/all_articles.php?tag=">Clear Filter</a>
    </div> 
</div>
</code>


4. Copy this into:

<code>
/interface_{custom}/common/
</code>


5. Upload the file "orange_title_bg.gif" to:

<code>
/interface_{custom}/img/
</code>

***Remember to modify the entry in the html page above to link to your title background image.***

<code html>
background-image: url(/interface_{custom)/img/orange_title_bg.gif);
</code>

6. Paste the following component code anywhere on a templater file:
<code>
<component class="NewsTagCloud">
</code>

Suggested location:
<code>
/interface_{custom}/main/all_articles.html  
</code>

or 

<code>
/interface_{custom}/main/right_column.html  
</code>