wrapperr/index.js

function cookie_login_actions() {
    cookie = get_cookie('wrapperr-user');

    if(cookie && !plex_identity) {
        document.getElementById('search_wrapped_form').style.display = 'block';
        document.getElementById('plex_login_form').style.display = 'none';
        document.getElementById('sign_out_div').style.display = 'block';
        
        validate_cookie_user(cookie);
    }
}

function wrapped_link_actions(hash) {

    hash_form = {
        "hash" : hash
    };

    var hash_data = JSON.stringify(hash_form);

    var xhttp = new XMLHttpRequest();
    xhttp.onreadystatechange = function() {
        if (this.readyState == 4 && (this.status == 200 || this.status == 400 || this.status == 500)) {
            try {
                var result= JSON.parse(this.responseText);
            } catch(error) {
                document.getElementById('stats').innerHTML = "API response can't be parsed.";
                console.log("API response can't be parsed. Response: " + this.responseText);
                reset_button();
            }

            if(result.error) {
                document.getElementById('stats').innerHTML = '<p>' + result.message + '</p><img id="bored_image" src="assets/img/bored.svg" style="width: 10em; height: 10em; display:block; margin: 1em auto;">';
            } else {
                results = result.data;
                functions = result.functions;
                load_page();
            }
        }
    };
    xhttp.withCredentials = true;
    xhttp.open("post", "api/get_link.php");
    xhttp.send(hash_data);
}

function sign_out() {

    set_cookie("wrapperr-user", "", 1);
    document.getElementById('search_wrapped_form').style.display = 'none';
    document.getElementById('plex_login_form').style.display = 'block';
    document.getElementById("plex_login_button").disabled = false;
    document.getElementById("plex_login_button").style.opacity = '1';
    document.getElementById("search_wrapped_button").disabled = true;
    document.getElementById("search_wrapped_button").style.opacity = '0.5';
    document.getElementById('sign_out_div').style.display = 'none';

    document.getElementById('share_wrapped_title_div').style.display = 'none';
    document.getElementById('share_wrapped_div').style.display = 'none';

}

function search_wrapperr(){
    
    document.getElementById("search_wrapped_button").disabled = true;
    document.getElementById("search_wrapped_button").style.opacity = '0.5';
    document.getElementById("plex_signout_button").disabled = true;
    document.getElementById("plex_signout_button").style.opacity = '0.5';
    document.getElementById('results_error').innerHTML = "";
    get_functions();

}

function plex_login(){
    
    window_url = window.location.href.split('?')[0];

    auth_form = {
                    "home_url" : window_url
                };

    var auth_data = JSON.stringify(auth_form);

    var xhttp = new XMLHttpRequest();
    xhttp.onreadystatechange = function() {
        if (this.readyState == 4 && (this.status == 200 || this.status == 400 || this.status == 500)) {
            try {
                var result= JSON.parse(this.responseText);
                document.getElementById('snowflakes').style.display = 'none';
            } catch(error) {
                document.getElementById('results_error').innerHTML = "API response can't be parsed.";
                console.log("API response can't be parsed. Response: " + this.responseText);
            }

            //console.log(result);

            if(result.error) {
                document.getElementById('results_error').innerHTML = result.message;

            } else {
                pop_up_login(result.url, result.code, result.id);
            }
        }
    };
    xhttp.withCredentials = true;
    xhttp.open("post", "api/get_login_url.php");
    xhttp.send(auth_data);

}

function pop_up_login(url, code, id) {

    document.getElementById('plex_login_button_text').innerHTML = 'Loading...';
    document.getElementById("plex_login_button").disabled = true;
    document.getElementById("plex_login_button").style.opacity = '0.5';

    const openedWindow = window.open(
        url,
        "Plex Login",
        "width=500,height=750,resizable,scrollbars,popup=yes"
    );

    if (openedWindow == null || typeof(openedWindow)=='undefined') {
        alert("Failed to open login window. Your browser might be blocking pop-up windows.");
        return;
    }

    var timer = setInterval(function() { 
        if(openedWindow.closed) {
            
            check_token(code, id);

            clearInterval(timer);

        }
    }, 1000);

}

function check_token(code, id) {

    auth_form = {
                    "code" : code,
                    "id" : id
                };

    var auth_data = JSON.stringify(auth_form);

    var xhttp = new XMLHttpRequest();
    xhttp.onreadystatechange = function() {
        if (this.readyState == 4 && (this.status == 200 || this.status == 400 || this.status == 500)) {
            try {
                var result= JSON.parse(this.responseText);
            } catch(error) {
                document.getElementById('results_error').innerHTML = "API response can't be parsed.";
                console.log('API response can\'t be parsed. Response: ' + this.responseText);
                reset_button();
            }
            
            //console.log(result);

            if(result.error) {
                reset_button();
            } else {
                set_cookie("wrapperr-user", result.cookie, 7);
                location.reload();
            }
        }
    };
    xhttp.withCredentials = true;
    xhttp.open("post", "api/get_login_cookie.php");
    xhttp.send(auth_data);

}

function reset_button() {
    document.getElementById('plex_login_button_text').innerHTML = 'Sign in using Plex';
    document.getElementById("plex_login_button").disabled = false;
    document.getElementById("plex_login_button").style.opacity = '1';
}

