--- a/server/java/renkan-web/src/main/webapp/WEB-INF/templates/projectIndex.html Sat Apr 25 04:37:06 2015 +0200
+++ b/server/java/renkan-web/src/main/webapp/WEB-INF/templates/projectIndex.html Mon Apr 27 17:22:46 2015 +0200
@@ -8,10 +8,10 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/>
<link rel="shortcut icon" href="../../static/img/favicon.ico" th:href="@{/static/img/favicon.ico}"/>
-
+
<script th:remove="all" type="text/javascript" src="../../static/lib/jquery/jquery.js"></script>
<script th:remove="all" type="text/javascript" src="../../static/js/thymol.js"></script>
-
+
<script src="../../static/lib/jquery/jquery.js" th:src="@{/static/lib/jquery/jquery.js}" ></script>
<script src="../../static/lib/jquery-ui/jquery-ui.min.js" th:src="@{/static/lib/jquery-ui/jquery-ui.min.js}" ></script>
<script src="../../static/lib/underscore/underscore.js" th:src="@{/static/lib/underscore/underscore.js}" ></script>
@@ -30,11 +30,11 @@
<div id="headerNav" th:include="fragment/pageFragment :: headerNavFragment"></div>
</header>
<div id="inner">
- <div id="label" class="translate" th:text="#{renkanIndex.renkan_exp}">Create a Renkan</div>
+ <div id="label" class="translate" th:text="#{renkanIndex.renkan_exp}">Create a Renkan</div>
<form action="#" id="new-renkan-form">
<fieldset id="form-fields">
<div id="title-field"><label th:text="#{renkanIndex.renkan_title}" for="renkantitle">title</label><input type="text" id="renkantitle" autofocus="autofocus" x-webkit-speech="x-webkit-speech"/></div>
- <div id="file-field"><label th:text="#{renkanIndex.renkan_file}" for="renkanfile">file</label><input type="file" id="renkanfile"/></div>
+ <div id="file-field"><label th:text="#{renkanIndex.renkan_file}" for="renkanfile">file</label><input type="file" id="renkanfile"/></div>
</fieldset>
<div id="form-submit"><button type="submit">OK</button></div>
</form>
@@ -42,8 +42,8 @@
<div id="project-list-container">
<h2 th:text="#{renkanIndex.project_list}">Project list</h2>
<div id="project-filter-container">
- <form method="get">
- <input type="text" id="project-filter" name="filter" placeholder="filter title" th:placeholder="#{renkanIndex.project_filter}" th:value="${param['filter']}?${param['filter'][0]}:''" />
+ <form method="get">
+ <input type="text" id="project-filter" name="filter" placeholder="filter title" th:placeholder="#{renkanIndex.project_filter}" th:value="${param['filter']}?${param['filter'][0]}:''" />
<button type="submit">OK</button>
</form>
</div>
@@ -59,7 +59,7 @@
<a href="#?p.page=6">6</a>
<span>...</span>
<a href="#?p.page=5">></a>
- <a href="#?p.page=7">>></a>
+ <a href="#?p.page=7">>></a>
</div>
</div>
<table th:with="columnSort=${param['p.sort']}?${param['p.sort'][0]}:'updated',sortDir=${param['p.sort.dir']}?${param['p.sort.dir'][0]}:'desc'">
@@ -91,12 +91,12 @@
<li><a href="#" th:href="@{'/p/pub/'+${project.id}(cowebkey=${project.getKey(1)})}"><span class=" ui-icon renkan-icon-eye"></span><span th:text="#{renkanIndex.project_render_link}">View project</span></a></li>
<li><a href="#" th:href="@{'/p/exp/'+${project.id}}"><span class="ui-icon ui-icon-arrowthickstop-1-s"></span><span th:text="#{renkanIndex.project_export_link}">Export project</span></a></li>
</ul>
-
+
</div>
</div>
<footer id="footer" th:include="fragment/pageFragment :: footerFragment">
<div id="version">© <span class="version-date">2014</span> <a href="http://www.iri.centrepompidou.fr" target="_blanck">IRI</a> - Version <span class="version-version">0.0</span></div>
- </footer>
+ </footer>
</div>
<script th:inline="javascript" >
/*<![CDATA[*/
@@ -105,15 +105,15 @@
{
var renkantitle = $("#renkantitle").val(),
renkanfiles = $("#renkanfile").prop("files");
-
+
if(renkantitle.length === 0 && renkanfiles.length === 0) {
- var alert_message = /*[[#{renkanIndex.js.empty_form_error}]]*/"Please enter a title or a file";
+ var alert_message = /*[[#{renkanIndex.js.empty_form_error}]]*/"Please enter a title or a file";
alert(alert_message);
return false;
}
var post_url = /*[[@{/rest/projects/}]]*/"/rest/projects/",
deferred = $.Deferred();
-
+
deferred.done(function(new_renkan) {
new_renkan.space_id = /*[[${space.id}]]*/"_";
$.ajax(post_url, {
@@ -161,20 +161,20 @@
window.location.reload();
});
}
-
+
function deleteProject(project_id, project_title)
{
var message = /*[[#{renkanIndex.project_delete_confirm}]]*/"Delete project \"<%= title %>\"";
- if(confirm(_.template(message, {title: project_title}))) {
+ if(confirm(_.template(message)({title: project_title}))) {
var delete_url = /*[[@{/rest/projects}]]*/"#";
$.ajax(delete_url+"/"+project_id, {
- type: "DELETE"
+ type: "DELETE"
}).done(function(){
window.location.reload();
});
}
}
-
+
function createMenuHandler(menu, timeoutCallback) {
return function(e) {
menu.toggle();
@@ -192,12 +192,12 @@
});
if(menu.is(":visible")) {
menu.data('blurtimeout', setTimeout( timeoutCallback,5000));
- }
+ }
}
}
-
+
$(function(){
-
+
$(".copy-project").click(function(event) {
var project_id = $(event.currentTarget).data("project_id");
copyProject(project_id);
@@ -207,29 +207,29 @@
deleteProject($(event.currentTarget).data("project_id"), $(event.currentTarget).data("project_title"));
});
-
+
$("#new-renkan-form").submit(function(e) {
e.preventDefault();
go2Title();
return false;
});
-
+
$("#import-renkan-form").submit(function(e) {
e.preventDefault();
console.log("import form event :", e);
});
-
+
$('.renkan-action-button').each(function() {
var projectId = $(this).data('project_id');
var menu = $('#action-menu-'+projectId).menu().position({ my: "left top", at: "right top", of: this }).hide();
var that = this;
-
+
var timeoutCallback = function() {
menu.hide();
$(that).removeClass("ui-icon-triangle-1-se").addClass("ui-icon-triangle-1-e");
menu.removeData('blurtimeout');
};
-
+
menu.on('menufocus', function() {
clearTimeout(menu.data('blurtimeout'));
menu.removeData('blurtimeout');
@@ -237,7 +237,7 @@
menu.on('menublur',function(e) {
menu.data('blurtimeout', setTimeout( timeoutCallback,200));
});
-
+
$(this).click(createMenuHandler(menu, timeoutCallback));
});
});