' +
@@ -84,12 +114,12 @@
},
filterBrands: function(query) {
- const q = query.toLowerCase().trim();
+ var q = query.toLowerCase().trim();
if (!q) {
this.renderBrandList(this._allBrands);
return;
}
- const filtered = this._allBrands.filter(function(b) {
+ var filtered = this._allBrands.filter(function(b) {
return b.name.toLowerCase().indexOf(q) !== -1;
});
this.renderBrandList(filtered);
@@ -107,12 +137,17 @@
this.setBreadcrumb(
'
'
);
- fetch('/pos/api/catalog/brand-categories?brand=' + encodeURIComponent(brandName))
- .then(r => r.json())
- .then(data => {
- this.loading(false);
+ var self = this;
+ fetch('/pos/api/catalog/brand-categories?brand=' + encodeURIComponent(brandName), { headers: this._headers() })
+ .then(function(r) {
+ if (!self._checkAuth(r)) return null;
+ return r.json();
+ })
+ .then(function(data) {
+ if (!data) return;
+ self.loading(false);
if (!data.categories || !data.categories.length) {
- this.setContent(
+ self.setContent(
'
' +
'
No se encontraron categorias para ' + escapeHtml(brandName) + '.
' +
'
' +
@@ -120,18 +155,18 @@
);
return;
}
- let html = '';
- data.categories.forEach(c => {
+ var html = '';
+ data.categories.forEach(function(c) {
html += '
' +
'
' + escapeHtml(c.name) + '
' +
'
' + c.part_count + ' refacciones
' +
'
';
});
- this.setContent(html);
+ self.setContent(html);
})
- .catch(err => {
- this.loading(false);
- this.setContent('
Error al cargar categorias: ' + escapeHtml(err.message) + '
');
+ .catch(function(err) {
+ self.loading(false);
+ self.setContent('
Error al cargar categorias: ' + escapeHtml(err.message) + '
');
});
},
@@ -150,32 +185,37 @@
'
' + escapeHtml(brandName) + ' › ' +
'
' + escapeHtml(this.currentCategory.name) + ''
);
- let url = '/pos/api/catalog/brand-parts?brand=' + encodeURIComponent(brandName) + '&category_id=' + encodeURIComponent(categoryId) +
+ var url = '/pos/api/catalog/brand-parts?brand=' + encodeURIComponent(brandName) + '&category_id=' + encodeURIComponent(categoryId) +
'&limit=' + this._limit + '&offset=' + this._offset;
if (searchTerm) {
url += '&search=' + encodeURIComponent(searchTerm);
}
- fetch(url)
- .then(r => r.json())
- .then(data => {
- this.loading(false);
- this._lastItems = data.items || [];
- this._total = data.total || 0;
- this._offset = data.offset || 0;
+ var self = this;
+ fetch(url, { headers: this._headers() })
+ .then(function(r) {
+ if (!self._checkAuth(r)) return null;
+ return r.json();
+ })
+ .then(function(data) {
+ if (!data) return;
+ self.loading(false);
+ self._lastItems = data.items || [];
+ self._total = data.total || 0;
+ self._offset = data.offset || 0;
if (!data.items || !data.items.length) {
- this.renderPartsList([], searchTerm);
+ self.renderPartsList([], searchTerm);
return;
}
- this.renderPartsList(data.items, searchTerm);
+ self.renderPartsList(data.items, searchTerm);
})
- .catch(err => {
- this.loading(false);
- this.setContent('
Error al cargar refacciones: ' + escapeHtml(err.message) + '
');
+ .catch(function(err) {
+ self.loading(false);
+ self.setContent('
Error al cargar refacciones: ' + escapeHtml(err.message) + '
');
});
},
renderPartsList: function(items, searchTerm) {
- let html = '
' +
+ var html = '
' +
'
';
html += '
';
- items.forEach(p => {
- const price = p.local_price ? '$' + Number(p.local_price).toFixed(2) : 'Consultar precio';
- const img = '/pos/static/images/placeholder-part.png';
- const stockBadge = p.local_stock > 0
+ items.forEach(function(p) {
+ var price = p.local_price ? '$' + Number(p.local_price).toFixed(2) : 'Consultar precio';
+ var img = '/pos/static/images/placeholder-part.png';
+ var stockBadge = p.local_stock > 0
? '
' + p.local_stock + ' en stock'
: '
Sin stock local';
html += '
' +
@@ -221,13 +260,14 @@
});
html += '
';
- // Pagination
- const hasPrev = this._offset > 0;
- const hasNext = (this._offset + this._limit) < this._total;
+ var hasPrev = this._offset > 0;
+ var hasNext = (this._offset + this._limit) < this._total;
+ var pageNum = Math.floor(this._offset / this._limit) + 1;
+ var totalPages = Math.ceil(this._total / this._limit) || 1;
html += '
' +
'' +
- 'Pagina ' + (Math.floor(this._offset / this._limit) + 1) + ' de ' + (Math.ceil(this._total / this._limit) || 1) + '' +
+ 'Pagina ' + pageNum + ' de ' + totalPages + '' +
'' +
'
';
@@ -248,14 +288,14 @@
goToPage: function(newOffset) {
if (newOffset < 0) return;
this._offset = newOffset;
- const searchInput = document.getElementById('partsSearchInput');
- const term = searchInput ? searchInput.value : '';
+ var searchInput = document.getElementById('partsSearchInput');
+ var term = searchInput ? searchInput.value : '';
this.loadParts(this.currentBrand, this.currentCategory.id, term);
},
addToCart: function(partId, event) {
if (event) event.stopPropagation();
- const part = this._lastItems.find(function(p) { return p.id === partId; });
+ var part = this._lastItems.find(function(p) { return p.id === partId; });
if (!part) {
alert('Error: no se encontro la refaccion');
return;
@@ -273,8 +313,8 @@
source: 'oem-brand',
inventory_id: null
}, 1);
- const btn = event.target;
- const oldText = btn.textContent;
+ var btn = event.target;
+ var oldText = btn.textContent;
btn.textContent = 'Agregado!';
btn.style.background = 'var(--color-success)';
setTimeout(function() { btn.textContent = oldText; btn.style.background = ''; }, 1500);
@@ -286,7 +326,7 @@
function escapeHtml(text) {
if (!text) return '';
- const div = document.createElement('div');
+ var div = document.createElement('div');
div.textContent = text;
return div.innerHTML;
}
diff --git a/pos/templates/catalog.html b/pos/templates/catalog.html
index d36b272..61769ff 100644
--- a/pos/templates/catalog.html
+++ b/pos/templates/catalog.html
@@ -294,6 +294,6 @@
-
+