function validate_cookie_user(cookie) {
    var json_cookie = JSON.stringify({"cookie": cookie});
    var xhttp = new XMLHttpRequest();
    xhttp.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200) {

            try {
                var result= JSON.parse(this.responseText);
            } catch(error) {
                document.getElementById('results_error').innerHTML = "API response can't be parsed.";
                console.log("API response can't be parsed. Response: " + this.responseText);
                reset_button();
            }
            
            //console.log(result);

            if(result.error) {
                set_cookie("wrapperr-user", "", 1);
                document.getElementById('search_wrapped_form').style.display = 'none';
                document.getElementById('sign_out_div').style.display = 'none';
                document.getElementById('plex_login_form').style.display = 'block';
            } else {
                document.getElementById("plex_login_button").disabled = true;
                document.getElementById("plex_login_button").style.opacity = '0.5';
                document.getElementById("search_wrapped_button").disabled = false;
                document.getElementById("search_wrapped_button").style.opacity = '1';
                get_user_links(cookie);
            }

        }
    };
    xhttp.withCredentials = true;
    xhttp.open("post", "api/validate_login_cookie.php");
    xhttp.send(json_cookie);
    return;
}

function get_user_links(cookie) {
    cookie_form = {
                    "cookie" : cookie
                };

    var cookie_data = JSON.stringify(cookie_form);
    var xhttp = new XMLHttpRequest();
    xhttp.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200) {

            try {
                var result= JSON.parse(this.responseText);
            } catch(error) {
                console.log('Failed to parse Wrapperr links. Response: ' + this.responseText)
            }
            
            if(!result.error) {
                for(var i = 0; i < result.links.length; i++) {
                    document.getElementById('share_wrapped_url').innerHTML = window.location.href.split('?')[0] + '?hash=' + result.links[i].url_hash;
                    document.getElementById('share_wrapped_title_div').style.display = 'block';
                    document.getElementById('share_wrapped_div').style.display = 'flex';
                }
            }

        }
    };
    xhttp.withCredentials = true;
    xhttp.open("post", "api/get_link_user.php");
    xhttp.send(cookie_data);
    return;
}

function get_wrapper_version() {
    var xhttp = new XMLHttpRequest();
    xhttp.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200) {

            try {
                var result= JSON.parse(this.responseText);
            } catch(error) {
                console.log('Failed to parse Wrapperr version. Response: ' + this.responseText)
            }
            
            if(!result.error) {
                document.getElementById('github_link').innerHTML = 'GitHub (' + result.wrapperr_version + ')';

                if(result.application_name && result.application_name !== '' && !link_mode) {
                    document.getElementById('application_name').innerHTML = result.application_name;
                    document.title = result.application_name;
                }

                if(!result.use_plex_auth) {
                    wrapperr_search_function();
                }

                if(result.wrapperr_front_page_title !== '') {
                    document.getElementById('wrapperr_front_page_title').innerHTML = result.wrapperr_front_page_title;
                }

                if(result.wrapperr_front_page_subtitle !== '') {
                    document.getElementById('wrapperr_front_page_subtitle').innerHTML = result.wrapperr_front_page_subtitle;
                }

            }

        }
    };
    xhttp.withCredentials = true;
    xhttp.open("post", "api/get_wrapperr_version.php");
    xhttp.send();
    return;
}

function copy_link_user() {
    window.open(document.getElementById('share_wrapped_url').innerHTML, '_blank').focus();
}

function delete_link_user() {

    if(!confirm('Are you sure you want to delete this link?')) {
        return;
    }

    cookie_form = {
                    "cookie" : cookie
                };

    var cookie_data = JSON.stringify(cookie_form);
    var xhttp = new XMLHttpRequest();
    xhttp.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200) {

            try {
                var result= JSON.parse(this.responseText);
            } catch(error) {
                console.log('Failed to parse Wrapperr response. Response: ' + this.responseText)
            }
            
            if(!result.error) {
                document.getElementById('share_wrapped_title_div').style.display = 'none';
                document.getElementById('share_wrapped_div').style.display = 'none';
            } else {
                console.log(result.message);
            }

        }
    };
    xhttp.withCredentials = true;
    xhttp.open("post", "api/delete_link_user.php");
    xhttp.send(cookie_data);
    return;
}

function wrapperr_search_function() {

    set_cookie("wrapperr-user", "", 1);

    var html = '';
    
    html += '<div class="form-group">';
        html += '<label for="plex_identity" title="Your Plex username or email.">Plex username or email:</label>';
        html += '<input type="text" class="form-control" id="plex_identity" value="" autocomplete="on" required />';
    html += '</div>';

    html += '<div class="form-group" id="search_wrapped_button">';
        html += '<button class="form-control btn" name="search_wrapped_button" id="search_wrapped_button" style="opacity: 1;" onclick="search_wrapperr_no_auth()">';
            html += '<img src="assets/done.svg" class="btn_logo">';
            html += '<p2 id="search_wrapped_button_text">Unwrap</p2>';
        html += '</button>';
    html += '</div>';

    html += '<div class="form-group" id="sign_out_div" style="display: none;">';
        html += '<button class="form-control btn" name="plex_signout_button" id="plex_signout_button" onclick="sign_out()">';
            html += '<img src="assets/close.svg" class="btn_logo">';
            html += '<p2 id="plex_signout_button_text">Sign Out</p2>';
        html += '</button>';
    html += '</div>';

    document.getElementById('search_wrapped_form').innerHTML = html;
    document.getElementById('search_wrapped_form').style.display = 'block';
    document.getElementById('plex_login_form').style.display = 'none';
}

function search_wrapperr_no_auth(){

    document.getElementById("search_wrapped_button").disabled = true;
    document.getElementById("search_wrapped_button").style.opacity = '0.5';
    document.getElementById('results_error').innerHTML = "";

    plex_identity = document.getElementById("plex_identity").value

    if(plex_identity == "") {
        document.getElementById('results_error').innerHTML = 'You must provide a Plex username or email.';
        document.getElementById("search_wrapped_button").disabled = false;
        document.getElementById("search_wrapped_button").style.opacity = '1';
        return;
    }

    get_functions();

}