WebSVN – munaweb – /ebay/upload.html

<!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/vkbeautify.js"></script>
    <script src="js/lodash.min.js"></script>
    <script src="js/XMLparse.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">
            Copyright &#169; 2018 MUNA Trading. All rights reserved.
        </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();
        //window.alert(vkbeautify.xml(xml));

        xhr.onload = function() {
                var obj = XMLparse(xhr.responseXML);
                //window.alert(JSON.stringify(obj));
                //window.alert(vkbeautify.xml(xhr.responseText));

                var returnCode = obj.Ack;

                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')) {
                        x.innerHTML += '<p><strong>' + returnCode + ' (' + name + ')</strong></p>';

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

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

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

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

                        x.innerHTML += "</p>";

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

                        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();
        //window.alert(vkbeautify.xml(xml));

        xhr.onload = function() {
                var obj = XMLparse(xhr.responseXML);
                //window.alert(JSON.stringify(obj));
                //window.alert(vkbeautify.xml(xhr.responseText));

                var returnCode = obj.Ack;

                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')) {
                        x.innerHTML += '<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') {
                                x.innerHTML += "<p>" + obj.Errors.SeverityCode + " (" + obj.Errors.ErrorCode + "): " + escapeHtml(obj.Errors.LongMessage) + "</p>";
                        }

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

                        if (obj.DiscountReason) {
                                x.innerHTML += "<p>Discount Reason: " + obj.DiscountReason + "</p>";
                        }
                } else {
                        x.innerHTML += '<p class="w3-red"><strong>' + returnCode + ' (' + name + ')</strong></p>';

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

                        x.innerHTML += "</p>";

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

                        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>

</body>
</html>
Subversion Repositories munaweb

(root)/ebay/upload.html – Rev 4
