rDrama/files/assets/js/submit.js

makeBold = function (form) {
    var text = document.getElementById(form);
    var startIndex = text.selectionStart,
    endIndex = text.selectionEnd;
    var selectedText = text.value.substring(startIndex, endIndex);

    var format = '**'

    if (selectedText.includes('**')) {
        text.value = selectedText.replace(/\*/g, '');
    }
    else if (selectedText.length == 0) {
        text.value = text.value.substring(0, startIndex) + selectedText + text.value.substring(endIndex);
    }
    else {
        text.value = text.value.substring(0, startIndex) + format + selectedText + format + text.value.substring(endIndex);
    }
}

makeItalics = function (form) {
    var text = document.getElementById(form);
    var startIndex = text.selectionStart,
    endIndex = text.selectionEnd;
    var selectedText = text.value.substring(startIndex, endIndex);

    var format = '*'

    if (selectedText.includes('*')) {
        text.value = selectedText.replace(/\*/g, '');
    }
    else if (selectedText.length == 0) {
        text.value = text.value.substring(0, startIndex) + selectedText + text.value.substring(endIndex);
    }
    else {
        text.value = text.value.substring(0, startIndex) + format + selectedText + format + text.value.substring(endIndex);
    }
}

makeQuote = function (form) {
    var text = document.getElementById(form);
    var startIndex = text.selectionStart,
    endIndex = text.selectionEnd;
    var selectedText = text.value.substring(startIndex, endIndex);

    var format = '>'

    if (selectedText.includes('>')) {
        text.value = text.value.substring(0, startIndex) + selectedText.replace(/\>/g, '') + text.value.substring(endIndex);
    }
    else if (selectedText.length == 0) {
        text.value = text.value.substring(0, startIndex) + selectedText + text.value.substring(endIndex);
    }
    else {
        text.value = text.value.substring(0, startIndex) + format + selectedText + text.value.substring(endIndex);
    }
}
function charLimit(form, text) {

    var input = document.getElementById(form);

    var text = document.getElementById(text);

    var length = input.value.length;

    var maxLength = input.getAttribute("maxlength");

    if (length >= maxLength) {
        text.style.color = "#E53E3E";
    }
    else if (length >= maxLength * .72){
        text.style.color = "#FFC107";
    }
    else {
        text.style.color = "#A0AEC0";
    }

    text.innerText = maxLength - length;

}

hide_image=function(){
    x=document.getElementById('image-upload-block');
    url=document.getElementById('post-URL').value;
    if (url.length>=1){
        x.classList.add('d-none');
    }
    else {
        x.classList.remove('d-none');
    }
}

function autoSuggestTitle()	{

    var urlField = document.getElementById("post-URL");

    var titleField = document.getElementById("post-title");

    var isValidURL = urlField.checkValidity();

    if (isValidURL && urlField.value.length > 0 && titleField.value === "") {

        var x = new XMLHttpRequest();
        x.withCredentials=true;
        x.onreadystatechange = function() {
            if (x.readyState == 4 && x.status == 200) {

                title=JSON.parse(x.responseText)["title"];
                titleField.value=title;

                checkForRequired()
            }
        }
        x.open('get','/submit/title?url=' + urlField.value);
        x.send(null);

    };

};

if (window.location.pathname=='/submit') {
    window.onload = autoSuggestTitle();
}

document.addEventListener('paste', function (event) {

    var nothingFocused = document.activeElement === document.body;

    if (nothingFocused) {

        var clipText = event.clipboardData.getData('Text');

        var url = new RegExp('^(?:[a-z]+:)?//', 'i');

        if (url.test(clipText) && window.location.pathname !== '/submit') {
            window.location.href = '/submit?url=' + clipText;
        }
        else if (url.test(clipText) && window.location.pathname == '/submit') {

            document.getElementById("post-URL").value = clipText;

            autoSuggestTitle()

        }
    }
});

function checkForRequired() {

    var title = document.getElementById("post-title");

    var url = document.getElementById("post-URL");

    var text = document.getElementById("post-text");

    var button = document.getElementById("create_button");

    var image = document.getElementById("file-upload");

    if (url.value.length > 0 || image.value.length > 0) {
        text.required = false;
        url.required=false;
    } else if (text.value.length > 0 || image.value.length > 0) {
        url.required = false;
    } else {
        text.required = true;
        url.required = true;
    }

    var isValidTitle = title.checkValidity();

    var isValidURL = url.checkValidity();

    var isValidText = text.checkValidity();

    if (isValidTitle && (isValidURL || image.value.length>0)) {
        button.disabled = false;
    } else if (isValidTitle && isValidText) {
        button.disabled = false;
    } else {
        button.disabled = true;
    }
}


function markdown() {
    var input = document.getElementById('post-text').value;

    var emojis = Array.from(input.matchAll(/:(.{1,30}?):/gi))
    if(emojis != null){
        for(i = 0; i < emojis.length; i++){
            var emoji = emojis[i][0]
            var remoji = emoji.replace(/:/g,'');
            if (remoji.startsWith("!"))
            {
                input = input.replace(emoji, "<img height=30 src='/assets/images/emojis/" + remoji.substring(1) + ".webp' class='mirrored'>")
            } else {
                input = input.replace(emoji, "<img height=30 src='/assets/images/emojis/" + remoji + ".webp'>")
            }

        }
    }

    document.getElementById('preview').innerHTML = marked(input)
}

document.onpaste = function(event) {
    f=document.getElementById('file-upload');
    files = event.clipboardData.files
    filename = files[0].name.toLowerCase()
    if (filename.endsWith(".jpg") || filename.endsWith(".jpeg") || filename.endsWith(".png") || filename.endsWith(".webp") || filename.endsWith(".gif"))
    {
        f.files = files;
        document.getElementById('filename-show').textContent = filename;
        document.getElementById('urlblock').classList.add('d-none');
        var fileReader = new FileReader();
        fileReader.readAsDataURL(f.files[0]);
        fileReader.addEventListener("load", function () {document.getElementById('image-preview').setAttribute('src', this.result);});  
        document.getElementById('file-upload').setAttribute('required', 'false');
        checkForRequired();
    }
}

document.getElementById('file-upload').addEventListener('change', function(){
    f=document.getElementById('file-upload');
    document.getElementById('urlblock').classList.add('d-none');
    document.getElementById('filename-show').textContent = document.getElementById('file-upload').files[0].name;
    filename = f.files[0].name.toLowerCase()
    if (filename.endsWith(".jpg") || filename.endsWith(".jpeg") || filename.endsWith(".png") || filename.endsWith(".webp") || filename.endsWith(".webp"))
    {
        var fileReader = new FileReader();
        fileReader.readAsDataURL(f.files[0]);
        fileReader.addEventListener("load", function () {document.getElementById('image-preview').setAttribute('src', this.result);});  
        checkForRequired();
    }
})