<patTemplate:tmpl name="head">
<script type="text/javascript">
<!--
	function SendForm( obj )
	{
		var oFrm = obj.form;
		if (!oFrm.css.value)
		{
			alert('Você precisa preencher o nome da classe.');
			return;
		}
		oFrm.submit();
	}

	function DelCSS( obj )
	{
		if (!obj.value)
			return;

		// Verifica se há alguma checkbox marcada
		var oFrm = obj.form;
		var ok = false;
		for (var i = 0; i < oFrm.elements.length; i++)
			if (oFrm.elements[i].type == 'checkbox')
				if (oFrm.elements[i].checked)
				{
					ok = true;
					break;
				}
		if (!ok)
		{
			alert('Você precisa marcar pelo menos um item.');
			return;
		}
		oFrm.submit();
	}
// -->
</script>
</patTemplate:tmpl>


<patTemplate:tmpl name="content">
<p></p>
<patTemplate:tmpl name="lista">
	<div style="float:right; margin-left: 10px;">
	<form method="post" action="?m=noticia&action=css&subaction=del">
	<table border="0" cellpadding="0" cellspacing="0">
		<tr>
			<th width="14" align="left" valign="top" class="b2_left" scope="col"><img src="img/b2_ctl.gif" width="14" height="14" alt="" /></th>
			<th class="b2_header" scope="col" width="20">&nbsp;</th>
			<th class="b2_header" scope="col" width="120">Classes</th>
			<th width="14" align="right" valign="top" class="b2_right" scope="col"><img src="img/b2_ctr.gif" width="14" height="14" alt="" /></th>
		</tr>

<patTemplate:tmpl name="css">
		<tr>
			<td width="14" class="b2_left">&nbsp;</td>
			<td class="b2_content"><input type="checkbox" class="checkbox" name="css[]" value="{ID}" /></td>
			<td class="b2_content" nowrap="nowrap">{NOME}</td>
			<td width="14" class="b2_right">&nbsp;</td>
		</tr>
</patTemplate:tmpl>

		<tr class="b2_bottom">
			<td width="14" align="left" valign="bottom" class="b2_left"><img src="img/b2_cbl.gif" width="14" height="14" class="b2_left" alt="" /></td>
			<td class="b2_bottom" colspan="2"></td>
			<td width="14" align="right" valign="bottom" class="b2_right"><img src="img/b2_cbr.gif" width="14" height="14" alt="" /></td>
		</tr>
	</table>

	<p align="center">
		<input type="button" class="button" value="Apagar marcadas" onclick="DelCSS(this);" />
	</p>
	</form>

	</div>
</patTemplate:tmpl>
	<form method="post" action="?m=noticia&action=css&subaction=add">
	<p>Para utilizar o aplicador de CSS no editor de notícias, você precisa especificar quais classes CSS estarão disponíveis para editor, essas classes devem estar implementadas no arquivo users.css diretamente ou através de @import.</p>
	<p>Você precisa especificar apenas os estilos como eles serão digitados no código fonte HTML, CSS selectors, pseudo classes, etc, não são necessários.</p>
	<p>
	Nova classe:
	<input type="text" name="css" id="css" />
	<input type="button" class="button" value="Salvar CSS" onclick="SendForm(this);" />
	</p>
	</form>


</patTemplate:tmpl>