Subversion Repositories munaweb

Rev

Rev 17 | Go to most recent revision | Blame | Compare with Previous | Last modification | View Log | RSS feed 

<!DOCTYPE html>
<html lang="en">

<head>
    <title>eBay Listing Upload</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <link rel="icon" href="favicon.ico" type="image/x-icon">

    <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
    <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
    <link rel="stylesheet" href="css/style.css">
    <script src="js/XMLWriter.js"></script>
    <script src="js/lodash.min.js"></script>
    <script src="js/muna-tools.js"></script>
</head>

<body onload="return initConfig();">
    <div class="w3-main">
        <div class="w3-container w3-padding w3-margin w3-card-4">
            <div class="w3-container w3-gray" style="height:100px">
                <img class="w3-image" src="images/MUNA%20-%20Logo%20100x100.png" alt="MUNA Trading Logo" style="height:100px">
                <p id="connected" class="w3-xxlarge w3-right">eBay Listing Upload
                    <input id="login" type="button" class="w3-btn w3-large w3-green w3-margin w3-round-large w3-ripple w3-right w3-hide" onclick="eBayLogin();" value="Login" />
                </p>
            </div>

            <div class="w3-row">
                <div>
                    <form id="searchForm" class="w3-container w3-light-grey w3-padding w3-small">
                        <div class="w3-container w3-card-2 w3-cell w3-padding">
                            <input id="startButton" type="button" class="w3-btn w3-large w3-red w3-margin w3-round-large w3-ripple" onclick="uploadListings();" value="Start" />
                            <p id="numberOfListings" class="w3-right"></p>
                        </div>
                    </form>
                </div>
                <div id="progressBarDiv" class="w3-container w3-padding w3-margin w3-card-4 w3-hide">
                    <h2 id="progressBarHeader"></h2>
                    <div class="w3-light-grey">
                        <div id="progressBar" class="w3-container w3-green w3-center" style="width:0%">0%</div>
                    </div>
                </div>
                <div id="logging" class="w3-container w3-padding"></div>
                <div id="results" class="w3-container w3-padding w3-card-4 w3-hide"></div>
            </div>
        </div>

        <footer class="w3-container w3-center w3-border-top w3-margin">
            <div w3-include-html="php/footer.php"></div>
        </footer>

    </div>

    <script>

// Globals
var configGetRecommendations = true;
var xml = '';
var listItems = [];

// Initialize Configuration Variables
function initConfig() {
    var i;
    var j;

    eBayAuthToken = readCookie();
    if (eBayAuthToken.length > 0) {
        connected();
    }

    if (eBayAuthTokenFlag === false) {
        var x = document.getElementById("login");
        if (x.className.indexOf("w3-show") == -1) {
            x.className += " w3-show";
        }
    }

    var xhttp = new XMLHttpRequest();
    xhttp.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200) {
            //window.alert(this.responseText);

            var parser = new DOMParser();
            var htmlDoc = parser.parseFromString(this.responseText, "text/html");
            var x = htmlDoc.getElementsByTagName("a");

            listItems = [];

            for (i = 0, j = 0; i < x.length; i++) {
                if (htmlDoc.getElementsByTagName("a")[i].innerHTML.endsWith(".xml")) {
                    var n = htmlDoc.getElementsByTagName("a")[i].innerHTML.lastIndexOf(".xml");
                    listItems[j] = htmlDoc.getElementsByTagName("a")[i].innerHTML.substr(0, n);
                    j++;
                }
            }

            document.getElementById('numberOfListings').innerHTML = j + ' Listing(s) Ready for eBay Upload';
        }
    };

    xhttp.open("GET", configListingUrl + '?t=' + Math.random(), true);
    xhttp.send();
}

function requireNewLogin() {
    // dummy
}

function uploadListings() {
    var i = 0;

    document.getElementById("logging").innerHTML = '';
    document.getElementById("results").innerHTML = '';

    initProgressBar('Uploading Listings');

    function for1() {
        updateProgressBar(listItems.length, i);
        uploadListing(listItems[i]);
        for2();
    }

    function for2() {
        if (i == listItems.length) {
            endProgressBar();
            return false;
        }

        setTimeout(function() {
            i++;
            document.getElementById("logging").innerHTML = 'Uploading No. ' + i + '/' + listItems.length;
            for1();
        }, 500);
    }

    for1();
}

function uploadListing(name) {
    var xhttp;

    xhttp = new XMLHttpRequest();

    xhttp.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200) {
            //                  verifyListing(name, xhttp.responseText);
            submitListing(name, xhttp.responseText);
        }
    };

    xhttp.open("GET", configListingUrl + name + '.xml', true);
    xhttp.send();
}

