(function bestOffers(){ /* getting search query from user's input or url parameters*/ let searchquery = fieldname1; jQuery('.f005 span').html(''); const currentUrl = window.location.href; let url = new URL(currentUrl); let searchParams = new URLSearchParams(url.search); if (fieldname1 == '' && searchParams.get('searchquery') !== null && typeof searchParams.get('searchquery') !== "undefined" && searchquery.length == 0 && (typeof window.notUrlQuery === "undefined" || window.notUrlQuery === null || window.notUrlQuery === 0)) { searchquery = searchParams.get('searchquery'); getField(1).setVal(searchquery); } /* set global var so that if user deletes search input, fieldname1 will remain empty */ if (fieldname1 != '') window.notUrlQuery = 1; /* getting filter params from session cookies (set in fieldname3) and showing them to user */ let filterParams = []; let selectedFilters = ''; let filterVars = ''; if (sessionStorage['filterParams'] !== null && typeof sessionStorage['filterParams'] !== "undefined" && sessionStorage['filterParams'].length > 0) { filterParams = JSON.parse(sessionStorage['filterParams']); for (let i = 0; i < filterParams.length; i++) { filterVars = "'"+filterParams[i]['name']+"', '"+filterParams[i]['value']+"'"; selectedFilters += ''+filterParams[i]['name']+ ' = '+filterParams[i]['value']+ 'remove'; } } else { sessionStorage['filterParams'] = ''; } /* showing asset type, chosen by user */ let assetType = ''; if (sessionStorage['assetType'] !== null && typeof sessionStorage['assetType'] !== "undefined") assetType = sessionStorage['assetType']; else { sessionStorage['assetType'] = ''; } let assetFilterText = "removeFilters('assetType', ''); jQuery('.f004').hide();"; assetFilterText = '

Active filters remove all

'; if (searchquery.length > 1 || filterParams.length > 0) { /* sending request to server side and getting result*/ let stockEtfs = SERVER_SIDE('etf_search', searchquery, assetType, JSON.stringify(filterParams)); /* creating list of asset types to show to user as Ajax search suggestions */ let assetTypes = ['stocks', 'bonds', 'alternatives']; let assetTexts = { stocks: 'Equity and Multi-Asset ETFs', bonds: 'Bond ETFs', alternatives: 'Alternative Assets ETFs' }; /* creating list of suggestion types to show to user as Ajax search suggestions */ let lists = ['start', 'includes', 'multiple', 'exclude']; if (typeof stockEtfs !== 'undefined' && stockEtfs !== null && stockEtfs.length > 0) { let parsedEtfs = JSON.parse(stockEtfs); /* getting split search query */ let splitQuery = parsedEtfs['query']; /* declaring variable to show Ajax suggestions */ let htmlText = ""; let assetText = ""; let additionalFilters = ''; /* showing chosen asset type */ if (assetType.length != 0) { assetTypes = [assetType]; assetText += 'asset class = ' +assetType+''; } /* preparing Ajax search suggestions */ function addLinks(place, typ, nam, val, quantity, avYield22, avYield23){ let valText = val; /* if name of value == 0 (ETF has no factors or no themes...) show "none" also special names for inverse and adding x to leveraged*/ if (val === 1 && (nam == 'inverse' || nam == 'esg')) valText = 'yes'; else if (val === 0 && (nam == 'inverse' || nam == 'esg')) valText = 'no'; else if (val == 0) valText = 'none'; else if (nam == 'leverage') valText = val+'x'; /* adding function variables to links */ let functVars = "'"+typ+"', '"+nam+"', '"+val+"'"; if (place == 'sug') { /* highliting user input text in results in bold font type */ for (let i = 0; i < splitQuery.length; i++) { valText = valText.replace(splitQuery[i], "" + splitQuery[i] + ""); let firstUpper = splitQuery[i].charAt(0).toUpperCase() + splitQuery[i].substring(1); valText = valText.replace(firstUpper, "" + firstUpper + ""); valText = valText.replace(splitQuery[i].toUpperCase(), "" + splitQuery[i].toUpperCase() + ""); } return ''+valText+ 'in ' + nam + ''; } /* adding additional filters to be showed */ else if (place == 'filt') { if (!avYield22) avYield22 = 'N/A'; else avYield22 = PREC(avYield22, 2)+'%'; if (!avYield23) avYield23 = 'N/A'; else avYield23 = PREC(avYield23, 2)+'%'; return ''+valText+ ' ('+quantity+')'+avYield23+ ''+avYield22+''; } /* adding additional filters that are hidden at first */ else { if (!avYield22) avYield22 = 'N/A'; else avYield22 = PREC(avYield22, 2)+'%'; if (!avYield23) avYield23 = 'N/A'; else avYield23 = PREC(avYield23, 2)+'%'; return ''+valText+ ' ('+quantity+')'+avYield23+ ''+avYield22+''; } }; if (filterParams.length == 0) { /* if no filters are chosen, show search field */ jQuery('.f001').show(); console.log('filterParams length == 0 activated'); /* creating array of params that we put in suggestions to exclude duplicate values */ var checkParams = []; function printResult(typ, obj, list){ /* showing headers only for multiple or exclude categories */ if (obj[list].length !== 0 && (list == 'multiple' || list == 'exclude')) htmlText += "

" + list + "

"; /* print search suggestions */ for (var i in obj[list]){ if (obj[list][i].constructor === Array) { for (var key in obj[list][i]){ /* check if value is not already on the list */ if (!checkParams.includes('params='+typ+i+obj[list][i][key])) { htmlText += addLinks('sug', typ, i, obj[list][i][key], 0, 0, 0); checkParams.push('params='+typ+i+obj[list][i][key]); } } } /* check if value is not already on the list */ else if (!checkParams.includes('params='+typ+i+obj[list][i])) { htmlText += addLinks('sug', typ, i, obj[list][i], 0, 0, 0); checkParams.push('params='+typ+i+obj[list][i]); } } }; for (let t=0; t < assetTypes.length; t++) { /* showing asset type names */ if (parsedEtfs[assetTypes[t]]['quantity'] > 0) { htmlText += "

" + assetTexts[assetTypes[t]] + "

"; } /* showing matching values */ for (let i=0; i < lists.length; i++) { let name = lists[i]; if (parsedEtfs[assetTypes[t]][name]) printResult(assetTypes[t], parsedEtfs[assetTypes[t]], name); } } /* showing warning if there are no matches */ if (!htmlText) htmlText = '

No matches found

'; /* creating a table to show results if there are any results */ else htmlText = ""+htmlText+"

"; /* showing Ajax search suggestions */ jQuery('.f001 span').html(htmlText); if (selectedFilters || assetText) { let assetVars = "'assetType', ''"; selectedFilters = "" + assetFilterText + assetText + selectedFilters + "

" + additionalFilters; jQuery('.f004 span').html(selectedFilters); jQuery('.f004').show(); } else { jQuery('.f004').hide(); } } else { console.log('filterParams length == 0 not activated. Length: ' + filterParams.length); jQuery('.f001').hide(); /* getting all differences */ let diffObj = parsedEtfs[assetType]['diffs']; let diffKeys = Object.keys(diffObj); /* sorting all different categories by alphabet */ diffKeys.sort(); /* creating tables of differences with 1 or 2 rows */ function diffTable(len, i, place){ if (i == len && place == 'end') return ''; else if (screen.width <= 640) { if (place == 'beg') return ''; else return ''; } else { if (i % 2 === 0) { if (place == 'beg') return ''; else return ''; } else { if (place == 'beg') return ''; else return ''; } } } for (let i=0; i < diffKeys.length; i++) { /* declare var to simplify code */ let keyLength = diffObj[diffKeys[i]].length; /* if there are regions and sectors, don't show countries and subsectors */ if ((diffKeys[i] != 'countries' || !diffKeys.includes('regions')) && (diffKeys[i] != 'subsectors' || !diffKeys.includes('sectors'))){ /* sorting all different values by yield if less than 8 values, or by name */ diffObj[diffKeys[i]].sort(function(a, b) { if (keyLength < 8) return b['yield23q1'] - a['yield23q1']; else return ('' + a['name']).localeCompare(b['name']); }); /* adding category name as first row with class needed for scrolling after 'show less' click */ additionalFilters += diffTable(diffKeys.length, i+1, 'beg')+ ''; for (let t=0; t < keyLength; t++) { let paramName = diffObj[diffKeys[i]][t]['name']; /* if there are more than 5 items, display "show more" on 4th position*/ if (t == 3 && keyLength > 5) { let p = "jQuery('."+diffKeys[i]+"More').show(); jQuery('."+ diffKeys[i]+"Less').hide(); window.reloadNeeded = 1;"; additionalFilters += ''; additionalFilters += addLinks('filtMore', assetType, diffKeys[i], paramName, diffObj[diffKeys[i]][t]['quantity'], diffObj[diffKeys[i]][t]['yield22fy'], diffObj[diffKeys[i]][t]['yield23q1']); } /* if there are more than 5 items and this is the last item, add "show less" in the end*/ else if (t > 4 && t+1 == keyLength) { additionalFilters += addLinks('filtMore', assetType, diffKeys[i], paramName, diffObj[diffKeys[i]][t]['quantity'], diffObj[diffKeys[i]][t]['yield22fy'], diffObj[diffKeys[i]][t]['yield23q1']); let p = " jQuery('body,html').animate({scrollTop: jQuery('.diff"+diffKeys[i] +"').offset().top}, 800); jQuery('."+ diffKeys[i]+"More').hide(); jQuery('."+diffKeys[i]+"Less').show();"; additionalFilters += ''; } /* if there are more than 5 items, add hide class to 4th...last items*/ else if (t > 3 && keyLength > 5) { additionalFilters += addLinks('filtMore', assetType, diffKeys[i], paramName, diffObj[diffKeys[i]][t]['quantity'], diffObj[diffKeys[i]][t]['yield22fy'], diffObj[diffKeys[i]][t]['yield23q1']); } /* display item otherwise*/ else additionalFilters += addLinks('filt', assetType, diffKeys[i], paramName, diffObj[diffKeys[i]][t]['quantity'], diffObj[diffKeys[i]][t]['yield22fy'], diffObj[diffKeys[i]][t]['yield23q1']); } /* end the table*/ additionalFilters += '

	av. return
' +diffKeys[i]+'	Q1 2023	FY 2022
show '+ ROUND(keyLength-3)+' more
show less

'+diffTable(diffKeys.length, i+1, 'end'); } else { diffKeys.splice(i, 1); i--; } } if (additionalFilters) { let filterShow = "jQuery('.additionalFilters').show(); jQuery('.filterButton').hide();"; let filterHide = "jQuery('.additionalFilters').hide(); jQuery('.filterButton').show();"; additionalFilters = '

Show filters Hide filters

' +additionalFilters+''; if (diffKeys.length > 4 || (screen.width <= 640 && diffKeys.length > 2)) additionalFilters += '

Hide filters

'; } selectedFilters = "" + assetFilterText + assetText + selectedFilters + "

" + additionalFilters; jQuery('.f004 span').html(selectedFilters); jQuery('.f004').show(); function showAssets(num){ if (num == 'FALSE') return 'N/A'; else if (num >= 1000) return "$"+PREC(num/1000, 1)+"B"; else if (num >= 100) return "$"+PREC(num, 1)+"M"; else return "$"+PREC(num, 2)+"M"; }; function showLeverage(inv, lev){ let t = ''; if (inv == 1) { t += 'Inverse'; if (lev != 0) t += ' and '; } if (lev != 0) t += ''+lev+'x Leveraged'; if (t) t+= '
'; return t; }; function showReturn(type, numq1, num1, num5){ let tText = ''; if (numq1 === false) numq1 = 'N/A'; else numq1 = PREC(numq1, 2) + '%'; if (num1 === false) num1 = 'N/A'; else num1 = PREC(num1, 2) + '%'; if (num5 === false) num5 = 'N/A'; else num5 = PREC(num5, 2) + '%'; if (type == 'line') tText = 'Total Return: '+numq1+ ' in Q1 2023, '+num1+ ' in 2022, '+num5+' in 2018-2022
'; else tText = '

'+numq1+'	'+num1+'	'+num5+ '
Q1 2023	FY 2022	2018-22
total return

'; return tText; }; let etfList = parsedEtfs[assetType]['etfs']; etfList.sort(function(a, b) { return b.returnf22t22 - a.returnf22t22; }); let etfHtml = ''; for (let i=0; i < etfList.length; i++) { etfHtml += ''+etfList[i].tickers+''+ etfList[i].names+'
Provider: '+ etfList[i].providers+'
'+ showReturn("line", etfList[i].return23q1, etfList[i].returnf22t22, etfList[i].returnf18t22) +showLeverage(etfList[i].inverse, etfList[i].leverage)+ 'Assets: '+ showAssets(etfList[i].assets)+ ''+PREC(etfList[i].expense, 2)+ '%
expense'+ showAssets(etfList[i].assets)+ '
assets'+ showReturn("table", etfList[i].return23q1, etfList[i].returnf22t22, etfList[i].returnf18t22)+''; } etfHtml = "" + etfHtml + "