diff --git a/scripts/system/html/js/marketplacesInject.js b/scripts/system/html/js/marketplacesInject.js
index 8d408169ba..56075a514e 100644
--- a/scripts/system/html/js/marketplacesInject.js
+++ b/scripts/system/html/js/marketplacesInject.js
@@ -28,10 +28,6 @@
var xmlHttpRequest = null;
var isPreparing = false; // Explicitly track download request status.
- var limitedCommerce = false;
- var commerceMode = false;
- var userIsLoggedIn = false;
- var walletNeedsSetup = false;
var marketplaceBaseURL = "https://highfidelity.com";
var messagesWaiting = false;
@@ -109,356 +105,6 @@
});
}
- emitWalletSetupEvent = function () {
- EventBridge.emitWebEvent(JSON.stringify({
- type: "WALLET_SETUP"
- }));
- };
-
- function maybeAddSetupWalletButton() {
- if (!$('body').hasClass("walletsetup-injected") && userIsLoggedIn && walletNeedsSetup) {
- $('body').addClass("walletsetup-injected");
-
- var resultsElement = document.getElementById('results');
- var setupWalletElement = document.createElement('div');
- setupWalletElement.classList.add("row");
- setupWalletElement.id = "setupWalletDiv";
- setupWalletElement.style = "height:60px;margin:20px 10px 10px 10px;padding:12px 5px;" +
- "background-color:#D6F4D8;border-color:#aee9b2;border-width:2px;border-style:solid;border-radius:5px;";
-
- var span = document.createElement('span');
- span.style = "margin:10px 5px;color:#1b6420;font-size:15px;";
- span.innerHTML = "Activate your Wallet to get money and shop in Marketplace.";
-
- var xButton = document.createElement('a');
- xButton.id = "xButton";
- xButton.setAttribute('href', "#");
- xButton.style = "width:50px;height:100%;margin:0;color:#ccc;font-size:20px;";
- xButton.innerHTML = "X";
- xButton.onclick = function () {
- setupWalletElement.remove();
- dummyRow.remove();
- };
-
- setupWalletElement.appendChild(span);
- setupWalletElement.appendChild(xButton);
-
- resultsElement.insertBefore(setupWalletElement, resultsElement.firstChild);
-
- // Dummy row for padding
- var dummyRow = document.createElement('div');
- dummyRow.classList.add("row");
- dummyRow.style = "height:15px;";
- resultsElement.insertBefore(dummyRow, resultsElement.firstChild);
- }
- }
-
- function maybeAddLogInButton() {
- if (!$('body').hasClass("login-injected") && !userIsLoggedIn) {
- $('body').addClass("login-injected");
- var resultsElement = document.getElementById('results');
- if (!resultsElement) { // If we're on the main page, this will evaluate to `true`
- resultsElement = document.getElementById('item-show');
- resultsElement.style = 'margin-top:0;';
- }
- var logInElement = document.createElement('div');
- logInElement.classList.add("row");
- logInElement.id = "logInDiv";
- logInElement.style = "height:60px;margin:20px 10px 10px 10px;padding:5px;" +
- "background-color:#D6F4D8;border-color:#aee9b2;border-width:2px;border-style:solid;border-radius:5px;";
-
- var button = document.createElement('a');
- button.classList.add("btn");
- button.classList.add("btn-default");
- button.id = "logInButton";
- button.setAttribute('href', "#");
- button.innerHTML = "LOG IN";
- button.style = "width:80px;height:100%;margin-top:0;margin-left:10px;padding:13px;font-weight:bold;background:linear-gradient(white, #ccc);";
- button.onclick = function () {
- EventBridge.emitWebEvent(JSON.stringify({
- type: "LOGIN"
- }));
- };
-
- var span = document.createElement('span');
- span.style = "margin:10px;color:#1b6420;font-size:15px;";
- span.innerHTML = "to get items from the Marketplace.";
-
- var xButton = document.createElement('a');
- xButton.id = "xButton";
- xButton.setAttribute('href', "#");
- xButton.style = "width:50px;height:100%;margin:0;color:#ccc;font-size:20px;";
- xButton.innerHTML = "X";
- xButton.onclick = function () {
- logInElement.remove();
- dummyRow.remove();
- };
-
- logInElement.appendChild(button);
- logInElement.appendChild(span);
- logInElement.appendChild(xButton);
-
- resultsElement.insertBefore(logInElement, resultsElement.firstChild);
-
- // Dummy row for padding
- var dummyRow = document.createElement('div');
- dummyRow.classList.add("row");
- dummyRow.style = "height:15px;";
- resultsElement.insertBefore(dummyRow, resultsElement.firstChild);
- }
- }
-
- function changeDropdownMenu() {
- var logInOrOutButton = document.createElement('a');
- logInOrOutButton.id = "logInOrOutButton";
- logInOrOutButton.setAttribute('href', "#");
- logInOrOutButton.innerHTML = userIsLoggedIn ? "Log Out" : "Log In";
- logInOrOutButton.onclick = function () {
- EventBridge.emitWebEvent(JSON.stringify({
- type: "LOGIN"
- }));
- };
-
- $($('.dropdown-menu').find('li')[0]).append(logInOrOutButton);
-
- $('a[href="/marketplace?view=mine"]').each(function () {
- $(this).attr('href', '#');
- $(this).on('click', function () {
- EventBridge.emitWebEvent(JSON.stringify({
- type: "MY_ITEMS"
- }));
- });
- });
- }
-
- function buyButtonClicked(id, referrer, edition) {
- EventBridge.emitWebEvent(JSON.stringify({
- type: "CHECKOUT",
- itemId: id,
- referrer: referrer,
- itemEdition: edition
- }));
- }
-
- function injectBuyButtonOnMainPage() {
- var cost;
-
- // Unbind original mouseenter and mouseleave behavior
- $('body').off('mouseenter', '#price-or-edit .price');
- $('body').off('mouseleave', '#price-or-edit .price');
-
- $('.grid-item').find('#price-or-edit').each(function () {
- $(this).css({ "margin-top": "0" });
- });
-
- $('.grid-item').find('#price-or-edit').find('a').each(function() {
- if ($(this).attr('href') !== '#') { // Guard necessary because of the AJAX nature of Marketplace site
- $(this).attr('data-href', $(this).attr('href'));
- $(this).attr('href', '#');
- }
- cost = $(this).closest('.col-xs-3').find('.item-cost').text();
- var costInt = parseInt(cost, 10);
-
- $(this).closest('.col-xs-3').prev().attr("class", 'col-xs-6');
- $(this).closest('.col-xs-3').attr("class", 'col-xs-6');
-
- var priceElement = $(this).find('.price');
- var available = true;
-
- if (priceElement.text() === 'invalidated' ||
- priceElement.text() === 'sold out' ||
- priceElement.text() === 'not for sale') {
- available = false;
- priceElement.css({
- "padding": "3px 5px 10px 5px",
- "height": "40px",
- "background": "linear-gradient(#a2a2a2, #fefefe)",
- "color": "#000",
- "font-weight": "600",
- "line-height": "34px"
- });
- } else {
- priceElement.css({
- "padding": "3px 5px",
- "height": "40px",
- "background": "linear-gradient(#00b4ef, #0093C5)",
- "color": "#FFF",
- "font-weight": "600",
- "line-height": "34px"
- });
- }
-
- if (parseInt(cost) > 0) {
- priceElement.css({ "width": "auto" });
-
- if (available) {
- priceElement.html(' ' + cost);
- }
-
- priceElement.css({ "min-width": priceElement.width() + 30 });
- }
- });
-
- // change pricing to GET/BUY on button hover
- $('body').on('mouseenter', '#price-or-edit .price', function () {
- var $this = $(this);
- var buyString = "BUY";
- var getString = "GET";
- // Protection against the button getting stuck in the "BUY"/"GET" state.
- // That happens when the browser gets two MOUSEENTER events before getting a
- // MOUSELEAVE event. Also, if not available for sale, just return.
- if ($this.text() === buyString ||
- $this.text() === getString ||
- $this.text() === 'invalidated' ||
- $this.text() === 'sold out' ||
- $this.text() === 'not for sale' ) {
- return;
- }
- $this.data('initialHtml', $this.html());
-
- var cost = $(this).parent().siblings().text();
- if (parseInt(cost) > 0) {
- $this.text(buyString);
- }
- if (parseInt(cost) == 0) {
- $this.text(getString);
- }
- });
-
- $('body').on('mouseleave', '#price-or-edit .price', function () {
- var $this = $(this);
- $this.html($this.data('initialHtml'));
- });
-
-
- $('.grid-item').find('#price-or-edit').find('a').on('click', function () {
- var price = $(this).closest('.grid-item').find('.price').text();
- if (price === 'invalidated' ||
- price === 'sold out' ||
- price === 'not for sale') {
- return false;
- }
- buyButtonClicked($(this).closest('.grid-item').attr('data-item-id'),
- "mainPage",
- -1);
- });
- }
-
- function injectUnfocusOnSearch() {
- // unfocus input field on search, thus hiding virtual keyboard
- $('#search-box').on('submit', function () {
- if (document.activeElement) {
- document.activeElement.blur();
- }
- });
- }
-
- // fix for 10108 - marketplace category cannot scroll
- function injectAddScrollbarToCategories() {
- $('#categories-dropdown').on('show.bs.dropdown', function () {
- $('body > div.container').css('display', 'none')
- $('#categories-dropdown > ul.dropdown-menu').css({ 'overflow': 'auto', 'height': 'calc(100vh - 110px)' });
- });
-
- $('#categories-dropdown').on('hide.bs.dropdown', function () {
- $('body > div.container').css('display', '');
- $('#categories-dropdown > ul.dropdown-menu').css({ 'overflow': '', 'height': '' });
- });
- }
-
- function injectHiFiCode() {
- if (commerceMode) {
- maybeAddLogInButton();
- maybeAddSetupWalletButton();
-
- if (!$('body').hasClass("code-injected")) {
-
- $('body').addClass("code-injected");
- changeDropdownMenu();
-
- var target = document.getElementById('templated-items');
- // MutationObserver is necessary because the DOM is populated after the page is loaded.
- // We're searching for changes to the element whose ID is '#templated-items' - this is
- // the element that gets filled in by the AJAX.
- var observer = new MutationObserver(function (mutations) {
- mutations.forEach(function (mutation) {
- injectBuyButtonOnMainPage();
- });
- });
- var config = { attributes: true, childList: true, characterData: true };
- observer.observe(target, config);
-
- // Try this here in case it works (it will if the user just pressed the "back" button,
- // since that doesn't trigger another AJAX request.
- injectBuyButtonOnMainPage();
- }
- }
-
- injectUnfocusOnSearch();
- injectAddScrollbarToCategories();
- }
-
- function injectHiFiItemPageCode() {
- if (commerceMode) {
- maybeAddLogInButton();
-
- if (!$('body').hasClass("code-injected")) {
-
- $('body').addClass("code-injected");
- changeDropdownMenu();
-
- var purchaseButton = $('#side-info').find('.btn').first();
-
- var href = purchaseButton.attr('href');
- purchaseButton.attr('href', '#');
- var cost = $('.item-cost').text();
- var costInt = parseInt(cost, 10);
- var availability = $.trim($('.item-availability').text());
- if (limitedCommerce && (costInt > 0)) {
- availability = '';
- }
- if (availability === 'available') {
- purchaseButton.css({
- "background": "linear-gradient(#00b4ef, #0093C5)",
- "color": "#FFF",
- "font-weight": "600",
- "padding-bottom": "10px"
- });
- } else {
- purchaseButton.css({
- "background": "linear-gradient(#a2a2a2, #fefefe)",
- "color": "#000",
- "font-weight": "600",
- "padding-bottom": "10px"
- });
- }
-
- var type = $('.item-type').text();
- var isUpdating = window.location.href.indexOf('edition=') > -1;
- var urlParams = new URLSearchParams(window.location.search);
- if (isUpdating) {
- purchaseButton.html('UPDATE FOR FREE');
- } else if (availability !== 'available') {
- purchaseButton.html('UNAVAILABLE ' + (availability ? ('(' + availability + ')') : ''));
- } else if (parseInt(cost) > 0 && $('#side-info').find('#buyItemButton').size() === 0) {
- purchaseButton.html('PURCHASE ' + cost);
- }
-
- purchaseButton.on('click', function () {
- if ('available' === availability || isUpdating) {
- buyButtonClicked(window.location.pathname.split("/")[3],
- "itemPage",
- urlParams.get('edition'));
- }
- });
- }
- }
-
- injectUnfocusOnSearch();
- }
-
function updateClaraCode() {
// Have to repeatedly update Clara page because its content can change dynamically without location.href changing.
@@ -695,16 +341,9 @@
case DIRECTORY:
injectDirectoryCode();
break;
- case HIFI:
- injectHiFiCode();
- break;
case CLARA:
injectClaraCode();
break;
- case HIFI_ITEM_PAGE:
- injectHiFiItemPageCode();
- break;
-
}
}
@@ -717,10 +356,6 @@
cancelClaraDownload();
} else if (message.type === "marketplaces") {
if (message.action === "commerceSetting") {
- limitedCommerce = !!message.data.limitedCommerce;
- commerceMode = !!message.data.commerceMode;
- userIsLoggedIn = !!message.data.userIsLoggedIn;
- walletNeedsSetup = !!message.data.walletNeedsSetup;
marketplaceBaseURL = message.data.metaverseServerURL;
if (marketplaceBaseURL.indexOf('metaverse.') !== -1) {
marketplaceBaseURL = marketplaceBaseURL.replace('metaverse.', '');