0
Din varukorg
Totalt
Varornas värde
SEK 0
Försändelsekostnader
SEK 0
Totalt
SEK 0
Black Friday: Hela månaden upp till 70% rabatt
|Nyhetsbrev
Få en engångskupongkod med 15% rabatt
Rabatten gäller för alla produkter, även de med reducerat pris, inom 60 dagar efter registrering av nyhetsbrevet. En kombination med andra rabattkoder är inte möjlig.
Jag bekräftar härmed att jag har läst Datenschutzerklärungn. Jag kan när som helst återkalla mitt samtycke.**
Inspiration & LookBook
Bli inspirerad för ditt nästa köp.
Loading...
Failed to load data. Please try again.
var categoryList = document.getElementById('inspiration-category');
var filterSelect = document.getElementById('inspiration-filter');
var inspirationImages = document.getElementById('inspiration-images');
var loadingIndicator = document.getElementById('loading-indicator');
var errorMessage = document.getElementById('error-message');
function debounce(fn, delay) {
var timeout;
return function () {
clearTimeout(timeout);
timeout = setTimeout(fn, delay);
};
}
function fetchLookBooks(url) {
toggleLoading(true);
inspirationImages.innerHTML = '';
errorMessage.style.display = 'none';
fetch(url)
.then(function (response) {
if (!response.ok) throw new Error('Network response was not ok');
return response.json();
})
.then(function (data) {
if(data.data.length <= 0) throw new Error('No data available');
displayLookBooks(data.data);
})
.catch(function (error) {
errorMessage.style.display = 'block';
console.error('Error fetching look books:', error);
})
.finally(function () {
toggleLoading(false);
});
}
function displayLookBooks(items) {
inspirationImages.innerHTML = '';
items.forEach(function (item) {
var inspirationItem = document.createElement('div');
inspirationItem.classList.add('inspiration-item');
inspirationItem.innerHTML =
'' +
'' +
'' +
'' +
'
' +
'' +
'
' +
'
' +
'';
inspirationImages.appendChild(inspirationItem);
});
}
function fetchCategories() {
toggleLoading(true);
filterSelect.innerHTML = '';
categoryList.innerHTML = '';
errorMessage.style.display = 'none';
fetch('https://www.morgenland-mattor.se/rest/morgenland-category-groups')
.then(function (response) {
if (!response.ok) throw new Error('Network response was not ok');
return response.json();
})
.then(function (data) {
var uniqueFilterOptions = {};
data.data.forEach(function (group) {
var groupListItem = document.createElement('li');
var groupLink = document.createElement('a');
groupLink.href = '/lookbook?group=' + group.slug;
groupLink.textContent = group.name;
groupListItem.appendChild(groupLink);
categoryList.appendChild(groupListItem);
group.categories.forEach(function (category) {
if (!uniqueFilterOptions[category.name]) {
uniqueFilterOptions[category.name] = true;
var option = document.createElement('option');
option.value = category.id;
option.textContent = category.name;
filterSelect.appendChild(option);
}
});
});
filterSelect.addEventListener('change', handleFilterChange);
})
.catch(function (error) {
errorMessage.style.display = 'block';
console.error('Error fetching categories:', error);
})
.finally(function () {
toggleLoading(false);
});
}
var handleFilterChange = debounce(function () {
var selectedOption = filterSelect.value;
var url = 'https://www.morgenland-mattor.se/rest/morgenland-look-books';
if (selectedOption) url += '?category=' + encodeURIComponent(selectedOption);
fetchLookBooks(url);
}, 300);
function toggleLoading(isLoading) {
loadingIndicator.style.display = isLoading ? 'block' : 'none';
filterSelect.disabled = isLoading;
}
window.addEventListener('load', function () {
fetchCategories();
var urlParams = new URLSearchParams(window.location.search);
var categoryGroup = urlParams.get('group');
var url = 'https://www.morgenland-mattor.se/rest/morgenland-look-books';
if (categoryGroup) url += '?group=' + encodeURIComponent(categoryGroup);
fetchLookBooks(url);
});
' + item.category_name + '
' + '