Skip to content
Snippets Groups Projects
Commit 7a9dc8d5 authored by Koichi Yasuoka's avatar Koichi Yasuoka
Browse files

御成敗式目

parent 500bd25c
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
Showing
with 304 additions and 0 deletions
conllusvg/Goseibai.html 0 → 100644
+ 304
− 0
View file @ 7a9dc8d5
<!DOCTYPE html><head><meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>Universal Dependencies on 御成敗式目</title>
<script src="conllusvgview.js"></script>
<script src="conllusvgload.js"></script>
<script>
var Goseibai=new Object();
Goseibai.url="/gitlab/api/v4/projects/Kanbun%2Fud-ja-kanbun/repository/";
Goseibai.init=function(){
var t=document.getElementById("top").cloneNode(true);
t.style.position="static";
t.style.visibility="hidden";
document.body.appendChild(t);
Goseibai.checkURL();
Goseibai.svg=new Array();
Goseibai.pre=new Array();
Goseibai.timer=setTimeout("clearTimeout(Goseibai.timer);Goseibai.checkview()",200);
Goseibai.volchange();
}
Goseibai.checkURL=function(){
var h=location.href;
var i=h.indexOf("#");
var s;
if(0>i)
return;
if(1>h.length-i)
return;
h=decodeURIComponent(h.slice(i+1));
i=h.lastIndexOf("/");
if(1<i){
document.getElementById("count").value=h.slice(i+1);
h=h.substring(0,i);
}
s=document.getElementById("vol");
for(i=0;i<s.length;i++){
if(s.options[i].value.indexOf(h)>=0){
s.selectedIndex=i;
return;
}
}
}
Goseibai.checkview=function(){
var t,r,b,i,x;
Goseibai.timer=setTimeout("clearTimeout(Goseibai.timer);Goseibai.checkview()",200);
if(Goseibai.curr==null)
return;
if(Goseibai.svg[Goseibai.curr]==null||Goseibai.pre[Goseibai.curr]==null){
Goseibai.buildup(Goseibai.curr);
Goseibai.lastTop=null;
return;
}
if(Goseibai.svg[Goseibai.curr].style.position=="absolute"){
Goseibai.svg[Goseibai.curr].style.position="static";
Goseibai.svg[Goseibai.curr].style.visibility="visible";
}
conllusvg.rewrite("pre"+Goseibai.curr);
r=Goseibai.svg[Goseibai.curr].getBoundingClientRect();
t=r.top;
b=r.bottom;
r=document.getElementById("top").getBoundingClientRect().bottom;
x=Goseibai.curr;
if(t-r>20){
while(t-r>0){
i=Goseibai.svg[Goseibai.curr-1];
if(i==null)
break;
if(i.style.position=="absolute")
break;
Goseibai.curr--;
if(Goseibai.curr==0)
break;
t=i.getBoundingClientRect().top;
}
}
else if(b<r){
while(b<r){
i=Goseibai.svg[Goseibai.curr+1];
if(i==null)
break;
if(i.style.position=="absolute")
break;
Goseibai.curr++;
if(Goseibai.curr==Goseibai.currmax)
break;
b=i.getBoundingClientRect().bottom;
}
}
if(Goseibai.curr!=x){
if(Goseibai.retrytimes>0){
Goseibai.retrytimes--;
Goseibai.curr=parseInt(document.getElementById("count").value,10);
t=Goseibai.svg[Goseibai.curr].getBoundingClientRect().top;
if(Math.abs(t-r)>5){
if(document.scrollingElement==null)
document.documentElement.scrollTop+=t-r;
else
document.scrollingElement.scrollTop+=t-r;
}
}
else
document.getElementById("count").value=Goseibai.curr;
}
else if(Goseibai.retrytimes>0)
Goseibai.retrytimes--;
Goseibai.lastTop=Goseibai.svg[Goseibai.curr].getBoundingClientRect().top;
for(i=Goseibai.curr+1;i<=Goseibai.currmax;i++){
if(Goseibai.svg[i]==null||Goseibai.pre[i]==null){
Goseibai.buildup(i);
break;
}
if(Goseibai.svg[i].style.position=="absolute"){
Goseibai.svg[i].style.position="static";
Goseibai.svg[i].style.visibility="visible";
}
conllusvg.rewrite("pre"+i);
r=Goseibai.svg[i].getBoundingClientRect();
if(r.top-window.innerHeight-1000>0)
break;
}
for(i=Goseibai.curr-1;i>=0;i--){
if(Goseibai.svg[i]==null||Goseibai.pre[i]==null){
Goseibai.buildup(i);
break;
}
if(Goseibai.svg[i].style.position=="absolute"){
if(Goseibai.pre[i].textContent>""){
Goseibai.svg[i].style.position="static";
Goseibai.svg[i].style.visibility="visible";
}
else
break;
}
conllusvg.rewrite("pre"+i);
r=Goseibai.svg[Goseibai.curr].getBoundingClientRect().top;
if(Math.abs(r-Goseibai.lastTop)>5){
if(document.scrollingElement==null)
document.documentElement.scrollTop+=r-Goseibai.lastTop;
else
document.scrollingElement.scrollTop+=r-Goseibai.lastTop;
Goseibai.lastTop=r;
}
r=Goseibai.svg[i].getBoundingClientRect();
if(parseInt(r.bottom,10)<-300)
break;
}
}
Goseibai.buildup=function(x){
var t,i;
if(Goseibai.svg[x]==null){
t=document.createElementNS("http://www.w3.org/2000/svg","svg");
for(i=parseInt(x,10)+1;i<=Goseibai.currmax;i++){
if(Goseibai.svg[i]!=null)
break;
}
t.style.position="absolute";
t.style.visibility="hidden";
if(i>Goseibai.currmax)
document.body.appendChild(t);
else
document.body.insertBefore(t,Goseibai.svg[i]);
Goseibai.svg[x]=t;
t.addEventListener("mousedown",Goseibai.onmousedown);
t.addEventListener("touchstart",Goseibai.onmousedown);
}
if(Goseibai.pre[x]==null){
t=document.createElement("pre");
t.style.display="none";
t.setAttribute("id","pre"+x);
document.body.appendChild(t);
Goseibai.pre[x]=t;
if(conllusvg.main["pre"+x]==null)
conllusvg.view(Goseibai.svg[x],"pre"+x);
i=Goseibai.volpath+"/"+("000"+x).slice(-3)+".txt";
conllusvg.loadRemote("pre"+x,Goseibai.url+"files/"+encodeURIComponent(i)+"/raw?ref=master");
}
}
Goseibai.volchange=function(){
var s,x;
Goseibai.clearSVG();
for(s in Goseibai.pre){
if(Goseibai.pre[s]!=null){
document.body.removeChild(Goseibai.pre[s]);
}
Goseibai.pre[s]=null;
}
s=document.getElementById("vol");
Goseibai.volpath=s.options[s.selectedIndex].value;
if(Goseibai.tail==null)
Goseibai.tail=new Array();
if(Goseibai.tail[Goseibai.volpath]==null)
Goseibai.gettree();
else
Goseibai.writeSVG();
}
Goseibai.gettree=function(){
var p;
if(Goseibai.request==null){
Goseibai.request=new XMLHttpRequest();
Goseibai.request.onload=Goseibai.ongettree;
}
if(Goseibai.tail[Goseibai.volpath]==null)
p=1;
else
p=Math.floor(parseInt(Goseibai.tail[Goseibai.volpath],10)/100)+2;
Goseibai.request.open("GET",Goseibai.url+"tree?per_page=100&path="+Goseibai.volpath+"&page="+p);
Goseibai.request.send();
}
Goseibai.ongettree=function(e){
var i,s;
if(Goseibai.request.status==200){
s=Goseibai.request.responseText;
i=s.lastIndexOf('.txt"');
if(i<0)
Goseibai.writeSVG();
else{
Goseibai.tail[Goseibai.volpath]=s.substring(i-3,i);
Goseibai.gettree();
}
}
}
Goseibai.goto=function(){
Goseibai.retrytimes=3;
Goseibai.writeSVG();
}
Goseibai.writeSVG=function(){
var c=document.getElementById("count");
Goseibai.clearSVG();
Goseibai.currmax=parseInt(Goseibai.tail[Goseibai.volpath],10);
Goseibai.curr=parseInt(c.value,10);
if(Goseibai.curr<0)
Goseibai.curr=0;
if(Goseibai.curr>Goseibai.currmax)
Goseibai.curr=Goseibai.currmax;
c.value=Goseibai.curr;
Goseibai.lastTop=null;
}
Goseibai.clearSVG=function(){
var x;
Goseibai.curr=Goseibai.lastTop=null;
if(Goseibai.svg!=null){
for(x in Goseibai.svg){
if(Goseibai.svg[x]!=null){
Goseibai.svg[x].style.position="absolute";
Goseibai.svg[x].style.visibility="hidden";
}
}
}
if(document.scrollingElement==null)
document.documentElement.scrollTop=0;
else
document.scrollingElement.scrollTop=0;
}
Goseibai.onmousedown=function(e){
var x,y;
if(Goseibai.lastX==null){
Goseibai.lastX=e.clientX;
Goseibai.lastY=e.clientY;
return;
}
x=e.clientX-Goseibai.lastX;
y=e.clientY-Goseibai.lastY;
if(x*x+y*y>9){
Goseibai.lastX=e.clientX;
Goseibai.lastY=e.clientY;
return;
}
Goseibai.lastX=null;
x=e.currentTarget;
for(y in Goseibai.svg){
if(Goseibai.svg[y]==x){
x=Goseibai.volpath+"/"+("000"+y).slice(-3)+".txt";
window.open("editor-kanbun.html#"+Goseibai.url+"files/"+encodeURIComponent(x)+"/raw?ref=master");
break;
}
}
}
Goseibai.reload=function(){
var i,r;
for(i=Goseibai.curr;i<=Goseibai.currmax;i++){
if(Goseibai.svg[i]==null||Goseibai.pre[i]==null)
return;
r=Goseibai.svg[i].getBoundingClientRect();
if(r.top>window.innerHeight||r.bottom<0)
return;
r=Goseibai.volpath+"/"+("000"+i).slice(-3)+".txt";
conllusvg.loadRemote("pre"+i,Goseibai.url+"files/"+encodeURIComponent(r)+"/raw?ref=master");
}
}
Goseibai.gitlab=function(){
var r=Goseibai.volpath+"/"+("000"+Goseibai.curr).slice(-3)+".txt";
window.open("/gitlab/Kanbun/ud-ja-kanbun/blob/master/"+r);
}
</script>
<body onload="Goseibai.init()">
<div id="top" style="position:fixed; top:0px; left:0px; padding:10px; width:100%; background:white">
<font size="+3"><b>御成敗式目</b></font>
<select id="vol" onchange="Goseibai.volchange()">
<option value="gunsho/0400/001" selected>001 可修理神社專祭祀事</option>
</select>
<input type="text" id="count" size=3 value=0 style="text-align:right" onchange="Goseibai.goto()" />
<input type="button" value="GitLab" onclick="Goseibai.gitlab()" />
<input type="button" value="Reload" onclick="Goseibai.reload()" />
</div>
</body>
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment