server/src/main/webapp/WEB-INF/templates/projectIndex.html
author ymh <ymh.work@gmail.com>
Sat, 16 Mar 2013 04:36:50 +0100
changeset 90 fa7d68b9d8b0
parent 87 6c810f746837
child 97 f7d611f50e58
permissions -rw-r--r--
Start debug copy force long pooling correct project creation
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
71
9af0874ce43f First version of space level.
ymh <ymh.work@gmail.com>
parents:
diff changeset
     1
<!doctype html>
9af0874ce43f First version of space level.
ymh <ymh.work@gmail.com>
parents:
diff changeset
     2
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org" >
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
9af0874ce43f First version of space level.
ymh <ymh.work@gmail.com>
parents:
diff changeset
     4
        <title>Renkan</title>
9af0874ce43f First version of space level.
ymh <ymh.work@gmail.com>
parents:
diff changeset
     5
9af0874ce43f First version of space level.
ymh <ymh.work@gmail.com>
parents:
diff changeset
     6
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
9af0874ce43f First version of space level.
ymh <ymh.work@gmail.com>
parents:
diff changeset
     7
        <meta charset="utf-8"/>
9af0874ce43f First version of space level.
ymh <ymh.work@gmail.com>
parents:
diff changeset
     8
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/>
9af0874ce43f First version of space level.
ymh <ymh.work@gmail.com>
parents:
diff changeset
     9
9af0874ce43f First version of space level.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    10
        <link rel="shortcut icon" href="favicon.ico"/>
81
555a094e2000 Changed CSS
veltr
parents: 80
diff changeset
    11
        <script src="../../lib/jquery.min.js" th:src="@{/static/lib/jquery.min.js}" ></script>
555a094e2000 Changed CSS
veltr
parents: 80
diff changeset
    12
        <script src="../../lib/underscore-min.js" th:src="@{/static/lib/underscore-min.js}" ></script>
555a094e2000 Changed CSS
veltr
parents: 80
diff changeset
    13
        <script src="../../js/main.js" th:src="@{/static/js/main.js}" ></script>
71
9af0874ce43f First version of space level.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    14
81
555a094e2000 Changed CSS
veltr
parents: 80
diff changeset
    15
        <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
    16
    </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
    17
    <body>
71
9af0874ce43f First version of space level.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    18
        <div id="wrapper">
81
555a094e2000 Changed CSS
veltr
parents: 80
diff changeset
    19
        	<h1><span th:text="#{renkanIndex.renkan_space}">Renkan Space</span>: <span th:text="${space.title}">Titre</span></h1>
71
9af0874ce43f First version of space level.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    20
            <div id="inner">
87
6c810f746837 Externalize properties
ymh <ymh.work@gmail.com>
parents: 86
diff changeset
    21
                <div id="label" class="translate" th:text="#{renkanIndex.renkan_exp}">Create a Renkan</div> 
71
9af0874ce43f First version of space level.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    22
                <form action="#" onsubmit="go2Title();return false;"> 
9af0874ce43f First version of space level.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    23
                    <input type="text" id="renkantitle" autofocus="autofocus" x-webkit-speech="x-webkit-speech"/> 
9af0874ce43f First version of space level.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    24
                    <button type="submit">OK</button>
9af0874ce43f First version of space level.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    25
                </form>
9af0874ce43f First version of space level.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    26
            </div>
9af0874ce43f First version of space level.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    27
            <h2 th:text="#{renkanIndex.project_list}">Project list</h2>
87
6c810f746837 Externalize properties
ymh <ymh.work@gmail.com>
parents: 86
diff changeset
    28
            <div th:include="fragment/paginationFragment :: paginationFragment" class="pagination-container">
6c810f746837 Externalize properties
ymh <ymh.work@gmail.com>
parents: 86
diff changeset
    29
                <div>               
6c810f746837 Externalize properties
ymh <ymh.work@gmail.com>
parents: 86
diff changeset
    30
                    <a href="#?p.page=1">&lt;&lt;</a>                    
6c810f746837 Externalize properties
ymh <ymh.work@gmail.com>
parents: 86
diff changeset
    31
                    <a href="#?p.page=3">&lt;</a>
