File indexing completed on 2024-05-12 06:01:03
0001 'use strict'; 0002 0003 var _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"]) _i["return"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError("Invalid attempt to destructure non-iterable instance"); } }; }(); 0004 0005 function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } } 0006 0007 function CategoryBlocks() { 0008 var _React$useState = React.useState(window.catTree), 0009 _React$useState2 = _slicedToArray(_React$useState, 2), 0010 categories = _React$useState2[0], 0011 setCategories = _React$useState2[1]; 0012 0013 React.useEffect(function () { 0014 generateAllCatListItem(); 0015 }, []); 0016 function generateAllCatListItem() { 0017 var obj = { 0018 title: 'All', 0019 id: '', 0020 product_count: 0 0021 }; 0022 window.catTree.forEach(function (cat) { 0023 obj.product_count = parseInt(obj.product_count) + parseInt(cat.product_count); 0024 }); 0025 var newCategories = [obj].concat(_toConsumableArray(window.catTree)); 0026 console.log(newCategories); 0027 setCategories(newCategories); 0028 } 0029 var categoriesDisplay = void 0; 0030 if (categories) categoriesDisplay = categories.map(function (c, index) { 0031 return React.createElement(CategoryBlockItem, { category: c }); 0032 }); 0033 return React.createElement( 0034 'div', 0035 { id: 'category-blocks' }, 0036 React.createElement( 0037 'div', 0038 { className: 'container aih-container aih-section' }, 0039 React.createElement( 0040 'div', 0041 { className: 'aih-row' }, 0042 categoriesDisplay 0043 ) 0044 ) 0045 ); 0046 } 0047 0048 function CategoryBlockItem(props) { 0049 0050 var c = props.category; 0051 0052 var sysTitle = c.title; 0053 if (c.title === "System & Tools") sysTitle = "systools"; 0054 sysTitle = sysTitle.trim(); 0055 sysTitle = sysTitle.toLowerCase(); 0056 0057 var url = "/browse/cat/" + c.id; 0058 if (!c.id) url = "/browse/"; 0059 0060 var imgUrl = "/theme/react/assets/img/aih-" + sysTitle + ".png"; 0061 var ribbonCssClass = "aih-ribbon aih-" + sysTitle; 0062 0063 return React.createElement( 0064 'a', 0065 { href: "/browse/cat/" + c.id }, 0066 React.createElement( 0067 'div', 0068 { className: 'aih-card' }, 0069 React.createElement('div', { className: ribbonCssClass }), 0070 React.createElement('img', { className: 'aih-thumb', src: imgUrl }), 0071 React.createElement( 0072 'div', 0073 { className: 'aih-content' }, 0074 React.createElement( 0075 'h3', 0076 { className: 'aih-title' }, 0077 c.title 0078 ), 0079 React.createElement( 0080 'p', 0081 { className: 'aih-counter' }, 0082 c.product_count, 0083 ' ', 0084 React.createElement( 0085 'span', 0086 null, 0087 'products' 0088 ) 0089 ) 0090 ) 0091 ) 0092 ); 0093 } 0094 0095 var rootElement = document.getElementById("category-blocks-container"); 0096 ReactDOM.render(React.createElement(CategoryBlocks, null), rootElement);