<div class="qmod-ui-tool qmod-price-performers"><h2 class="qmod-heading qmod-hbg">{'price performers' | i8ln tLang}</h2><div class="qmod-block-wrapper"><div class="pure-g"><div class="pure-u-1-1 qmod-mm-dropdowns"><label for="qmod-mm-exchanges">{'Exchange' | i8ln tLang}:<select id="qmod-mm-exchanges" rv-on-change="data.changeExchange"><option rv-each-exch="exchanges" rv-value="exch.0">{exch.1}</option></select></label><label for="qmod-mm-indices" rv-if="data.statIndexDrop">{'Index' | i8ln tLang}:<select id="qmod-mm-indices" rv-on-change="data.changeIndex"><option rv-each-si="data.statIndex" rv-value="si.val">{si.name}</option></select></label><label for="qmod-mm-sectors">{'Sector' | i8ln tLang}:<select id="qmod-mm-sectors" rv-on-change="data.changeSector"><optgroup rv-each-sect="sectors" rv-label="sect.name"><option rv-each-sec="sect.group" rv-value="sec.code">{sec.name}</option></optgroup></select></label><label for="qmod-mm-hours">{'Hours' | i8ln tLang}:<select id="qmod-mm-hours" rv-on-change="data.changeHours"><option value="NORMAL">{'markethours' | i8ln tLang}</option><option value="PRE">{'premarket' | i8ln tLang}</option><option value="POST">{'afterhoursmarket' | i8ln tLang}</option></select></label><label for="qmod-mm-types" rv-unless="data.tabsEnabled">{'Type' | i8ln tLang}:<select id="qmod-mm-types" rv-on-change="data.changeType"><option rv-each-stat="data.statTitles" rv-value="stat.stat">{stat.title}</option></select></label></div></div><div class="pure-g"><div class="pure-u-1-1"><div class="qmod-tab-container" rv-if="data.tabsEnabled" rv-hide="data.statTitles | asArrayLength | &lt; 2"><ul class="qmod-tab-list"><li class="qmod-tab-item qmod-active" rv-each-stat="data.statTitles" rv-class-qmod-active="index | = data.currentStatIndex" rv-on-click="data.changeTab" rv-data-index="index"><a class="qmod-tab-item-link"><div class="qmod-tab-text">{stat.title} </div></a></li></ul></div><div class="qmod-tab-container-bottom" rv-if="data.tabsEnabled" rv-hide="data.statTitles| asArrayLength | &lt; 2"></div><div class="qmod-no-data" rv-if="data.noData"><span class="qmod-no-data-msg">{data.noDataMsg}</span></div><div class="qmod-panel" rv-each-mstat="data.currentStat"><div class="qmod-price-performers-table-title" rv-if="mstat"><div class="qmod-title">{data.currentEx}: {'price performers' | i8ln tLang}</div></div><div class="qmod-table-con"><table class="qmod-table qmod-price-performers-table responsive nowrap" width="100%" rv-if="mstat"><thead><tr><th class="qmod-control control qmod-th-0"></th><th class="qmod-textl qmod-th-1">{'Symbol' | i8ln tLang}</th><th class="qmod-textl qmod-th-2" data-priority="10010">{'Company' | i8ln tLang}</th><th class="qmod-textr qmod-th-3">{'Last' | i8ln tLang}</th><th class="qmod-textr qmod-th-4">{'change' | i8ln tLang}</th><th class="qmod-textr qmod-th-5">{'changepct' | i8ln tLang}</th><th class="qmod-textr qmod-th-6">{'Open' | i8ln tLang}</th><th class="qmod-textr qmod-th-7">{'High' | i8ln tLang}</th><th class="qmod-textr qmod-th-8">{'Low' | i8ln tLang}</th><th class="qmod-textr qmod-th-12">{'52weekrange' | i8ln tLang}</th><th class="qmod-textr qmod-th-9">{'Vol' | i8ln tLang}</th><th class="qmod-textr qmod-th-10">{'tradeval' | i8ln tLang}</th><th class="qmod-textr qmod-th-11">{'totaltrades' | i8ln tLang}</th><th class="qmod-textc qmod-th-12" rv-if="actionMenuOpts.showMenu">{'Actions' | i8ln tLang}</th></tr></thead><tbody><tr class="qmod-table-row" rv-each-tradee="mstat" rv-on-click="data.clickRow" rv-data-symbol="tradee.symbolstring" rv-data-di="0" rv-hide="tradee.entitlement | = 'NA'"><td class="qmod-td-0 qmod-control"></td><td class="qmod-textl qmod-td-1 qmod-tcell"><span rv-unless="data.symbolForwardURL">{tradee.symbolstring}</span><a class="qmod-table-link" rv-if="data.symbolForwardURL" rv-href="data.symbolForwardURL | postFixWord tradee.symbolstring">{tradee.symbolstring}</a></td><td class="qmod-textl td-1 qmod-td-2 qmod-tcell qmod-tooltip" rv-title="tradee.equityinfo.longname" rv-on-mouseenter="data.qmtooltip"><span rv-unless="data.longNameForwardURL">{tradee.equityinfo.longname}</span><a class="qmod-table-link" rv-if="data.longNameForwardURL" rv-href="data.longNameForwardURL | postFixWord tradee.symbolstring">{tradee.equityinfo.longname}</a><span class="qmod-entitlement" rv-qmodent="tradee.entitlement" rv-unless="tradee.entitlement | = 'DL'">&nbsp; {tradee.entitlement}</span></td><td class="qmod-textr qmod-td-3"><div class="qmod-tcell">{tradee.pricedata.last | asQHLast}</div></td><td class="qmod-textr qmod-td-4"><div class="qmod-tcell" rv-qmodchange="tradee.pricedata.change">{tradee.pricedata.change | asQHLast}</div></td><td class="qmod-textr qmod-td-5"><div class="qmod-tcell" rv-qmodchange="tradee.pricedata.change" rv-html="tradee.pricedata.changepercent | numeraljs '0.00' | postFix '%'"></div></td><td class="qmod-textr qmod-td-6"><div class="qmod-tcell">{tradee.pricedata.open | asQHLast}</div></td><td class="qmod-textr qmod-td-7"><div class="qmod-tcell">{tradee.pricedata.high | asQHLast}</div></td><td class="qmod-textr qmod-td-8"><div class="qmod-tcell">{tradee.pricedata.low | asQHLast}</div></td><td class="qmod-textr qmod-td-12"><div class="qmod-tcell"><a class="qmod-popup-link" rv-on-click="data.togglePopup" data-popuptype="week52low" rv-data-low="tradee.fundamental.week52low.content" rv-data-lowdate="tradee.fundamental.week52low.date" rv-data-high="tradee.fundamental.week52high.content" rv-data-highdate="tradee.fundamental.week52high.date" rv-data-symbol="tradee.symbolstring">{tradee.fundamental.week52low.content | asQHLast} - {tradee.fundamental.week52high.content | asQHLast}</a></div></td><td class="qmod-textr qmod-td-9" rv-data-sort="tradee.pricedata.sharevolume"><div class="qmod-tcell">{tradee.pricedata.sharevolume | numeraljs '0,0.[00]a'}</div></td><td class="qmod-textr qmod-td-10" rv-data-sort="tradee.pricedata.totalvalue"><div class="qmod-tcell">{tradee.pricedata.totalvalue | numeraljs '0,0.[00]a'}</div></td><td class="qmod-textr qmod-td-11" rv-data-sort="tradee.pricedata.tradevolume"><div class="qmod-tcell">{tradee.pricedata.tradevolume | numeraljs '0,0.[00]a'}</div></td><td class="qmod-textc qmod-actions qmod-col-nopad qmod-td-12" rv-if="actionMenuOpts.showMenu"><actionmenu actionMenuOpts="actionMenuOpts" quoteData="tradee" forwardSymbol="tradee.symbolstring"></actionmenu></td></tr></tbody></table></div><!--button.qmod-btn.qmod-darkblue.qmod-btn-sm.qmod-read-more(rv-on-click="data.readMore",data-collapsed='true') More--><button class="qmod-btn qmod-green qmod-btn-sm qmod-view-more" rv-on-click="data.clickMore" rv-if="data.moreLinks | asArrayLength | &gt; 0" rv-data-index="index">View All</button></div><span class="qmod-mrktime qmod-textr" rv-unless="data.noData"><span class="qmod-time" rv-html="data.currentStat.0 | getlatestdate_mm | momentjs 'true' 'MM/DD/YYYY h:mm' tLang"></span><span class="qmod-datetimezone">&nbsp;{data.timezone | asTimezone tLang}</span></span></div></div></div><div class="qmod-popup" rv-show="data.popup.show" rv-style="data.popup.style"><div class="qmod-popup-title">{data.popup.data.title}<div class="qmod-popup-titlebar-buttons"><button class="qmod-btn" rv-on-click="data.popup.close"><i class="fa fa-times"></i></button></div></div><div class="qmod-popup-body" rv-html="data.popup.data.body"></div></div></div>