Victoria Victoria Server (2024)

Dining Room Furniture keyboard_arrow_right Sideboards keyboard_arrow_right Steve Silver Victoria Victoria Server

\r\n","Qty":1,"AddonDisplayOrder":0,"ShowLearnMoreLink":false,"IsPrimaryAddon":false,"IsPreselected":false}],"GroupName":"Protection Plan","GroupId":"18f3d22939324b8f8e80088c09b0bb57","DisplayOrder":0,"PresentationType":0,"PrimaryAddonButtonLabel1":null,"PrimaryAddonButtonLabel2":null,"CustomLeadInText":"Add"}], selectedAddonItems: [], currentAddon: {}, showLearnMoreDesc: false, addonDataFromUrl: "", // Stores add-on data from URL query string // Computed property to check whether current add-on is selected get currentAddonIsSelected() { return this.selectedAddonItems.find((selectedAddonItem) => selectedAddonItem.Gpid == this.currentAddon.Gpid); }, // Computed property to get total count of add-ons to add to cart get addToCartItemCount() { return (this.selectedAddonItems.length + (1 * this.parentQuantity)); }, // Computed property to calculate total price including base product price get addToCartPrice() { const baseItemPrice = 599.99 * this.parentQuantity; let totalPrice = 0; // Calculate total price of selected add-on items this.selectedAddonItems.forEach(selectedAddonItem => { for (i = 0; i < selectedAddonItem.Qty; i++) { var priceOfAddon = selectedAddonItem.Price; totalPrice += (priceOfAddon); } }); return this.formatPrice(parseFloat(totalPrice + baseItemPrice)); }, // Formats price as currency formatPrice(price) { const formatter = new Intl.NumberFormat('en-US', { style: 'currency', currency: 'USD', }); return formatter.format(price); }, // Handles selection of add-on handleSelectOption(addon) { // Check if selectedAddons has another option from this group let existingAddon = this.selectedAddonItems.find((selectedAddonItem) => selectedAddonItem.groupId == addon.groupId && selectedAddonItem.Gpid != addon.Gpid); if (existingAddon) { // Remove existing add-on let existingAddonInput = document.getElementById('check' + existingAddon.Gpid); existingAddonInput.click(); } this.$nextTick(() => { // Select new add-on let selectedAddonInput = document.getElementById('check' + addon.Gpid); selectedAddonInput.click(); }); }, // Handles click event for adding base product and add-ons to cart addItemsToCart() { if (this.parentGpid) { var addToCartItems = []; this.selectedAddonItems.forEach((sAddon) => addToCartItems.push({ addonGpid: sAddon.Gpid, qty: sAddon.Qty } )); if (this.parentQuantity <= 0) this.parentQuantity = 1; var data = '{"addToCartModel": ' + '{"parentGpid": ' + this.parentGpid + ',' + '"addToCartItems":' + JSON.stringify(addToCartItems) + "," + '"quantity":' + this.parentQuantity + '}' + '}'; var spinner = document.getElementById("spinner"); spinner.classList.remove("d-none"); var addToCartBtn = document.getElementById("add-to-cart-btn"); addToCartBtn.appendChild(spinner); var addToCartTxtElem = document.getElementById("add-to-cart-txt"); addToCartTxtElem.classList.add("d-none"); // Ajax request to add items to shopping cart $.ajax({ type: "POST", url: Utils.BaseURL + "AjaxItemService.asmx/AddMultipleItemsToShoppingCart", data: data, contentType: "application/json; charset=utf-8", dataType: "json", success: function (data) { // Hide spinner spinner.classList.add("d-none"); addToCartTxtElem.classList.remove("d-none"); // Update cart product count var addedCount = addToCartItems.length + 1; var cartItemCount = parseInt($(".js-cart-count").first().text().replace(/\D/g, ""), 0) + addedCount; if ($(".cart-status-v4").length > 0) $(".js-cart-count").text(cartItemCount); else $(".js-cart-count").text("(" + cartItemCount + ")"); // Track event for Google Analytics 4 fdEvents.publish("add_to_cart", data.d.Event) // Track event for Facebook Pixel window.fbPixel.done(function () { fbq('track', 'AddToCart', { content_type: 'product', content_ids: [parentGpid.toString()] }, { eventID: data.d.MetaEventId }); }); // Show confirmation modal document.getElementById("added-to-cart-modal-body").innerHTML = data.d.Html; $('#added-to-cart-modal').modal('show'); }, // Error handling for Ajax request error: function (error) { console.log(`Error when addding the following items to cart: ${JSON.stringify(addToCartItems)}. Error is: ${error.responseText}`); document.getElementById('added-to-cart-modal-body').innerHTML = "Looks like we encountered a problem, try re-adding your products to the cart."; $('#added-to-cart-modal').modal('show'); } }) } }, // Updates URL with current add-on data updateUrl() { const url = new URL(window.location.href); url.searchParams.set("addonData", encodeURIComponent(JSON.stringify(this.generateAddonData()))); window.history.replaceState({ path: url.href }, "", url.href); }, // Generates data object representing selected add-ons generateAddonData() { var data = []; this.selectedAddonItems.forEach((selectedAddonItem) => data.push({ addonGpid: selectedAddonItem.Gpid, groupId: selectedAddonItem.groupId })); return data; }, // Retrieves value of query string parameter by key getQueryStringValue(key) { const query = window.location.search.substring(1); const vars = query.split("&"); for (let i = 0; i < vars.length; i++) { const pair = vars[i].split("="); if (pair[0] == key) { return pair[1]; } } } } } function addonGroupComponent(_addonGroup) { return { init() { // Check whether there is add-on data from URL if (this.addonDataFromUrl) { // Find add-on data that matches current group ID const addonData = this.addonDataFromUrl.find(group => group.groupId == this.groupId); if (addonData) { // Find add-on within group that matches Gpid from the URL data const addonFromUrl = _addonGroup.AddonOptions.find(addonOption => addonOption.Gpid == addonData.addonGpid); addonFromUrl.groupId = this.groupId; this.handleSelectAddon(addonFromUrl); } } // If selectedOption is not already set and group is of type PrimaryAddon, // check whether primary add-on is preselected if (this.presentationType == 2) { this.primaryAddon = _addonGroup.AddonOptions.find(addonOption => addonOption.IsPrimaryAddon); this.primaryAddon.groupId = this.groupId; // Pre-select primary add-on if (this.primaryAddon && this.primaryAddon.IsPreselected && this.selectedAddonOptionGpid == 0) { this.handleSelectAddon(this.primaryAddon); } } else { var preselectedAddon = _addonGroup.AddonOptions.find(addonOption => addonOption.IsPreselected); if (preselectedAddon && this.selectedOption.gpid == 0) { preselectedAddon.groupId = this.groupId; this.handleSelectAddon(preselectedAddon); } } }, groupId: _addonGroup.GroupId, // Stores unique ID of add-on groupName: _addonGroup.GroupName, // Stores name of add-on group groupNameLeadInText: _addonGroup.CustomLeadInText, // Lead-in text for group name presentationType: _addonGroup.PresentationType, // Stores presentation type (int) of add-on group primaryAddon: {}, // Stores primary add-on, if applicable showSelectModal: false, // Flag to toggle visibility of add-on selection modal selectedAddonOptionGpid: 0, // ID of selected add-on option selectedAddonOptionSdesc: '', // Short description of selected add-on option selectedAddonOptionUrl: '', // Link to detailed page of selected add-on option selectedAddonOptionImageUrl: '', // Image URL of selected add-on option selectedAddonOptionWebpImageUrl: '', // WebP image URL of selected add-on option selectedAddonOptionPricingHtml: '', // HTML content for pricing information selectedAddonOptionPrice: 0, // Price of selected add-on option selectedAddonOptionPriceBeforeDiscountOrSale: 0, // Original price before discount or sale selectedAddonOptionQty: 0, // Quantity of selected add-on option // Object to store details of currently selected add-on option selectedAddonOption: {}, // Generates list of add-on options with unique IDs and group IDs addonOptions() { var result = []; // Iterates over each add-on option and assigns unique ID and group ID _addonGroup.AddonOptions.forEach((option) => { var randomId = crypto.randomUUID(); // Generate random unique ID var withId = { ...option, id: randomId, groupId: _addonGroup.GroupId }; return result.push(withId); // Add modified option to result list }); return result; }, // Checks position of specific add-on group within filtered list of dropdown groups checkDropDownIndex(last) { // Filter addonGroups to include only those of Dropdown PresentationType // and find index of group with current groupId in filtered list const dropdownGroups = this.addonGroups.filter(g => g.PresentationType == 3); const index = dropdownGroups.findIndex(g => g.GroupId == this.groupId); // Check whether group is either first or last item in filtered list if (last) { return index == dropdownGroups.length - 1; } else { return index == 0; } }, // Opens add-ons modal openAddonsModal(addon) { // Set current addon this.currentAddon = addon; // Use Bootstrap's modal method to show modal $('#addonsModal').modal('show'); }, // Determines whether given checkbox should be disabled based on its Gpid (only one option should be selectable) isDisabled(gpid) { if (this.selectedAddonOptionGpid > 0) return this.selectedAddonOptionGpid != gpid ? true : false; else return false; }, // Calls function to select or deselect add-on option based on whether checkbox is checked checkCheckboxValue(event, addon, addonGroup) { if (event.target.checked) { // Call function for when the checkbox is checked this.handleSelectAddon(addon); } else { // Call function for when the checkbox is unchecked this.handleNoneOptionSelected(addonGroup); } }, // Handles deselection of add-on option handleNoneOptionSelected(addonGroup) { this.showSelectModal = false; // Hides selection modal var index = this.selectedAddonItems.findIndex(item => item.groupId === addonGroup.GroupId); // Finds index of add-on in selected items list // If add-on is currently selected, it removes it from selected items if (index !== -1) { this.selectedAddonItems.splice(index, 1); // Removes add-on from selected items // Resets details of selectedOption to default values this.selectedAddonOptionGpid = 0; this.selectedAddonOptionSdesc = ''; this.selectedAddonOptionPrice = 0; this.selectedAddonOptionQty = 0; this.selectedAddonOptionPriceBeforeDiscountOrSale = 0; this.selectedAddonOptionPricingHtml = ''; this.selectedAddonOptionUrl = ''; this.selectedAddonOptionImageUrl = ''; this.selectedAddonOptionWebpImageUrl = ''; // Update URL parameters this.$nextTick(() => { this.updateUrl(); }); } }, // Handles selection of add-on option handleSelectAddon(addon) { // Reset quantity selector and update parent quantity const value = (0 > 0 && !false) ? 0 : 1 $("#quantitySelect").val(value); this.parentQuantity = value; this.showSelectModal = false; // Hide selection modal // Remove existing add-on from same group before adding new one this.selectedAddonItems.forEach((ao) => { if (ao.groupId === addon.groupId) { // Find and remove existing add-on from selected items this.selectedAddonItems .splice(this.selectedAddonItems .findIndex(selectedAddon => selectedAddon.id === ao.id), 1); } }) // Add selected add-on to list of selected add-on items this.selectedAddonItems.push(addon); this.primaryAddon = addon; // Update details of selectedOption with information of selected add-on this.selectedAddonOptionSdesc = addon.AddonItemShortDescriptionOverride ?? addon.SDesc; this.selectedAddonOptionPrice = this.priceBasedOnQty(addon); this.selectedAddonOptionPriceBeforeDiscountOrSale = addon.PriceBeforeDiscountOrSale; this.selectedAddonOptionPricingHtml = addon.PricingHtml; this.selectedAddonOptionImageUrl = addon.WebpImageUrl; this.selectedAddonOptionUrl = addon.Url; this.selectedAddonOptionGpid = addon.Gpid; this.selectedAddonOptionQty = addon.Qty; // Update URL parameters this.$nextTick(() => { this.updateUrl(); }); }, // Handles click event for dropdown option handleDropdownClick() { // If add-on is currently selected, call handleNoneOptionSelected to remove add-on if (this.selectedAddonOptionGpid != 0) { this.handleNoneOptionSelected(_addonGroup); } }, // Convert plural noun to its singular form by checking for common pluralization rules convertToSingular(groupName) { let word = groupName.trim(); // Primary Rule if (word.endsWith('s') && !word.endsWith('ss')) { // Rule 1: Remove "s" at end of plural word word = word.slice(0, -1); } // Additional Rules if (word.endsWith('ies')) { // Rule 2: Replace "ies" with "y" word = word.slice(0, -3) + 'y'; } else if (word.endsWith('es') && word.length > 3) { // Rule 3: Replace "es" with "is" word = word.slice(0, -2); } else if (word.endsWith('ves')) { // Rule 4: Replace "ves"" with "f" or "fe" word = word.slice(0, -3) + 'f'; } return word; }, // Calculates total price of add-on option based on its quantity priceBasedOnQty(selectedAddonOption) { let totalPrice = 0; // Iterates over quantity and sums up price for (i = 0; i < selectedAddonOption.Qty; i++) { var priceOfAddon = selectedAddonOption.Price; totalPrice += priceOfAddon; } return totalPrice; } } } $(document).ready(function () { if (0 != 0 && !false && $('#quantitySelect').children().length == 0) { const quantityDropdown = document.getElementById("quantitySelect"); for (let i = 1; i < 6; i++) { let option = document.createElement("option"); let optionText = document.createTextNode(0 * i); option.setAttribute('value', 0 * i); option.appendChild(optionText); quantityDropdown.appendChild(option); } } });

Color: Wood and Finish

Where Can I See This Product in Store?

This product is not on display in our showrooms.

• 3 Drawers, 2 Doors, 1 Open Wine Rack
• Wine Bottle Storage

remove

Features

Back to Top

Your cart looks happy!

Steve Silver Victoria Victoria Server

$599.99