Skip to content

Instantly share code, notes, and snippets.

@grimrose

grimrose/index.html

Created September 27, 2016 20:54
Show Gist options
  • Save grimrose/91db54d907252e73845970453c900b2c to your computer and use it in GitHub Desktop.
Save grimrose/91db54d907252e73845970453c900b2c to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<!doctype html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>CfP lists</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.2.1/css/bulma.min.css">
</head>
<body>
<div id="app"></div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/mithril/0.2.4/mithril.min.js"></script>
<script>
m.mount(document.getElementById("app"), {
controller: function() {
// TODO CORS
var papers = m.request({
url: "http://localhost:8080",
});
return {
papers: papers
}
},
view: function(ctrl) {
var list = ctrl.papers()
.map(function(paper) {
return m("article.message", [
m(".message-body", [
m(".columns", [
m(".column.is-1", [
m("a.button", {href: paper.url}, [
m("span.icon", [
m("i.fa.fa-thumbs-o-up")
]),
m("span",paper.count || "-")
])
]),
m(".column", [
m("h1", paper.title),
])
])
])
]);
});
return m(".content", list);
}
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment