{include file='./overall_widget.html'}
{if $action=='update'}
	{include file='overall_adm_iframe.html'}
	<form method="post" action="{$widget.path}&action=update" id="formWidget">
		<input type="hidden" id="widgetid" name="widgetid" value="{$widget.id}"/>
		<div class="typeToAdd">
			<div class="tableview_title">
				<h1>{$lang.ADM_PLUGIN_TYPE}</h1>
			</div>
			<div class="tableview">
				<div class="chooseType padMore">
					<div class="dashboard_select_type">
						<div>
							<label class="dashboard_widget widget_group_state type_table" for="table">
							<span>{$lang.TABLE}</span>
							<input type="radio" {if $type=='table'}checked="checked"{/if} id="table" onclick="selectType()" name="type" value="table"> </label>
						</div>
					</div>
					<div class="dashboard_select_type">
						<div>
							<label class="dashboard_widget widget_group_state type_ring" for="ring">
							<span>{$lang.RING}</span>
							<input type="radio" {if $type=='ring'}checked="checked"{/if} id="ring" onclick="selectType()" name="type" value="ring"> </label>
						</div>
					</div>
					<div class="dashboard_select_type">
						<div>
							<label class="dashboard_widget widget_group_state type_square" for="square">
							<span>{$lang.SQUARE}</span>
							<input type="radio" {if $type=='square'}checked="checked"{/if} id="square" onclick="selectType()" name="type" value="square"> </label>
						</div>
					</div>
					<div class="dashboard_select_type">
						<div>
							<label class="dashboard_widget widget_group_state type_donut" for="donut">
							<span>{$lang.DONUTS}</span>
							<input type="radio" {if $type=='donut'}checked="checked"{/if} id="donut" onclick="selectType()" name="type" value="donut"> </label>
						</div>
					</div>
					<div class="dashboard_select_type">
						<div>
							<label class="dashboard_widget widget_group_state type_pie" for="pie">
							<span>{$lang.PIE}</span>
							<input type="radio" {if $type=='pie'}checked="checked"{/if} id="pie" onclick="selectType()" name="type" value="pie"> </label>
						</div>
					</div>
					<div class="clear"></div>
				</div>
			</div>
		</div>
		<div class="exampleRendered">
			<div class="tableview_title">
				<h1>{$lang.EXAMPLE}</h1>
			</div>
			<div class="tableview padMore">
				<div id="typetable" class="selecttype" style="display:none; height:150px">
					<table class="{$parameter.table.class}" style="width: 80%; height: 80%; margin: auto; border-spacing: 10px 10px;">
						<tr><td  style="margin-left:10px;" colspan="4" class="EventOK">1</td></tr>
						<tr>
							<td class="EventCritical">1</td>
							<td class="EventUnknown">1</td>
							<td class="EventPending">1</td>
						</tr>
					</table>
				</div>
				<div id="typering" class="selecttype tileShape tileShapeRing" style="display:none">
			        <div class="shapeRow">
				        <div class="shapeContainer">
					        <div class="ring shapeItem EventOK" ><p>1</p></div>
				        </div>
				        
				        <div class="shapeContainer">
					        <div class="ring shapeItem EventCritical"><p>1</p></div>
				        </div>
			        </div>
				    <div class="shapeRow">
					        <div class="shapeContainer">
						        <div class="ring shapeItem EventUnknown"><p>1</p></div>
					        </div>
					        <div class="shapeContainer">
						        <div class="ring shapeItem EventPending"><p>1</p></div>
					        </div>
				     </div>
				</div>
				<div id="typesquare" class="selecttype tileShape tileShapeSquare" style="display:none">
			        <div class="shapeRow">
				        <div class="shapeContainer">
					        <div class="square shapeItem EventOK" ><p>1</p></div>
				        </div>
				        
				        <div class="shapeContainer">
					        <div class="square shapeItem EventCritical"><p>1</p></div>
				        </div>
			        </div>
				    <div class="shapeRow">
					        <div class="shapeContainer">
						        <div class="square shapeItem EventUnknown"><p>1</p></div>
					        </div>
					        <div class="shapeContainer">
						        <div class="square shapeItem EventPending"><p>1</p></div>
					        </div>
				     </div>
				</div>
				<div id="typedonut" class="selecttype" style="display:none">
					<div id="chart" style="width:100%; height:150px; max-height:150px;"></div>
				</div>
				<div id="typepie" class="selecttype" style="display:none">
					<div id="chartpie" style="width:100%; height:150px; max-height:150px;"></div>
				</div>
			</div>
		</div>
		<div class="clear"></div>
        {include file='./overall_widget.html' view='administration' lang=$lang widget=$widget titlestyle=$titlestyle descriptionstyle=$descriptionstyle}

		
		<div class="miPage">
			<div class="tableview_title">
				<h1>{$lang.ADM_PLUGIN_PARAMETER}</h1>
			</div>
			<div class="tableview padMore choixCustom">
				<div class="anInput">
					<label for="number_day">{$lang.DASHBOARD_CRON_STATE_DAY_NUMBER}</label>
					<input type="number" id="number_day" name="number_day" value="{$parameter.interval}" min="1" />
				</div>
				<div class="anInput">
					<label for="number_line">{$lang.DASHBOARD_CRON_STATE_LINE_NUMBER}</label>
					<input type="number" id="number_line" name="number_line" value="{$parameter.line}" min="1" max="2"/>
				</div>
				<div class="anInput">
					<labe for="check_blink"l>{$lang.DASHBOARD_BLINK}</label>
					<input type="checkbox" id="check_blink" name="check_blink" value="check_blink" {if $parameter.blink=='blink'}checked="checked"{/if} />
				</div>
			</div>
			
		</div>
		<div class="clear"></div>
		<script type="text/javascript">
		<!--
			{literal}
		 	
			function selectType()
			{
				$("input[type='radio']").parent().removeClass("active");
				$("input[type='radio']:checked").parent().addClass("active");
				var val = $("input[type='radio']:checked").val();
				$( ".selecttype").css("display","none");
				$( "#type"+val).css("display","block");
				if(val == 'donut')
				{
					var arr=Array(['OK',50],['warning',50],['critical',50],['unknwon',50]);
					var arr2=Array(['OK',0],['warning',0],['critical',0],['unknwon',0]);
					Utils.generateDonuts(arr2,arr,"chart",false,100,'auto',150);
                    $( "#check_blink").prop("disabled",true);

				}
				else if(val == 'pie')
				{
					var arr=Array(['OK',50],['warning',50],['critical',50],['unknwon',50]);
					var arr2=Array(['OK',0],['warning',0],['critical',0],['unknwon',0]);
					Utils.generatePieDashboard(arr2,arr,"chartpie",false,100,'auto',150);
                    $( "#check_blink").prop("disabled",true);
				}
                else
                {
                    $( "#check_blink").prop("disabled",false);
                }
			}
			$("#select_elem").chosen({no_results_text: "{/literal}{$lang.ADM_NODE_GROUP_SEARCH_NOFOUND}{literal}",search_contains:true});
			selectType();
	      	{/literal}
		-->
		</script>
		<br />
		<a class="btnBack" href="/dashboard/default.php?action=updatetitle&id={$widget.tile}" >{$lang.RETURN}</a> <input type="submit" value="{$lang.SAVE}" /> <br />
	</form>
{elseif $action=='getInfos'}
	<div class="tableview_title">
	</div>
		<table class="tab" id="cronTable">
			<thead>
				<tr>
					<th>{$lang.NAME}</th>
					<th>{$lang.STATUS}</th>
					<th>{$lang.LAST_EXEC}</th>
				</tr>
			</thead>
			<tbody>
				{foreach name=outer from=$cronsList item=cron}
				<tr>
					<td>{$cron.name}</td>
					<td class="{$cron.status_class}">{$cron.status_lang}</td>
					<td>{$cron.last_exec}</td>
				</tr>
				{/foreach}
			</tbody>
		</table>
		
