| author | ymh <ymh.work@gmail.com> |
| Mon, 09 Dec 2013 10:23:30 +0100 | |
| branch | user_management |
| changeset 234 | d92a90b2ad53 |
| parent 224 | 0167b777ad15 |
| child 257 | 6bf1126c5add |
| permissions | -rw-r--r-- |
|
150
5b62100b8562
- replace simple http authentication by form auth
ymh <ymh.work@gmail.com>
parents:
137
diff
changeset
|
1 |
<!DOCTYPE html> |
|
224
0167b777ad15
remove deprecated warnings + fix date picker default langauge
ymh <ymh.work@gmail.com>
parents:
150
diff
changeset
|
2 |
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org" th:lang="${#ctx.getLocale().toLanguageTag()}" > |
|
76
523f0647513e
add the count of project by spaces, add pagination, update libraries and add some more unit tests.
ymh <ymh.work@gmail.com>
parents:
71
diff
changeset
|
3 |
<head> |
| 71 | 4 |
<title>Renkan</title> |
5 |
||
6 |
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> |
|
7 |
<meta charset="utf-8"/> |
|
8 |
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/> |
|
9 |
||
| 127 | 10 |
<link rel="shortcut icon" href="../../static/img/favicon.ico" th:href="@{/static/img/favicon.ico}"/> |
| 123 | 11 |
|
12 |
<script th:remove="all" type="text/javascript" src="../../static/lib/jquery.min.js"></script> |
|
13 |
<script th:remove="all" type="text/javascript" src="../../static/js/thymol.js"></script> |
|
14 |
||
| 81 | 15 |
<script src="../../lib/jquery.min.js" th:src="@{/static/lib/jquery.min.js}" ></script> |
16 |
<script src="../../lib/underscore-min.js" th:src="@{/static/lib/underscore-min.js}" ></script> |
|
17 |
<script src="../../js/main.js" th:src="@{/static/js/main.js}" ></script> |
|
| 71 | 18 |
|
|
97
f7d611f50e58
add version str + improver css + new version
ymh <ymh.work@gmail.com>
parents:
90
diff
changeset
|
19 |
<link href="../../static/css/style.css" rel="stylesheet" th:href="@{/static/css/style.css}"/> |
| 81 | 20 |
<link href="../../static/css/index.css" rel="stylesheet" th:href="@{/static/css/index.css}"/> |
|
76
523f0647513e
add the count of project by spaces, add pagination, update libraries and add some more unit tests.
ymh <ymh.work@gmail.com>
parents:
71
diff
changeset
|
21 |
</head> |
|
523f0647513e
add the count of project by spaces, add pagination, update libraries and add some more unit tests.
ymh <ymh.work@gmail.com>
parents:
71
diff
changeset
|
22 |
<body> |
|
97
f7d611f50e58
add version str + improver css + new version
ymh <ymh.work@gmail.com>
parents:
90
diff
changeset
|
23 |
<div id="container"> |
| 71 | 24 |
<div id="wrapper"> |
|
150
5b62100b8562
- replace simple http authentication by form auth
ymh <ymh.work@gmail.com>
parents:
137
diff
changeset
|
25 |
<header id="header"> |
|
5b62100b8562
- replace simple http authentication by form auth
ymh <ymh.work@gmail.com>
parents:
137
diff
changeset
|
26 |
<h1><a href="renkanIndex.html" th:href="@{'/'}" id="home-link" th:text="#{renkanIndex.renkan_space}">Renkan Space</a>: <span th:text="${space.title}">Titre</span></h1> |
|
5b62100b8562
- replace simple http authentication by form auth
ymh <ymh.work@gmail.com>
parents:
137
diff
changeset
|
27 |
<div id="headerNav" th:include="fragment/pageFragment :: headerNavFragment"></div> |
|
5b62100b8562
- replace simple http authentication by form auth
ymh <ymh.work@gmail.com>
parents:
137
diff
changeset
|
28 |
</header> |
| 71 | 29 |
<div id="inner"> |
| 87 | 30 |
<div id="label" class="translate" th:text="#{renkanIndex.renkan_exp}">Create a Renkan</div> |
| 71 | 31 |
<form action="#" onsubmit="go2Title();return false;"> |
32 |
<input type="text" id="renkantitle" autofocus="autofocus" x-webkit-speech="x-webkit-speech"/> |
|
33 |
<button type="submit">OK</button> |
|
34 |
</form> |
|
35 |
</div> |
|
| 137 | 36 |
<div id="project-list-container"> |
37 |
<h2 th:text="#{renkanIndex.project_list}">Project list</h2> |
|
38 |
<div id="project-filter-container"> |
|
39 |
<form method="get"> |
|
40 |
<input type="text" id="project-filter" name="filter" placeholder="filter title" th:placeholder="#{renkanIndex.project_filter}" th:value="${param['filter']}?${param['filter'][0]}:''" /> |
|
41 |
<button type="submit">OK</button> |
|
42 |
</form> |
|
43 |
</div> |
|
44 |
<div th:include="fragment/paginationFragment :: paginationFragment" class="pagination-container"> |
|
45 |
<div> |
|
46 |
<a href="#?p.page=1"><<</a> |
|
47 |
<a href="#?p.page=3"><</a> |
|
48 |
<span>...</span> |
|
49 |
<a href="#?p.page=2">2</a> |
|
50 |
<a href="#?p.page=3">3</a> |
|
51 |
<span>4</span> |
|
52 |
<a href="#?p.page=5">5</a> |
|
53 |
<a href="#?p.page=6">6</a> |
|
54 |
<span>...</span> |
|
55 |
<a href="#?p.page=5">></a> |
|
56 |
<a href="#?p.page=7">>></a> |
|
57 |
</div> |
|
58 |
</div> |
|
59 |
<table th:with="columnSort=${param['p.sort']}?${param['p.sort'][0]}:'updated',sortDir=${param['p.sort.dir']}?${param['p.sort.dir'][0]}:'desc'"> |
|
60 |
<thead th:with="sortDirInv=${sortDir}=='desc'?'asc':'desc'"> |
|
61 |
<tr> |
|
62 |
<th th:with="sorted=(${columnSort}=='title')"><span th:text="#{renkanIndex.project_name}">Name</span><form method="get" class="proj-sort-form"><input type="hidden" name="p.sort" value="title"/><input type="hidden" name="p.sort.dir" th:value="${sorted}?${sortDirInv}:'desc'"/><input th:if="${param['filter']}" name="filter" type="hidden" th:value="${param['filter'][0]}"/><input type="submit" class="proj-sortable-col" th:class="${sorted}?'proj-sort-'+${sortDir}+'-col':'proj-sortable-col'" value=""/></form></th> |
|
63 |
<th th:with="sorted=(${columnSort}=='updated')"><span th:text="#{renkanIndex.project_updated}">Updated</span><form method="get" class="proj-sort-form"><input type="hidden" name="p.sort" value="updated"/><input type="hidden" name="p.sort.dir" th:value="(${sorted})?${sortDirInv}:'desc'"/><input th:if="${param['filter']}" name="filter" type="hidden" th:value="${param['filter'][0]}"/><input type="submit" class="proj-sort-desc-col" th:class="${sorted}?'proj-sort-'+${sortDir}+'-col':'proj-sortable-col'" value=""/></form></th> |
|
64 |
<th th:with="sorted=(${columnSort}=='created')"><span th:text="#{renkanIndex.project_creation}" >Creation</span><form method="get" class="proj-sort-form"><input type="hidden" name="p.sort" value="created"/><input type="hidden" name="p.sort.dir" th:value="${sorted}?${sortDirInv}:'desc'"/><input th:if="${param['filter']}" name="filter" type="hidden" th:value="${param['filter'][0]}"/><input type="submit" class="proj-sort-asc-col" th:class="${sorted}?'proj-sort-'+${sortDir}+'-col':'proj-sortable-col'" value=""/></form></th> |
|
65 |
<th th:text="#{renkanIndex.project_edit}">Edit</th> |
|
66 |
<th th:text="#{renkanIndex.project_copy}">Copy</th> |
|
67 |
<th th:text="#{renkanIndex.project_delete}">Del.</th> |
|
68 |
<th th:text="#{renkanIndex.project_render}">View</th> |
|
69 |
</tr> |
|
70 |
</thead> |
|
71 |
<tbody> |
|
72 |
<tr th:each="project: ${page}"> |
|
73 |
<th th:text="${project.title}">title</th> |
|
74 |
<td th:text="${project.updated}?${#dates.format(project.updated, #messages.msg('date.format'))}:''">update</td> |
|
75 |
<td th:text="${#dates.format(project.created, #messages.msg('date.format'))}">date</td> |
|
76 |
<td><a href="#" th:href="@{'/p/'+${project.id}(cowebkey=${project.getKey(2)})}" th:text="#{renkanIndex.project_edit_link}">Edit project</a></td> |
|
77 |
<td><a href="#" th:text="#{renkanIndex.project_copy_link}" th:attr="data-project_id=${project.id}" class="copy_project">Copy project</a></td> |
|
78 |
<td><a href="#" th:text="#{renkanIndex.project_delete_link}" th:attr="data-project_id=${project.id},data-project_title=${project.title}" class="delete_project">Delete project</a></td> |
|
79 |
<td><a href="#" th:href="@{'/p/pub/'+${project.id}(cowebkey=${project.getKey(1)})}" th:text="#{renkanIndex.project_render_link}">View project</a></td> |
|
80 |
</tr> |
|
81 |
</tbody> |
|
82 |
</table> |
|
83 |
</div> |
|
| 71 | 84 |
</div> |
| 127 | 85 |
<footer id="footer" th:include="fragment/pageFragment :: footerFragment"> |
|
97
f7d611f50e58
add version str + improver css + new version
ymh <ymh.work@gmail.com>
parents:
90
diff
changeset
|
86 |
<div id="version">© <span class="version-date">2013</span> <a href="http://www.iri.centrepompidou.fr" target="_blanck">IRI</a> - Version <span class="version-version">0.0</span></div> |
| 127 | 87 |
</footer> |
|
97
f7d611f50e58
add version str + improver css + new version
ymh <ymh.work@gmail.com>
parents:
90
diff
changeset
|
88 |
</div> |
|
f7d611f50e58
add version str + improver css + new version
ymh <ymh.work@gmail.com>
parents:
90
diff
changeset
|
89 |
<script th:inline="javascript" > |
|
f7d611f50e58
add version str + improver css + new version
ymh <ymh.work@gmail.com>
parents:
90
diff
changeset
|
90 |
/*<![CDATA[*/ |
|
f7d611f50e58
add version str + improver css + new version
ymh <ymh.work@gmail.com>
parents:
90
diff
changeset
|
91 |
|
|
f7d611f50e58
add version str + improver css + new version
ymh <ymh.work@gmail.com>
parents:
90
diff
changeset
|
92 |
function go2Title() |
|
f7d611f50e58
add version str + improver css + new version
ymh <ymh.work@gmail.com>
parents:
90
diff
changeset
|
93 |
{ |
|
f7d611f50e58
add version str + improver css + new version
ymh <ymh.work@gmail.com>
parents:
90
diff
changeset
|
94 |
var renkantitle = $("#renkantitle").val(); |
|
f7d611f50e58
add version str + improver css + new version
ymh <ymh.work@gmail.com>
parents:
90
diff
changeset
|
95 |
if(renkantitle.length == 0) { |
|
f7d611f50e58
add version str + improver css + new version
ymh <ymh.work@gmail.com>
parents:
90
diff
changeset
|
96 |
var alert_message = /*[[#{renkanIndex.js.empty_name_error}]]*/"Please enter a title"; |
|
f7d611f50e58
add version str + improver css + new version
ymh <ymh.work@gmail.com>
parents:
90
diff
changeset
|
97 |
alert(alert_message); |
|
f7d611f50e58
add version str + improver css + new version
ymh <ymh.work@gmail.com>
parents:
90
diff
changeset
|
98 |
return false; |
|
f7d611f50e58
add version str + improver css + new version
ymh <ymh.work@gmail.com>
parents:
90
diff
changeset
|
99 |
} |
|
f7d611f50e58
add version str + improver css + new version
ymh <ymh.work@gmail.com>
parents:
90
diff
changeset
|
100 |
|
|
f7d611f50e58
add version str + improver css + new version
ymh <ymh.work@gmail.com>
parents:
90
diff
changeset
|
101 |
new_renkan = { |
|
f7d611f50e58
add version str + improver css + new version
ymh <ymh.work@gmail.com>
parents:
90
diff
changeset
|
102 |
title: renkantitle, |
|
f7d611f50e58
add version str + improver css + new version
ymh <ymh.work@gmail.com>
parents:
90
diff
changeset
|
103 |
description: "(empty description)", |
|
f7d611f50e58
add version str + improver css + new version
ymh <ymh.work@gmail.com>
parents:
90
diff
changeset
|
104 |
uri: null, |
|
f7d611f50e58
add version str + improver css + new version
ymh <ymh.work@gmail.com>
parents:
90
diff
changeset
|
105 |
space_id: /*[[${space.id}]]*/"_", |
|
f7d611f50e58
add version str + improver css + new version
ymh <ymh.work@gmail.com>
parents:
90
diff
changeset
|
106 |
}; |
|
f7d611f50e58
add version str + improver css + new version
ymh <ymh.work@gmail.com>
parents:
90
diff
changeset
|
107 |
|
|
f7d611f50e58
add version str + improver css + new version
ymh <ymh.work@gmail.com>
parents:
90
diff
changeset
|
108 |
var post_url = /*[[@{/rest/projects/}]]*/"/rest/projects/"; |
|
f7d611f50e58
add version str + improver css + new version
ymh <ymh.work@gmail.com>
parents:
90
diff
changeset
|
109 |
$.ajax(post_url, { |
|
f7d611f50e58
add version str + improver css + new version
ymh <ymh.work@gmail.com>
parents:
90
diff
changeset
|
110 |
data:JSON.stringify(new_renkan), |
|
f7d611f50e58
add version str + improver css + new version
ymh <ymh.work@gmail.com>
parents:
90
diff
changeset
|
111 |
type: "POST", |
|
f7d611f50e58
add version str + improver css + new version
ymh <ymh.work@gmail.com>
parents:
90
diff
changeset
|
112 |
dataType: "json", |
|
f7d611f50e58
add version str + improver css + new version
ymh <ymh.work@gmail.com>
parents:
90
diff
changeset
|
113 |
contentType: "application/json; charset=UTF-8" |
|
f7d611f50e58
add version str + improver css + new version
ymh <ymh.work@gmail.com>
parents:
90
diff
changeset
|
114 |
}).done(function(project){ |
|
f7d611f50e58
add version str + improver css + new version
ymh <ymh.work@gmail.com>
parents:
90
diff
changeset
|
115 |
window.location.reload(); |
|
f7d611f50e58
add version str + improver css + new version
ymh <ymh.work@gmail.com>
parents:
90
diff
changeset
|
116 |
}); |
|
f7d611f50e58
add version str + improver css + new version
ymh <ymh.work@gmail.com>
parents:
90
diff
changeset
|
117 |
|
|
f7d611f50e58
add version str + improver css + new version
ymh <ymh.work@gmail.com>
parents:
90
diff
changeset
|
118 |
} |
| 71 | 119 |
|
|
97
f7d611f50e58
add version str + improver css + new version
ymh <ymh.work@gmail.com>
parents:
90
diff
changeset
|
120 |
function copyProject(project_id) |
|
f7d611f50e58
add version str + improver css + new version
ymh <ymh.work@gmail.com>
parents:
90
diff
changeset
|
121 |
{ |
|
f7d611f50e58
add version str + improver css + new version
ymh <ymh.work@gmail.com>
parents:
90
diff
changeset
|
122 |
var post_url = /*[[@{/p/copy}]]*/"#"; |
|
f7d611f50e58
add version str + improver css + new version
ymh <ymh.work@gmail.com>
parents:
90
diff
changeset
|
123 |
$.post(post_url, {"project_id": project_id}) |
|
f7d611f50e58
add version str + improver css + new version
ymh <ymh.work@gmail.com>
parents:
90
diff
changeset
|
124 |
.done(function(p){ |
|
f7d611f50e58
add version str + improver css + new version
ymh <ymh.work@gmail.com>
parents:
90
diff
changeset
|
125 |
window.location.reload(); |
|
f7d611f50e58
add version str + improver css + new version
ymh <ymh.work@gmail.com>
parents:
90
diff
changeset
|
126 |
}); |
|
f7d611f50e58
add version str + improver css + new version
ymh <ymh.work@gmail.com>
parents:
90
diff
changeset
|
127 |
} |
|
f7d611f50e58
add version str + improver css + new version
ymh <ymh.work@gmail.com>
parents:
90
diff
changeset
|
128 |
|
|
f7d611f50e58
add version str + improver css + new version
ymh <ymh.work@gmail.com>
parents:
90
diff
changeset
|
129 |
function deleteProject(project_id, project_title) |
|
f7d611f50e58
add version str + improver css + new version
ymh <ymh.work@gmail.com>
parents:
90
diff
changeset
|
130 |
{ |
|
f7d611f50e58
add version str + improver css + new version
ymh <ymh.work@gmail.com>
parents:
90
diff
changeset
|
131 |
var message = /*[[#{renkanIndex.project_delete_confirm}]]*/"Delete project \"<%= title %>\""; |
|
f7d611f50e58
add version str + improver css + new version
ymh <ymh.work@gmail.com>
parents:
90
diff
changeset
|
132 |
if(confirm(_.template(message, {title: project_title}))) { |
|
f7d611f50e58
add version str + improver css + new version
ymh <ymh.work@gmail.com>
parents:
90
diff
changeset
|
133 |
var delete_url = /*[[@{/rest/projects}]]*/"#"; |
|
f7d611f50e58
add version str + improver css + new version
ymh <ymh.work@gmail.com>
parents:
90
diff
changeset
|
134 |
$.ajax(delete_url+"/"+project_id, { |
|
f7d611f50e58
add version str + improver css + new version
ymh <ymh.work@gmail.com>
parents:
90
diff
changeset
|
135 |
type: "DELETE" |
|
f7d611f50e58
add version str + improver css + new version
ymh <ymh.work@gmail.com>
parents:
90
diff
changeset
|
136 |
}).done(function(){ |
|
f7d611f50e58
add version str + improver css + new version
ymh <ymh.work@gmail.com>
parents:
90
diff
changeset
|
137 |
window.location.reload(); |
|
f7d611f50e58
add version str + improver css + new version
ymh <ymh.work@gmail.com>
parents:
90
diff
changeset
|
138 |
}); |
|
f7d611f50e58
add version str + improver css + new version
ymh <ymh.work@gmail.com>
parents:
90
diff
changeset
|
139 |
} |
|
f7d611f50e58
add version str + improver css + new version
ymh <ymh.work@gmail.com>
parents:
90
diff
changeset
|
140 |
} |
|
f7d611f50e58
add version str + improver css + new version
ymh <ymh.work@gmail.com>
parents:
90
diff
changeset
|
141 |
|
|
f7d611f50e58
add version str + improver css + new version
ymh <ymh.work@gmail.com>
parents:
90
diff
changeset
|
142 |
$(function(){ |
|
f7d611f50e58
add version str + improver css + new version
ymh <ymh.work@gmail.com>
parents:
90
diff
changeset
|
143 |
$(".copy_project").click(function(event) { |
|
f7d611f50e58
add version str + improver css + new version
ymh <ymh.work@gmail.com>
parents:
90
diff
changeset
|
144 |
copyProject($(event.target).data("project_id")); |
|
f7d611f50e58
add version str + improver css + new version
ymh <ymh.work@gmail.com>
parents:
90
diff
changeset
|
145 |
}); |
|
f7d611f50e58
add version str + improver css + new version
ymh <ymh.work@gmail.com>
parents:
90
diff
changeset
|
146 |
$(".delete_project").click(function(event) { |
|
f7d611f50e58
add version str + improver css + new version
ymh <ymh.work@gmail.com>
parents:
90
diff
changeset
|
147 |
deleteProject($(event.target).data("project_id"), $(event.target).data("project_title")); |
|
f7d611f50e58
add version str + improver css + new version
ymh <ymh.work@gmail.com>
parents:
90
diff
changeset
|
148 |
}); |
|
f7d611f50e58
add version str + improver css + new version
ymh <ymh.work@gmail.com>
parents:
90
diff
changeset
|
149 |
}); |
|
f7d611f50e58
add version str + improver css + new version
ymh <ymh.work@gmail.com>
parents:
90
diff
changeset
|
150 |
|
|
f7d611f50e58
add version str + improver css + new version
ymh <ymh.work@gmail.com>
parents:
90
diff
changeset
|
151 |
/*]]>*/ |
|
f7d611f50e58
add version str + improver css + new version
ymh <ymh.work@gmail.com>
parents:
90
diff
changeset
|
152 |
</script> |
|
76
523f0647513e
add the count of project by spaces, add pagination, update libraries and add some more unit tests.
ymh <ymh.work@gmail.com>
parents:
71
diff
changeset
|
153 |
</body> |
| 71 | 154 |
</html> |