function verifyListing(name, itemXML) {
    var i;
    var authErrorFlag = false;

    if (eBayAuthTokenFlag === false) {
        return;
    }

    var xw = new XMLWriter('UTF-8', '1.0');
    var xhr = new XMLHttpRequest();

    createAddXML(xw, xhr, 'VerifyAddItemRequest', 'VerifyAddItem', itemXML);

    xml = xw.flush();
    xw.close();

    xhr.onload = function() {
        var jsonObj = XMLparse(xhr.responseXML, false);
        var obj = jsonObj.VerifyAddItemResponse;
        var returnCode = obj.Ack;
        var str;

        var x = document.getElementById("results");
        if (x.className.indexOf("w3-show") == -1) {
            x.className += " w3-show";
        }

        if (returnCode == 'Success' || (returnCode == 'Warning' && obj.Errors.ErrorCode == '21917108')) {
            str = '<p><strong>' + returnCode + ' (' + name + ')</strong></p>';

            if (returnCode == 'Warning') {
                str += "<p>" + obj.Errors.SeverityCode + " (" + obj.Errors.ErrorCode + "): " + escapeHtml(obj.Errors.LongMessage) + "</p>";
            }
            var fees = getJsonArray(obj.Fees.Fee);
            str += "<p>";
            for (i = 0; i < fees.length; i++) {
                if (fees[i].Fee.text !== "0.0") {
                    str += fees[i].Name + ": $" + Number(fees[i].Fee.text).toFixed(2) + "<br/>";
                }
            }
            str += "</p>";

            if (obj.DiscountReason) {
                str += "<p>Discount Reason: " + obj.DiscountReason + "</p>";
            }

            var recommendations = getJsonArray(obj.ListingRecommendations);
            for (i = 0; i < recommendations.length; i++) {
                str += decode(recommendations[i]);
            }
            
            x.innerHTML += str;
        } else {
            str = '<p class="w3-red"><strong>' + returnCode + ' (' + name + ')</strong></p>';

            var errors = getJsonArray(obj.Errors);
            str += "<p>";
            for (i = 0; i < errors.length; i++) {
                str += errors[i].SeverityCode + " (" + errors[i].ErrorCode + "): " + escapeHtml(errors[i].LongMessage) + "<br/>";
                if (errors[i].LongMessage.includes('Auth')) {
                    authErrorFlag = true;
                }
            }
            str += "</p>";

            if (obj.DuplicateInvocationDetails) {
                str += '<p>Duplicate Invocation Id ' + obj.DuplicateInvocationDetails.DuplicateInvocationID + ' Tracking Id' + obj.DuplicateInvocationDetails.InvocationTrackingID + ' Status ' + obj.DuplicateInvocationDetails.Status + '</p>';
            }

            x.innerHTML += str;

            if (authErrorFlag === true) {
                eBayAuthTokenFlag = false;
                x = document.getElementById("login");
                if (x.className.indexOf("w3-show") == -1) {
                    x.className += " w3-show";
                }
            }
        }

        if (obj.Message) {
            x.innerHTML += obj.Message;
        }
    };

    xhr.send(xml);
}

function decode(recommendation) {
    var str = "<p>";
    var i;

    str += recommendation.Code + " (" + recommendation.Type + "/" + recommendation.Group + ") for '" + recommendation.FieldName;
    if (recommendation.Value) {
        str += "': " + recommendation.Value;
    }

    if (recommendation.Message) {
        str += "<br/>" + recommendation.Message;
    }

    var metadata = recommendation.Metadata;
    if (metadata) {
        if (metadata.length > 0) {
            for (i = 0; i < metadata.length; i++) {
                if (metadata[i].Name != "correlationId" &&
                    metadata[i].Name != "currency" &&
                    metadata[i].Name != "similarItems") {
                    str += "<br/>" + metadata[i].Name + " = " + metadata[i].Value;
                }
            }
        } else {
            if (metadata.Name != "correlationId" &&
                metadata.Name != "currency" &&
                metadata.Name != "similarItems") {
                str += "<br/>" + metadata.Name + " = " + metadata.Value;
            }
        }
    }

    str += "</p>";

    return str;
}

