9
|
1 local Luan = require "luan:Luan.luan"
|
|
2 local error = Luan.error
|
|
3 local ipairs = Luan.ipairs or error()
|
18
|
4 local Time = require "luan:Time.luan"
|
|
5 local time_now = Time.now or error()
|
9
|
6 local Io = require "luan:Io.luan"
|
|
7 local Http = require "luan:http/Http.luan"
|
|
8 local Shared = require "site:/lib/Shared.luan"
|
|
9 local head = Shared.head or error()
|
|
10 local header = Shared.header or error()
|
|
11 local footer = Shared.footer or error()
|
|
12 local Forum = require "site:/lib/Forum.luan"
|
|
13 local forum_title = Forum.title or error()
|
|
14 local Db = require "site:/lib/Db.luan"
|
|
15 local Post = require "site:/lib/Post.luan"
|
12
|
16 local Bbcode = require "site:/lib/Bbcode.luan"
|
|
17 local bbcode_to_html = Bbcode.to_html or error()
|
16
|
18 local User = require "site:/lib/User.luan"
|
9
|
19
|
11
|
20
|
16
|
21 local function deletePost()
|
|
22 %><a href="javascript:" onclick="deletePost(parentNode)">delete</a><%
|
|
23 end
|
|
24
|
9
|
25 return function()
|
|
26 local root_id = Http.request.parameters.root or error()
|
|
27 local docs, total_hits = Db.search("post_root_id:"..root_id,1,1000,{sort="id"})
|
|
28 local posts = Post.from_docs(docs)
|
|
29 local subject_html = posts[1].subject_html
|
16
|
30 local user = User.current()
|
|
31 local user_name = user and user.name
|
18
|
32 local now = time_now()
|
9
|
33 Io.stdout = Http.response.text_writer()
|
|
34 %>
|
|
35 <!doctype html>
|
|
36 <html>
|
|
37 <head>
|
|
38 <% head() %>
|
|
39 <title><%=forum_title%>: <%=subject_html%></title>
|
|
40 <style>
|
18
|
41 div[author] {
|
|
42 margin-bottom: 6px;
|
|
43 font-size: 10px;
|
|
44 }
|
|
45 div[author] img {
|
|
46 width: 28px;
|
|
47 vertical-align: middle;
|
|
48 border-radius: 50%;
|
|
49 }
|
|
50 div[author] a {
|
|
51 font-weight: bold;
|
|
52 }
|
|
53 span[ago] {
|
|
54 color: #888;
|
|
55 }
|
15
|
56 [message] {
|
9
|
57 white-space: pre-wrap;
|
|
58 }
|
|
59 </style>
|
15
|
60 <script>
|
19
|
61 function getPostDiv(node) {
|
|
62 do {
|
|
63 if( node.getAttribute('post') )
|
|
64 return node;
|
|
65 } while( node = node.parentNode );
|
|
66 }
|
|
67
|
|
68 function cancelEdit(a) {
|
|
69 let postDiv = getPostDiv(a);
|
15
|
70 postDiv.querySelector('[output]').style.display = 'block';
|
|
71 postDiv.querySelector('[edit]').innerHTML = '';
|
|
72 }
|
19
|
73 function saveEdit(a) {
|
|
74 let postDiv = getPostDiv(a);
|
|
75 let post = postDiv.getAttribute('post');
|
21
|
76 let text = postDiv.querySelector('[contentEditable]').innerHTML;
|
15
|
77 let postData = 'post=' + post + '&text=' + encodeURIComponent(text);
|
|
78 ajax("save_edit.js",postData);
|
|
79 }
|
16
|
80
|
|
81 function deletePost(span) {
|
|
82 span.innerHTML = document.querySelector('[hidden][delete]').innerHTML;
|
|
83 }
|
|
84 function deleteNo(span) {
|
|
85 span.innerHTML = document.querySelector('[hidden][undelete]').innerHTML;
|
|
86 }
|
|
87 function deleteYes(span) {
|
19
|
88 let post = getPostDiv(span).getAttribute('post');
|
16
|
89 ajax( '/delete.js?post=' + post );
|
|
90 }
|
18
|
91
|
|
92 function init() {
|
|
93 let spans = document.querySelectorAll('span[ago]');
|
|
94 for( let i=0; i<spans.length; i++ ) {
|
|
95 let span = spans[i];
|
|
96 let date = span.getAttribute('date');
|
|
97 date = parseInt(date);
|
|
98 span.title = new Date(date).toLocaleString();
|
|
99 }
|
|
100 }
|
15
|
101 </script>
|
9
|
102 </head>
|
18
|
103 <body onload="init()">
|
9
|
104 <% header() %>
|
|
105 <div content>
|
|
106 <h1><%=subject_html%></h1>
|
16
|
107 <% for _, post in ipairs(posts) do
|
|
108 if post.is_deleted then
|
|
109 continue
|
|
110 end
|
|
111 %>
|
9
|
112 <hr>
|
15
|
113 <div post="<%=post.id%>">
|
18
|
114 <div author>
|
|
115 <img src="/images/profile.png">
|
|
116 <a href="/whatever"><%= post.author_name %></a>
|
|
117 <span ago date="<%=post.date%>"><% post.ago(now) %> ago</span>
|
|
118 </div>
|
15
|
119 <div output>
|
|
120 <% bbcode_to_html(post.content) %>
|
|
121 <p>
|
|
122 <a href="/reply.html?parent=<%=post.id%>">reply</a>
|
16
|
123 <% if post.author_name == user_name then %>
|
15
|
124 - <a href="javascript:ajax('/edit.js?post=<%=post.id%>')">edit</a>
|
19
|
125 - <span delete><%deletePost()%></span>
|
16
|
126 <% end %>
|
15
|
127 </p>
|
|
128 </div>
|
|
129 <div edit></div>
|
|
130 </div>
|
9
|
131 <% end %>
|
|
132 </div>
|
|
133 <% footer() %>
|
16
|
134 <span hidden delete>Delete? <a href="javascript:" onclick="deleteYes(parentNode)">yes</a> / <a href="javascript:" onclick="deleteNo(parentNode)">no</a></span>
|
|
135 <span hidden undelete><%deletePost()%></span>
|
19
|
136 <div hidden edit>
|
21
|
137 <div contentEditable></div>
|
19
|
138 <p>
|
|
139 <button onclick="saveEdit(this)">save</button>
|
|
140 <button onclick="cancelEdit(this)">cancel</button>
|
|
141 </p>
|
|
142 </div>
|
9
|
143 </body>
|
|
144 </html>
|
|
145 <%
|
|
146 end
|