c27cda0b |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
|
310d4207 |
<meta name=viewport content="width=device-width, initial-scale=1">
|
c27cda0b |
<title>In Angulis</title>
|
310d4207 |
|
c27cda0b |
<!--<link rel="stylesheet" href="/css/baseline.css">-->
<link rel="stylesheet" href="/static/css/main.css">
|
e1821b46 |
<style type="text/css">
// This is here so that javascript-loaded elements don't get displayed '
.hidden {
visibility: hidden;
}
.ready.hidden {
visibility: visible;
}
</style>
|
c27cda0b |
</head>
<body>
<h1>In Angulis</h1>
{{#user}}
<div class="userinfo">
<div class="user">{{name}}</div>
<div class="email">{{email}}</div>
|
6f8885d8 |
{{#moderator}}
<div class="mod">Moderator!</div>
{{/moderator}}
|
c27cda0b |
<a id="logout" href="/logout">[Logout]</a>
</div>
{{/user}}
<main id="app">
|
d6687512 |
<form action="/murmuro" id="submission" name="submission" method="POST">
|
c27cda0b |
<input type="text" name="headline" placeholder="Headline" v-model="newLink.headline">
<input type="text" name="url" placeholder="URL" v-model="newLink.url">
<input type="submit" value="Go" title='Murmuro'>
</form>
|
7f08e89f |
{{#user}}
<h2>Link Queue (all links):</h2>
{{/user}}
{{^user}}
<h2>Link Queue (reviewed links):</h2>
{{/user}}
|
e1821b46 |
{{=<% %>=}}
|
c27cda0b |
<ul id="submissions">
|
e1821b46 |
<li class="in-progress {{ ready }} hidden" v-if="newLink.headline || newLink.url">
|
f6748969 |
<a href="#">
|
d6687512 |
<h2>{{ newLink.headline }}</h2>
<p>{{ newLink.url }}</p>
</a>
</li>
|
e1821b46 |
<%={{ }}=%>
|
d6687512 |
|
c27cda0b |
{{#links}}
|
d6687512 |
<li class="submission">
|
c27cda0b |
{{#user}}
{{#moderator}}
<div class="moderation">
<form action="/curo" method="POST">
<button name="approved" value="+" type="submit">+</button>
<button name="approved" value="-" type="submit">-</button>
<input type="hidden" name="headline" value="{{headline}}" />
<input type="hidden" name="url" value="{{url}}" />
</form>
</div>
{{/moderator}}
{{/user}}
|
f6748969 |
<a href="{{ url }}" class="{{#user}}{{#moderator}}{{ approved }}{{/moderator}}{{/user}}">
|
c27cda0b |
<h2>{{ headline }}</h2>
<p>{{ url }}</p>
</a>
</li>
{{/links}}
|
7f08e89f |
{{^links}}
<li class="submission" style="text-align:center"><h2>(No links to display)</h2></li>
{{/links}}
|
c27cda0b |
</ul>
</main>
<script src="/static/js/jquery.js"></script>
<script src="/static/js/jquery.formalize.js"></script>
|
d6687512 |
<script src="/static/js/vue.js"></script>
<script type="text/javascript">
|
f6748969 |
new Vue({
el: '#app',
|
d6687512 |
|
f6748969 |
methods: {
submit: function(e) {
e.preventDefault();
this.links.unshift(0,Object.create(this.newLink));
this.newLink = {};
return false;
}
},
|
d6687512 |
|
f6748969 |
data: {
ready: 'ready',
newLink: {
},
}
});
|
e1821b46 |
|
d6687512 |
</script>
|
c27cda0b |
</body>
</html>
|
e1821b46 |
<!-- vim: set ft=mustache: -->
|