s4

annotate s4-main.js @ 1001:bbd5a0c50d5b

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