6c810f746837 Externalize properties
ymh <ymh.work@gmail.com>
parents: 86
diff changeset
    32
                    <span>...</span>
6c810f746837 Externalize properties
ymh <ymh.work@gmail.com>
parents: 86
diff changeset
    33
                    <a href="#?p.page=2">2</a>
6c810f746837 Externalize properties
ymh <ymh.work@gmail.com>
parents: 86
diff changeset
    34
                    <a href="#?p.page=3">3</a>
6c810f746837 Externalize properties
ymh <ymh.work@gmail.com>
parents: 86
diff changeset
    35
                    <span>4</span>
6c810f746837 Externalize properties
ymh <ymh.work@gmail.com>
parents: 86
diff changeset
    36
                    <a href="#?p.page=5">5</a>
6c810f746837 Externalize properties
ymh <ymh.work@gmail.com>
parents: 86
diff changeset
    37
                    <a href="#?p.page=6">6</a>
6c810f746837 Externalize properties
ymh <ymh.work@gmail.com>
parents: 86
diff changeset
    38
                    <span>...</span>
6c810f746837 Externalize properties
ymh <ymh.work@gmail.com>
parents: 86
diff changeset
    39
                    <a href="#?p.page=5">&gt;</a>
6c810f746837 Externalize properties
ymh <ymh.work@gmail.com>
parents: 86
diff changeset
    40
                    <a href="#?p.page=7">&gt;&gt;</a> 
6c810f746837 Externalize properties
ymh <ymh.work@gmail.com>
parents: 86
diff changeset
    41
                </div>
6c810f746837 Externalize properties
ymh <ymh.work@gmail.com>
parents: 86
diff changeset
    42
            </div>
71
9af0874ce43f First version of space level.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    43
            <table>
9af0874ce43f First version of space level.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    44
              <thead>
9af0874ce43f First version of space level.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    45
                <tr>
80
5295e118320b add link for publish
ymh <ymh.work@gmail.com>
parents: 76
diff changeset
    46
                    <th th:text="#{renkanIndex.project_name}">Name</th>
5295e118320b add link for publish
ymh <ymh.work@gmail.com>
parents: 76
diff changeset
    47
                    <th th:text="#{renkanIndex.project_creation}">Creation</th>
5295e118320b add link for publish
ymh <ymh.work@gmail.com>
parents: 76
diff changeset
    48
                    <th th:text="#{renkanIndex.project_edit}">Edit</th>
86
0fe9045d25b7 Add translation on delete message
ymh <ymh.work@gmail.com>
parents: 81
diff changeset
    49
                    <th th:text="#{renkanIndex.project_copy}">Copy</th>
0fe9045d25b7 Add translation on delete message
ymh <ymh.work@gmail.com>
parents: 81
diff changeset
    50
                    <th th:text="#{renkanIndex.project_delete}">Del.</th>
81
555a094e2000 Changed CSS
veltr
parents: 80
diff changeset
    51
                    <th th:text="#{renkanIndex.project_render}">View</th>
71
9af0874ce43f First version of space level.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    52
                </tr>
9af0874ce43f First version of space level.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    53
              </thead>
9af0874ce43f First version of space level.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    54
              <tbody>
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
    55
                <tr th:each="project: ${page}">
71
9af0874ce43f First version of space level.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    56
                  <th th:text="${project.title}">title</th>
9af0874ce43f First version of space level.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    57
                  <td th:text="${#dates.format(project.created, #messages.msg('date.format'))}">date</td>
81
555a094e2000 Changed CSS
veltr
parents: 80
diff changeset
    58
                  <td><a href="#" th:href="@{'/p/'+${project.id}(cowebkey=${project.getKey(2)})}" th:text="#{renkanIndex.project_edit_link}">Edit project</a></td>
86
0fe9045d25b7 Add translation on delete message
ymh <ymh.work@gmail.com>
parents: 81
diff changeset
    59
                  <td><a href="#" th:text="#{renkanIndex.project_copy_link}" th:attr="data-project_id=${project.id}" class="copy_project">Copy project</a></td>
0fe9045d25b7 Add translation on delete message
ymh <ymh.work@gmail.com>
parents: 81
diff changeset
    60
                  <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>
