s4

view s4-main.js @ 973:072362c47306

find changesets by author, revision, files, or words in the commit message
Add author to hover text
author HIROSE Yuuji <yuuji@gentei.org>
date Sat, 28 May 2022 22:58:06 +0900
parents 8781f341d93a
children 39ef64b5654d
line source
1 // 愛
2 (function (){
3 var isOlderJS; // Set in init();
4 var hoverTextLines = 10;
5 var hasTouchPad =
6 (navigator.maxTouchPoints && navigator.maxTouchPoints >0);
7 var myurl = document.URL,
8 mypath = myurl.substring(myurl.lastIndexOf("/"));
9 var art_m_list = [];
10 var mathjax = false;
11 let input_pdfsw = 'input[name="comppdf"]';
12 if (mypath.match(/(.*)\/(.*)/)) {
13 mypath = RegExp.$2;
14 mypath = mypath.substring(0, mypath.lastIndexOf("?"));
15 //alert("mypath="+mypath);
16 }
17 function collectElementsByAttr(elm, attr, val) {
18 var e = document.getElementsByTagName(elm);
19 if (!e) return null;
20 var list = [];
21 for (var i of e) {
22 if (i.getAttribute(attr) == val)
23 list.push(i)
24 }
25 return list;
26 }
27 function nthChildOf(parent, n, elem) { // Return Nth child of type ELEM
28 // N begins with 1
29 var i=0;
30 var le = elem.toLowerCase();
31 for (var c of parent.childNodes) {
32 if (!c.tagName) continue;
33 if (c.tagName.toLowerCase() == le) {
34 if (++i >= n) return c;
35 }
36 }
37 return null;
38 }
39 function insertRedirect(e) {
40 var articleId, textarea = document.getElementById("text");
41 var p = e.target, checked = p.checked;
42 while (p = p.parentNode)
43 if (p.nodeName.match(/^td$/i)) break;
44 if (!p) return;
45 while (p = p.nextSibling)
46 if (p.nodeName.match(/^td$/i)) break;
47 if (!p) return;
48 articleId = p.getAttribute("id");
49 if (textarea && articleId) {
50 var tv = textarea.value, lines;
51 if (tv)
52 lines = tv.split("\n");
53 else
54 lines = [""];
55 var re = new RegExp("[, ]*#"+articleId+"(?![0-9])");
56 checked = (p.nodeName.match(/^input$/)
57 ? p.checked // checkbox obeys its status
58 : !lines[0].match(re)) // a-elment toggles redirection
59 if (checked) {
60 if (!lines[0].match(re)) {
61 var re2 = new RegExp(/>#[#0-9, ]+[0-9]/);
62 if (lines[0].match(re2))
63 lines[0] = lines[0].replace(
64 re2, '$&, '+'#'+articleId);
65 else {
66 if (lines[0] > "") lines[0] = " "+lines[0];
67 lines[0] = ">#"+articleId+lines[0];
68 }
69 }
70 } else { // Remove #xxxxx
71 if (lines[0].match(/^>#[0-9 ,]+#/)) // 2 or more #id's
72 lines[0] = lines[0].replace(
73 new RegExp("^>#"+articleId+"[ ,]*"), ">").replace(
74 new RegExp("[ ,]*#"+articleId), "");
75 else {
76 lines[0] = lines[0].replace(
77 new RegExp(">#"+articleId+"[ ,]*"), "");
78 }
79 }
80 lines[0] = lines[0].replace(/^> *$/, '');
81 textarea.value = lines.join("\n");
82 }
83 }
84 function registPjaxViewers(aHrefList) {
85 let apos=art_m_list.length;
86 for (let a of aHrefList) {
87 let href = a.getAttribute("href");
88 let localvar = apos;
89 let td = a.parentNode,
90 tr = td.parentNode,
91 id = td.id,
92 text = td.textContent,
93 author = tr.getElementsByTagName("a");
94 if (author) author = author[0].getAttribute("title");
95 if (href.match(/\?showattc\+article_m\+([0-9]+)$/)) {
96 if (td.innerHTML.match(/読み取り不可/)) {
97 a.removeAttribute("href");
98 continue;
99 }
100 let url = RegExp.lastMatch;
101 // console.log("pjaxView(e, "+href+", "+apos+")");
102 a.addEventListener("click", function(e) {
103 // Shoud use closure local variable: localvar
104 pjaxView(e, href, localvar);
105 }, false);
106 apos++;
107 art_m_list.push({
108 url: href, id: id, author: author, text: text
109 });
110 }
111 }
112 }
113 function registInsertDirect(aHrefList) {
114 for (i of aHrefList)
115 if (i.getAttribute("href").match(/^#[0-9]+$/))
116 if (RegExp.lastMatch == i.innerHTML)
117 i.addEventListener("click", insertRedirect, false)
118 }
119 function mathjaxUpdate(arg) {
120 try {
121 if (MathJax && MathJax.typesetPromise) {
122 MathJax.texReset(); // Reset Math counters
123 MathJax.typesetPromise(arg); // MathJax v3
124 }
125 } catch (err) {console.log(err);}
126 }
127 var ajaxSubmit;
128 function replAddNews(newtable) {
129 let newids = [], idlist=[];
130 let getArticleID = function (td) {
131 return parseInt(td.parentNode.getElementsByTagName("td")[1].id);
132 }
133 for (let i of newtable.querySelectorAll("td.repl"))
134 newids.push(i);
135 newids = newids.sort((a,b)=> {
136 return (getArticleID(a) - getArticleID(b));
137 });
138 for (i of newids)
139 idlist.push(getArticleID(i));
140 console.log("IDList="+idlist.join());
141 let cnt=0, ntr;
142 let current = collectElementsByAttr("td", "class", "repl"),
143 ncur=0, n, icur=0, o, oid, nid, otr;
144 current = document.querySelectorAll('td[class="repl"]');
145 let last=current[current.length-1],
146 tbody = last.parentNode.parentNode;
147 let addEventsToNewTr = function(tr) {
148 let td = tr.getElementsByTagName("td"),
149 td0 = td[0], td1 = td[1];
150 td0.classList.add("new");
151 registInsertDirect(td0.querySelectorAll("a[href]"));
152 registPjaxViewers(td1.querySelectorAll("a[href]"));
153 }
154 // Erase all "new article" flags before merging
155 for (let i of document.querySelectorAll("td.new"))
156 i.classList.remove("new");
157 // Now reconstruct articles with merge-sort like method
158 outer: for (; ncur<newids.length; ncur++) {
159 n = newids[ncur];
160 if (!n.id) continue;
161 nid = parseInt(n.id);
162 if (nid<=0) continue;
163 ntr = n.parentNode;
164 for (; icur<current.length; icur++) {
165 o = current[icur];
166 otr = o.parentNode;
167 oid = getArticleID(o);
168 if (!oid || oid=="") continue;
169 if (oid >= nid) {
170 addEventsToNewTr(ntr);
171 tbody.insertBefore(ntr, otr);
172 if (oid==nid) otr.remove();
173 cnt++;
174 continue outer;
175 }
176 }
177 // Append absolutely new articles.
178 ntr = n.parentNode;
179 addEventsToNewTr(ntr)
180 tbody.appendChild(atMarkView(ntr));
181 ntr.classList.add("dissolving");
182 let localntr = ntr;
183 setTimeout(() => {
184 localntr.classList.remove("dissolving");
185 localntr.classList.add("emerging");
186 }, 100);
187 cnt++;
188 }
189 mathjaxUpdate(newids);
190 console.log("Update "+cnt+"rows");
191 if (cnt>0 && ntr.scrollIntoView) {
192 let option = {behavior: "smooth"};
193 if (!isOlderJS) option.block = "center";
194 try { // Scroll to last updated row
195 ntr.scrollIntoView(option);
196 } catch (e1) {}
197 }
198 return cnt;
199 }
200
201 function warnFileSize(form) {
202 let szmax = form.querySelector('input[name="filesize_max"]').value;
203 if (!szmax || szmax=="") return;
204 szmax = parseInt(szmax);
205 if (szmax <= 0) return;
206 // szmax = 10000
207 let ng = "", rcval=false, fileexists=false,
208 pdfsw = form.querySelector(input_pdfsw),
209 pdfmsg = "Try compressing PDF?\nPDFを圧縮してみますか?\n" +
210 "(それでも収まらない場合もあります)";
211 for (let f of form.querySelectorAll('input[type="file"]')) {
212 let thiserr = false;
213 for (let i of f.files) {
214 fileexists = true;
215 let fn = i.name, sz = i.size;
216 console.log("max="+szmax+", fn="+fn+", sz="+sz);
217 if (sz > szmax) {
218 if (fn.match(/\.pdf/i)
219 && sz < szmax*3 // XXX : x3 reasonable?
220 && (pdfsw || confirm(pdfmsg))) {
221 if (!pdfsw) {
222 pdfsw = document.createElement("input");
223 pdfsw.name = "comppdf";
224 pdfsw.type = "hidden";
225 f.parentNode.insertBefore(pdfsw, f);
226 pdfsw.value = "yes";
227 }
228 } else {
229 thiserr = true;
230 ng += ((ng>"" ? ", " : "")+fn)
231 }
232 }
233 }
234 thiserr ? f.classList.add("warnbg") : f.classList.remove("warnbg");
235 }
236 if (ng>"") {
237 rcval = "File-size Limit Error: "+ng+"\n"+
238 "Should be less than "+szmax+"bytes.\n"+
239 szmax+"バイト未満にしてください"
240 alert(rcval);
241 }
242 if (form.text.value == "") {
243 let w;
244 if (fileexists)
245 w = "Fill the text area\n" +
246 "添付したファイルに関する説明を入れてください。";
247 else
248 w = "Enter your comment!\n何か書き込んでね!";
249 alert(w);
250 rcval = (rcval || w);
251 form.text.classList.add("warnbg");
252 setTimeout(() => {form.text.classList.remove("warnbg");}, 2000)
253 }
254 return rcval;
255 }
256 function ajaxPost(e) {
257 e.preventDefault();
258 let rowid;
259 if (!myurl.match(/replyblog\+([0-9]+)/)) return;
260 rowid = RegExp.$1
261 let myform = document.querySelector("form.replyblog");
262 let data = new FormData(myform),
263 fetchtime = data.get("fetchtime");
264 if (!fetchtime || fetchtime=="") return;
265 ///*XX*/fetchtime = "2020-06-14T00:00:00";data.set("fetchtime", fetchtime)
266
267 ajaxSubmit = e.target;
268 ajaxSubmit.back = ajaxSubmit.textContent;
269 if (ajaxSubmit.id == "reload") {
270 ajaxSubmit.textContent = "更新中"
271 data.set("text", "")
272 } else {
273 if (warnFileSize(myform)) return;
274 ajaxSubmit.textContent = "送信中";
275 }
276 ajaxSubmit.blur();
277 ajaxSubmit.disabled = true;
278 let act = mypath+"?blog_fetch+"+rowid+"+f:"+fetchtime;
279
280 function respUpdate(tbody) {
281 ajaxSubmit.textContent = ajaxSubmit.back;
282 ajaxSubmit.disabled = false;
283 let div = document.createElement("div"), form, newform;
284 try {
285 div.innerHTML = tbody;
286 form = div.querySelector("form");
287 } catch (er) {
288 alert("Cannot parse fetch data");
289 return;
290 }
291 let update = replAddNews(form);
292 let dispelem = myform.querySelector("textarea").parentNode;
293 if (div.querySelector('input[name="user"]')) { // is login form
294 dispInfoMomentary("Login Again Please", dispelem)
295 return;
296 }
297 newform = new FormData(form);
298 if (data.get("text") > "") { // Called by submit button
299 myform.reset();
300 let pdfsw = myform.querySelector(input_pdfsw);
301 if (pdfsw) pdfsw.remove();
302 // myform.text.value = '';
303 }
304 myform.fetchtime.value = newform.get("fetchtime");
305 myform.id.value = newform.get("id");
306 if (update && update > 0) {
307 let s = update + " new article" +
308 (update>1 ? "s" : "") + " posted";
309 dispInfoMomentary(s, dispelem);
310 }
311 }
312 fetch(act, {
313 method: "POST", body: data,
314 credentials: "include" // For older firefox
315 }).then((resp) => {
316 return resp.text();
317 }).then((tbody) => {
318 respUpdate(tbody);
319 })
320 }
321 function pjaxView(ev, url, mynum) {
322 if (ev.ctrlKey||ev.shiftKey) return;
323 ev.preventDefault();
324 let box = document.createElement("div")
325 box.setAttribute("class", "pjaxview");
326 let p1 = document.createElement("p"),
327 bt = document.createElement("button"),
328 sl = document.createElement("button"),
329 sr = document.createElement("button"),
330 loading = document.createElement("span"),
331 info = document.createElement("p");
332 info1 = document.createElement("span");
333 info2 = document.createElement("span");
334 iframe = document.createElement("iframe");
335 var curpos = mynum;
336 var historyBase = history.length;
337
338 function _setPjaxCurposInfo() {
339 let len = art_m_list.length;
340 let cur = art_m_list[curpos]
341 info1.textContent = (1+curpos)+" of "+len+" article #"+cur.id+
342 (cur.author ? " by "+cur.author : "") + ":";
343 info2.textContent = cur.text.trim();
344 info2.setAttribute("class", "border textdigest");
345 }
346 function _resetPjax() {
347 // All we can do surely is to back 1 page,
348 // because we cannot move to desirable entry of history list.
349 history.back();
350 }
351 function setSwipeAct(iframe) {
352 // We cannot use DOMContentLoaded nor iframe.contentWindow here.
353 // PDF.js does not construct contentWindow...?
354 iframe.addEventListener("load", () => {
355 loading.classList.remove("loading");
356 if (!hasTouchPad) return;
357 let ifm = iframe.contentDocument;
358 let startX, moveX, thresh = 100;
359 ifm.addEventListener("touchstart", (e) => {
360 e.preventDefault();
361 startX = e.touches[0].pageX;
362 }, false);
363 ifm.addEventListener("touchmove", (e) => {
364 e.preventDefault();
365 moveX = e.touches[0].pageX;
366 }, false);
367 ifm.addEventListener("touchend", (e) => {
368 if (startX < moveX && startX + thresh < moveX) {
369 switchTo(e, -1);
370 } else if (startX > moveX && startX - thresh > moveX) {
371 switchTo(e, +1);
372 }
373 }, false);
374 }, false);
375
376 }
377 function switchTo(e, direction) {
378 e.preventDefault();
379 let len = art_m_list.length, cur, newpos, url;
380 newpos = (curpos+len+direction)%len;
381 if (curpos == newpos) return; // No need to switch to same one
382 curpos = newpos;
383 cur = art_m_list[curpos];
384 url = cur.url;
385 // We should remove iframe once to preserve history Object
386 // https://inthetechpit.com/2019/04/20/update-iframe-without-affecting-browser-history/
387 let parent = iframe.parentNode;
388 // alert("D = "+direction);
389 iframe.remove();
390 parent.appendChild(iframe);
391 try {
392 loading.classList.add("loading");
393 iframe.src = url;
394 // iframe.contentDocument.location.replace(url);
395 // location.replace cannot be used because PDF viewer.js
396 // does not have iframe.contentDocument
397 } catch (err) {
398 alert("Cannot load "+src+" : "+err.name);
399 }
400 _setPjaxCurposInfo();
401 setSwipeAct(iframe);
402 }
403 function switchToByKey(e) {
404 // alert("KEY="+e.key);
405 switch (e.key) {
406 case "ArrowLeft":
407 switchTo(e, -1); break;
408 case "ArrowRight":
409 switchTo(e, +1); break;
410 case "Escape":
411 history.back();
412 }
413 }
414 // <div><p>
415 // <button> << </button><button>Dismiss</button><button> >> </button>
416 // </p><p><span> info1 </span> <span> info2 </span></p>
417 // <iframe src="..."></iframe>
418 // </div>
419 // ==> [ << ][Dissmiss][ >> ]
420 // ==> ## of ## article #xxx by AUTHOR
421 sl.textContent = " << ";
422 sr.textContent = " >> ";
423 sl.addEventListener("click", (e) => {switchTo(e, -1);});
424 sr.addEventListener("click", (e) => {switchTo(e, +1);});
425 sl.setAttribute("title", "to="+(mynum-1));
426 sr.setAttribute("title", "to="+(mynum+1));
427 document.body.appendChild(box);
428 bt.textContent = "Click to dismiss / もどる"+mynum;
429
430 box.appendChild(p1);
431 p1.appendChild(sl); p1.appendChild(bt); p1.appendChild(sr);
432 { // TEST: Normal mode
433 let only = document.createElement("button"),
434 h = location.href;
435 only.textContent = ".oO□";
436 only.setAttribute("title", "Open in Normal Window");
437 only.addEventListener("click", function() {
438 location.replace(iframe.src);
439 });
440 p1.appendChild(only);
441 }
442 p1.appendChild(loading);
443 info.appendChild(info1); info.appendChild(info2);
444 loading.textContent=" Loading...";
445 loading.classList.add("hidden");
446 loading.classList.add("loading");
447 box.appendChild(info);
448 iframe.src = url;
449
450 box.addEventListener("keydown", switchToByKey);
451 //box.addEventListener("click", (e) => {_resetPjax();});
452 bt.addEventListener("click", (e) => {_resetPjax();});
453 // dp.addEventListener("click", (e) => {_resetPjax();});
454 info.addEventListener("click", (e) => {_resetPjax();});
455 box.appendChild(iframe);
456
457 setSwipeAct(iframe);
458
459 _setPjaxCurposInfo();
460 bt.focus();
461 setTimeout(() => {box.classList.add("pjaxview2");}, 10);
462 // Finally update history stack
463 pjaxHistoryPush(box);
464 }
465 function pjaxHistoryPush(box) {
466 if (history.pushState) {
467 let h = location.href.replace(/#.*/, '')+"#pjaxview";
468 history.pushState({url: h}, null, h);
469 window.addEventListener("popstate", (e) => {
470 if (box) {
471 box.remove(); box = null;
472 }
473 }, false);
474 }
475 }
476 function reverseChecks() {
477 var names = collectElementsByAttr("input", "name", "usel");
478 for (let u of names) {
479 u.checked = !u.checked;
480 }
481 }
482 function renumberOL(str, start) {
483 var stra = str.split("\n");
484 for (var i=1; i<stra.length; i++) {
485 if (stra[i].match(/^[1-9][0-9]*\. /)) {
486 let orig=stra[i];
487 stra[i] = (++start)+". "+RegExp.rightContext;
488 } else if (stra[i].match(/^ /)) {
489 continue;
490 } else
491 break;
492 }
493 return stra.join("\n");
494 }
495 function submitThisForm(e) {
496 var input = e.target, ajaxpost = document.getElementById("c");
497 for (var elm=input.parentNode; elm; elm = elm.parentNode) {
498 if (ajaxpost) {
499 ajaxpost.click();
500 return true;
501 } else if (elm.nodeName.match(/form/i)) {
502 elm.submit();
503 return true;
504 }
505 }
506 return false;
507 }
508 function helpMarkdownBS(e) {
509 var area = e.target, pos = area.selectionStart, text = area.value;
510 if (area.selectionStart != area.selectionEnd) return;
511 if (pos<2) return;
512 if (text.substr(pos-1, 2)=="\n\n") return;
513 var bol = text.lastIndexOf("\n", pos-1),
514 eol = text.indexOf("\n", pos);
515 if (bol<=0 || bol==eol) return;
516 var thisline = text.substring(bol+1, eol==-1 ? text.length : eol);
517 thisline = text.substring(bol+1, pos);
518 if (thisline == "* ") {
519 area.setSelectionRange(pos-2, pos);
520 } else if (thisline.match(/^[1-9][0-9]*\. $/)) {
521 area.setSelectionRange(pos-RegExp.lastMatch.length, pos);
522 }
523 }
524 function helpMarkdownEnter(e) {
525 if (e.keyCode == 13 && !e.shiftKey) {
526 if (e.ctrlKey && submitThisForm(e)) {
527 e.preventDefault();
528 return;
529 }
530 var area = e.target;
531 var pos = area.selectionStart, text = area.value;
532 if (pos==0) return;
533 var last = text.lastIndexOf("\n", pos-1);
534 var rest = text.substring(pos), rest0=rest;
535 var line = last ? text.substring(last+1, pos) : text;
536 var next = rest.substring(rest.indexOf("\n"))||rest;
537 next=next.substring(1);
538 var tail = text.substring(pos-2, pos), br = (tail==" ");
539 var add = "", offset = 1;
540 if (line.startsWith("* ")) {
541 add = "* ";
542 offset += add.length;
543 if (br) {
544 add = " " + "\n" + add;
545 }
546 } else if (line.match(/^([1-9][0-9]*)\. /)) {
547 var ln = parseInt(RegExp.$1), nn=ln+1,
548 len = RegExp.lastMatch.length;
549 add = nn+". ";
550 let toeol = text.substr(pos, text.indexOf("\n"));
551 if (br) {
552 if (next.startsWith(add)) {
553 add=" ".repeat(len);
554 nn = ln;
555 } else {
556 add = " ".repeat(len)+ "\n" + add;
557 offset -= len+1;
558 }
559 }
560 if (next.match(/^[1-9][0-9]*\. /))
561 rest = renumberOL(rest, nn);
562 offset += add.length;
563 } else if (line.match(/^\|( *).+\|/)) {
564 add = "|" + RegExp.$1 + " |";
565 offset += add.length-2;
566 } else {
567 return;
568 }
569 e.preventDefault();
570 if (!document.execCommand("insertText", false, "\n"+add)) {
571 //Firefox
572 area.selectionEnd = area.value.length;
573 area.setRangeText("\n"+add+rest);
574 area.selectionEnd = null;
575 } else {
576 area.selectionEnd = area.value.length;
577 area.setSelectionRange(area.selectionStart, area.value.length);
578 document.execCommand("insertText", false, rest);
579 area.selectionEnd = null;
580 area.focus();
581 }
582 area.selectionStart = pos+offset;
583 return;
584 if (document.execCommand("insertText", false, "\n"+add)) {
585 //area.setSelectionRange(area.selectionStart, text.length);
586 // alert("rest=["+rest+"], add=["+add+"]");
587 alert(text.substring(pos, area.value.length));
588 if (rest != rest0) {
589 area.setSelectionRange(pos, area.value.length);
590 return;
591 document.execCommand("delete");
592 }
593 document.execCommand("insertText", false, rest);
594 } else {
595 // Firefox cannot use insertText in textarea...
596 area.value = text.substring(0, pos) + "\n" + add + rest;
597 }
598 //area.setSelectionRange(pos+length(add));
599 area.selectionStart=area.selectionEnd = (pos + offset);
600
601 }
602 }
603 var helpParenPreview = 0;
604 function helpMarkdownParen(e) {
605 if (!mathjax) return;
606 var area = e.target, pos = area.selectionStart, text = area.value;
607 if (pos<2) return;
608 if (text[pos-1] == "\\") {
609 let ins="( \\)";
610 if (text[pos-2] == "\\") ins="( \\\\)";
611 area.setRangeText(ins, pos, pos);
612 area.selectionStart = pos+2;
613 if (helpParenPreview++ < 1) {
614 dispInfoMomentary("Preview formula by Meta-p\n"+
615 "Meta-p で数式プレビュー", e.target.parentNode);
616 }
617 e.preventDefault();
618 }
619 }
620 function textInsert(area, string, pos1, pos2) {
621 console.log("str="+string);
622 area.setRangeText(string, pos1||area.selectionStart,
623 pos2||pos1||area.selectionStart);
624 area.selectionStart += string.length;
625 }
626 function beginningOfLine(area, pos) {
627 pos = pos||area.selectionStart;
628 let b = area.value.lastIndexOf("\n", pos);
629 if (pos>1 && area.value.charCodeAt(pos)==10)
630 b = area.value.lastIndexOf("\n", pos-1);;
631 return b>=0 ? b : 0;
632 }
633 function isInBeginEnd(area, pos){
634 pos = pos||area.selectionStart;
635 let bol = beginningOfLine(area, pos);
636 let thisline = area.value.substr(bol);
637 console.log("curchar="+area.value.charCodeAt(pos));
638 console.log("prechar="+area.value.charCodeAt(pos-1));
639 console.log("bol="+bol+", thisline="+thisline);
640 let match = thisline.search(/\\(begin|end){([A-Za-z]*)/), lm, be;
641 if (match >= 0) {
642 lm = RegExp.lastMatch;
643 be = RegExp.$1;
644 return RegExp.$2
645 }
646 return null;
647 }
648 function helpMarkdownBrace(e) {
649 if (!mathjax) return;
650 var area = e.target, pos = area.selectionStart, text = area.value,
651 begin = "\\begin", end = "\\end";
652 if (pos < end.length) return;
653 if (text.substr(pos-end.length).startsWith(end)) {
654 let beg = text.lastIndexOf(begin, pos);
655 if (beg >= 0) {
656 let env = text.substr(beg).search(/\\begin{(.*?)}/);
657 if (env >= 0) {
658 textInsert(area, "{"+RegExp.$1+"}", pos);
659 e.preventDefault();
660 }
661 }
662 }
663 }
664 function helpMarkdownBraceClose(e) {
665 if (!mathjax) return;
666 let area = e.target, pos = area.selectionStart, text = area.value,
667 begin = "\\begin", end = "\\end";
668 if (text.substr(pos).startsWith("}")) {
669 area.setRangeText("", pos, pos+1);
670 // e.preventDefault();
671 }
672 let inbegend = isInBeginEnd(area, pos);
673 if (!inbegend) return;
674 let nextendpos = text.substr(pos).indexOf("\\end{");
675 let nextcurend = text.substr(pos).indexOf("\\end{"+inbegend+"}");
676 if (nextcurend<0 || nextendpos!=nextcurend) {
677 area.setRangeText("}\n\n\\end{"+inbegend+"}", pos, pos);
678 area.selectionStart = pos+2;
679 e.preventDefault();
680 }
681 console.log(inbegend);
682
683 }
684 function helpMarkdownPreview(area) {
685 if (!mathjax) {
686 alert("no"+e.target)
687 dispInfoMomentary("This board has no MathJax mode.\n"+
688 "この掲示板は数式モードOFFです。",
689 e.target.parentNode);
690 return;
691 }
692 let text = area.value;
693 let preview = document.createElement("div");
694 let bp = document.createElement("p");
695 let btn = document.createElement("button");
696 btn.innerText = "Click or ESC to Dissmiss / クリックかESCで戻る";
697 bp.classList.add("c");
698 preview.classList.add("pjaxview");
699 preview.classList.add("pjaxview2");
700 let pre = document.createElement("p");
701 bp.appendChild(btn);
702 preview.appendChild(bp);
703 preview.appendChild(pre);
704 pre.innerText = text;
705 document.body.appendChild(preview);
706 function dismiss(t) {
707 history.back();
708 preview.remove();
709 area.focus();
710 }
711 preview.addEventListener("click", dismiss, false);
712 preview.addEventListener("keydown", dismiss, false);
713 MathJax.typesetPromise([pre]);
714 pjaxHistoryPush(preview);
715 btn.focus();
716 }
717 function helpMarkdownAt(e) {
718 var area = e.target, pos = area.selectionStart;
719 if (pos == 0) {
720 area.value = "@all" + area.value;
721 area.selectionStart = area.selectionEnd = 4;
722 dispInfoMomentary("@all で全員に通知します", area.parentNode);
723 e.preventDefault();
724 }
725 }
726 function helpMarkdown(e) {
727 switch (e.key) {
728 case "Backspace": helpMarkdownBS(e); break;
729 case "Enter": helpMarkdownEnter(e); break;
730 case "(": helpMarkdownParen(e); break;
731 case "p": if (e.metaKey) helpMarkdownPreview(e.target); break;
732 case "{": helpMarkdownBrace(e); break;
733 case "}": helpMarkdownBraceClose(e); break;
734 case "@": helpMarkdownAt(e); break;
735 }
736 }
737 /* Init event listeners */
738 function addFileInput() {
739 var inpfile = collectElementsByAttr("input", "name", "image");
740 if (!inpfile) return;
741 var filled = true;
742 var i, ih;
743 for (i of inpfile) {
744 if (! i.value) filled=false;
745 }
746 if (filled) {
747 ih = i.parentNode.innerHTML;
748 if (ih) {
749 var inpf = ih.substring(ih.indexOf("<input")),
750 newi = "<br>"+inpf.substring(0, inpf.indexOf(">")+1);
751 i.insertAdjacentHTML("afterend", newi)
752 i.nextSibling.nextSibling.addEventListener('change', () => {
753 // next==br next.next==input[type=file]
754 warnFileSize(document.forms[0]);
755 });
756 }
757 }
758 }
759 function initFileInput() { // Multiplies "input type=file"
760 var el, morefile = document.getElementById("morefile");
761 if (morefile) {
762 for (el of collectElementsByAttr("input", "name", "image")) {
763 el.addEventListener("change", function(ev) {
764 if (ev.target.value > "" && ev.target.files.length == 1)
765 morefile.style.visibility = "visible";
766 // No need to hide again, sure?
767 });
768 }
769 morefile.addEventListener("click", addFileInput, null);
770 }
771 // When renaming, select basename part
772 for (el of collectElementsByAttr("input", "class", "mv")) {
773 el.addEventListener("focus", function(ev) {
774 var i = ev.target;
775 if (i) {
776 i.setSelectionRange(0, i.value.lastIndexOf("."));
777 }
778 });
779 }
780 }
781 function initTextarea() {
782 var te = collectElementsByAttr("textarea", "name", "text");
783 if (!te || !te[0]) return;
784 te[0].addEventListener("keydown", helpMarkdown, false);
785 }
786 function atMarkView(elem) {
787 // Enclose "@all" with span
788 for (i of elem.querySelectorAll("td.repl")) {
789 let ii = i.innerHTML;
790 if (ii.startsWith("@all")) {
791 ii = ii.replace(/^@all/,'<div class="atall">@all</div>');
792 i.innerHTML = ii;
793 }
794 }
795 return elem;
796 }
797 var quizwarnVisible = false;
798 function toggleAuthorVisibility(e) {
799 // In QUIZ mode, click to quizwarn line toggles visibility of author
800 e.stopPropagation();
801 if (quizwarnVisible) {
802 for (let i of document.querySelectorAll("td.repatt")) {
803 i.classList.remove("hideauthor");
804 }
805 quizwarnVisible = false;
806 } else {
807 for (let i of document.querySelectorAll("td.repatt")) {
808 i.classList.add("hideauthor");
809 }
810 quizwarnVisible = true;
811 }
812 }
813 function initBlogs() {
814 // Auto-complete #xxxx
815 let i, check = collectElementsByAttr("input", "name", "notifyto");
816 if (check)
817 for (i of check) {
818 i.addEventListener("click", insertRedirect, false);
819 }
820 registInsertDirect(document.querySelectorAll("a[href]"));
821 if (myurl.match(/replyblog\+[0-9]/)
822 && document.querySelector("td.repl")) {
823 // There's no need to provide ajax posting when
824 // no replies written to the blog. Therefore we
825 // assign ajax post when td.repl exists.
826 for (i of document.querySelectorAll('input#c[value="送信"]')) {
827 let b = document.createElement("button");
828 b.textContent = "送信!";
829 console.log("b="+b+", tc="+b.textContent);
830 b.addEventListener("click", ajaxPost, false);
831 // i.insertAdjacentElement('afterend', b);
832 b.setAttribute("class", i.getAttribute("class"))
833 b.setAttribute("title", i.getAttribute("title"))
834 i.parentNode.replaceChild(b, i);
835 b.id = i.id;
836 // i.remove();
837 i.classList.add("aux");
838 i.value = "送信(予備)"
839 b.parentNode.appendChild(i);
840 }
841 i = document.getElementById("reload");
842 if (i) i.addEventListener("click", ajaxPost, false);
843 }
844 for (i of document.querySelectorAll('input[type="file"]')) {
845 i.addEventListener('change', (e) => {
846 warnFileSize(document.forms[0]);
847 }, false)
848 }
849 if (i=document.getElementById("quizwarn")) {
850 i.addEventListener('click', toggleAuthorVisibility, false);
851 }
852 // Hack article_m links
853 registPjaxViewers(document.querySelectorAll("a[href]"));
854 atMarkView(document);
855 }
856 function initGrpAction() {
857 var rev = document.getElementById("reverse");
858 if (!rev) return; // Is not grpAction page
859 if (rev.tagName.match(/span/i)) {
860 rev.textContent = " 反転 ";
861 rev.addEventListener("click", reverseChecks, null);
862 }
863 var emailbtn = document.getElementById("email");
864 emailbtn.addEventListener("click", function(ev){
865 // Enlarge box and Select user's checkbox
866 if (!ev.target.checked) return;
867 var x = collectElementsByAttr("div", "class", "foldtabs");
868 if (x && x[0] && x[0].style) {
869 x[0].style.height = "10em";
870 }
871 let myuid = document.getElementById("myuid");
872 if (myuid) {
873 let usel = collectElementsByAttr("input", "name", "usel");
874 if (usel) {
875 for (u of usel) {
876 if (u.value == myuid.value)
877 u.checked = true;
878 }
879 }
880 }
881 }, null);
882 var teamsel = document.getElementById("selteam");
883 if (teamsel) {
884 var usel, p, team;
885 // Select all members of the team
886 teamsel.addEventListener("change", function(ev) {
887 var teamname = teamsel.value,
888 selected = new RegExp('(^| )'+teamname+"($|,)");
889 usel = collectElementsByAttr("input", "name", "usel");
890 if (!usel) return;
891 for (u of usel) {
892 p = u.parentNode; // should be label
893 if (!p) continue;
894 if (teamname == "TEAM") { // Reset all checks
895 u.checked = false; // when "TEAM" is selected
896 } else {
897 p = p.parentNode.parentNode;// should be tr
898 team = nthChildOf(p, 4, "td")
899 if (team && team.textContent
900 && team.textContent.match(selected)) {
901 u.checked = true;
902 }
903 }
904 }
905 }, null);
906 }
907 }
908 function dispInfoMomentary(msg, elem) {
909 // Momentarily display MSG in tooltip-baloon relative to ELEM element.
910 let help = document.createElement("p");
911 elem.style.position = 'relative';
912 elem.style.overflow = 'visible';
913 help.setAttribute("class", "info-tooltip");
914 help.innerHTML = msg;
915 elem.appendChild(help);
916 setTimeout(() => {
917 help.classList.add("dissolving");
918 setTimeout(() => help.remove(), 3000);
919 }, 1000);
920 }
921 function initGrphome() {
922 console.log("initGrphome");
923 // (1)Setup Frozen State Changing Button
924 var ja = navigator.language.match(/ja/i);
925
926 function toggleFrozen(e, rowid) {
927 let tgt = mypath+"?blog_setfrozen+"+rowid;
928 let td = e.target.parentNode;
929 let tr = td.parentNode;
930 fetch(tgt, {
931 method: "POST",
932 headers: {'Content-Type': 'text/html; charset=utf-8'},
933 credentials: "include"
934 }).then(function(resp) {
935 return resp.text();
936 }).then(function(tbody) {
937 try {
938 var json = JSON.parse(tbody);
939 } catch (e) {
940 return;
941 }
942 let state = json.state, newstate, info;
943 if (json.alert) {
944 alert(json.alert)
945 }
946 if (state.match(/frozen/i)) {
947 newstate = "凍結";
948 info = ja ? newstate+"に設定しました" : 'Set Frozen';
949 } else {
950 newstate = null;
951 info = ja ? '稼動に設定しました' : 'Set Running';
952 }
953 tr.setAttribute("class", newstate);
954 dispInfoMomentary(info, td);
955 });
956 }
957 let btn = document.querySelectorAll("button.toggle-frozen");
958 for (let b of btn) {
959 let rowid = null;
960 let td=b.parentNode, tr = td.parentNode, fr, ru;
961 ru = ja ? "動" : "Running";
962 fr = ja ? "凍" : "Frozen";
963 b.setAttribute('frozen-marker', fr);
964 b.setAttribute('running-marker', ru);
965 for (let a of tr.querySelectorAll("a[href]")) {
966 if (a.getAttribute("href").match(/\?replyblog\+([0-9]+)/)) {
967 rowid = parseInt(RegExp.$1);
968 break;
969 }
970 }
971 if (rowid && rowid>0) {
972 b.addEventListener("click", function(e) {
973 if (!btn) return;
974 toggleFrozen(e, rowid);
975 }, false);
976 b.setAttribute("title", "稼動/凍結をその場で切り替えます\n\
977 Toggle Running/Frozen ("+rowid+")");
978 }
979 }
980 // (2)Setup Column Collapse Button
981 // INCOMPLETE: Cannot restore original state, but it's enough...
982 function toggleColmnWidth(th) {
983 let tbl = document.querySelector("table.dumpblogs");
984 let colname = th.textContent, newwidth;
985 if (th.style.width) {
986 newwidth = null
987 // https://developer.mozilla.org/ja/docs/Web/CSS/table-layout
988 tbl.style.tableLayout = 'auto';
989 tbl.style.width = null;
990 } else {
991 newwidth = "2em";
992 tbl.style.tableLayout = 'fixed';
993 tbl.style.width = '100%';
994 }
995 th.style.width = newwidth;
996 th.style.overflow = "hidden";
997 for (let td of document.querySelectorAll("td."+colname)) {
998 console.log(td.tagName);
999 td.style.width = newwidth;
1000 console.log(td.style.width);
1001 }
1002 }
1003 let row1 = document.querySelector("table.dumpblogs tr:first-child");
1004 if (row1) {
1005 let heads = row1.querySelectorAll("th");
1006 for (let h of heads) {
1007 h.addEventListener("click", function(e) {
1008 toggleColmnWidth(h);
1009 }, false);
1010 h.setAttribute("title", "Click to shrink these columns");
1011 }
1012 }
1013 }
1014 function initMath() {
1015 mathjax = window.MathJax||document.getElementById("mathjax");
1016 if (!mathjax) return;
1017 let ta = document.querySelector("textarea");
1018 if (!ta) return;
1019 let btn = document.createElement("button");
1020 btn.setAttribute("title", "\\( と \\) で数式利用\n"+
1021 "\\[ と \\] で段組み数式モード\n"+
1022 "便利なマクロ:\n"+
1023 " \\boxed{aaa}, \\fcolorbox{framecolor}{bgcolor}{text}\n"+
1024 " \\underline{aaa}, \\fcolorbox{framecolor}{bgcolor}{text}\n"+
1025 "独自定義マクロ:\n"+
1026 " \\warn{xxx} 注意喚起用色付き枠\n"+
1027 " \\Warn{xxx} 大きな文字で注意喚起")
1028 btn.innerHTML = "MathJax<br>Preview";
1029 btn.addEventListener('click', (e) => {
1030 e.preventDefault();
1031 ta.focus();
1032 helpMarkdownPreview(ta);
1033 });
1034 ta.parentNode.appendChild(btn);
1035 }
1036 function initReplyHover() {
1037 function getTextById(id) {
1038 let repltd = document.getElementById(id),
1039 txt = repltd.innerText,
1040 authtd = repltd.parentNode.getElementsByTagName("td")[0],
1041 authAs = authtd.getElementsByTagName("a"),
1042 author = authAs[authAs.length-1].innerText,
1043 digest = txt.split("\n").splice(0, hoverTextLines).join("\n");
1044 return "[[ "+author+" ]]\n"+digest;
1045 }
1046 for (let td of document.querySelectorAll("td.repl")) {
1047 let text = td.innerHTML;
1048 if (text.startsWith("\&gt;#")) {
1049 let newline = text.indexOf("\n");
1050 let first = text.substring(0, newline),
1051 rest = text.substring(newline);
1052 td.innerHTML = first.replace(
1053 /#([0-9]+)/g,
1054 (match, start, whole) => {
1055 let id = RegExp.$1
1056 return '<span title="' + getTextById(id) + '">'
1057 + match + '</span>';
1058 }
1059 ) + rest;
1060 }
1061 }
1062 }
1063 function init() {
1064 isOlderJS = !("insertAdjacentElement" in document.body);
1065 initGrpAction();
1066 initBlogs();
1067 initFileInput();
1068 initTextarea();
1069 initGrphome();
1070 initMath();
1071 initReplyHover();
1072 }
1073 document.addEventListener('DOMContentLoaded', init, null);
1074 })();