function logout_callback(response, code) {
    if (code === 200) {
        sessionStorage.removeItem('authorization');
        location.reload();
    } else {
        create_error_view(response['error'] + ` <span onclick="this.parentElement.children[1].click(); window.history.pushState('index', 'Filemanager', 'index.html?path='); url_changed();">Return to root directory</span>`);
    }
}

function remove_callback(response, code) {
    if (code === 200) {
        create_success_view("Successfully deleted.");
        url_changed();
    } else {
        create_error_view(response);
    }
}

function save_file_callback(response, code) {
    if (code === 200) {
        create_success_view("Saved file successfully");
    } else {
        create_error_view(JSON.parse(response)['error']);
    }
}


function show_image_callback(response, code) {
    if (code === 200) {
        document.getElementsByClassName("modal_content")[0].innerHTML = `<img style="width: 100%" src="data:image/png;base64, ${response}" alt="Image">`;
    } else {
        create_error_view(response['error'] + ` <span onclick="this.parentElement.children[1].click(); window.history.pushState('index', 'Filemanager', 'index.html?path='); url_changed();">Return to root directory</span>`);
    }
}

function show_text_callback(response, code) {
    if (code === 200) {
        document.getElementsByClassName("modal_content")[0].innerHTML = `<textarea id="textarea" style="width: calc(100% - 8px); height: 90%">${response}</textarea>
        <button onclick="save_file(document.getElementById('modal_title').children[0].innerHTML, document.getElementById('textarea').value.trim())" type="button" value="Save">Save</button>
        <button onclick="document.getElementById('modal').style.display = 'none'" type="button" value="Discard">Discard</button>`;
    } else {
        create_error_view(response['error'] + ` <span onclick="this.parentElement.children[1].click(); window.history.pushState('index', 'Filemanager', 'index.html?path='); url_changed();">Return to root directory</span>`);
    }
}

function show_audio_callback(response, code) {
    if (code === 200) {
        document.getElementsByClassName("modal_content")[0].innerHTML = `<audio controls>
            <source src="data:audio;base64, ${response}">
                Your browser does not support the audio element.
        </audio>`;
    } else {
        create_error_view(response['error'] + ` <span onclick="this.parentElement.children[1].click(); window.history.pushState('index', 'Filemanager', 'index.html?path='); url_changed();">Return to root directory</span>`);
    }
}

function show_video_callback(response, code) {
    if (code === 200) {
        document.getElementsByClassName("modal_content")[0].innerHTML = `<video controls style="width: 100%;">
            <source src="data:video;base64, ${response}">
                Your browser does not support the audio element.
        </video>`;
    } else {
        create_error_view(response['error'] + ` <span onclick="this.parentElement.children[1].click(); window.history.pushState('index', 'Filemanager', 'index.html?path='); url_changed();">Return to root directory</span>`);
    }
}