81
555a094e2000 Changed CSS
veltr
parents: 80
diff changeset
    61
                  <td><a href="#" th:href="@{'/p/pub/'+${project.id}(cowebkey=${project.getKey(1)})}" th:text="#{renkanIndex.project_render_link}">View project</a></td>
71
9af0874ce43f First version of space level.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    62
                </tr>
9af0874ce43f First version of space level.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    63
              </tbody>
9af0874ce43f First version of space level.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    64
            </table>            
9af0874ce43f First version of space level.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    65
        </div>
9af0874ce43f First version of space level.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    66
        <script th:inline="javascript" >
9af0874ce43f First version of space level.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    67
        /*<![CDATA[*/
9af0874ce43f First version of space level.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    68
      
9af0874ce43f First version of space level.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    69
            function go2Title()
9af0874ce43f First version of space level.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    70
            {
9af0874ce43f First version of space level.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    71
                var renkantitle = $("#renkantitle").val();
9af0874ce43f First version of space level.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    72
                if(renkantitle.length == 0) {
9af0874ce43f First version of space level.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    73
                	var alert_message = /*[[#{renkanIndex.js.empty_name_error}]]*/"Please enter a title"; 
9af0874ce43f First version of space level.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    74
                	alert(alert_message);
9af0874ce43f First version of space level.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    75
                	return false;
9af0874ce43f First version of space level.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    76
                }
9af0874ce43f First version of space level.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    77
                
9af0874ce43f First version of space level.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    78
                new_renkan = {
9af0874ce43f First version of space level.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    79
                	title: renkantitle,
9af0874ce43f First version of space level.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    80
                	description: "(empty description)",                	
9af0874ce43f First version of space level.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    81
                	uri: null,
9af0874ce43f First version of space level.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    82
                	space_id: /*[[${space.id}]]*/"_",
9af0874ce43f First version of space level.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    83
                };
9af0874ce43f First version of space level.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    84
                
9af0874ce43f First version of space level.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    85
                var post_url = /*[[@{/rest/projects/}]]*/"/rest/projects/"; 
9af0874ce43f First version of space level.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    86
                $.ajax(post_url, {
9af0874ce43f First version of space level.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    87
                    data:JSON.stringify(new_renkan),
9af0874ce43f First version of space level.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    88
                    type: "POST",
9af0874ce43f First version of space level.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    89
                    dataType: "json",
9af0874ce43f First version of space level.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    90
                    contentType: "application/json; charset=UTF-8"                    
9af0874ce43f First version of space level.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    91
                }).done(function(project){
90
fa7d68b9d8b0 Start debug copy
ymh <ymh.work@gmail.com>
parents: 87
diff changeset
    92
                	window.location.reload();
71
9af0874ce43f First version of space level.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    93
                });
9af0874ce43f First version of space level.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    94
                
9af0874ce43f First version of space level.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    95
            }
86
0fe9045d25b7 Add translation on delete message
ymh <ymh.work@gmail.com>
parents: 81
diff changeset
    96
        
0fe9045d25b7 Add translation on delete message
ymh <ymh.work@gmail.com>
parents: 81
diff changeset
    97
        function copyProject(project_id)
0fe9045d25b7 Add translation on delete message
ymh <ymh.work@gmail.com>
parents: 81
diff changeset
    98
        {
0fe9045d25b7 Add translation on delete message
ymh <ymh.work@gmail.com>
parents: 81
diff changeset
    99
        	var post_url = /*[[@{/p/copy}]]*/"#";
0fe9045d25b7 Add translation on delete message
ymh <ymh.work@gmail.com>
parents: 81
diff changeset
   100
            $.post(post_url, {"project_id": project_id})
0fe9045d25b7 Add translation on delete message
ymh <ymh.work@gmail.com>
parents: 81
diff changeset
   101
                .done(function(p){
0fe9045d25b7 Add translation on delete message
ymh <ymh.work@gmail.com>
parents: 81
diff changeset
   102
                    window.location.reload();
0fe9045d25b7 Add translation on delete message
ymh <ymh.work@gmail.com>
parents: 81
diff changeset
   103
            });
0fe9045d25b7 Add translation on delete message
ymh <ymh.work@gmail.com>
parents: 81
diff changeset
   104
        }
