homepage/layouts/shortcodes/on-off.html

36 lines
1.1 KiB
HTML

{{ $mode := .Get 0 }}{{ $opt1 := .Get 1 }}{{ $opt2 := .Get 2 }}
{{ $img_on := ( printf "%s%s" $.Page.Site.BaseURL "img/on-off/switch-on-icon_smal.png" )}}
{{ $img_off := ( printf "%s%s" $.Page.Site.BaseURL "img/on-off/switch-off-icon_smal.png" )}}
{{ if eq $mode "on" }}
<img src="{{ $img_on }}" alt="On">
{{ else if eq $mode "off"}}
<img src="{{ $img_off }}" alt="Off">
{{ else if eq $mode "imgping" }}
{{ with $opt1 }}
{{ $id := md5 $opt1 }}
{{ if eq $opt2 "on" }}
<img id={{ $id }} src="{{ $img_on }}" alt="On">
{{ else }}
<img id={{ $id }} src="{{ $img_off }}" alt="Off">
{{ end }}
<script language="JavaScript">
function exec(){
var imgping = new Image();
imgping.src = {{ $opt1 }};
if(imgping.height>0){
document.getElementById({{ $id }}).outerHTML ='<img src="{{ $img_on }}" alt="On">';
} else {
document.getElementById({{ $id }}).outerHTML ='<img src="{{ $img_off }}" alt="Off">';
}
}
exec();
</script>
{{ else }}
imgping [URL to image] [default on/off]
{{ end }}
{{ else }}
???
{{ end }}