client to server conversion

2 files changed, 279 insertions, 0 deletions

diff --git a/static/js/footerscript.js b/static/js/footerscript.js
new file mode 100644
index 0000000..bd36daa
--- /dev/null
+++ b/static/js/footerscript.js
@@ -0,0 +1,40 @@
+var imgs = document.querySelectorAll('#img');
+var imgArray = [].slice.call(imgs);
+
+imgArray.forEach(function(img, i){
+    img.addEventListener("click", function(e){
+        if(img.getAttribute("enlarge") == "0")
+        {
+            var attachment = img.getAttribute("attachment")
+            img.setAttribute("enlarge", "1");
+            img.setAttribute("style", "float: left; margin-right: 10px; cursor: move;");
+            img.src = attachment
+        }
+        else
+        {
+            var preview = img.getAttribute("preview")
+            img.setAttribute("enlarge", "0");
+            if(img.getAttribute("main") == 1)
+            {
+                img.setAttribute("style", "float: left; margin-right: 10px; max-width: 250px; max-height: 250px; cursor: move;");
+                img.src = preview
+            }
+            else
+            {
+                img.setAttribute("style", "float: left; margin-right: 10px; max-width: 125px; max-height: 125px; cursor: move;");
+                img.src = preview                
+            }
+        }
+    });
+})
+
+
+function viewLink(board, actor) {
+    var posts = document.querySelectorAll('#view');
+    var postsArray = [].slice.call(posts);
+
+    postsArray.forEach(function(p, i){
+        var id = p.getAttribute("post")
+        p.href = "/" + board + "/" + shortURL(actor, id)
+    })  
+}
diff --git a/static/js/posts.js b/static/js/posts.js
new file mode 100644
index 0000000..7c1a3e8
--- /dev/null
+++ b/static/js/posts.js
@@ -0,0 +1,239 @@
+function newpost()
+{
+    var el = document.getElementById("newpostbtn")
+    var state = el.getAttribute("state")
+    if(state = "0")
+    {
+        el.style="display:none;"
+        el.setAttribute("state", "1")
+        document.getElementById("newpost").style = "display: block;";        
+    }
+    else
+    {
+        el.style="display:block;"
+        el.setAttribute("state", "0")
+        document.getElementById("newpost").style = "display: hidden;";        
+    }
+}
+
+function getMIMEType(type)
+{
+    re = /\/.+/g
+    return type.replace(re, "")
+}
+
+function shortURL(actorName, url)
+{
+    var check = url.replace(actorName + "/", "")
+    re = /.+\//g;
+    temp = re.exec(url)
+    
+
+    if(stripTransferProtocol(temp[0]) == stripTransferProtocol(actorName) + "/")
+    {
+        var short = url.replace("https://", "");
+        short = short.replace("http://", "");
+        short = short.replace("www.", "");
+
+        var re = /^.{3}/g;
+
+        var u = re.exec(short);
+
+        re = /\w+$/g;              
+
+        u =  re.exec(short);
+
+        return u;            
+    }else{
+
+        var short = url.replace("https://", "");
+        short = short.replace("http://", "");
+        short = short.replace("www.", "");
+
+        var re = /^.{3}/g;
+
+        var u = re.exec(short);
+
+        re = /\w+$/g;              
+
+        u =  re.exec(short);
+
+
+        replace = short.replace(/\/+/g, " ")
+        replace = replace.replace(u, " ").trim()
+        re = /\w+$/;
+        v = re.exec(replace)
+
+        v = "f" + v[0] + "-" + u
+
+        return v;                        
+    }
+}
+
+function shortImg(url)
+{
+    var u = url;
+    if(url.length > 26)
+    {
+        var re = /^.{26}/g;
+
+        u = re.exec(url);
+
+        re = /\..+$/g;
+
+        var v = re.exec(url);
+
+        u += "(...)" + v;
+    }
+    return u;        
+}            
+
+function convertSize(size)
+{
+    var convert = size / 1024.0;
+    if(convert > 1024)
+    {
+        convert = convert / 1024.0
+        convert = convert.toFixed(2) + " MB"
+    }
+    else
+    {
+        convert = convert.toFixed(2) + " KB"
+    }
+
+    return convert
+}
+
+function getBoardId(url)
+{
+    var re = /\/([^/\n]+)(.+)?/gm
+    var matches = re.exec(url);
+    return matches[1]
+}
+
+function convertContent(actorName, content, opid)
+{
+    var re = /(>>)(https:\/\/|http:\/\/)?(www\.)?.+\/\w+/gm;
+    var match = content.match(re);
+    var newContent = content;
+    if(match)
+    {
+        match.forEach(function(quote, i){
+            var link = quote.replace('>>', '')
+            var isOP = ""
+            if(link == opid)
+            {
+                isOP = " (OP)";
+            }
+            
+            newContent = newContent.replace(quote, '<a title="' + link +  '" href="/'+ getBoardId(actorName) + "/" + shortURL(actorName, opid)  +  '#' + shortURL(actorName, link) + '"style="color:#af0a0f;">>>' + shortURL(actorName, link)  + isOP + '</a>');
+
+        })            
+    }
+    
+    re =  /^>.+/gm;
+
+    match = newContent.match(re);
+    if(match)
+    {
+        match.forEach(function(quote, i) {
+            newContent = newContent.replace(quote, '<span style="color: green;">' + quote + '</span>');
+        })
+    }
+    
+    return newContent
+}
+
+function closeReply()
+{
+    document.getElementById("reply-box").style.display = "none";
+    document.getElementById("reply-comment").value = "";        
+}
+
+
+function previous(actorName, page)
+{
+    var prev = parseInt(page) - 1;
+    if(prev < 0)
+        prev = 0;
+    window.location.href = "/" + actorName + "/" + prev;
+}
+
+function next(actorName, totalPage, page)
+{
+    var next = parseInt(page) + 1;
+    if(next > parseInt(totalPage))
+        next = parseInt(totalPage);
+    window.location.href = "/" + actorName + "/" + next;
+}
+
+function quote(actorName, opid, id)
+{
+    var box = document.getElementById("reply-box");
+    var header = document.getElementById("reply-header");
+    var comment = document.getElementById("reply-comment");
+    var inReplyTo = document.getElementById("inReplyTo-box");      
+
+    var w = window.innerWidth / 2 - 200;
+    var h = document.getElementById(id + "-content").offsetTop - 448;
+
+    box.setAttribute("style", "display: block; position: absolute; background-color: #eff5ff; width: 400px; height: 550px; z-index: 9; top: " + h + "px; left: " + w + "px; padding: 5px; border: 4px solid #d3caf0;");
+
+
+    if (inReplyTo.value != opid)
+        comment.value = "";
+    
+    header.innerText = "Replying to Thread No. " + shortURL(actorName, opid);
+    inReplyTo.value = opid;
+
+    if(comment.value != "")
+        comment.value += "\n>>" + id;
+    else
+        comment.value += ">>" + id;
+
+    dragElement(header);            
+
+}  
+
+function dragElement(elmnt) {
+    var pos1 = 0, pos2 = 0, pos3 = 0, pos4 = 0;
+    
+    elmnt.onmousedown = dragMouseDown;
+
+    function dragMouseDown(e) {
+        e = e || window.event;
+        e.preventDefault();
+        // get the mouse cursor position at startup:
+        pos3 = e.clientX;
+        pos4 = e.clientY;
+        document.onmouseup = closeDragElement;
+        // call a function whenever the cursor moves:
+        document.onmousemove = elementDrag;
+    }
+
+    function elementDrag(e) {
+        e = e || window.event;
+        e.preventDefault();
+        // calculate the new cursor position:
+        pos1 = pos3 - e.clientX;
+        pos2 = pos4 - e.clientY;
+        pos3 = e.clientX;
+        pos4 = e.clientY;
+        // set the element's new position:
+        elmnt.parentElement.style.top = (elmnt.parentElement.offsetTop - pos2) + "px";
+        elmnt.parentElement.style.left = (elmnt.parentElement.offsetLeft - pos1) + "px";
+    }
+
+    function closeDragElement() {
+        // stop moving when mouse button is released:
+        document.onmouseup = null;
+        document.onmousemove = null;
+    }
+}
+
+function stripTransferProtocol(value){
+    var re = /(https:\/\/|http:\/\/)?(www.)?/
+
+    return value.replace(re, "")
+}
+