0fe9045d25b7 Add translation on delete message
ymh <ymh.work@gmail.com>
parents: 81
diff changeset
   105
        
0fe9045d25b7 Add translation on delete message
ymh <ymh.work@gmail.com>
parents: 81
diff changeset
   106
        function deleteProject(project_id, project_title)
0fe9045d25b7 Add translation on delete message
ymh <ymh.work@gmail.com>
parents: 81
diff changeset
   107
        {
0fe9045d25b7 Add translation on delete message
ymh <ymh.work@gmail.com>
parents: 81
diff changeset
   108
        	var message = /*[[#{renkanIndex.project_delete_confirm}]]*/"Delete project \"<%= title %>\"";
0fe9045d25b7 Add translation on delete message
ymh <ymh.work@gmail.com>
parents: 81
diff changeset
   109
        	if(confirm(_.template(message, {title: project_title}))) {
0fe9045d25b7 Add translation on delete message
ymh <ymh.work@gmail.com>
parents: 81
diff changeset
   110
                var delete_url = /*[[@{/rest/projects}]]*/"#";
0fe9045d25b7 Add translation on delete message
ymh <ymh.work@gmail.com>
parents: 81
diff changeset
   111
                $.ajax(delete_url+"/"+project_id, {
0fe9045d25b7 Add translation on delete message
ymh <ymh.work@gmail.com>
parents: 81
diff changeset
   112
                    type: "DELETE"	
0fe9045d25b7 Add translation on delete message
ymh <ymh.work@gmail.com>
parents: 81
diff changeset
   113
                }).done(function(){
0fe9045d25b7 Add translation on delete message
ymh <ymh.work@gmail.com>
parents: 81
diff changeset
   114
                	window.location.reload();
0fe9045d25b7 Add translation on delete message
ymh <ymh.work@gmail.com>
parents: 81
diff changeset
   115
                });
0fe9045d25b7 Add translation on delete message
ymh <ymh.work@gmail.com>
parents: 81
diff changeset
   116
        	}
0fe9045d25b7 Add translation on delete message
ymh <ymh.work@gmail.com>
parents: 81
diff changeset
   117
        }
0fe9045d25b7 Add translation on delete message
ymh <ymh.work@gmail.com>
parents: 81
diff changeset
   118
        
0fe9045d25b7 Add translation on delete message
ymh <ymh.work@gmail.com>
parents: 81
diff changeset
   119
        $(function(){
0fe9045d25b7 Add translation on delete message
ymh <ymh.work@gmail.com>
parents: 81
diff changeset
   120
        	$(".copy_project").click(function(event) {
0fe9045d25b7 Add translation on delete message
ymh <ymh.work@gmail.com>
parents: 81
diff changeset
   121
        		copyProject($(event.target).data("project_id"));
0fe9045d25b7 Add translation on delete message
ymh <ymh.work@gmail.com>
parents: 81
diff changeset
   122
        	});
0fe9045d25b7 Add translation on delete message
ymh <ymh.work@gmail.com>
parents: 81
diff changeset
   123
            $(".delete_project").click(function(event) {
0fe9045d25b7 Add translation on delete message
ymh <ymh.work@gmail.com>
parents: 81
diff changeset
   124
                deleteProject($(event.target).data("project_id"), $(event.target).data("project_title"));
0fe9045d25b7 Add translation on delete message
ymh <ymh.work@gmail.com>
parents: 81
diff changeset
   125
            });
0fe9045d25b7 Add translation on delete message
ymh <ymh.work@gmail.com>
parents: 81
diff changeset
   126
        });
71
9af0874ce43f First version of space level.
ymh <ymh.work@gmail.com>
parents:
diff changeset
   127
 
9af0874ce43f First version of space level.
ymh <ymh.work@gmail.com>
parents:
diff changeset
   128
        /*]]>*/
9af0874ce43f First version of space level.
ymh <ymh.work@gmail.com>
parents:
diff changeset
   129
        </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
   130
    </body>
71
9af0874ce43f First version of space level.
ymh <ymh.work@gmail.com>
parents:
diff changeset
   131
</html>