/* Add your JavaScript code here. If you are using the jQuery library, then don't forget to wrap your code inside jQuery.ready() as follows: jQuery(document).ready(function( $ ){ // Your code in here }); -- If you want to link a JavaScript file that resides on another server (similar to ), then please use the "Add HTML Code" page, as this is a HTML code that links a JavaScript file. End of comment */ document.addEventListener('DOMContentLoaded', function() { // Get min price from the element let min_pri_spli = jQuery('.min_price bdi').text().split('$'); let get_min_pri_af_spli = min_pri_spli[1]; get_min_pri_af_spli = get_min_pri_af_spli.replace(/,/g, ''); get_min_pri_af_spli = parseInt(get_min_pri_af_spli); // Get max price from the element let max_pri_spli = jQuery('.high_price bdi').text().split('$'); let get_max_pri_af_spli = max_pri_spli[1]; get_max_pri_af_spli = get_max_pri_af_spli.replace(/,/g, ''); get_max_pri_af_spli = parseInt(get_max_pri_af_spli); const minPrice = get_min_pri_af_spli; // Use dynamic min price const maxPrice = get_max_pri_af_spli; // Use dynamic max price // Create price values array with 5 equal parts const priceValues = []; const step = (maxPrice - minPrice) / 4; // 4 intervals = 5 points for (let i = 0; i < 5; i++) { priceValues.push(Math.round(minPrice + (step * i))); } // Update slider labels with new price values const sliderLabels = document.getElementById('sliderLabels'); const positions = ['0%', '25%', '50%', '75%', '100%']; sliderLabels.innerHTML = ''; priceValues.forEach((price, index) => { const label = document.createElement('div'); label.className = `slider-label ${index === 0 || index === 4 ? 'main' : ''}`; label.style.left = positions[index]; label.textContent = price.toLocaleString(); sliderLabels.appendChild(label); }); const handleFrom = document.getElementById('handleFrom'); const handleTo = document.getElementById('handleTo'); const sliderRange = document.getElementById('sliderRange'); const priceMin = document.querySelector('.price-min'); const priceMax = document.querySelector('.price-max'); // Get initial positions from URL parameters or set default let fromPosition = 0; let toPosition = 100; // Function to get URL parameters function getUrlParameter(name) { const urlParams = new URLSearchParams(window.location.search); return urlParams.get(name); } // Function to update URL with price parameters and refresh page function updateUrlWithPrices(minPriceVal, maxPriceVal) { const url = new URL(window.location); url.searchParams.set('min_price', minPriceVal); url.searchParams.set('max_price', maxPriceVal); // Use window.location.href for full page refresh window.location.href = url.toString(); } // Initialize slider positions from URL if available const urlMinPrice = getUrlParameter('min_price'); const urlMaxPrice = getUrlParameter('max_price'); if (urlMinPrice && urlMaxPrice) { const minPriceNum = parseInt(urlMinPrice); const maxPriceNum = parseInt(urlMaxPrice); // Calculate positions from prices fromPosition = ((minPriceNum - minPrice) / (maxPrice - minPrice)) * 100; toPosition = ((maxPriceNum - minPrice) / (maxPrice - minPrice)) * 100; // Ensure positions are within bounds fromPosition = Math.max(0, Math.min(100, fromPosition)); toPosition = Math.max(0, Math.min(100, toPosition)); // Ensure from is less than to if (fromPosition >= toPosition) { fromPosition = toPosition - 8; } } function updateSlider() { handleFrom.style.left = fromPosition + '%'; handleTo.style.left = toPosition + '%'; sliderRange.style.left = fromPosition + '%'; sliderRange.style.width = (toPosition - fromPosition) + '%'; // Calculate actual prices based on position const fromPrice = Math.round(minPrice + (maxPrice - minPrice) * (fromPosition / 100)); const toPrice = Math.round(minPrice + (maxPrice - minPrice) * (toPosition / 100)); priceMin.textContent = '$' + fromPrice.toLocaleString(); priceMax.textContent = '$' + toPrice.toLocaleString(); } // Initialize slider updateSlider(); // Make handles draggable let activeHandle = null; let isDragging = false; function startDrag(e) { activeHandle = e.target; isDragging = true; document.addEventListener('mousemove', onDrag); document.addEventListener('mouseup', stopDrag); } function onDrag(e) { if (!activeHandle) return; const sliderRect = document.querySelector('.slider-container').getBoundingClientRect(); const sliderWidth = sliderRect.width; const position = ((e.clientX - sliderRect.left) / sliderWidth) * 100; if (activeHandle === handleFrom) { fromPosition = Math.max(0, Math.min(toPosition - 5, position)); } else { toPosition = Math.min(100, Math.max(fromPosition + 5, position)); } updateSlider(); } function stopDrag() { if (isDragging) { // Update URL when dragging stops and refresh page const fromPrice = Math.round(minPrice + (maxPrice - minPrice) * (fromPosition / 100)); const toPrice = Math.round(minPrice + (maxPrice - minPrice) * (toPosition / 100)); updateUrlWithPrices(fromPrice, toPrice); } activeHandle = null; isDragging = false; document.removeEventListener('mousemove', onDrag); document.removeEventListener('mouseup', stopDrag); } handleFrom.addEventListener('mousedown', startDrag); handleTo.addEventListener('mousedown', startDrag); });
Call Us: 888-993-3757Email: [email protected]Mon – Fri / 8:30AM – 5:00PM EST

L-Shaped Cubicle Desk Workstation | SAPslim Cubicle System | 8x10x65″H

SKU: SLM-LC-15-8x10x65-SA

As low as:  $$3,409.74

Dimensions N/A
Cubicle System Type Customer Service Cubicles, L Shape Cubicles, Manager/Executive Cubicles Cubicle Seats 1-4
Individual Workstation Size 8' x 10' Cubicle Panel Height 65in H
Panel Thickness 1 1/4" ANSI/BIFMA Tested Yes
Fire Rating Based on selected finishes Warranty 5 Years
Shipping Method Freight Cubicles with Glass Yes
Product Line SAPslim Cubicle System
Dimensions N/A
Cubicle System Type Customer Service Cubicles, L Shape Cubicles, Manager/Executive Cubicles
Cubicle Seats 1-4
Individual Workstation Size 8' x 10'
Cubicle Panel Height 65in H
Panel Thickness 1 1/4"
ANSI/BIFMA Tested Yes
Fire Rating Based on selected finishes
Warranty 5 Years
Shipping Method Freight
Cubicles with Glass Yes
Product Line SAPslim Cubicle System

The SAPslim Cubicle System is our newest, entry-level cubicle/divider product line. This versatile cubicle divider panel system was designed with affordability and practicality in mind. Its lightweight, modular construction makes it easy to quickly assemble in any work environment.

All panels are made up of a mixture of corrugated frosted polycarbonate and Sea Salt laminated panels with worksurfaces in Walnut laminate. Consider this a basic “starter” configuration for your office… you can easily order additional cubicles that will slide and lock into the existing unit so you can expand or deduct as needed.

Nearly any part of the configuration you see pictured here can be added to, modified, or re-imagined. The Sea Salt laminate panels can be replaced with frosted polycarbonate or multiple colored fabric surfaces. There are plenty of inexpensive extras you can add to the SAPslim Cubicle System as well.

Let SKUTCHI Designs Inc. answer any questions you may have or help with your office design needs today.

Reviews

There are no reviews yet.

Be the first to review “L-Shaped Cubicle Desk Workstation | SAPslim Cubicle System | 8x10x65″H”

Your email address will not be published. Required fields are marked *

Recommended for You

U-Shaped Office Suite | 6×10 | Indigo Desk Series2-Person Cubicle Workstation | Laminate Gallery Panels | Sol Series | 6x6x52″-39″H

As low as:  $ Price range: $4,391.23 through $4,539.47

Select options

Quantum II Series V-Shaped Sit-Stand Desk | 120 Degree Electric Standing Desk | 3 Size Options | 9 Laminate Options2-Person Cubicle Workstation | Laminate Gallery Panels | Sol Series | 6x6x52″-39″H

As low as:  $ Price range: $1,324.04 through $1,480.21

Select options

6-Person Arc Rectangle Huddle Table with Metal Post Legs | Wall Mounted | 46X722-Person Cubicle Workstation | Laminate Gallery Panels | Sol Series | 6x6x52″-39″H

As low as:  $ Price range: $1,419.66 through $1,571.35

Select options