rev |
line source |
yuuji@889
|
1 // 愛
|
yuuji@586
|
2 (function (){
|
yuuji@898
|
3 var isOlderJS; // Set in init();
|
yuuji@898
|
4 var hasTouchPad =
|
yuuji@898
|
5 (navigator.maxTouchPoints && navigator.maxTouchPoints >0);
|
yuuji@898
|
6 var myurl = document.URL,
|
yuuji@898
|
7 mypath = myurl.substring(myurl.lastIndexOf("/"));
|
yuuji@898
|
8 var art_m_list = [];
|
yuuji@898
|
9 if (mypath.match(/(.*)\/(.*)/)) {
|
yuuji@898
|
10 mypath = RegExp.$2;
|
yuuji@898
|
11 mypath = mypath.substring(0, mypath.lastIndexOf("?"));
|
yuuji@898
|
12 //alert("mypath="+mypath);
|
yuuji@898
|
13 }
|
yuuji@667
|
14 function collectElementsByAttr(elm, attr, val) {
|
yuuji@586
|
15 var e = document.getElementsByTagName(elm);
|
yuuji@586
|
16 if (!e) return null;
|
yuuji@586
|
17 var list = [];
|
yuuji@586
|
18 for (var i of e) {
|
yuuji@667
|
19 if (i.getAttribute(attr) == val)
|
yuuji@586
|
20 list.push(i)
|
yuuji@586
|
21 }
|
yuuji@586
|
22 return list;
|
yuuji@586
|
23 }
|
yuuji@675
|
24 function nthChildOf(parent, n, elem) { // Return Nth child of type ELEM
|
yuuji@675
|
25 // N begins with 1
|
yuuji@675
|
26 var i=0;
|
yuuji@675
|
27 var le = elem.toLowerCase();
|
yuuji@675
|
28 for (var c of parent.childNodes) {
|
yuuji@675
|
29 if (!c.tagName) continue;
|
yuuji@675
|
30 if (c.tagName.toLowerCase() == le) {
|
yuuji@675
|
31 if (++i >= n) return c;
|
yuuji@675
|
32 }
|
yuuji@675
|
33 }
|
yuuji@675
|
34 return null;
|
yuuji@675
|
35 }
|
yuuji@586
|
36 function insertRedirect(e) {
|
yuuji@586
|
37 var articleId, textarea = document.getElementById("text");
|
yuuji@586
|
38 var p = e.target, checked = p.checked;
|
yuuji@586
|
39 while (p = p.parentNode)
|
yuuji@586
|
40 if (p.nodeName.match(/^td$/i)) break;
|
yuuji@586
|
41 if (!p) return;
|
yuuji@586
|
42 while (p = p.nextSibling)
|
yuuji@586
|
43 if (p.nodeName.match(/^td$/i)) break;
|
yuuji@586
|
44 if (!p) return;
|
yuuji@586
|
45 articleId = p.getAttribute("id");
|
yuuji@586
|
46 if (textarea && articleId) {
|
yuuji@586
|
47 var tv = textarea.value, lines;
|
yuuji@586
|
48 if (tv)
|
yuuji@586
|
49 lines = tv.split("\n");
|
yuuji@586
|
50 else
|
yuuji@586
|
51 lines = [""];
|
yuuji@586
|
52 var re = new RegExp("[, ]*#"+articleId+"(?![0-9])");
|
yuuji@590
|
53 checked = (p.nodeName.match(/^input$/)
|
yuuji@590
|
54 ? p.checked // checkbox obeys its status
|
yuuji@590
|
55 : !lines[0].match(re)) // a-elment toggles redirection
|
yuuji@586
|
56 if (checked) {
|
yuuji@586
|
57 if (!lines[0].match(re)) {
|
yuuji@586
|
58 var re2 = new RegExp(/>#[#0-9, ]+[0-9]/);
|
yuuji@586
|
59 if (lines[0].match(re2))
|
yuuji@586
|
60 lines[0] = lines[0].replace(
|
yuuji@586
|
61 re2, '$&, '+'#'+articleId);
|
yuuji@586
|
62 else {
|
yuuji@586
|
63 if (lines[0] > "") lines[0] = " "+lines[0];
|
yuuji@586
|
64 lines[0] = ">#"+articleId+lines[0];
|
yuuji@586
|
65 }
|
yuuji@586
|
66 }
|
yuuji@586
|
67 } else { // Remove #xxxxx
|
yuuji@586
|
68 if (lines[0].match(/^>#[0-9 ,]+#/)) // 2 or more #id's
|
yuuji@586
|
69 lines[0] = lines[0].replace(
|
yuuji@586
|
70 new RegExp("^>#"+articleId+"[ ,]*"), ">").replace(
|
yuuji@586
|
71 new RegExp("[ ,]*#"+articleId), "");
|
yuuji@586
|
72 else {
|
yuuji@586
|
73 lines[0] = lines[0].replace(
|
yuuji@586
|
74 new RegExp(">#"+articleId+"[ ,]*"), "");
|
yuuji@586
|
75 }
|
yuuji@586
|
76 }
|
yuuji@586
|
77 lines[0] = lines[0].replace(/^> *$/, '');
|
yuuji@586
|
78 textarea.value = lines.join("\n");
|
yuuji@586
|
79 }
|
yuuji@586
|
80 }
|
yuuji@898
|
81 function registPjaxViewers(aHrefList) {
|
yuuji@898
|
82 // if (isOlderJS) return;
|
yuuji@898
|
83 let apos=art_m_list.length;
|
yuuji@898
|
84 for (let a of aHrefList) {
|
yuuji@898
|
85 let href = a.getAttribute("href");
|
yuuji@898
|
86 let localvar = apos;
|
yuuji@898
|
87 let td = a.parentNode,
|
yuuji@898
|
88 tr = td.parentNode,
|
yuuji@898
|
89 id = td.id,
|
yuuji@898
|
90 text = td.textContent,
|
yuuji@898
|
91 author = tr.getElementsByTagName("a");
|
yuuji@898
|
92 if (author) author = author[0].getAttribute("title");
|
yuuji@898
|
93 if (href.match(/\?showattc\+article_m\+([0-9+])/)) {
|
yuuji@898
|
94 if (td.innerHTML.match(/x読み取り不可/)) {
|
yuuji@898
|
95 a.removeAttribute("href");
|
yuuji@898
|
96 continue;
|
yuuji@898
|
97 }
|
yuuji@898
|
98 let url = RegExp.lastMatch;
|
yuuji@898
|
99 // console.log("pjaxView(e, "+href+", "+apos+")");
|
yuuji@898
|
100 a.addEventListener("click", function(e) {
|
yuuji@898
|
101 // Shoud use closure local variable: localvar
|
yuuji@898
|
102 pjaxView(e, href, localvar);
|
yuuji@898
|
103 }, false);
|
yuuji@898
|
104 apos++;
|
yuuji@898
|
105 art_m_list.push({
|
yuuji@898
|
106 url: href, id: id, author: author, text: text
|
yuuji@898
|
107 });
|
yuuji@898
|
108 }
|
yuuji@898
|
109 }
|
yuuji@898
|
110 }
|
yuuji@898
|
111 var ajaxSubmit;
|
yuuji@898
|
112 function replAddNews(newtable) {
|
yuuji@898
|
113 let newids = [], idlist=[];
|
yuuji@898
|
114 let getArticleID = function (td) {
|
yuuji@898
|
115 return parseInt(td.parentNode.getElementsByTagName("td")[1].id);
|
yuuji@898
|
116 }
|
yuuji@898
|
117 for (let i of newtable.querySelectorAll("td.repl"))
|
yuuji@898
|
118 newids.push(i);
|
yuuji@898
|
119 newids = newids.sort((a,b)=> {
|
yuuji@898
|
120 return (getArticleID(a) - getArticleID(b));
|
yuuji@898
|
121 });
|
yuuji@898
|
122 for (i of newids)
|
yuuji@898
|
123 idlist.push(getArticleID(i));
|
yuuji@898
|
124 console.log("IDList="+idlist.join());
|
yuuji@898
|
125 let cnt=0;
|
yuuji@898
|
126 let current = collectElementsByAttr("td", "class", "repl"),
|
yuuji@898
|
127 ncur=0, n, icur=0, o, oid, nid, otr;
|
yuuji@898
|
128 current = document.querySelectorAll('td[class="repl"]');
|
yuuji@898
|
129 let last=current[current.length-1],
|
yuuji@898
|
130 tbody = last.parentNode.parentNode;
|
yuuji@898
|
131 // Now reconstruct articles with merge-sort like method
|
yuuji@898
|
132 outer: for (; ncur<newids.length; ncur++) {
|
yuuji@898
|
133 n = newids[ncur];
|
yuuji@898
|
134 if (!n.id) continue;
|
yuuji@898
|
135 nid = parseInt(n.id);
|
yuuji@898
|
136 if (nid<=0) continue;
|
yuuji@898
|
137 let ntr = n.parentNode;
|
yuuji@898
|
138 for (; icur<current.length; icur++) {
|
yuuji@898
|
139 o = current[icur];
|
yuuji@898
|
140 otr = o.parentNode;
|
yuuji@898
|
141 oid = getArticleID(o);
|
yuuji@898
|
142 if (!oid || oid=="") continue;
|
yuuji@898
|
143 if (oid >= nid) {
|
yuuji@898
|
144 ntr.getElementsByTagName("td")[0].classList.add("new");
|
yuuji@898
|
145 tbody.insertBefore(ntr, otr);
|
yuuji@898
|
146 if (oid==nid) otr.remove();
|
yuuji@898
|
147 cnt++;
|
yuuji@898
|
148 continue outer;
|
yuuji@898
|
149 }
|
yuuji@898
|
150 }
|
yuuji@898
|
151 // Append absolutely new articles.
|
yuuji@898
|
152 ntr = n.parentNode;
|
yuuji@898
|
153 ntr.getElementsByTagName("td")[0].classList.add("new");
|
yuuji@898
|
154 tbody.appendChild(ntr);
|
yuuji@898
|
155 registPjaxViewers(ntr.querySelectorAll("a[href]"));
|
yuuji@898
|
156 ntr.classList.add("dissolving");
|
yuuji@898
|
157 ntr.scrollIntoView({behavior: "smooth"});
|
yuuji@898
|
158 setTimeout(() => {
|
yuuji@898
|
159 ntr.classList.remove("dissolving");
|
yuuji@898
|
160 ntr.classList.add("emerging");
|
yuuji@898
|
161 }, 100);
|
yuuji@898
|
162 cnt++;
|
yuuji@898
|
163 }
|
yuuji@898
|
164 ajaxSubmit.value = ajaxSubmit.back;
|
yuuji@898
|
165 ajaxSubmit.disabled = false;
|
yuuji@898
|
166 console.log("Update "+cnt+"rows");
|
yuuji@898
|
167 return cnt;
|
yuuji@898
|
168 }
|
yuuji@898
|
169
|
yuuji@898
|
170 function warnFileSize(form) {
|
yuuji@898
|
171 let szmax = form.querySelector('input[name="filesize_max"]').value;
|
yuuji@898
|
172 if (!szmax || szmax=="") return;
|
yuuji@898
|
173 szmax = parseInt(szmax);
|
yuuji@898
|
174 if (szmax <= 0) return;
|
yuuji@898
|
175 // szmax = 10000
|
yuuji@898
|
176 let ng = "", rcval=false, fileexists=false;
|
yuuji@898
|
177 for (let f of form.querySelectorAll('input[type="file"]')) {
|
yuuji@898
|
178 let thiserr = false
|
yuuji@898
|
179 for (let i of f.files) {
|
yuuji@898
|
180 fileexists = true;
|
yuuji@898
|
181 let fn = i.name, sz = i.size;
|
yuuji@898
|
182 console.log("max="+szmax+", fn="+fn+", sz="+sz);
|
yuuji@898
|
183 if (sz > szmax) {
|
yuuji@898
|
184 thiserr = true;
|
yuuji@898
|
185 ng += ((ng>"" ? ", " : "")+fn)
|
yuuji@898
|
186 }
|
yuuji@898
|
187 }
|
yuuji@898
|
188 thiserr ? f.classList.add("warnbg") : f.classList.remove("warnbg");
|
yuuji@898
|
189 }
|
yuuji@898
|
190 if (ng>"") {
|
yuuji@898
|
191 rcval = "File-size Limit Error: "+ng+"\n"+
|
yuuji@898
|
192 "Should be less than "+szmax+"bytes.\n"+
|
yuuji@898
|
193 szmax+"バイト未満にしてください"
|
yuuji@898
|
194 alert(rcval);
|
yuuji@898
|
195 }
|
yuuji@898
|
196 if (form.text.value == "") {
|
yuuji@898
|
197 let w;
|
yuuji@898
|
198 if (fileexists)
|
yuuji@898
|
199 w = "Fill the text area\n" +
|
yuuji@898
|
200 "添付したファイルに関する説明を入れてください。";
|
yuuji@898
|
201 else
|
yuuji@898
|
202 w = "Enter your comment!\n何か書き込んでね!";
|
yuuji@898
|
203 alert(w);
|
yuuji@898
|
204 rcval = (rcval || w);
|
yuuji@898
|
205 form.text.classList.add("warnbg");
|
yuuji@898
|
206 setTimeout(() => {form.text.classList.remove("warnbg");}, 2000)
|
yuuji@898
|
207 }
|
yuuji@898
|
208 return rcval;
|
yuuji@898
|
209 }
|
yuuji@898
|
210 function ajaxPost(e) {
|
yuuji@898
|
211 e.preventDefault();
|
yuuji@898
|
212 let rowid;
|
yuuji@898
|
213 if (!myurl.match(/replyblog\+([0-9]+)/)) return;
|
yuuji@898
|
214 rowid = RegExp.$1
|
yuuji@898
|
215 let myform = document.querySelector("form.replyblog");
|
yuuji@898
|
216 if (warnFileSize(myform)) return;
|
yuuji@898
|
217 ajaxSubmit = e.target;
|
yuuji@898
|
218 ajaxSubmit.back = ajaxSubmit.value;
|
yuuji@898
|
219 ajaxSubmit.value = "送信中";
|
yuuji@898
|
220 ajaxSubmit.blur();
|
yuuji@898
|
221 ajaxSubmit.disabled = true;
|
yuuji@898
|
222 let data = new FormData(myform),
|
yuuji@898
|
223 fetchtime = data.get("fetchtime");
|
yuuji@898
|
224 if (!fetchtime || fetchtime=="") return;
|
yuuji@898
|
225 ///*XX*/fetchtime = "2020-06-14T00:00:00";data.set("fetchtime", fetchtime)
|
yuuji@898
|
226 let act = mypath+"?blog_fetch+"+rowid+"+f:"+fetchtime;
|
yuuji@898
|
227
|
yuuji@898
|
228 function respUpdate(tbody) {
|
yuuji@898
|
229 let div = document.createElement("div"), form, newform;
|
yuuji@898
|
230 try {
|
yuuji@898
|
231 div.innerHTML = tbody;
|
yuuji@898
|
232 form = div.querySelector("form");
|
yuuji@898
|
233 } catch (er) {
|
yuuji@898
|
234 alert("Cannot parse fetch data");
|
yuuji@898
|
235 return;
|
yuuji@898
|
236 }
|
yuuji@898
|
237 let update = replAddNews(form);
|
yuuji@898
|
238 let dispelem = myform.querySelector("textarea").parentNode;
|
yuuji@898
|
239 newform = new FormData(form);
|
yuuji@898
|
240 myform.reset();
|
yuuji@898
|
241 myform.text.value = '';
|
yuuji@898
|
242 myform.fetchtime.value = newform.get("fetchtime");
|
yuuji@898
|
243 myform.id.value = newform.get("id");
|
yuuji@898
|
244 if (update && update > 0) {
|
yuuji@898
|
245 let s = update + " new article" +
|
yuuji@898
|
246 (update>1 ? "s" : "") + " posted";
|
yuuji@898
|
247 dispInfoMomentary(s, dispelem);
|
yuuji@898
|
248 }
|
yuuji@898
|
249 }
|
yuuji@898
|
250 fetch(act, {
|
yuuji@898
|
251 method: "POST", body: data,
|
yuuji@898
|
252 credentials: "include" // For older firefox
|
yuuji@898
|
253 }).then((resp) => {
|
yuuji@898
|
254 return resp.text();
|
yuuji@898
|
255 }).then((tbody) => {
|
yuuji@898
|
256 respUpdate(tbody);
|
yuuji@898
|
257 })
|
yuuji@898
|
258 }
|
yuuji@898
|
259 function pjaxView(ev, url, mynum) {
|
yuuji@898
|
260 ev.preventDefault();
|
yuuji@898
|
261 let box = document.createElement("div")
|
yuuji@898
|
262 box.setAttribute("class", "pjaxview");
|
yuuji@898
|
263 let p1 = document.createElement("p"),
|
yuuji@898
|
264 bt = document.createElement("button"),
|
yuuji@898
|
265 sl = document.createElement("button"),
|
yuuji@898
|
266 sr = document.createElement("button"),
|
yuuji@898
|
267 loading = document.createElement("span"),
|
yuuji@898
|
268 info = document.createElement("p");
|
yuuji@898
|
269 info1 = document.createElement("span");
|
yuuji@898
|
270 info2 = document.createElement("span");
|
yuuji@898
|
271 iframe = document.createElement("iframe");
|
yuuji@898
|
272 var curpos = mynum;
|
yuuji@898
|
273 var historyBase = history.length;
|
yuuji@898
|
274
|
yuuji@898
|
275 function _setPjaxCurposInfo() {
|
yuuji@898
|
276 let len = art_m_list.length;
|
yuuji@898
|
277 let cur = art_m_list[curpos]
|
yuuji@898
|
278 info1.textContent = (1+curpos)+" of "+len+" article #"+cur.id+
|
yuuji@898
|
279 (cur.author ? " by "+cur.author : "") + ":";
|
yuuji@898
|
280 info2.textContent = cur.text.trim();
|
yuuji@898
|
281 info2.setAttribute("class", "border textdigest");
|
yuuji@898
|
282 }
|
yuuji@898
|
283 function _resetPjax() {
|
yuuji@898
|
284 // All we can do surely is to back 1 page,
|
yuuji@898
|
285 // because we cannot move to desirable entry of history list.
|
yuuji@898
|
286 history.back();
|
yuuji@898
|
287 }
|
yuuji@898
|
288 function setSwipeAct(iframe) {
|
yuuji@898
|
289 // We cannot use DOMContentLoaded nor iframe.contentWindow here.
|
yuuji@898
|
290 // PDF.js does not construct contentWindow...?
|
yuuji@898
|
291 iframe.addEventListener("load", () => {
|
yuuji@898
|
292 loading.classList.remove("loading");
|
yuuji@898
|
293 if (!hasTouchPad) return;
|
yuuji@898
|
294 let ifm = iframe.contentDocument;
|
yuuji@898
|
295 let startX, moveX, thresh = 100;
|
yuuji@898
|
296 ifm.addEventListener("touchstart", (e) => {
|
yuuji@898
|
297 e.preventDefault();
|
yuuji@898
|
298 startX = e.touches[0].pageX;
|
yuuji@898
|
299 }, false);
|
yuuji@898
|
300 ifm.addEventListener("touchmove", (e) => {
|
yuuji@898
|
301 e.preventDefault();
|
yuuji@898
|
302 moveX = e.touches[0].pageX;
|
yuuji@898
|
303 }, false);
|
yuuji@898
|
304 ifm.addEventListener("touchend", (e) => {
|
yuuji@898
|
305 if (startX < moveX && startX + thresh < moveX) {
|
yuuji@898
|
306 switchTo(e, -1);
|
yuuji@898
|
307 } else if (startX > moveX && startX - thresh > moveX) {
|
yuuji@898
|
308 switchTo(e, +1);
|
yuuji@898
|
309 }
|
yuuji@898
|
310 }, false);
|
yuuji@898
|
311 }, false);
|
yuuji@898
|
312
|
yuuji@898
|
313 }
|
yuuji@898
|
314 function switchTo(e, direction) {
|
yuuji@898
|
315 e.preventDefault();
|
yuuji@898
|
316 let len = art_m_list.length, cur, newpos, url;
|
yuuji@898
|
317 newpos = (curpos+len+direction)%len;
|
yuuji@898
|
318 if (curpos == newpos) return; // No need to switch to same one
|
yuuji@898
|
319 curpos = newpos;
|
yuuji@898
|
320 cur = art_m_list[curpos];
|
yuuji@898
|
321 url = cur.url;
|
yuuji@898
|
322 // We should remove iframe once to preserve history Object
|
yuuji@898
|
323 // https://inthetechpit.com/2019/04/20/update-iframe-without-affecting-browser-history/
|
yuuji@898
|
324 let parent = iframe.parentNode;
|
yuuji@898
|
325 // alert("D = "+direction);
|
yuuji@898
|
326 iframe.remove();
|
yuuji@898
|
327 parent.appendChild(iframe);
|
yuuji@898
|
328 try {
|
yuuji@898
|
329 loading.classList.add("loading");
|
yuuji@898
|
330 iframe.src = url;
|
yuuji@898
|
331 // iframe.contentDocument.location.replace(url);
|
yuuji@898
|
332 // location.replace cannot be used because PDF viewer.js
|
yuuji@898
|
333 // does not have iframe.contentDocument
|
yuuji@898
|
334 } catch (err) {
|
yuuji@898
|
335 alert("Cannot load "+src+" : "+err.name);
|
yuuji@898
|
336 }
|
yuuji@898
|
337 _setPjaxCurposInfo();
|
yuuji@898
|
338 setSwipeAct(iframe);
|
yuuji@898
|
339 }
|
yuuji@898
|
340 function switchToByKey(e) {
|
yuuji@898
|
341 // alert("KEY="+e.key);
|
yuuji@898
|
342 switch (e.key) {
|
yuuji@898
|
343 case "ArrowLeft":
|
yuuji@898
|
344 switchTo(e, -1); break;
|
yuuji@898
|
345 case "ArrowRight":
|
yuuji@898
|
346 switchTo(e, +1); break;
|
yuuji@898
|
347 case "Escape":
|
yuuji@898
|
348 history.back();
|
yuuji@898
|
349 }
|
yuuji@898
|
350 }
|
yuuji@898
|
351 // <div><p>
|
yuuji@898
|
352 // <button> << </button><button>Dismiss</button><button> >> </button>
|
yuuji@898
|
353 // </p><p><span> info1 </span> <span> info2 </span></p>
|
yuuji@898
|
354 // <iframe src="..."></iframe>
|
yuuji@898
|
355 // </div>
|
yuuji@898
|
356 // ==> [ << ][Dissmiss][ >> ]
|
yuuji@898
|
357 // ==> ## of ## article #xxx by AUTHOR
|
yuuji@898
|
358 sl.textContent = " << ";
|
yuuji@898
|
359 sr.textContent = " >> ";
|
yuuji@898
|
360 sl.addEventListener("click", (e) => {switchTo(e, -1);});
|
yuuji@898
|
361 sr.addEventListener("click", (e) => {switchTo(e, +1);});
|
yuuji@898
|
362 sl.setAttribute("title", "to="+(mynum-1));
|
yuuji@898
|
363 sr.setAttribute("title", "to="+(mynum+1));
|
yuuji@898
|
364 document.body.appendChild(box);
|
yuuji@898
|
365 bt.textContent = "Click to dismiss / もどる"+mynum;
|
yuuji@898
|
366
|
yuuji@898
|
367 box.appendChild(p1);
|
yuuji@898
|
368 p1.appendChild(sl); p1.appendChild(bt); p1.appendChild(sr);
|
yuuji@898
|
369 p1.appendChild(loading);
|
yuuji@898
|
370 info.appendChild(info1); info.appendChild(info2);
|
yuuji@898
|
371 loading.textContent=" Loading...";
|
yuuji@898
|
372 loading.classList.add("hidden");
|
yuuji@898
|
373 loading.classList.add("loading");
|
yuuji@898
|
374 box.appendChild(info);
|
yuuji@898
|
375 iframe.src = url;
|
yuuji@898
|
376
|
yuuji@898
|
377 document.addEventListener("keydown", switchToByKey);
|
yuuji@898
|
378 //box.addEventListener("click", (e) => {_resetPjax();});
|
yuuji@898
|
379 bt.addEventListener("click", (e) => {_resetPjax();});
|
yuuji@898
|
380 // dp.addEventListener("click", (e) => {_resetPjax();});
|
yuuji@898
|
381 info.addEventListener("click", (e) => {_resetPjax();});
|
yuuji@898
|
382 box.appendChild(iframe);
|
yuuji@898
|
383
|
yuuji@898
|
384 setSwipeAct(iframe);
|
yuuji@898
|
385
|
yuuji@898
|
386 _setPjaxCurposInfo();
|
yuuji@898
|
387 bt.focus();
|
yuuji@898
|
388 setTimeout(() => {box.classList.add("pjaxview2");}, 10);
|
yuuji@898
|
389 // Finally update history stack
|
yuuji@898
|
390 if (history.pushState) {
|
yuuji@898
|
391 let h = location.href.replace(/#.*/, '')+"#pjaxview";
|
yuuji@898
|
392 history.pushState({url: h}, null, h);
|
yuuji@898
|
393 window.addEventListener("popstate", (e) => {
|
yuuji@898
|
394 if (box) {
|
yuuji@898
|
395 box.remove(); box = null;
|
yuuji@898
|
396 }
|
yuuji@898
|
397 }, false);
|
yuuji@898
|
398 }
|
yuuji@898
|
399 }
|
yuuji@659
|
400 function reverseChecks() {
|
yuuji@667
|
401 var names = collectElementsByAttr("input", "name", "usel");
|
yuuji@659
|
402 for (let u of names) {
|
yuuji@659
|
403 u.checked = !u.checked;
|
yuuji@659
|
404 }
|
yuuji@659
|
405 }
|
yuuji@852
|
406 function renumberOL(str, start) {
|
yuuji@852
|
407 var stra = str.split("\n");
|
yuuji@852
|
408 for (var i=1; i<stra.length; i++) {
|
yuuji@852
|
409 if (stra[i].match(/^[1-9][0-9]*\. /)) {
|
yuuji@852
|
410 let orig=stra[i];
|
yuuji@852
|
411 stra[i] = (++start)+". "+RegExp.rightContext;
|
yuuji@852
|
412 } else if (stra[i].match(/^ /)) {
|
yuuji@852
|
413 continue;
|
yuuji@852
|
414 } else
|
yuuji@852
|
415 break;
|
yuuji@852
|
416 }
|
yuuji@852
|
417 return stra.join("\n");
|
yuuji@852
|
418 }
|
yuuji@852
|
419 function submitThisForm(input) {
|
yuuji@852
|
420 for (var elm=input.parentNode; elm; elm = elm.parentNode) {
|
yuuji@852
|
421 if (elm.nodeName.match(/form/i)) {
|
yuuji@852
|
422 elm.submit();
|
yuuji@852
|
423 return true;
|
yuuji@852
|
424 }
|
yuuji@852
|
425 }
|
yuuji@852
|
426 return false;
|
yuuji@852
|
427 }
|
yuuji@852
|
428 function helpMarkdownBS(e) {
|
yuuji@852
|
429 var area = e.target, pos = area.selectionStart, text = area.value;
|
yuuji@852
|
430 if (area.selectionStart != area.selectionEnd) return;
|
yuuji@852
|
431 if (pos<2) return;
|
yuuji@852
|
432 if (text.substr(pos-1, 2)=="\n\n") return;
|
yuuji@852
|
433 var bol = text.lastIndexOf("\n", pos-1),
|
yuuji@852
|
434 eol = text.indexOf("\n", pos);
|
yuuji@852
|
435 if (bol<=0 || bol==eol) return;
|
yuuji@852
|
436 var thisline = text.substring(bol+1, eol==-1 ? text.length : eol);
|
yuuji@852
|
437 thisline = text.substring(bol+1, pos);
|
yuuji@852
|
438 if (thisline == "* ") {
|
yuuji@852
|
439 area.setSelectionRange(pos-2, pos);
|
yuuji@852
|
440 } else if (thisline.match(/^[1-9][0-9]*\. $/)) {
|
yuuji@852
|
441 area.setSelectionRange(pos-RegExp.lastMatch.length, pos);
|
yuuji@852
|
442 }
|
yuuji@852
|
443 }
|
yuuji@852
|
444 function helpMarkdownEnter(e) {
|
yuuji@852
|
445 if (e.keyCode == 13 && !e.shiftKey) {
|
yuuji@852
|
446 if (e.metaKey && submitThisForm(e.target)) {
|
yuuji@852
|
447 e.preventDefault();
|
yuuji@852
|
448 return;
|
yuuji@852
|
449 }
|
yuuji@846
|
450 var area = e.target;
|
yuuji@846
|
451 var pos = area.selectionStart, text = area.value;
|
yuuji@847
|
452 if (pos==0) return;
|
yuuji@846
|
453 var last = text.lastIndexOf("\n", pos-1);
|
yuuji@852
|
454 var rest = text.substring(pos), rest0=rest;
|
yuuji@852
|
455 var line = last ? text.substring(last+1, pos) : text;
|
yuuji@852
|
456 var next = rest.substring(rest.indexOf("\n"))||rest;
|
yuuji@852
|
457 next=next.substring(1);
|
yuuji@847
|
458 var tail = text.substring(pos-2, pos), br = (tail==" ");
|
yuuji@847
|
459 var add = "", offset = 1;
|
yuuji@846
|
460 if (line.startsWith("* ")) {
|
yuuji@847
|
461 add = "* ";
|
yuuji@847
|
462 offset += add.length;
|
yuuji@847
|
463 if (br) {
|
yuuji@847
|
464 add = " " + "\n" + add;
|
yuuji@847
|
465 }
|
yuuji@846
|
466 } else if (line.match(/^([1-9][0-9]*)\. /)) {
|
yuuji@852
|
467 var ln = parseInt(RegExp.$1), nn=ln+1,
|
yuuji@852
|
468 len = RegExp.lastMatch.length;
|
yuuji@852
|
469 add = nn+". ";
|
yuuji@852
|
470 let toeol = text.substr(pos, text.indexOf("\n"));
|
yuuji@852
|
471 if (br) {
|
yuuji@852
|
472 if (next.startsWith(add)) {
|
yuuji@852
|
473 add=" ".repeat(len);
|
yuuji@852
|
474 nn = ln;
|
yuuji@852
|
475 } else {
|
yuuji@852
|
476 add = " ".repeat(len)+ "\n" + add;
|
yuuji@852
|
477 offset -= len+1;
|
yuuji@852
|
478 }
|
yuuji@852
|
479 }
|
yuuji@852
|
480 if (next.match(/^[1-9][0-9]*\. /))
|
yuuji@852
|
481 rest = renumberOL(rest, nn);
|
yuuji@847
|
482 offset += add.length;
|
yuuji@852
|
483 } else if (line.match(/^\|( *).+\|/)) {
|
yuuji@846
|
484 add = "|" + RegExp.$1 + " |";
|
yuuji@847
|
485 offset += add.length-2;
|
yuuji@847
|
486 } else {
|
yuuji@847
|
487 return;
|
yuuji@846
|
488 }
|
yuuji@847
|
489 e.preventDefault();
|
yuuji@852
|
490 if (!document.execCommand("insertText", false, "\n"+add)) {
|
yuuji@852
|
491 //Firefox
|
yuuji@852
|
492 area.selectionEnd = area.value.length;
|
yuuji@852
|
493 area.setRangeText("\n"+add+rest);
|
yuuji@852
|
494 area.selectionEnd = null;
|
yuuji@852
|
495 } else {
|
yuuji@852
|
496 area.selectionEnd = area.value.length;
|
yuuji@852
|
497 area.setSelectionRange(area.selectionStart, area.value.length);
|
yuuji@852
|
498 document.execCommand("insertText", false, rest);
|
yuuji@852
|
499 area.selectionEnd = null;
|
yuuji@852
|
500 area.focus();
|
yuuji@852
|
501 }
|
yuuji@852
|
502 area.selectionStart = pos+offset;
|
yuuji@852
|
503 return;
|
yuuji@852
|
504 if (document.execCommand("insertText", false, "\n"+add)) {
|
yuuji@852
|
505 //area.setSelectionRange(area.selectionStart, text.length);
|
yuuji@852
|
506 // alert("rest=["+rest+"], add=["+add+"]");
|
yuuji@852
|
507 alert(text.substring(pos, area.value.length));
|
yuuji@852
|
508 if (rest != rest0) {
|
yuuji@852
|
509 area.setSelectionRange(pos, area.value.length);
|
yuuji@852
|
510 return;
|
yuuji@852
|
511 document.execCommand("delete");
|
yuuji@852
|
512 }
|
yuuji@852
|
513 document.execCommand("insertText", false, rest);
|
yuuji@852
|
514 } else {
|
yuuji@852
|
515 // Firefox cannot use insertText in textarea...
|
yuuji@852
|
516 area.value = text.substring(0, pos) + "\n" + add + rest;
|
yuuji@852
|
517 }
|
yuuji@846
|
518 //area.setSelectionRange(pos+length(add));
|
yuuji@847
|
519 area.selectionStart=area.selectionEnd = (pos + offset);
|
yuuji@847
|
520
|
yuuji@846
|
521 }
|
yuuji@846
|
522 }
|
yuuji@852
|
523 function helpMarkdown(e) {
|
yuuji@898
|
524 switch (e.key) {
|
yuuji@898
|
525 case "Backspace": helpMarkdownBS(e); break;
|
yuuji@898
|
526 case "Enter": helpMarkdownEnter(e); break;
|
yuuji@852
|
527 }
|
yuuji@852
|
528 }
|
yuuji@846
|
529 /* Init event listeners */
|
yuuji@837
|
530 function addFileInput() {
|
yuuji@837
|
531 var inpfile = collectElementsByAttr("input", "name", "image");
|
yuuji@837
|
532 if (!inpfile) return;
|
yuuji@837
|
533 var filled = true;
|
yuuji@837
|
534 var i, ih;
|
yuuji@837
|
535 for (i of inpfile) {
|
yuuji@837
|
536 if (! i.value) filled=false;
|
yuuji@837
|
537 }
|
yuuji@837
|
538 if (filled) {
|
yuuji@837
|
539 ih = i.parentNode.innerHTML;
|
yuuji@837
|
540 if (ih) {
|
yuuji@837
|
541 var inpf = ih.substring(ih.indexOf("<input")),
|
yuuji@837
|
542 newi = "<br>"+inpf.substring(0, inpf.indexOf(">")+1);
|
yuuji@837
|
543 i.insertAdjacentHTML("afterend", newi)
|
yuuji@898
|
544 i.nextSibling.nextSibling.addEventListener('change', () => {
|
yuuji@898
|
545 // next==br next.next==input[type=file]
|
yuuji@898
|
546 warnFileSize(document.forms[0]);
|
yuuji@898
|
547 });
|
yuuji@837
|
548 }
|
yuuji@837
|
549 }
|
yuuji@837
|
550 }
|
yuuji@837
|
551 function initFileInput() { // Multiplies "input type=file"
|
yuuji@837
|
552 var el, morefile = document.getElementById("morefile");
|
yuuji@837
|
553 if (morefile) {
|
yuuji@837
|
554 for (el of collectElementsByAttr("input", "name", "image")) {
|
yuuji@837
|
555 el.addEventListener("change", function(ev) {
|
yuuji@837
|
556 if (ev.target.value > "" && ev.target.files.length == 1)
|
yuuji@837
|
557 morefile.style.visibility = "visible";
|
yuuji@837
|
558 // No need to hide again, sure?
|
yuuji@837
|
559 });
|
yuuji@837
|
560 }
|
yuuji@837
|
561 morefile.addEventListener("click", addFileInput, null);
|
yuuji@837
|
562 }
|
yuuji@837
|
563 // When renaming, select basename part
|
yuuji@837
|
564 for (el of collectElementsByAttr("input", "class", "mv")) {
|
yuuji@837
|
565 el.addEventListener("focus", function(ev) {
|
yuuji@837
|
566 var i = ev.target;
|
yuuji@837
|
567 if (i) {
|
yuuji@837
|
568 i.setSelectionRange(0, i.value.lastIndexOf("."));
|
yuuji@837
|
569 }
|
yuuji@837
|
570 });
|
yuuji@837
|
571 }
|
yuuji@837
|
572 }
|
yuuji@846
|
573 function initTextarea() {
|
yuuji@846
|
574 var te = collectElementsByAttr("textarea", "name", "text");
|
yuuji@846
|
575 if (!te || !te[0]) return;
|
yuuji@846
|
576 te[0].addEventListener("keydown", helpMarkdown, false);
|
yuuji@846
|
577 }
|
yuuji@659
|
578 function initBlogs() {
|
yuuji@837
|
579 // Auto-complete #xxxx
|
yuuji@837
|
580 var check = collectElementsByAttr("input", "name", "notifyto");
|
yuuji@586
|
581 if (check)
|
yuuji@590
|
582 for (let i of check) {
|
yuuji@898
|
583 i.addEventListener("click", insertRedirect, false);
|
yuuji@586
|
584 }
|
yuuji@898
|
585 for (let i of document.querySelectorAll("a[href]"))
|
yuuji@590
|
586 if (i.getAttribute("href").match(/^#[0-9]+$/))
|
yuuji@590
|
587 if (RegExp.lastMatch == i.innerHTML)
|
yuuji@898
|
588 i.addEventListener("click", insertRedirect, false)
|
yuuji@898
|
589 for (let i of document.querySelectorAll('input[value="送信"]')) {
|
yuuji@898
|
590 // let b = document.createElement("button");
|
yuuji@898
|
591 let b = i;
|
yuuji@898
|
592 b.value = "送信!";
|
yuuji@898
|
593 console.log("b="+b+", tc="+b.textContent);
|
yuuji@898
|
594 b.addEventListener("click", ajaxPost, false);
|
yuuji@898
|
595 // i.insertAdjacentElement('afterend', b);
|
yuuji@898
|
596 }
|
yuuji@898
|
597 for (let f of document.querySelectorAll('input[type="file"]')) {
|
yuuji@898
|
598 let form = document.forms[0];
|
yuuji@898
|
599 f.addEventListener('change', (e) => {
|
yuuji@898
|
600 warnFileSize(form);
|
yuuji@898
|
601 }, false)
|
yuuji@898
|
602 }
|
yuuji@898
|
603 // Hack article_m links
|
yuuji@898
|
604 registPjaxViewers(document.querySelectorAll("a[href]"));
|
yuuji@586
|
605 }
|
yuuji@659
|
606 function initGrpAction() {
|
yuuji@659
|
607 var rev = document.getElementById("reverse");
|
yuuji@667
|
608 if (!rev) return; // Is not grpAction page
|
yuuji@667
|
609 if (rev.tagName.match(/span/i)) {
|
yuuji@659
|
610 rev.textContent = " 反転 ";
|
yuuji@659
|
611 rev.addEventListener("click", reverseChecks, null);
|
yuuji@659
|
612 }
|
yuuji@667
|
613 var emailbtn = document.getElementById("email");
|
yuuji@667
|
614 emailbtn.addEventListener("click", function(ev){
|
yuuji@675
|
615 // Enlarge box and Select user's checkbox
|
yuuji@667
|
616 if (!ev.target.checked) return;
|
yuuji@673
|
617 var x = collectElementsByAttr("div", "class", "foldtabs");
|
yuuji@673
|
618 if (x && x[0] && x[0].style) {
|
yuuji@673
|
619 x[0].style.height = "10em";
|
yuuji@673
|
620 }
|
yuuji@667
|
621 let myuid = document.getElementById("myuid");
|
yuuji@667
|
622 if (myuid) {
|
yuuji@667
|
623 let usel = collectElementsByAttr("input", "name", "usel");
|
yuuji@667
|
624 if (usel) {
|
yuuji@667
|
625 for (u of usel) {
|
yuuji@667
|
626 if (u.value == myuid.value)
|
yuuji@667
|
627 u.checked = true;
|
yuuji@667
|
628 }
|
yuuji@667
|
629 }
|
yuuji@667
|
630 }
|
yuuji@667
|
631 }, null);
|
yuuji@675
|
632 var teamsel = document.getElementById("selteam");
|
yuuji@675
|
633 if (teamsel) {
|
yuuji@675
|
634 var usel, p, team;
|
yuuji@675
|
635 // Select all members of the team
|
yuuji@675
|
636 teamsel.addEventListener("change", function(ev) {
|
yuuji@675
|
637 var teamname = teamsel.value,
|
yuuji@676
|
638 selected = new RegExp('(^| )'+teamname+"($|,)");
|
yuuji@675
|
639 usel = collectElementsByAttr("input", "name", "usel");
|
yuuji@675
|
640 if (!usel) return;
|
yuuji@675
|
641 for (u of usel) {
|
yuuji@675
|
642 p = u.parentNode; // should be label
|
yuuji@675
|
643 if (!p) continue;
|
yuuji@675
|
644 if (teamname == "TEAM") { // Reset all checks
|
yuuji@675
|
645 u.checked = false; // when "TEAM" is selected
|
yuuji@675
|
646 } else {
|
yuuji@675
|
647 p = p.parentNode.parentNode;// should be tr
|
yuuji@675
|
648 team = nthChildOf(p, 3, "td")
|
yuuji@675
|
649 if (team && team.textContent
|
yuuji@675
|
650 && team.textContent.match(selected)) {
|
yuuji@675
|
651 u.checked = true;
|
yuuji@675
|
652 }
|
yuuji@675
|
653 }
|
yuuji@675
|
654 }
|
yuuji@675
|
655 }, null);
|
yuuji@675
|
656 }
|
yuuji@659
|
657 }
|
yuuji@893
|
658 function dispInfoMomentary(msg, elem) {
|
yuuji@893
|
659 // Momentarily display MSG in tooltip-baloon relative to ELEM element.
|
yuuji@893
|
660 let help = document.createElement("p");
|
yuuji@893
|
661 elem.style.position = 'relative';
|
yuuji@893
|
662 elem.style.overflow = 'visible';
|
yuuji@893
|
663 help.setAttribute("class", "info-tooltip");
|
yuuji@893
|
664 help.innerHTML = msg;
|
yuuji@893
|
665 elem.appendChild(help);
|
yuuji@893
|
666 setTimeout(() => {
|
yuuji@893
|
667 help.classList.add("dissolving");
|
yuuji@893
|
668 setTimeout(() => help.remove(), 3000);
|
yuuji@893
|
669 }, 1000);
|
yuuji@893
|
670 }
|
yuuji@889
|
671 function initGrphome() {
|
yuuji@889
|
672 console.log("initGrphome");
|
yuuji@894
|
673 // (1)Setup Frozen State Changing Button
|
yuuji@893
|
674 var ja = navigator.language.match(/ja/i);
|
yuuji@889
|
675
|
yuuji@889
|
676 function toggleFrozen(e, rowid) {
|
yuuji@889
|
677 let tgt = mypath+"?blog_setfrozen+"+rowid;
|
yuuji@893
|
678 let td = e.target.parentNode;
|
yuuji@893
|
679 let tr = td.parentNode;
|
yuuji@889
|
680 fetch(tgt, {
|
yuuji@889
|
681 method: "POST",
|
yuuji@889
|
682 headers: {'Content-Type': 'text/html; charset=utf-8'},
|
yuuji@898
|
683 credentials: "include"
|
yuuji@889
|
684 }).then(function(resp) {
|
yuuji@889
|
685 return resp.text();
|
yuuji@889
|
686 }).then(function(tbody) {
|
yuuji@889
|
687 try {
|
yuuji@889
|
688 var json = JSON.parse(tbody);
|
yuuji@889
|
689 } catch (e) {
|
yuuji@889
|
690 return;
|
yuuji@889
|
691 }
|
yuuji@893
|
692 let state = json.state, newstate, info;
|
yuuji@889
|
693 if (json.alert) {
|
yuuji@889
|
694 alert(json.alert)
|
yuuji@889
|
695 }
|
yuuji@889
|
696 if (state.match(/frozen/i)) {
|
yuuji@889
|
697 newstate = "凍結";
|
yuuji@893
|
698 info = ja ? newstate+"に設定しました" : 'Set Frozen';
|
yuuji@889
|
699 } else {
|
yuuji@889
|
700 newstate = null;
|
yuuji@893
|
701 info = ja ? '稼動に設定しました' : 'Set Running';
|
yuuji@889
|
702 }
|
yuuji@889
|
703 tr.setAttribute("class", newstate);
|
yuuji@893
|
704 dispInfoMomentary(info, td);
|
yuuji@889
|
705 });
|
yuuji@889
|
706 }
|
yuuji@894
|
707 let btn = document.querySelectorAll("button.toggle-frozen");
|
yuuji@889
|
708 for (let b of btn) {
|
yuuji@889
|
709 let rowid = null;
|
yuuji@893
|
710 let td=b.parentNode, tr = td.parentNode, fr, ru;
|
yuuji@893
|
711 ru = ja ? "動" : "Running";
|
yuuji@893
|
712 fr = ja ? "凍" : "Frozen";
|
yuuji@893
|
713 b.setAttribute('frozen-marker', fr);
|
yuuji@893
|
714 b.setAttribute('running-marker', ru);
|
yuuji@889
|
715 for (let a of tr.querySelectorAll("a[href]")) {
|
yuuji@889
|
716 if (a.getAttribute("href").match(/\?replyblog\+([0-9]+)/)) {
|
yuuji@889
|
717 rowid = parseInt(RegExp.$1);
|
yuuji@889
|
718 break;
|
yuuji@889
|
719 }
|
yuuji@889
|
720 }
|
yuuji@889
|
721 if (rowid && rowid>0) {
|
yuuji@889
|
722 b.addEventListener("click", function(e) {
|
yuuji@889
|
723 if (!btn) return;
|
yuuji@889
|
724 toggleFrozen(e, rowid);
|
yuuji@889
|
725 }, false);
|
yuuji@889
|
726 b.setAttribute("title", "稼動/凍結をその場で切り替えます\n\
|
yuuji@889
|
727 Toggle Running/Frozen ("+rowid+")");
|
yuuji@889
|
728 }
|
yuuji@889
|
729 }
|
yuuji@894
|
730 // (2)Setup Column Collapse Button
|
yuuji@894
|
731 // INCOMPLETE: Cannot restore original state, but it's enough...
|
yuuji@894
|
732 function toggleColmnWidth(th) {
|
yuuji@894
|
733 let tbl = document.querySelector("table.dumpblogs");
|
yuuji@894
|
734 let colname = th.textContent, newwidth;
|
yuuji@894
|
735 if (th.style.width) {
|
yuuji@894
|
736 newwidth = null
|
yuuji@894
|
737 // https://developer.mozilla.org/ja/docs/Web/CSS/table-layout
|
yuuji@894
|
738 tbl.style.tableLayout = 'auto';
|
yuuji@894
|
739 tbl.style.width = null;
|
yuuji@894
|
740 } else {
|
yuuji@894
|
741 newwidth = "2em";
|
yuuji@894
|
742 tbl.style.tableLayout = 'fixed';
|
yuuji@894
|
743 tbl.style.width = '100%';
|
yuuji@894
|
744 }
|
yuuji@894
|
745 th.style.width = newwidth;
|
yuuji@894
|
746 th.style.overflow = "hidden";
|
yuuji@894
|
747 for (let td of document.querySelectorAll("td."+colname)) {
|
yuuji@894
|
748 console.log(td.tagName);
|
yuuji@894
|
749 td.style.width = newwidth;
|
yuuji@894
|
750 console.log(td.style.width);
|
yuuji@894
|
751 }
|
yuuji@894
|
752 }
|
yuuji@894
|
753 let row1 = document.querySelector("table.dumpblogs tr:first-child");
|
yuuji@894
|
754 if (row1) {
|
yuuji@894
|
755 let heads = row1.querySelectorAll("th");
|
yuuji@894
|
756 for (let h of heads) {
|
yuuji@894
|
757 h.addEventListener("click", function(e) {
|
yuuji@894
|
758 toggleColmnWidth(h);
|
yuuji@894
|
759 }, false);
|
yuuji@894
|
760 h.setAttribute("title", "Click to shrink these columns");
|
yuuji@894
|
761 }
|
yuuji@894
|
762 }
|
yuuji@889
|
763 }
|
yuuji@659
|
764 function init() {
|
yuuji@898
|
765 isOlderJS = !("insertAdjacentElement" in document.body);
|
yuuji@659
|
766 initGrpAction();
|
yuuji@659
|
767 initBlogs();
|
yuuji@837
|
768 initFileInput();
|
yuuji@846
|
769 initTextarea();
|
yuuji@889
|
770 initGrphome();
|
yuuji@659
|
771 }
|
yuuji@586
|
772 document.addEventListener('DOMContentLoaded', init, null);
|
yuuji@586
|
773 })();
|