-
Notifications
You must be signed in to change notification settings - Fork 29
/
minitrello.html
106 lines (89 loc) · 2.97 KB
/
minitrello.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
<head>
<title>Minitrello - Kanban Board inspired in Trello.com</title>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-31489704-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<body>
<h1>MiniTrello!</h1>
<a href="https://github.com/chris-ramon/minitrello"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_gray_6d6d6d.png"></a>
{{> board}}
</body>
<template name="board">
<header>
<div class="well form-search">
<input type="text" id="new-todo-input" placeholder="new todo ... ">
<button id="new-todo" class="btn btn-primary">Add</button><br><br>
<p>Inspired in : <a href="http://trello.com" target="_blank">Trello</a></p>
<p><i class="icon-move"></i> drag and drop the tasks.</p>
<p>Follow: <a href="https://twitter.com/#!/cramonn">@cramonn</a></p>
</div>
{{> edit}}
</header>
<section class="container-fluid">
<div class="row">
<div class="span4">
<h2>Todo</h2>
<ul id="todos" class="ui-sortable">
{{#each todos }}
{{> todo}}
{{/each }}
</ul>
</div>
<div class="span4">
<h2>Doing</h2>
<ul id="doings">
{{#each doings }}
{{> doing}}
{{/each }}
</ul>
</div>
<div class="span4">
<h2>Done</h2>
<ul id="dones">
{{#each dones}}
{{> done}}
{{/each}}
</ul>
</div>
</div>
</section>
</template>
<template name="edit">
<div class="well" style="display:none">
<label for="task"><h3>Editing ...</h3></label>
<textarea name="task" class="input-xlarge">{{ task }}</textarea>
<button id="new-todo" class="btn">Save</button>
</div>
</template>
<template name="todo">
{{> task}}
</template>
<template name="doing">
{{> task}}
</template>
<template name="done">
{{> task}}
</template>
<template name="task">
<li id="{{ _id }}" data-color="{{ color }}" data-state="{{ state }}" class="ui-state-default">
<p>{{ task }} </p>
{{> options}}
<p><em>Priority: {{ priority }}</em></p>
</li>
</template>
<template name="options">
<div class="options">
<a href="#"><i class="icon-edit"></i></a>
<a href="#"><i class="icon-remove"></i></a>
</div>
</template>