Something strange happening with converting article refs
Co-authored-by: sigonasr2 <sigonasr2@gmail.com>
This commit is contained in:
parent
a0f7936575
commit
c63e834382
@ -17,14 +17,14 @@
|
||||
</head>
|
||||
<body>
|
||||
<div class="contentBody">
|
||||
<h2>Directory Listing for /</h2><div class="folderlisting"><a href="/.." class="icon">📁</a><a href="/..">.. </a><a href="/.." class="nounderline">(Previous Directory)</a></div><div class="folderlisting"><a href="/articles" class="icon">📁</a><a href="/articles">articles</a> 2022-07-28T20:13:01.727924Z gitpod 4096</div>
|
||||
<div class="filelisting"><a href="/codeBackground" class="icon">🗎</a><a href="/codeBackground">codeBackground</a> 2022-07-28T20:13:01.635924Z gitpod 8822</div>
|
||||
<div class="folderlisting"><a href="/images" class="icon">📁</a><a href="/images">images</a> 2022-07-28T20:13:01.715924Z gitpod 58</div>
|
||||
<div class="filelisting"><a href="/otherpage.html" class="icon">🗎</a><a href="/otherpage.html">otherpage.html</a> 2022-07-28T20:13:01.639924Z gitpod 7126</div>
|
||||
<div class="filelisting"><a href="/reset.css" class="icon">🗎</a><a href="/reset.css">reset.css</a> 2022-07-28T20:13:01.639924Z gitpod 7269</div>
|
||||
<div class="filelisting"><a href="/sig.css" class="icon">🗎</a><a href="/sig.css">sig.css</a> 2022-07-28T20:13:01.647924Z gitpod 15473</div>
|
||||
<div class="filelisting"><a href="/testfile.html" class="icon">🗎</a><a href="/testfile.html">testfile.html</a> 2022-07-28T20:13:01.663924Z gitpod 6987</div>
|
||||
<div class="filelisting"><a href="/uploadform.html" class="icon">🗎</a><a href="/uploadform.html">uploadform.html</a> 2022-07-28T20:13:01.663924Z gitpod 7071</div>
|
||||
<h2>Directory Listing for /</h2><div class="folderlisting"><a href="/.." class="icon">📁</a><a href="/..">.. </a><a href="/.." class="nounderline">(Previous Directory)</a></div><div class="folderlisting"><a href="/articles" class="icon">📁</a><a href="/articles">articles</a> 2022-07-28T20:17:22.327696Z gitpod 4096</div>
|
||||
<div class="filelisting"><a href="/codeBackground" class="icon">🗎</a><a href="/codeBackground">codeBackground</a> 2022-07-28T20:17:22.167696Z gitpod 2635</div>
|
||||
<div class="folderlisting"><a href="/images" class="icon">📁</a><a href="/images">images</a> 2022-07-28T20:17:22.323696Z gitpod 58</div>
|
||||
<div class="filelisting"><a href="/otherpage.html" class="icon">🗎</a><a href="/otherpage.html">otherpage.html</a> 2022-07-28T20:17:22.167696Z gitpod 939</div>
|
||||
<div class="filelisting"><a href="/reset.css" class="icon">🗎</a><a href="/reset.css">reset.css</a> 2022-07-28T20:17:22.175696Z gitpod 1092</div>
|
||||
<div class="filelisting"><a href="/sig.css" class="icon">🗎</a><a href="/sig.css">sig.css</a> 2022-07-28T20:17:22.195696Z gitpod 9300</div>
|
||||
<div class="filelisting"><a href="/testfile.html" class="icon">🗎</a><a href="/testfile.html">testfile.html</a> 2022-07-28T20:17:22.211696Z gitpod 802</div>
|
||||
<div class="filelisting"><a href="/uploadform.html" class="icon">🗎</a><a href="/uploadform.html">uploadform.html</a> 2022-07-28T20:17:22.211696Z gitpod 882</div>
|
||||
|
||||
</div> <!--End Content Body-->
|
||||
<div class="codeForeground" id="codeForeground"></div>
|
||||
|
||||
@ -17,13 +17,13 @@
|
||||
</head>
|
||||
<body>
|
||||
<div class="contentBody">
|
||||
<h2>Directory Listing for /articles/</h2><div class="folderlisting"><a href="/articles/.." class="icon">📁</a><a href="/articles/..">.. </a><a href="/articles/.." class="nounderline">(Previous Directory)</a></div><div class="filelisting"><a href="/articles/Love Live! Custom Arcade Controller.article" class="icon">🗎</a><a href="/articles/Love Live! Custom Arcade Controller.article">Love Live! Custom Arcade Controller.article</a> 2022-07-28T20:13:00.923925Z gitpod 6726</div>
|
||||
<div class="filelisting"><a href="/articles/curabitur vel tempus ex.article" class="icon">🗎</a><a href="/articles/curabitur vel tempus ex.article">curabitur vel tempus ex.article</a> 2022-07-28T20:13:00.963925Z gitpod 6935</div>
|
||||
<div class="filelisting"><a href="/articles/sigplace1.article" class="icon">🗎</a><a href="/articles/sigplace1.article">sigplace1.article</a> 2022-07-28T20:13:01.623924Z gitpod 87035</div>
|
||||
<div class="folderlisting"><a href="/articles/test articles" class="icon">📁</a><a href="/articles/test articles">test articles</a> 2022-07-28T20:13:01.707924Z gitpod 147</div>
|
||||
<div class="filelisting"><a href="/articles/Love Live! Custom Arcade Controller.article.html" class="icon">🗎</a><a href="/articles/Love Live! Custom Arcade Controller.article.html">Love Live! Custom Arcade Controller.article.html</a> 2022-07-28T20:13:01.671924Z gitpod 7443</div>
|
||||
<div class="filelisting"><a href="/articles/curabitur vel tempus ex.article.html" class="icon">🗎</a><a href="/articles/curabitur vel tempus ex.article.html">curabitur vel tempus ex.article.html</a> 2022-07-28T20:13:01.683924Z gitpod 7652</div>
|
||||
<div class="filelisting"><a href="/articles/sigplace1.article.html" class="icon">🗎</a><a href="/articles/sigplace1.article.html">sigplace1.article.html</a> 2022-07-28T20:13:01.699924Z gitpod 87752</div>
|
||||
<h2>Directory Listing for /articles/</h2><div class="folderlisting"><a href="/articles/.." class="icon">📁</a><a href="/articles/..">.. </a><a href="/articles/.." class="nounderline">(Previous Directory)</a></div><div class="filelisting"><a href="/articles/Love Live! Custom Arcade Controller.article" class="icon">🗎</a><a href="/articles/Love Live! Custom Arcade Controller.article">Love Live! Custom Arcade Controller.article</a> 2022-07-28T20:17:21.651697Z gitpod 6726</div>
|
||||
<div class="filelisting"><a href="/articles/curabitur vel tempus ex.article" class="icon">🗎</a><a href="/articles/curabitur vel tempus ex.article">curabitur vel tempus ex.article</a> 2022-07-28T20:17:21.687697Z gitpod 6935</div>
|
||||
<div class="filelisting"><a href="/articles/sigplace1.article" class="icon">🗎</a><a href="/articles/sigplace1.article">sigplace1.article</a> 2022-07-28T20:17:22.155696Z gitpod 87035</div>
|
||||
<div class="folderlisting"><a href="/articles/test articles" class="icon">📁</a><a href="/articles/test articles">test articles</a> 2022-07-28T20:17:22.303696Z gitpod 147</div>
|
||||
<div class="filelisting"><a href="/articles/Love Live! Custom Arcade Controller.article.html" class="icon">🗎</a><a href="/articles/Love Live! Custom Arcade Controller.article.html">Love Live! Custom Arcade Controller.article.html</a> 2022-07-28T20:17:22.227696Z gitpod 7443</div>
|
||||
<div class="filelisting"><a href="/articles/curabitur vel tempus ex.article.html" class="icon">🗎</a><a href="/articles/curabitur vel tempus ex.article.html">curabitur vel tempus ex.article.html</a> 2022-07-28T20:17:22.243696Z gitpod 7652</div>
|
||||
<div class="filelisting"><a href="/articles/sigplace1.article.html" class="icon">🗎</a><a href="/articles/sigplace1.article.html">sigplace1.article.html</a> 2022-07-28T20:17:22.263696Z gitpod 87752</div>
|
||||
|
||||
</div> <!--End Content Body-->
|
||||
<div class="codeForeground" id="codeForeground"></div>
|
||||
|
||||
@ -17,12 +17,12 @@
|
||||
</head>
|
||||
<body>
|
||||
<div class="contentBody">
|
||||
<h2>Directory Listing for /articles/test articles/</h2><div class="folderlisting"><a href="/articles/test articles/.." class="icon">📁</a><a href="/articles/test articles/..">.. </a><a href="/articles/test articles/.." class="nounderline">(Previous Directory)</a></div><div class="filelisting"><a href="/articles/test articles/test1.article" class="icon">🗎</a><a href="/articles/test articles/test1.article">test1.article</a> 2022-07-28T20:13:01.627924Z gitpod 7254</div>
|
||||
<div class="filelisting"><a href="/articles/test articles/test2.article" class="icon">🗎</a><a href="/articles/test articles/test2.article">test2.article</a> 2022-07-28T20:13:01.627924Z gitpod 6950</div>
|
||||
<div class="filelisting"><a href="/articles/test articles/test3.article" class="icon">🗎</a><a href="/articles/test articles/test3.article">test3.article</a> 2022-07-28T20:13:01.631924Z gitpod 7163</div>
|
||||
<div class="filelisting"><a href="/articles/test articles/test1.article.html" class="icon">🗎</a><a href="/articles/test articles/test1.article.html">test1.article.html</a> 2022-07-28T20:13:01.703924Z gitpod 7971</div>
|
||||
<div class="filelisting"><a href="/articles/test articles/test2.article.html" class="icon">🗎</a><a href="/articles/test articles/test2.article.html">test2.article.html</a> 2022-07-28T20:13:01.703924Z gitpod 7667</div>
|
||||
<div class="filelisting"><a href="/articles/test articles/test3.article.html" class="icon">🗎</a><a href="/articles/test articles/test3.article.html">test3.article.html</a> 2022-07-28T20:13:01.707924Z gitpod 7880</div>
|
||||
<h2>Directory Listing for /articles/test articles/</h2><div class="folderlisting"><a href="/articles/test articles/.." class="icon">📁</a><a href="/articles/test articles/..">.. </a><a href="/articles/test articles/.." class="nounderline">(Previous Directory)</a></div><div class="filelisting"><a href="/articles/test articles/test1.article" class="icon">🗎</a><a href="/articles/test articles/test1.article">test1.article</a> 2022-07-28T20:17:22.159696Z gitpod 7254</div>
|
||||
<div class="filelisting"><a href="/articles/test articles/test2.article" class="icon">🗎</a><a href="/articles/test articles/test2.article">test2.article</a> 2022-07-28T20:17:22.159696Z gitpod 6950</div>
|
||||
<div class="filelisting"><a href="/articles/test articles/test3.article" class="icon">🗎</a><a href="/articles/test articles/test3.article">test3.article</a> 2022-07-28T20:17:22.163696Z gitpod 7163</div>
|
||||
<div class="filelisting"><a href="/articles/test articles/test1.article.html" class="icon">🗎</a><a href="/articles/test articles/test1.article.html">test1.article.html</a> 2022-07-28T20:17:22.271696Z gitpod 7971</div>
|
||||
<div class="filelisting"><a href="/articles/test articles/test2.article.html" class="icon">🗎</a><a href="/articles/test articles/test2.article.html">test2.article.html</a> 2022-07-28T20:17:22.275696Z gitpod 7667</div>
|
||||
<div class="filelisting"><a href="/articles/test articles/test3.article.html" class="icon">🗎</a><a href="/articles/test articles/test3.article.html">test3.article.html</a> 2022-07-28T20:17:22.303696Z gitpod 7880</div>
|
||||
|
||||
</div> <!--End Content Body-->
|
||||
<div class="codeForeground" id="codeForeground"></div>
|
||||
|
||||
@ -30,99 +30,3 @@ $ARTICLE_PREVIEW curabitur vel tempus ex
|
||||
<footer>
|
||||
</footer>
|
||||
</html>
|
||||
<hr/>
|
||||
<script type="text/javascript">
|
||||
function changeColor() {
|
||||
document.getElementById("submit").style.borderColor=document.getElementById("msg").style.borderColor=document.getElementById("name").style.borderColor=document.getElementById("col").style.borderColor=document.getElementById("col").options[document.getElementById("col").selectedIndex].text
|
||||
}
|
||||
function submit() {
|
||||
document.getElementById("submit").disabled=
|
||||
document.getElementById("name").disabled=
|
||||
document.getElementById("col").disabled=
|
||||
document.getElementById("msg").disabled=true;
|
||||
fetch("/COMMENTS?submit=true&article=otherpage.html.comment&message="+encodeURIComponent(document.getElementById("msg").value)+"&name="
|
||||
+encodeURIComponent(document.getElementById("name").value)+"&color="
|
||||
+encodeURIComponent(document.getElementById("col").options[document.getElementById("col").selectedIndex].text)
|
||||
).then((data)=>data.text())
|
||||
.then((data)=>{
|
||||
document.getElementById("msg").value=""
|
||||
document.getElementById("name").value=""
|
||||
document.getElementById("submit").disabled=
|
||||
document.getElementById("name").disabled=
|
||||
document.getElementById("col").disabled=
|
||||
document.getElementById("msg").disabled=false;
|
||||
fetchComments()
|
||||
})
|
||||
}
|
||||
function insert(c1,c2) {
|
||||
if (document.getElementById("msg").selectionStart==document.getElementById("msg").selectionEnd) {
|
||||
//No highlighting. Insert here.
|
||||
if (c2!=undefined) {
|
||||
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+c2+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart)
|
||||
} else {
|
||||
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart)
|
||||
}
|
||||
} else {
|
||||
if (c2!=undefined) {
|
||||
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart,document.getElementById("msg").selectionEnd)+c2+document.getElementById("msg").value.substring(document.getElementById("msg").selectionEnd)
|
||||
} else {
|
||||
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart)
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<div id="commentForm">
|
||||
<b>Leave a comment!</b><br/><br/>
|
||||
<label for="name">Display Name: </label><input id="name"></input><br/><br/>
|
||||
<label for="col">Display Color: </label><select id="col" onchange="changeColor()">
|
||||
<option value="RED">RED</option>
|
||||
<option value="GREEN" selected>GREEN</option>
|
||||
<option value="YELLOW">YELLOW</option>
|
||||
<option value="BLUE">BLUE</option>
|
||||
<option value="MAGENTA">MAGENTA</option>
|
||||
<option value="CYAN">CYAN</option>
|
||||
<option value="WHITE">WHITE</option>
|
||||
</select><br/><br/>
|
||||
<label for="msg" style="vertical-align:top;display:inline;">Message: </label>
|
||||
<div>
|
||||
<div class="toolbar">
|
||||
<span class="toolbarItem" onclick="insert('^^','^^')" title="Bold"> <b>B</b> </span>
|
||||
<span class="toolbarItem" onclick="insert('**','**')" title="Italics"> <i>I</i> </span>
|
||||
<span class="toolbarItem" onclick="insert('__','__')" title="Underline"> <u>U</u> </span>
|
||||
<span class="toolbarItem" onclick="insert('~~','~~')" title="Code"> <code> </span>
|
||||
<span class="toolbarItem" onclick="insert('[[',']]')" title="Link"> <http://> </span>
|
||||
<span class="toolbarItem" onclick="insert('😊')" title="Smiley Face Emoji"> 😊 </span>
|
||||
<span class="toolbarItem" onclick="insert('😔')" title="Sad Face Emoji"> 😔 </span>
|
||||
<span class="toolbarItem" onclick="insert('👍')" title="Thumbs Up Emoji"> 👍 </span>
|
||||
<span class="toolbarItem" onclick="insert('❤️')" title="Heart Emoji"> ❤️ </span>
|
||||
<span class="toolbarItem" onclick="insert('😡')" title="Pouting Emoji"> 😡 </span>
|
||||
</div>
|
||||
<textarea id="msg"></textarea>
|
||||
</div><br/><br/>
|
||||
<button id="submit" onclick="submit()">POST</button>
|
||||
</div><br/><br/>
|
||||
<div id="commentContainer" style="visibility:hidden;">
|
||||
<h2>Comments <sub>(<span class="commentCounter" id="commentCounter">0</span>)</sub></h2>
|
||||
<div class="comments" id="comments"></div>
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
function fetchComments() {
|
||||
fetch("/COMMENTS?article=otherpage.html.comment").then((data)=>data.text())
|
||||
.then((data)=>{
|
||||
data=data.split("\n");
|
||||
document.getElementById("comments").innerHTML="";
|
||||
document.getElementById("commentCounter").innerText=data[0]
|
||||
for (var i=data.length-3;i>=1;i-=2) {
|
||||
if (data[i].trim().length>0&&data[i+1].trim().length>0) {
|
||||
document.getElementById("comments").innerHTML+="<div id=\"msg"+((i+1)/2)+"\" class=\"commentDisplayer\"><div class=\"commentData\">"+decodeURIComponent(data[i])+"</div><br>"
|
||||
data2=data[i+1].split(";");
|
||||
document.getElementById("msg"+((i+1)/2)).style.borderColor=data2[1]
|
||||
document.getElementById("comments").innerHTML+="<div class=\"commentInfo\"><sup>- "+decodeURIComponent(data2[0])+"</sup></div></div><br>"
|
||||
}
|
||||
}
|
||||
document.getElementById("commentContainer").style.visibility="visible"
|
||||
})
|
||||
}
|
||||
fetchComments()
|
||||
changeColor()
|
||||
</script>
|
||||
|
||||
@ -45,99 +45,3 @@ table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
<hr/>
|
||||
<script type="text/javascript">
|
||||
function changeColor() {
|
||||
document.getElementById("submit").style.borderColor=document.getElementById("msg").style.borderColor=document.getElementById("name").style.borderColor=document.getElementById("col").style.borderColor=document.getElementById("col").options[document.getElementById("col").selectedIndex].text
|
||||
}
|
||||
function submit() {
|
||||
document.getElementById("submit").disabled=
|
||||
document.getElementById("name").disabled=
|
||||
document.getElementById("col").disabled=
|
||||
document.getElementById("msg").disabled=true;
|
||||
fetch("/COMMENTS?submit=true&article=reset.css.comment&message="+encodeURIComponent(document.getElementById("msg").value)+"&name="
|
||||
+encodeURIComponent(document.getElementById("name").value)+"&color="
|
||||
+encodeURIComponent(document.getElementById("col").options[document.getElementById("col").selectedIndex].text)
|
||||
).then((data)=>data.text())
|
||||
.then((data)=>{
|
||||
document.getElementById("msg").value=""
|
||||
document.getElementById("name").value=""
|
||||
document.getElementById("submit").disabled=
|
||||
document.getElementById("name").disabled=
|
||||
document.getElementById("col").disabled=
|
||||
document.getElementById("msg").disabled=false;
|
||||
fetchComments()
|
||||
})
|
||||
}
|
||||
function insert(c1,c2) {
|
||||
if (document.getElementById("msg").selectionStart==document.getElementById("msg").selectionEnd) {
|
||||
//No highlighting. Insert here.
|
||||
if (c2!=undefined) {
|
||||
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+c2+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart)
|
||||
} else {
|
||||
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart)
|
||||
}
|
||||
} else {
|
||||
if (c2!=undefined) {
|
||||
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart,document.getElementById("msg").selectionEnd)+c2+document.getElementById("msg").value.substring(document.getElementById("msg").selectionEnd)
|
||||
} else {
|
||||
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart)
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<div id="commentForm">
|
||||
<b>Leave a comment!</b><br/><br/>
|
||||
<label for="name">Display Name: </label><input id="name"></input><br/><br/>
|
||||
<label for="col">Display Color: </label><select id="col" onchange="changeColor()">
|
||||
<option value="RED">RED</option>
|
||||
<option value="GREEN" selected>GREEN</option>
|
||||
<option value="YELLOW">YELLOW</option>
|
||||
<option value="BLUE">BLUE</option>
|
||||
<option value="MAGENTA">MAGENTA</option>
|
||||
<option value="CYAN">CYAN</option>
|
||||
<option value="WHITE">WHITE</option>
|
||||
</select><br/><br/>
|
||||
<label for="msg" style="vertical-align:top;display:inline;">Message: </label>
|
||||
<div>
|
||||
<div class="toolbar">
|
||||
<span class="toolbarItem" onclick="insert('^^','^^')" title="Bold"> <b>B</b> </span>
|
||||
<span class="toolbarItem" onclick="insert('**','**')" title="Italics"> <i>I</i> </span>
|
||||
<span class="toolbarItem" onclick="insert('__','__')" title="Underline"> <u>U</u> </span>
|
||||
<span class="toolbarItem" onclick="insert('~~','~~')" title="Code"> <code> </span>
|
||||
<span class="toolbarItem" onclick="insert('[[',']]')" title="Link"> <http://> </span>
|
||||
<span class="toolbarItem" onclick="insert('😊')" title="Smiley Face Emoji"> 😊 </span>
|
||||
<span class="toolbarItem" onclick="insert('😔')" title="Sad Face Emoji"> 😔 </span>
|
||||
<span class="toolbarItem" onclick="insert('👍')" title="Thumbs Up Emoji"> 👍 </span>
|
||||
<span class="toolbarItem" onclick="insert('❤️')" title="Heart Emoji"> ❤️ </span>
|
||||
<span class="toolbarItem" onclick="insert('😡')" title="Pouting Emoji"> 😡 </span>
|
||||
</div>
|
||||
<textarea id="msg"></textarea>
|
||||
</div><br/><br/>
|
||||
<button id="submit" onclick="submit()">POST</button>
|
||||
</div><br/><br/>
|
||||
<div id="commentContainer" style="visibility:hidden;">
|
||||
<h2>Comments <sub>(<span class="commentCounter" id="commentCounter">0</span>)</sub></h2>
|
||||
<div class="comments" id="comments"></div>
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
function fetchComments() {
|
||||
fetch("/COMMENTS?article=reset.css.comment").then((data)=>data.text())
|
||||
.then((data)=>{
|
||||
data=data.split("\n");
|
||||
document.getElementById("comments").innerHTML="";
|
||||
document.getElementById("commentCounter").innerText=data[0]
|
||||
for (var i=data.length-3;i>=1;i-=2) {
|
||||
if (data[i].trim().length>0&&data[i+1].trim().length>0) {
|
||||
document.getElementById("comments").innerHTML+="<div id=\"msg"+((i+1)/2)+"\" class=\"commentDisplayer\"><div class=\"commentData\">"+decodeURIComponent(data[i])+"</div><br>"
|
||||
data2=data[i+1].split(";");
|
||||
document.getElementById("msg"+((i+1)/2)).style.borderColor=data2[1]
|
||||
document.getElementById("comments").innerHTML+="<div class=\"commentInfo\"><sup>- "+decodeURIComponent(data2[0])+"</sup></div></div><br>"
|
||||
}
|
||||
}
|
||||
document.getElementById("commentContainer").style.visibility="visible"
|
||||
})
|
||||
}
|
||||
fetchComments()
|
||||
changeColor()
|
||||
</script>
|
||||
|
||||
96
out/sig.css
96
out/sig.css
@ -382,99 +382,3 @@ textarea:disabled{
|
||||
background-color:#a1a1a1;
|
||||
cursor:pointer;
|
||||
}
|
||||
<hr/>
|
||||
<script type="text/javascript">
|
||||
function changeColor() {
|
||||
document.getElementById("submit").style.borderColor=document.getElementById("msg").style.borderColor=document.getElementById("name").style.borderColor=document.getElementById("col").style.borderColor=document.getElementById("col").options[document.getElementById("col").selectedIndex].text
|
||||
}
|
||||
function submit() {
|
||||
document.getElementById("submit").disabled=
|
||||
document.getElementById("name").disabled=
|
||||
document.getElementById("col").disabled=
|
||||
document.getElementById("msg").disabled=true;
|
||||
fetch("/COMMENTS?submit=true&article=sig.css.comment&message="+encodeURIComponent(document.getElementById("msg").value)+"&name="
|
||||
+encodeURIComponent(document.getElementById("name").value)+"&color="
|
||||
+encodeURIComponent(document.getElementById("col").options[document.getElementById("col").selectedIndex].text)
|
||||
).then((data)=>data.text())
|
||||
.then((data)=>{
|
||||
document.getElementById("msg").value=""
|
||||
document.getElementById("name").value=""
|
||||
document.getElementById("submit").disabled=
|
||||
document.getElementById("name").disabled=
|
||||
document.getElementById("col").disabled=
|
||||
document.getElementById("msg").disabled=false;
|
||||
fetchComments()
|
||||
})
|
||||
}
|
||||
function insert(c1,c2) {
|
||||
if (document.getElementById("msg").selectionStart==document.getElementById("msg").selectionEnd) {
|
||||
//No highlighting. Insert here.
|
||||
if (c2!=undefined) {
|
||||
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+c2+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart)
|
||||
} else {
|
||||
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart)
|
||||
}
|
||||
} else {
|
||||
if (c2!=undefined) {
|
||||
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart,document.getElementById("msg").selectionEnd)+c2+document.getElementById("msg").value.substring(document.getElementById("msg").selectionEnd)
|
||||
} else {
|
||||
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart)
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<div id="commentForm">
|
||||
<b>Leave a comment!</b><br/><br/>
|
||||
<label for="name">Display Name: </label><input id="name"></input><br/><br/>
|
||||
<label for="col">Display Color: </label><select id="col" onchange="changeColor()">
|
||||
<option value="RED">RED</option>
|
||||
<option value="GREEN" selected>GREEN</option>
|
||||
<option value="YELLOW">YELLOW</option>
|
||||
<option value="BLUE">BLUE</option>
|
||||
<option value="MAGENTA">MAGENTA</option>
|
||||
<option value="CYAN">CYAN</option>
|
||||
<option value="WHITE">WHITE</option>
|
||||
</select><br/><br/>
|
||||
<label for="msg" style="vertical-align:top;display:inline;">Message: </label>
|
||||
<div>
|
||||
<div class="toolbar">
|
||||
<span class="toolbarItem" onclick="insert('^^','^^')" title="Bold"> <b>B</b> </span>
|
||||
<span class="toolbarItem" onclick="insert('**','**')" title="Italics"> <i>I</i> </span>
|
||||
<span class="toolbarItem" onclick="insert('__','__')" title="Underline"> <u>U</u> </span>
|
||||
<span class="toolbarItem" onclick="insert('~~','~~')" title="Code"> <code> </span>
|
||||
<span class="toolbarItem" onclick="insert('[[',']]')" title="Link"> <http://> </span>
|
||||
<span class="toolbarItem" onclick="insert('😊')" title="Smiley Face Emoji"> 😊 </span>
|
||||
<span class="toolbarItem" onclick="insert('😔')" title="Sad Face Emoji"> 😔 </span>
|
||||
<span class="toolbarItem" onclick="insert('👍')" title="Thumbs Up Emoji"> 👍 </span>
|
||||
<span class="toolbarItem" onclick="insert('❤️')" title="Heart Emoji"> ❤️ </span>
|
||||
<span class="toolbarItem" onclick="insert('😡')" title="Pouting Emoji"> 😡 </span>
|
||||
</div>
|
||||
<textarea id="msg"></textarea>
|
||||
</div><br/><br/>
|
||||
<button id="submit" onclick="submit()">POST</button>
|
||||
</div><br/><br/>
|
||||
<div id="commentContainer" style="visibility:hidden;">
|
||||
<h2>Comments <sub>(<span class="commentCounter" id="commentCounter">0</span>)</sub></h2>
|
||||
<div class="comments" id="comments"></div>
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
function fetchComments() {
|
||||
fetch("/COMMENTS?article=sig.css.comment").then((data)=>data.text())
|
||||
.then((data)=>{
|
||||
data=data.split("\n");
|
||||
document.getElementById("comments").innerHTML="";
|
||||
document.getElementById("commentCounter").innerText=data[0]
|
||||
for (var i=data.length-3;i>=1;i-=2) {
|
||||
if (data[i].trim().length>0&&data[i+1].trim().length>0) {
|
||||
document.getElementById("comments").innerHTML+="<div id=\"msg"+((i+1)/2)+"\" class=\"commentDisplayer\"><div class=\"commentData\">"+decodeURIComponent(data[i])+"</div><br>"
|
||||
data2=data[i+1].split(";");
|
||||
document.getElementById("msg"+((i+1)/2)).style.borderColor=data2[1]
|
||||
document.getElementById("comments").innerHTML+="<div class=\"commentInfo\"><sup>- "+decodeURIComponent(data2[0])+"</sup></div></div><br>"
|
||||
}
|
||||
}
|
||||
document.getElementById("commentContainer").style.visibility="visible"
|
||||
})
|
||||
}
|
||||
fetchComments()
|
||||
changeColor()
|
||||
</script>
|
||||
|
||||
@ -29,99 +29,3 @@ SigPlace
|
||||
<footer>
|
||||
</footer>
|
||||
</html>
|
||||
<hr/>
|
||||
<script type="text/javascript">
|
||||
function changeColor() {
|
||||
document.getElementById("submit").style.borderColor=document.getElementById("msg").style.borderColor=document.getElementById("name").style.borderColor=document.getElementById("col").style.borderColor=document.getElementById("col").options[document.getElementById("col").selectedIndex].text
|
||||
}
|
||||
function submit() {
|
||||
document.getElementById("submit").disabled=
|
||||
document.getElementById("name").disabled=
|
||||
document.getElementById("col").disabled=
|
||||
document.getElementById("msg").disabled=true;
|
||||
fetch("/COMMENTS?submit=true&article=testfile.html.comment&message="+encodeURIComponent(document.getElementById("msg").value)+"&name="
|
||||
+encodeURIComponent(document.getElementById("name").value)+"&color="
|
||||
+encodeURIComponent(document.getElementById("col").options[document.getElementById("col").selectedIndex].text)
|
||||
).then((data)=>data.text())
|
||||
.then((data)=>{
|
||||
document.getElementById("msg").value=""
|
||||
document.getElementById("name").value=""
|
||||
document.getElementById("submit").disabled=
|
||||
document.getElementById("name").disabled=
|
||||
document.getElementById("col").disabled=
|
||||
document.getElementById("msg").disabled=false;
|
||||
fetchComments()
|
||||
})
|
||||
}
|
||||
function insert(c1,c2) {
|
||||
if (document.getElementById("msg").selectionStart==document.getElementById("msg").selectionEnd) {
|
||||
//No highlighting. Insert here.
|
||||
if (c2!=undefined) {
|
||||
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+c2+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart)
|
||||
} else {
|
||||
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart)
|
||||
}
|
||||
} else {
|
||||
if (c2!=undefined) {
|
||||
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart,document.getElementById("msg").selectionEnd)+c2+document.getElementById("msg").value.substring(document.getElementById("msg").selectionEnd)
|
||||
} else {
|
||||
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart)
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<div id="commentForm">
|
||||
<b>Leave a comment!</b><br/><br/>
|
||||
<label for="name">Display Name: </label><input id="name"></input><br/><br/>
|
||||
<label for="col">Display Color: </label><select id="col" onchange="changeColor()">
|
||||
<option value="RED">RED</option>
|
||||
<option value="GREEN" selected>GREEN</option>
|
||||
<option value="YELLOW">YELLOW</option>
|
||||
<option value="BLUE">BLUE</option>
|
||||
<option value="MAGENTA">MAGENTA</option>
|
||||
<option value="CYAN">CYAN</option>
|
||||
<option value="WHITE">WHITE</option>
|
||||
</select><br/><br/>
|
||||
<label for="msg" style="vertical-align:top;display:inline;">Message: </label>
|
||||
<div>
|
||||
<div class="toolbar">
|
||||
<span class="toolbarItem" onclick="insert('^^','^^')" title="Bold"> <b>B</b> </span>
|
||||
<span class="toolbarItem" onclick="insert('**','**')" title="Italics"> <i>I</i> </span>
|
||||
<span class="toolbarItem" onclick="insert('__','__')" title="Underline"> <u>U</u> </span>
|
||||
<span class="toolbarItem" onclick="insert('~~','~~')" title="Code"> <code> </span>
|
||||
<span class="toolbarItem" onclick="insert('[[',']]')" title="Link"> <http://> </span>
|
||||
<span class="toolbarItem" onclick="insert('😊')" title="Smiley Face Emoji"> 😊 </span>
|
||||
<span class="toolbarItem" onclick="insert('😔')" title="Sad Face Emoji"> 😔 </span>
|
||||
<span class="toolbarItem" onclick="insert('👍')" title="Thumbs Up Emoji"> 👍 </span>
|
||||
<span class="toolbarItem" onclick="insert('❤️')" title="Heart Emoji"> ❤️ </span>
|
||||
<span class="toolbarItem" onclick="insert('😡')" title="Pouting Emoji"> 😡 </span>
|
||||
</div>
|
||||
<textarea id="msg"></textarea>
|
||||
</div><br/><br/>
|
||||
<button id="submit" onclick="submit()">POST</button>
|
||||
</div><br/><br/>
|
||||
<div id="commentContainer" style="visibility:hidden;">
|
||||
<h2>Comments <sub>(<span class="commentCounter" id="commentCounter">0</span>)</sub></h2>
|
||||
<div class="comments" id="comments"></div>
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
function fetchComments() {
|
||||
fetch("/COMMENTS?article=testfile.html.comment").then((data)=>data.text())
|
||||
.then((data)=>{
|
||||
data=data.split("\n");
|
||||
document.getElementById("comments").innerHTML="";
|
||||
document.getElementById("commentCounter").innerText=data[0]
|
||||
for (var i=data.length-3;i>=1;i-=2) {
|
||||
if (data[i].trim().length>0&&data[i+1].trim().length>0) {
|
||||
document.getElementById("comments").innerHTML+="<div id=\"msg"+((i+1)/2)+"\" class=\"commentDisplayer\"><div class=\"commentData\">"+decodeURIComponent(data[i])+"</div><br>"
|
||||
data2=data[i+1].split(";");
|
||||
document.getElementById("msg"+((i+1)/2)).style.borderColor=data2[1]
|
||||
document.getElementById("comments").innerHTML+="<div class=\"commentInfo\"><sup>- "+decodeURIComponent(data2[0])+"</sup></div></div><br>"
|
||||
}
|
||||
}
|
||||
document.getElementById("commentContainer").style.visibility="visible"
|
||||
})
|
||||
}
|
||||
fetchComments()
|
||||
changeColor()
|
||||
</script>
|
||||
|
||||
@ -29,99 +29,3 @@ SigPlace
|
||||
<footer>
|
||||
</footer>
|
||||
</html>
|
||||
<hr/>
|
||||
<script type="text/javascript">
|
||||
function changeColor() {
|
||||
document.getElementById("submit").style.borderColor=document.getElementById("msg").style.borderColor=document.getElementById("name").style.borderColor=document.getElementById("col").style.borderColor=document.getElementById("col").options[document.getElementById("col").selectedIndex].text
|
||||
}
|
||||
function submit() {
|
||||
document.getElementById("submit").disabled=
|
||||
document.getElementById("name").disabled=
|
||||
document.getElementById("col").disabled=
|
||||
document.getElementById("msg").disabled=true;
|
||||
fetch("/COMMENTS?submit=true&article=uploadform.html.comment&message="+encodeURIComponent(document.getElementById("msg").value)+"&name="
|
||||
+encodeURIComponent(document.getElementById("name").value)+"&color="
|
||||
+encodeURIComponent(document.getElementById("col").options[document.getElementById("col").selectedIndex].text)
|
||||
).then((data)=>data.text())
|
||||
.then((data)=>{
|
||||
document.getElementById("msg").value=""
|
||||
document.getElementById("name").value=""
|
||||
document.getElementById("submit").disabled=
|
||||
document.getElementById("name").disabled=
|
||||
document.getElementById("col").disabled=
|
||||
document.getElementById("msg").disabled=false;
|
||||
fetchComments()
|
||||
})
|
||||
}
|
||||
function insert(c1,c2) {
|
||||
if (document.getElementById("msg").selectionStart==document.getElementById("msg").selectionEnd) {
|
||||
//No highlighting. Insert here.
|
||||
if (c2!=undefined) {
|
||||
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+c2+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart)
|
||||
} else {
|
||||
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart)
|
||||
}
|
||||
} else {
|
||||
if (c2!=undefined) {
|
||||
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart,document.getElementById("msg").selectionEnd)+c2+document.getElementById("msg").value.substring(document.getElementById("msg").selectionEnd)
|
||||
} else {
|
||||
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart)
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<div id="commentForm">
|
||||
<b>Leave a comment!</b><br/><br/>
|
||||
<label for="name">Display Name: </label><input id="name"></input><br/><br/>
|
||||
<label for="col">Display Color: </label><select id="col" onchange="changeColor()">
|
||||
<option value="RED">RED</option>
|
||||
<option value="GREEN" selected>GREEN</option>
|
||||
<option value="YELLOW">YELLOW</option>
|
||||
<option value="BLUE">BLUE</option>
|
||||
<option value="MAGENTA">MAGENTA</option>
|
||||
<option value="CYAN">CYAN</option>
|
||||
<option value="WHITE">WHITE</option>
|
||||
</select><br/><br/>
|
||||
<label for="msg" style="vertical-align:top;display:inline;">Message: </label>
|
||||
<div>
|
||||
<div class="toolbar">
|
||||
<span class="toolbarItem" onclick="insert('^^','^^')" title="Bold"> <b>B</b> </span>
|
||||
<span class="toolbarItem" onclick="insert('**','**')" title="Italics"> <i>I</i> </span>
|
||||
<span class="toolbarItem" onclick="insert('__','__')" title="Underline"> <u>U</u> </span>
|
||||
<span class="toolbarItem" onclick="insert('~~','~~')" title="Code"> <code> </span>
|
||||
<span class="toolbarItem" onclick="insert('[[',']]')" title="Link"> <http://> </span>
|
||||
<span class="toolbarItem" onclick="insert('😊')" title="Smiley Face Emoji"> 😊 </span>
|
||||
<span class="toolbarItem" onclick="insert('😔')" title="Sad Face Emoji"> 😔 </span>
|
||||
<span class="toolbarItem" onclick="insert('👍')" title="Thumbs Up Emoji"> 👍 </span>
|
||||
<span class="toolbarItem" onclick="insert('❤️')" title="Heart Emoji"> ❤️ </span>
|
||||
<span class="toolbarItem" onclick="insert('😡')" title="Pouting Emoji"> 😡 </span>
|
||||
</div>
|
||||
<textarea id="msg"></textarea>
|
||||
</div><br/><br/>
|
||||
<button id="submit" onclick="submit()">POST</button>
|
||||
</div><br/><br/>
|
||||
<div id="commentContainer" style="visibility:hidden;">
|
||||
<h2>Comments <sub>(<span class="commentCounter" id="commentCounter">0</span>)</sub></h2>
|
||||
<div class="comments" id="comments"></div>
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
function fetchComments() {
|
||||
fetch("/COMMENTS?article=uploadform.html.comment").then((data)=>data.text())
|
||||
.then((data)=>{
|
||||
data=data.split("\n");
|
||||
document.getElementById("comments").innerHTML="";
|
||||
document.getElementById("commentCounter").innerText=data[0]
|
||||
for (var i=data.length-3;i>=1;i-=2) {
|
||||
if (data[i].trim().length>0&&data[i+1].trim().length>0) {
|
||||
document.getElementById("comments").innerHTML+="<div id=\"msg"+((i+1)/2)+"\" class=\"commentDisplayer\"><div class=\"commentData\">"+decodeURIComponent(data[i])+"</div><br>"
|
||||
data2=data[i+1].split(";");
|
||||
document.getElementById("msg"+((i+1)/2)).style.borderColor=data2[1]
|
||||
document.getElementById("comments").innerHTML+="<div class=\"commentInfo\"><sup>- "+decodeURIComponent(data2[0])+"</sup></div></div><br>"
|
||||
}
|
||||
}
|
||||
document.getElementById("commentContainer").style.visibility="visible"
|
||||
})
|
||||
}
|
||||
fetchComments()
|
||||
changeColor()
|
||||
</script>
|
||||
|
||||
@ -301,6 +301,7 @@ public class sigPlace {
|
||||
}
|
||||
}
|
||||
|
||||
if (isArticleFile(f)) {
|
||||
System.out.println(" Generating comment section for "+f+".");
|
||||
|
||||
Path ff = Paths.get(REFDIR,"COMMENT.html");
|
||||
@ -312,6 +313,7 @@ public class sigPlace {
|
||||
}
|
||||
|
||||
content.addAll(commentHTML);
|
||||
}
|
||||
|
||||
System.out.println(" Writing to "+f.toAbsolutePath());
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user