{{ template "header.html" }}
<div class="alllinks">
<div class="link">
<p>
<span class="linktitle">add new feed</span>
<form action="/savefeed" method="POST">
<p><input type="text" name="feedname" value="" autocomplete=off> - name
<p><input type="text" name="feedurl" value="" autocomplete=off> - url
<p><input type="submit" name="add feed" value="add feed">
</form>
</div>
{{ range . }}
<div class="link" id="feed{{ .Feedid }}">
<p>
<span class="linktitle">{{ .Feedname }}</span>
<p>url: {{ .Feedurl }}
<p><a href="/feed/{{ .Feedid }}">links</a>
 - <button type="button" onclick="markall({{ .Feedid }});">mark all</button>
 - <button type="button" onclick="showform(this, {{ .Feedid }});">edit</button>
<form action="/savefeed" method="POST" id="form{{ .Feedid }}" style="display: none">
<input type="hidden" name="feedid" value="{{ .Feedid }}">
<input type="text" name="feedname" value="{{ .Feedname }}" autocomplete=off> - name
<p><input type="text" name="feedurl" value="{{ .Feedurl }}" autocomplete=off> - url
<p><input type="text" name="checkinterval" value="{{ .Checkinterval }}" autocomplete=off> - interval
<p><input type="submit" name="update" value="update">
</form>
</div>
{{ end }}
</div>
<div class="footer">
<p>end.
<div>

<script>
function post(url, data) {
	var x = new XMLHttpRequest()
	x.open("POST", url)
	x.send(data)
}
function showform(btn, feedid) {
	var form = document.getElementById("form" + feedid)
	form.style.display = 'block'
	btn.style.display = 'none'
}
function markall(feedid) {
	post("/markall/" + feedid)
}
</script>