{{#Name=Display Text}}
{{#Description=Displays text}}
{{#Version=1.0}}
{{#Author=HomeSeer}}
{{#CanBeDeleted=False}}
{{#SaveList=save_text_size,save_text_color,save_text_bold}}

{{includefileraw Dashboards/Cards/Custom/Common/CommonHeader.html}}

{{#get settings that will also be used in the autogenerate settings dialog. This fills the arrays already defined}}
{{sections[index]="Title"}}
{{display_text=		get_value 'save_display_text' 	'Change Me' 'Text' 'text'}}
{{text_size=		get_value 'save_text_size' 		'16' 'Size' 'text'}}
{{text_color=		get_value 'save_text_color' 	'#000000' 'Color' 'color'}}
{{text_bold=		get_value 'save_text_bold' 		'on' 'Bold' 'toggle'}}
{{sections[index]="Settings"}}
{{update_secs=		get_value 'save_update_secs' 	'0' 'Update Time (seconds)' 'text'}}

{{# normal display HTML is here. This is what is displayed when viewing the card in non-edit mode}}
<style>

.container{{w.id}} {
	{{if w.height > 0}}
	height: {{w.height}}px;
	{{end}}
	display: flex;
    color: {{text_color}};
	font-size: {{text_size}}px;
    align-items: center;
    justify-content: center;
	padding: 4px;
	{{if text_bold=='on'}}
	font-weight: bold;
	{{end}}
    }


</style>

<div class="container{{w.id}}">
{{if string.contains display_text '{{'}}
	{{display_text=parse_text display_text}}
{{end}}
{{display_text}}
</div>

			

{{#if we are not in edit mode, don't bother including the edit mode content}}
{{if dbs.edit_mode}}

{{includefileraw Dashboards/Cards/Custom/Common/CommonSettingsDialog.html}}


{{#script used only for edit mode}}
{{includefileraw Dashboards/Cards/Custom/Common/CommonScript.html}}

{{else}}
<script>
//script for non edit mode, add any script needed for your custom card

var refreshID{{id_unique}};

if (refreshID{{id_unique}}) {
  clearInterval(refreshID{{id_unique}});
}

{{if update_secs > 0}}
refreshID{{id_unique}} = setInterval(updateCard{{id_unique}}, {{update_secs}}*1000);
{{end}}

function updateCard{{id_unique}}() {
	AjaxPost("action=update_custom_card&forcelayout=false&widget_id={{widget_id}}","dashboard.html");
}

</script>
{{end}}