s4

annotate s4-main.js @ 907:ce1a355e7cb1

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