Replace emoji icons with Iconify SVG icons
- Bev: hugeicons:soda-can (soda can with pull tab, outline style) - Snack: mdi:chips (bag of chips) - Food: mdi:hamburger - Equipment: mdi:wrench - Appliances: mdi:fridge-outline - Markets: mdi:store - Coffee: mdi:coffee - Other: mdi:package-variant - Removed stale <img guard in map sidebar rendering - Added SVG sizing CSS for asset list icons - Zero external deps — inline SVGs from Iconify CDN
This commit is contained in:
+9
-9
@@ -423,6 +423,7 @@
|
||||
width: 64px; padding: 0 4px;
|
||||
}
|
||||
.asset-item .ai-icon .cat-icon-img { width: 32px; height: 32px; object-fit: contain; }
|
||||
.asset-item .ai-icon svg { width: 24px; height: 24px; display: block; }
|
||||
.asset-item .ai-icon.cat-Bev { background: #0a3a65; }
|
||||
.asset-item .ai-icon.cat-Snack { background: #3a2a10; }
|
||||
.asset-item .ai-icon.cat-Food { background: #3a1a0a; }
|
||||
@@ -3172,14 +3173,14 @@
|
||||
|
||||
// ── Category config ───────────────────────────────────────────────────
|
||||
const CATEGORY_MAP = {
|
||||
'Bev': { icon: '🥤', color: '#0a7ab5' },
|
||||
'Snack': { icon: '🍿', color: '#c97d0e' },
|
||||
'Food': { icon: '🍔', color: '#e67e22' },
|
||||
'Equipment': { icon: '🔧', color: '#2c3e50' },
|
||||
'Appliances': { icon: '🔌', color: '#3b82f6' },
|
||||
'Markets': { icon: '🏪', color: '#7c3aed' },
|
||||
'Coffee': { icon: '☕', color: '#a16207' },
|
||||
'Other': { icon: '📦', color: '#6b7280' },
|
||||
'Bev': { icon: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" d="M5.927 3.887L6.9 2.72c.295-.354.443-.531.644-.626C7.746 2 7.976 2 8.437 2h7.126c.46 0 .691 0 .893.094c.201.095.349.272.644.626l.973 1.167c.459.551.688.826.808 1.156c.119.33.119.689.119 1.405v11.104c0 .716 0 1.075-.12 1.405c-.119.33-.348.605-.807 1.156L16.8 21.64c-.148.177-.221.266-.322.313c-.1.047-.216.047-.446.047H7.968c-.23 0-.345 0-.446-.047c-.1-.047-.174-.136-.322-.313l-1.273-1.527c-.459-.551-.688-.826-.808-1.156C5 18.627 5 18.268 5 17.552V6.448c0-.716 0-1.075.12-1.405c.119-.33.348-.605.807-1.156Z"/><path d="M5 5h14M5 19h14"/><path stroke-linecap="round" d="M6 2h12"/><circle cx="12" cy="12" r="2.5"/></g></svg>', color: '#0a7ab5' },
|
||||
'Snack': { icon: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M18 11V6h-3V4h-3V2H8v3H6v6H5l2 11h10l2-11zm-2.14 0c-.16.61-.46 1.16-.86 1.62v-4l2 1V11zM17 7v1.5l-2-1V7zm-5-2h2v3.5l-2 1zm0 5.62l2-1v3.83c-.59.35-1.27.55-2 .55zm-1 3.24c-.79-.21-1.5-.64-2-1.24v-3l2-1zM9 3h2v4.5L10 8V5H9zM7 6h2v2.5L8 9v2H7z"/></svg>', color: '#c97d0e' },
|
||||
'Food': { icon: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M22 13c0 1.11-.89 2-2 2H4a2 2 0 1 1 0-4h9l2.5 2l2.5-2h2a2 2 0 0 1 2 2M12 3C3 3 3 9 3 9h18s0-6-9-6M3 18c0 1.66 1.34 3 3 3h12c1.66 0 3-1.34 3-3v-1H3z"/></svg>', color: '#e67e22' },
|
||||
'Equipment': { icon: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m22.7 19l-9.1-9.1c.9-2.3.4-5-1.5-6.9c-2-2-5-2.4-7.4-1.3L9 6L6 9L1.6 4.7C.4 7.1.9 10.1 2.9 12.1c1.9 1.9 4.6 2.4 6.9 1.5l9.1 9.1c.4.4 1 .4 1.4 0l2.3-2.3c.5-.4.5-1.1.1-1.4"/></svg>', color: '#2c3e50' },
|
||||
'Appliances': { icon: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M9 21v1H7v-1a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v15a2 2 0 0 1-2 2v1h-2v-1zM7 4v5h10V4zm0 15h10v-8H7zm1-7h2v3H8zm0-6h2v2H8z"/></svg>', color: '#3b82f6' },
|
||||
'Markets': { icon: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 18H6v-4h6m9 0v-2l-1-5H4l-1 5v2h1v6h10v-6h4v6h2v-6m0-10H4v2h16z"/></svg>', color: '#7c3aed' },
|
||||
'Coffee': { icon: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M2 21h18v-2H2M20 8h-2V5h2m0-2H4v10a4 4 0 0 0 4 4h6a4 4 0 0 0 4-4v-3h2a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2"/></svg>', color: '#a16207' },
|
||||
'Other': { icon: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M2 10.96a.985.985 0 0 1-.37-1.37L3.13 7c.11-.2.28-.34.47-.42l7.83-4.4c.16-.12.36-.18.57-.18s.41.06.57.18l7.9 4.44c.19.1.35.26.44.46l1.45 2.52c.28.48.11 1.09-.36 1.36l-1 .58v4.96c0 .38-.21.71-.53.88l-7.9 4.44c-.16.12-.36.18-.57.18s-.41-.06-.57-.18l-7.9-4.44A.99.99 0 0 1 3 16.5v-5.54c-.3.17-.68.18-1 0m10-6.81v6.7l5.96-3.35zM5 15.91l6 3.38v-6.71L5 9.21zm14 0v-3.22l-5 2.9c-.33.18-.7.17-1 .01v3.69zm-5.15-2.55l6.28-3.63l-.58-1.01l-6.28 3.63z"/></svg>', color: '#6b7280' },
|
||||
};
|
||||
const CATEGORY_UNMAPPED_ICON = '❓';
|
||||
const CATEGORY_UNMAPPED_COLOR = '#b91c1c';
|
||||
@@ -4978,7 +4979,6 @@
|
||||
sorted.forEach(function(a) {
|
||||
var ci = categoryInfo(a.category);
|
||||
var icon = ci.icon;
|
||||
if (icon.indexOf('<img') !== -1) icon = '🍽';
|
||||
var hasGps = (a.latitude != null && a.longitude != null);
|
||||
html += '<div class="map-asset-item" onclick="switchTab(\'tabAssets\');viewAsset(' + a.id + ');">' +
|
||||
'<span class="mai-icon">' + icon + '</span>' +
|
||||
|
||||
Reference in New Issue
Block a user