{else}
	{include file='./overall_widget.html' view='title' widget=$widget parameter=$parameter}
	{if $parameter.type=="donut"}
		<div id="chart{$widget.id}" style="width:95% height:95%"></div>
		<script type="text/javascript">
		<!--
		var arr=Array();
		var arr2=Array();
		{foreach name=outer key=k item=error from=$state}
					        arr2.push(["{$k}",0]);
					        arr.push(["{$k}",{$error}]);
		{/foreach}
			$(document).ready(function()
		{ldelim}
			Utils.generateDonuts(arr2,arr,"chart{$widget.id}",false,100,'auto',150);
		{rdelim});
		-->
		</script>
	{elseif $parameter.type=="pie"}
		<div id="chart{$widget.id}" style="width:95% height:95%"></div>
		<script type="text/javascript">
		<!--
		var arr=Array();
		var arr2=Array();
		{foreach name=outer key=k item=error from=$state}
					        arr2.push(["{$k}",0]);
					        arr.push(["{$k}",{$error}]);
		{/foreach}
		
		{ldelim}
			Utils.generatePieDashboard(arr2,arr,"chart{$widget.id}",false,100,'auto',150);
		{rdelim}
		-->
		</script>
	{elseif $parameter.type=="ring"}
		<div class="tileShape tileShapeRing">
			<div class="shapeRow" style="margin-bottom:2px;">
				<div class="shapeContainer" data-widget="{$widget.id}">
					<div class="ring shapeItem EventOK {if $state.ok==0}EventDisable{/if}" ><p>{$state.ok}</p></div>
				</div>
				
				<div class="shapeContainer" data-widget="{$widget.id}">
					<div class="ring shapeItem EventCritical {if $state.critical==0}EventDisable {else}nodetooltap {if $parameter.blink eq 'blink'}eventBlink{/if}{/if}"><p>{$state.critical}</p></div>
				</div>
			{if $parameter.line == 2}
				</div>
				<div class="shapeRow">
			{/if}
				<div class="shapeContainer" data-widget="{$widget.id}">
					<div class="ring shapeItem EventUnknown {if $state.unknown==0}EventDisable {else}nodetooltap {if $parameter.blink eq 'blink'}eventBlink{/if}{/if}"><p>{$state.unknown}</p></div>
				</div>
				<div class="shapeContainer" data-widget="{$widget.id}">
					<div class="ring shapeItem EventPending {if $state.pending==0}EventDisable {else}nodetooltap{/if}"><p>{$state.pending}</p></div>
				</div>
			</div>
		</div>
	{elseif $parameter.type=="square"}
        <div class="tileShape tileShapeSquare">
			<div class="shapeRow">
                <div class="shapeContainer">
				    <div class="square shapeItem EventOK {if $state.OK==0}EventDisable{/if}" ><p>{$state.ok}</p></div>
                </div>
				
				<div class="shapeContainer" data-widget="{$widget.id}">
					<div class="square shapeItem EventCritical {if $state.critical==0}EventDisable{else}nodetooltap {if $parameter.blink eq 'blink'}eventBlink{/if}{/if}">
						<p>{$state.critical}</p>
					</div>
				</div>
			</div>
			{if $parameter.unknown eq 'unknown'}
				<div class="shapeRow shapeOptionalRow">
					<div class="shapeContainer" data-widget="{$widget.id}">
						<div class="square shapeItem EventUnknown {if $state.unknown==0}EventDisable {else}nodetooltap {if $parameter.blink eq 'blink'}eventBlink{/if}{/if}"><p>{$state.unknown}</p></div>
					</div>
					<div class="shapeContainer" data-widget="{$widget.id}">
						<div class="square shapeItem EventPending {if $state.pending==0}EventDisable {else}nodetooltap{/if}"><p>{$state.pending}</p></div>
					</div>
				</div>
			{/if}
		</div>
	{else}
		<table class="{$parameter.table.class} tableNodeType" style="{$parameter.table.style}">
		<tr><td colspan="4" class="EventOK" style="{$parameter.td.style}">{$state.ok}</td></tr>
		<tr data-widget="{$widget.id}">
			<td class="EventCritical {if $state.critical==0}EventDisable {else}nodetooltap {if $parameter.blink eq 'blink'}eventBlink{/if}{/if}" style="{$parameter.td.style}">{$state.critical}</td>
           {if $parameter.unknown eq 'unknown'}
			<td class="EventUnknown {if $state.unknown==0}EventDisable {else}nodetooltap {if $parameter.blink eq 'blink'}eventBlink{/if}{/if}" style="{$parameter.td.style}">{$state.unknown}</td>
			<td class="EventPending {if $state.pending==0}EventDisable {else}nodetooltap {if $parameter.blink eq 'blink'}eventBlink{/if}{/if}" style="{$parameter.td.style}">{$state.pending}</td>
			{/if}
		</tr>
		</table>
	{/if}
	{strip}
	<script type="text/javascript">
	{literal}
 	    $('.nodetooltap').tooltip({
		    tooltipClass: "custom-tooltip-styling",
		       items: "[class]",
		       position: { my: "right bottom", at: "left center"},
		       content: '... waiting on ajax ...',
		       open: function(evt, ui){
		         var element = $( this );
		         var widgetid = $( this ).parent().data("widget");
		         var state='pending';
		         //ui.tooltip.css("max-width", "auto !important");
		         if (element.hasClass("EventWarning"))
		     	 {
		        	state = 'warning';
		         }
		         else if(element.hasClass("EventCritical"))
		       	 {
		        	 state = 'critical';
		       	 }
		         else if(element.hasClass("EventUnknown"))
		         {
		        	 state = 'unknown';
		         }
		         var tap = $.ajax({ method: "GET",
	         			async:false,
	         			url: '/dashboard/view_cron_4state.php',
	         			data: { id: widgetid, action:'getInfos', status:state},
	         			dataType: "html"});
	         	tap.done(function( msg )
	         	{
	         		element.tooltip('option', 'content', msg);
         	  	});
		       }
		     });

  	{/literal}
</script>
{/if}