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