<div class="qmod-ui-tool qmod-index-constituents"><h2 class="qmod-heading qmod-hbg"><span class="qmod-toolname">{tplLang.ic_toolname| toLang tLang} {'for' | i8ln tLang} {scope.data.equityinfo.longname} ({scope.data.symbolstring})</span></h2><div class="qmod-ic-controls" rv-if="scope.showControls"><button class="qmod-btn-export" rv-on-click="scope.export" title="Export"><i class="fa fa-file-excel-o"></i><span class="qmod-btn-text">{'export' | i8ln tLang}</span></button></div><div class="qmod-drop-wrap" rv-if="scope.dropdown.disabled | = false" rv-ifclass="scope.loading" data-qmod-true-class="qmod-disabled"><button class="qmod-drop-cont" id="symbol-dropdown" rv-on-click="scope.dropdown.click" aria-label="Select a Symbol" aria-haspopup="listbox" rv-aria-expanded="scope.dropdown.open"><span class="qmod-dd-text">{scope.dropdown.selected.name}</span><span class="qmod-icon qmod-dd-arrow qm_icon-arrow-chevron-down2-med" rv-ifclass="scope.dropdown.open" data-qmod-true-class="rotate-chevron-up" data-qmod-false-class="rotate-chevron-down"></span></button><div class="qmod-drop-items" rv-show="scope.dropdown.open"><ul class="qmod-drop-menu" id="symbol-dropdown-list" tabindex="-1" role="listbox" aria-labelledby="qmod-dropdown" rv-aria-activedescendant="scope.dropdown.selected | preFixWord 'qmod-symbol-dropdown-'"><li class="qmod-drop-item-li" role="option" rv-id="index | preFixWord 'qmod-symbol-dropdown-cats-'" rv-each-cat="scope.dropdown.groups" rv-on-mouseenter="scope.dropdown.updateIndex" rv-ifclass="scope.dropdown.selected | = (cat | getCatName)" data-qmod-true-class="qmod-expanded"><a class="qmod-drop-item">{cat | getCatName}</a><ul class="qmod-drop-menu"><li class="qmod-drop-item-li" role="option" rv-id="index | preFixWord 'qmod-symbol-dropdown-symbol-'" rv-each-symbol="scope.dropdown.symbols | getSymbol cat" rv-on-click="scope.dropdown.change" rv-aria-selected="scope.dropdown.selected | = symbol"><a class="qmod-drop-item">{symbol.name}</a></li></ul></li></ul></div></div><div class="qmod-loader-class" rv-show="scope.loading"><div class="qmod-loader-threedot"></div></div><div class="qmod-block-wrapper" rv-unless="scope.hasData"><div class="qmod-invalid">{tplLang.nodata| toLang tLang}: {scope.data.symbolstring}</div></div><div class="qmod-block-wrapper" rv-if="scope.hasData" rv-hide="scope.loading"><div class="pure-g" rv-if="scope.view"><div class="pure-u-1-1"><div class="qmod-tool-wrap qmod-indexconstituentes-con"><table class="qmod-table qmod-indexconstituentes-table nowrap" width="100%"><thead><tr><th class="qmod-control"></th><th class="qmod-textl qmod-symbol-head">{'symbol' | i8ln tLang}</th><th class="qmod-textl" data-priority="10001">{'company' | i8ln tLang}</th><th class="qmod-textr">{'last' | i8ln tLang}</th><th class="qmod-textr">{'change' | i8ln tLang}</th><th class="qmod-textr">{'changepct' | i8ln tLang}</th><th class="qmod-textr">{'open' | i8ln tLang}</th><th class="qmod-textr">{'high' | i8ln tLang}</th><th class="qmod-textr">{'low' | i8ln tLang}</th><th class="qmod-textr">{'share vol.' | i8ln tLang}</th><th class="qmod-textr">{'totalvalue' | i8ln tLang}</th><th class="qmod-textr">{'52 week high' | i8ln tLang}</th><th class="qmod-textr">{'52 week low' | i8ln tLang}</th><th class="qmod-textr">{'marketcap' | i8ln tLang}</th><th class="qmod-textr">{'weight' | i8ln tLang}</th></tr></thead><tbody><tr class="qmod-table-row" rv-each-constituent="scope.data.constituents.constituent" rv-data-symbol="constituent.symbolstring"><td class="qmod-control"></td><td class="qmod-textl"><span rv-unless="scope.symbolForwardURL">{constituent.symbolstring}</span><a class="qmod-table-link" rv-if="scope.symbolForwardURL" rv-href="scope.symbolForwardURL | postFixWord constituent.symbolstring">{constituent.symbolstring}</a></td><td class="qmod-textl"><span rv-unless="scope.longNameForwardURL">{constituent.equityinfo.longname}</span><a class="qmod-table-link" rv-if="scope.longNameForwardURL" rv-href="scope.longNameForwardURL | postFixWord constituent.symbolstring">{constituent.equityinfo.longname}</a></td><td class="qmod-textr" rv-data-sort="constituent.pricedata.last">{constituent.pricedata.last | asQHLast tLang}</td><td class="qmod-textr" rv-data-sort="constituent.pricedata.change"><span rv-qmodchange="constituent.pricedata.change">{constituent.pricedata.change | asQHLast tLang}</span></td><td class="qmod-textr" rv-data-sort="constituent.pricedata.changepercent"><span rv-qmodchange="constituent.pricedata.change">{constituent.pricedata.changepercent | numeraljs '0.00' '-' | postFix '%'"}</span></td><td class="qmod-textr" rv-data-sort="constituent.pricedata.open">{constituent.pricedata.open | numeraljs '0,0.00' '-'}</td><td class="qmod-textr" rv-data-sort="constituent.pricedata.high">{constituent.pricedata.high | numeraljs '0,0.00' '-'}</td><td class="qmod-textr" rv-data-sort="constituent.pricedata.low">{constituent.pricedata.low | numeraljs '0,0.00' '-'}</td><td class="qmod-textr" rv-data-sort="constituent.pricedata.sharevolume">{constituent.pricedata.sharevolume | numeraljs '0.00[a]' '-'}</td><td class="qmod-textr" rv-data-sort="constituent.pricedata.totalvalue">{constituent.pricedata.totalvalue | numeraljs '0.00[a]' '-'}</td><td class="qmod-textr" rv-data-sort="constituent.fundamental.week52high.content">{constituent.fundamental.week52high.content | numeraljs '0,0.00' '-'}</td><td class="qmod-textr" rv-data-sort="constituent.fundamental.week52low.content">{constituent.fundamental.week52low.content | numeraljs '0,0.00' '-'}</td><td class="qmod-textr" rv-data-sort="constituent.fundamental.marketcap">{constituent.fundamental.marketcap | numeraljs '0.00[a]' '-'}</td><td class="qmod-textr" rv-data-sort="constituent.weight">{constituent.weight | asQHLast tLang}</td></tr></tbody></table></div><button class="qmod-btn qmod-darkblue qmod-btn-sm qmod-read-more" rv-on-click="scope.readMore" tabindex="0">{'more' | i8ln tLang}</button></div></div></div><div class="qmod-block-wrapper" rv-if="scope.hasData"><div class="pure-g"><div class="qmod-grid-con" rv-unless="scope.view"><div class="qmod-grid-item" rv-each-constituent="scope.data.constituents.constituent" rv-data-symbol="constituent.symbolstring"><span class="qmod-grid-name" rv-if="constituent.equityinfo.longname" rv-show="scope.gridName"><span rv-unless="scope.longNameForwardURL">{constituent.equityinfo.longname}</span><a class="qmod-table-link" rv-if="scope.longNameForwardURL" rv-href="scope.longNameForwardURL | postFixWord constituent.symbolstring">{constituent.equityinfo.longname}</a></span><span class="qmod-grid-symbol" rv-if="constituent.symbolstring" rv-show="scope.gridSymbol"><span rv-unless="scope.symbolForwardURL">({constituent.symbolstring})</span><a class="qmod-table-link" rv-if="scope.symbolForwardURL" rv-href="scope.symbolForwardURL | postFixWord constituent.symbolstring">({constituent.symbolstring})</a></span><div class="qmod-grid-item-quote"><span class="qmod-grid-last" rv-if="constituent.pricedata.last" rv-show="scope.gridLast">{constituent.pricedata.last | numeraljs '0.00' tLang}</span><span class="qmod-change-icon" rv-qmodchange="constituent.pricedata.change" rv-if="constituent.pricedata.change" rv-show="scope.gridChange"><i class="fa" rv-qmodchangeicon="constituent.pricedata.change"></i></span><span class="qmod-grid-change" rv-qmodchange="constituent.pricedata.change" rv-if="constituent.pricedata.change" rv-show="scope.gridChange">{constituent.pricedata.change | numeraljs '0.00' '-' tLang}</span><span class="qmod-grid-changepct" rv-qmodchange="constituent.pricedata.change" rv-if="constituent.pricedata.changepercent" rv-show="scope.gridChangePercent">{constituent.pricedata.changepercent | numeraljs '0.00' '-' tLang | postFix '%'"}</span></div><div class="qmod-grid-open" rv-if="constituent.pricedata.open" rv-show="scope.gridOpen"><span>{'open' | i8ln tLang}: &nbsp;</span><span>{constituent.pricedata.open | numeraljs '0,0.00' '-' tLang}</span></div><div class="qmod-grid-high" rv-if="constituent.pricedata.high" rv-show="scope.gridHigh"><span>{'high' | i8ln tLang}: &nbsp;</span><span>{constituent.pricedata.high | numeraljs '0,0.00' '-' tLang}</span></div><div class="qmod-grid-low" rv-if="constituent.pricedata.low" rv-show="scope.gridLow"><span>{'low' | i8ln tLang}: &nbsp;</span><span>{constituent.pricedata.low | numeraljs '0,0.00' '-' tLang}</span></div><div class="qmod-grid-market-cap" rv-if="constituent.fundamental.marketcap" rv-show="scope.gridMarketCap"><span>{'marketcap' | i8ln tLang}: &nbsp;</span><span>{constituent.fundamental.marketcap | numeraljs '0.00[a]' '-' tLang}</span></div><div class="qmod-grid-svolume" rv-if="constituent.pricedata.sharevolume" rv-show="scope.gridShareVolume"><span>{'share vol.' | i8ln tLang}: &nbsp;</span><span>{constituent.pricedata.sharevolume | numeraljs '0.00[a]' '-' tLang}</span></div><div class="qmod-grid-total-value" rv-if="constituent.pricedata.totalvalue" rv-show="scope.gridTotalValue"><span>{'totalvalue' | i8ln tLang}: &nbsp;</span><span>{constituent.pricedata.totalvalue | numeraljs '0.00[a]' '-' tLang}</span></div><div class="qmod-grid-week52high" rv-if="constituent.fundamental.week52high.content" rv-show="scope.gridWeek52High"><span>{'52 week high' | i8ln tLang}: &nbsp;</span><span>{constituent.fundamental.week52high.content | numeraljs '0,0.00' '-' tLang}</span></div><div class="qmod-grid-week52low" rv-if="constituent.fundamental.week52low.content" rv-show="scope.gridWeek52Low"><span>{'52 week low' | i8ln tLang}: &nbsp;</span><span>{constituent.fundamental.week52low.content | numeraljs '0,0.00' '-' tLang}</span></div><div class="qmod-grid-weight" rv-if="constituent.weight" rv-show="scope.gridWeight"><span>{'weight' | i8ln tLang}: &nbsp;</span><span>{constituent.weight | asQHLast tLang}</span></div></div></div></div></div></div>