function submitListing(name, itemXML) {
    var i;
    var authErrorFlag = false;

    if (document.getElementById("startButton").className.indexOf("w3-green") == -1) {
        return;
    }

    var xw = new XMLWriter('UTF-8', '1.0');
    var xhr = new XMLHttpRequest();

    createAddXML(xw, xhr, 'AddItemRequest', 'AddItem', itemXML);

    xml = xw.flush();
    xw.close();

    xhr.onload = function() {
        var jsonObj = XMLparse(xhr.responseXML, false);
        var obj = jsonObj.AddItemResponse;
        var returnCode = obj.Ack;
        var str;

        var x = document.getElementById("results");
        if (x.className.indexOf("w3-show") == -1) {
            x.className += " w3-show";
        }

        if (returnCode == 'Success' || (returnCode == 'Warning' && obj.Errors.ErrorCode == '21917108')) {
            str = '<p><strong>' + returnCode + '</strong>, Item Id <a href="https://www.ebay.com/itm/' + obj.ItemID + '" target="_blank">' + obj.ItemID + '</a> (' + name + ')</p>';
            if (returnCode == 'Warning') {
                str += "<p>" + obj.Errors.SeverityCode + " (" + obj.Errors.ErrorCode + "): " + escapeHtml(obj.Errors.LongMessage) + "</p>";
            }

            var fees = getJsonArray(obj.Fees.Fee);
            str += "<p>";
            for (i = 0; i < fees.length; i++) {
                if (fees[i].Fee.text !== "0.0") {
                    str += fees[i].Name + ": $" + Number(fees[i].Fee.text).toFixed(2) + "<br/>";
                }
            }
            str += "</p>";

            if (obj.DiscountReason) {
                str += "<p>Discount Reason: " + obj.DiscountReason + "</p>";
            }

            x.innerHTML += str;
        } else {
            str = '<p class="w3-red"><strong>' + returnCode + ' (' + name + ')</strong></p>';

            var errors = getJsonArray(obj.Errors);
            str += "<p>";
            for (i = 0; i < errors.length; i++) {
                str += errors[i].SeverityCode + " (" + errors[i].ErrorCode + "): " + escapeHtml(errors[i].LongMessage) + "<br/>";
                if (errors[i].LongMessage.includes('Auth')) {
                    authErrorFlag = true;
                }
            }
            str += "</p>";

            if (obj.DuplicateInvocationDetails) {
                str += '<p>Duplicate Invocation Id ' + obj.DuplicateInvocationDetails.DuplicateInvocationID + ' Tracking Id' + obj.DuplicateInvocationDetails.InvocationTrackingID + ' Status ' + obj.DuplicateInvocationDetails.Status + '</p>';
            }

            x.innerHTML += str;

            if (authErrorFlag === true) {
                eBayAuthTokenFlag = false;
                x = document.getElementById("login");
                if (x.className.indexOf("w3-show") == -1) {
                    x.className += " w3-show";
                }
            }
        }
    };

    xhr.send(xml);
}

function createAddXML(xw, xhr, xmlrequest, callname, itemXML) {
    xw.writeStartDocument();
    xw.writeStartElement(xmlrequest);
    xw.writeAttributeString('xmlns', 'urn:ebay:apis:eBLBaseComponents');

    xw.writeStartElement('RequesterCredentials');
    xw.writeElementString('eBayAuthToken', eBayAuthToken);
    xw.writeEndElement(); /* RequesterCredentials */

    xw.writeXML(itemXML);

    xw.writeElementString('ErrorLanguage', 'en_US');
    xw.writeElementString('Version', configeBayTradingVersion);
    xw.writeElementString('WarningLevel', configWarningLevel);

    xw.writeEndElement(); /* xmlrequest */
    xw.writeEndDocument();

    xhr.open('POST', configProxyUrl, true);
    xhr.setRequestHeader('Content-Type', 'text/xml');
    xhr.setRequestHeader('X-EBAY-API-APP-NAME', configAppid);
    xhr.setRequestHeader('X-EBAY-API-COMPATIBILITY-LEVEL', configeBayTradingVersion);
    xhr.setRequestHeader('X-EBAY-API-CALL-NAME', callname);
    xhr.setRequestHeader('X-EBAY-API-SITEID', '0');
    xhr.setRequestHeader('X-EBAY-API-DEV-NAME', '');
    xhr.setRequestHeader('X-EBAY-API-CERT-NAME', '');
    xhr.setRequestHeader('X-Proxy-URL', configServiceEndpoint);
}

function clearStatusWindows() {
    var x = document.getElementById("results");
    x.innerHTML = "";
    x.className = x.className.replace(" w3-show", "");
}

function connected() {
    var x;

    eBayAuthTokenFlag = true;
    document.getElementById("connected").innerHTML += " (Connected)";

    x = document.getElementById("startButton");
    x.className = x.className.replace(" w3-red", " w3-green");

    x = document.getElementById("login");
    x.className = x.className.replace(" w3-show", "");
}

    </script>
    <script>includeHTML();</script>

</body>
</html>