Skip to content
Normal view History Permalink
Pulleyblank.html 3.34 KiB
Newer Older
Koichi Yasuoka's avatar
check how symbolic-link works
Koichi Yasuoka committed
1 2 3 4 
<!DOCTYPE html><head><meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>Universal Dependencies on Pulleyblank's "Outline of Classical Chinese Grammar"</title>
<script src="conllusvgview.js"></script>
Koichi Yasuoka's avatar
using no-cache  
Koichi Yasuoka committed
5 
<script src="conllusvgload.js"></script>
Koichi Yasuoka's avatar
check how symbolic-link works
Koichi Yasuoka committed
6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 
<script>
var PB=new Object();
PB.init=function(start,end){
  PB.req=new XMLHttpRequest();
  PB.req.onload=PB.load;
  PB.svg=new Array();
  PB.count=0;
  PB.top=PB.getScrollTop();
  PB.now=start;
  PB.end=end;
  PB.timer=setTimeout("clearTimeout(PB.timer);PB.checkScroll()",200);
  PB.open(start);
}
PB.getScrollTop=function(){
  return(document.documentElement.scrollTop||document.body.scrollTop);
}
PB.open=function(n){
  var s="/gitlab/api/v4/projects/Kanbun%2Fud%2Dkanbun/repository/files/Pulleyblank%2FPulleyblank";
  var t=("000"+n).slice(-3);
  var r="%2Etxt/raw?ref=master";
Koichi Yasuoka's avatar
link to GitLab  
Koichi Yasuoka committed
26 27 
  var ss="/gitlab/Kanbun/ud-kanbun/blob/master/Pulleyblank/Pulleyblank";
  var rr=".txt";
Koichi Yasuoka's avatar
check how symbolic-link works
Koichi Yasuoka committed
28 
  PB.req.open("GET",s+t+r);
Koichi Yasuoka's avatar
link to GitLab  
Koichi Yasuoka committed
29 30 
  PB.api=s+t+r;
  PB.url=ss+t+rr;
Koichi Yasuoka's avatar
check how symbolic-link works
Koichi Yasuoka committed
31 32 33 34 35 36 37 38 39 40 
  PB.anchor="#"+t;
  PB.req.setRequestHeader("Pragma","no-cache");
  PB.req.setRequestHeader("Cache-Control","no-cache");
  PB.req.setRequestHeader("If-Modified-Since","Sat, 01 Jan 2000 00:00:00 GMT");
  PB.req.send();
}
PB.load=function(e){
  var p;
  if(PB.req.status==200){
    p=document.createElement("b");
Koichi Yasuoka's avatar
using no-cache  
Koichi Yasuoka committed
41 
    p.innerHTML="<a name='"+PB.anchor+"'>"+PB.anchor+"</a> <a href='editor-kanbun.html#"+PB.api+"' target='_blank'>Edit</a> <a href='JavaScript:PB.reload("+PB.count+")'>Reload</a> <a href='"+PB.url+"' target='_blank'>GitLab</a>";
Koichi Yasuoka's avatar
check how symbolic-link works
Koichi Yasuoka committed
42 43 44 
    document.body.appendChild(p);
    p=document.createElement("pre");
    p.textContent=PB.req.responseText
Koichi Yasuoka's avatar
link to GitLab  
Koichi Yasuoka committed
45 
    p.setAttribute("id",PB.anchor);
Koichi Yasuoka's avatar
check how symbolic-link works
Koichi Yasuoka committed
46 47 48 49 50 
    document.body.appendChild(p);
    p=document.createElementNS("http://www.w3.org/2000/svg","svg");
    document.body.appendChild(p);
    PB.svg[PB.count]=new Object();
    PB.svg[PB.count].svg=p;
Koichi Yasuoka's avatar
link to GitLab  
Koichi Yasuoka committed
51 
    PB.svg[PB.count].textid=PB.anchor;
Koichi Yasuoka's avatar
using no-cache  
Koichi Yasuoka committed
52 
    PB.svg[PB.count].api=PB.api;
Koichi Yasuoka's avatar
check how symbolic-link works
Koichi Yasuoka committed
53 
    if(PB.inview(PB.count)){
Koichi Yasuoka's avatar
link to GitLab  
Koichi Yasuoka committed
54 
      conllusvg.view(p,PB.anchor);
Koichi Yasuoka's avatar
check how symbolic-link works
Koichi Yasuoka committed
55 56 57 58 59 60 61 62 63 
      PB.svg[PB.count].load=true;
      PB.lastWrite=PB.count;
    }
    else
      PB.svg[PB.count].load=false;
    PB.count++;
    p=document.createElement("hr");
    document.body.appendChild(p);
  }
Koichi Yasuoka's avatar
Pulleyblank.html  
Koichi Yasuoka committed
64 65 66 
  PB.now++;
  if(PB.now<=PB.end)
    PB.open(PB.now);
Koichi Yasuoka's avatar
check how symbolic-link works
Koichi Yasuoka committed
67 
}
Koichi Yasuoka's avatar
using no-cache  
Koichi Yasuoka committed
68 69 70 71 72 73 
PB.reload=function(c){
  if(!PB.svg[c].load)
    conllusvg.view(PB.svg[c].svg,PB.svg[c].textid);
  PB.svg[c].load=true;
  conllusvg.loadRemote(PB.svg[c].textid,PB.svg[c].api);
}
Koichi Yasuoka's avatar
check how symbolic-link works
Koichi Yasuoka committed
74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 
PB.inview=function(c){
  var r=PB.svg[c].svg.getBoundingClientRect();
  return(r.bottom>0&&r.top-window.innerHeight<30);
}
PB.checkScroll=function(){
  if(Math.abs(PB.getScrollTop()-PB.top)>30)
    PB.write();
  PB.timer=setTimeout("clearTimeout(PB.timer);PB.checkScroll()",200);
}
PB.write=function(){
  var c;
  PB.top=PB.getScrollTop();
  if(PB.inview(PB.lastWrite))
    c=PB.lastWrite;
  else{
    for(c=PB.count-1;c>0;c--){
      if(PB.inview(c))
	break;
    }
  }
  for(c--;c>=0;c--){
    if(!PB.inview(c))
      break;
  }
  for(c++;c<PB.count;c++){
    if(PB.inview(c)){
      if(PB.svg[c].load)
	conllusvg.rewrite(PB.svg[c].textid);
Koichi Yasuoka's avatar
using no-cache  
Koichi Yasuoka committed
102 
      else
Koichi Yasuoka's avatar
check how symbolic-link works
Koichi Yasuoka committed
103 104 105 106 107 108 109 110 111 112 113 114 115 
	conllusvg.view(PB.svg[c].svg,PB.svg[c].textid);
      PB.svg[c].load=true;
      PB.lastWrite=c;
    }
    else
      break;
  }
}
</script>
</head>
<body onload="PB.init(001,600)" onresize="PB.write()">
<h1>Universal Dependencies on Pulleyblank's "Outline of Classical Chinese Grammar"</h1>
</body>