<div class="qmod-ui-tool qmod-minimarketindices qmod-mini-tool"><h2 class="qmod-heading"><span class="qmod-heading-title">{'market indices' | i8ln lang}</span><!--span.qmod-mrktime(rv-unless="data.noData")span {data.data | getlatestdate | momentjs 'true' 'MM/DD/YYYY h:mm A'} {data.data.timezone}--></h2><div class="qmod-modal-overlay" rv-show="modal.show"></div><div class="qmod-ui-modal" rv-qmod-modal-open="modal.show" rv-show="modal.show" rv-class-anim="modal.open"><div class="qmod-ui-titlebar-buttons"><button class="qmod-btn qmod-modal-close" rv-on-click="modal.close"><i class="qmod-icon qm_icon-close-med"></i></button></div><div class="qmod-ui-modal-body"><div class="qmod-ui-modal-titlebar"><div class="qmod-ui-modal-title">{data.modalObj.equityinfo.longname} ( {data.modalObj.symbolstring} )</div></div><div class="pure-g" rv-unless="data.modalObj.datatype | = 'n/a'"><div class="pure-u-lg-1-2 pure-u-1"><div class="qmod-chart"><ul class="qmod-button-group"><li rv-unless="data.modalObj.entitlement | or 'EOD' 'PD'"><button class="qmod-btn" rv-on-click="data.changeChart" data-scale="1d" rv-class-qmod-btn-active="data.modalObj.chscale | = '1d'">{'1d' | i8ln tLang}</button></li><li><button class="qmod-btn" rv-on-click="data.changeChart" data-scale="5d" rv-class-qmod-btn-active="data.modalObj.chscale | = '5d'">{'5d' | i8ln tLang}</button></li><li><button class="qmod-btn" rv-on-click="data.changeChart" data-scale="1m" rv-class-qmod-btn-active="data.modalObj.chscale | = '1m'">{'1m' | i8ln tLang}</button></li><li><button class="qmod-btn" rv-on-click="data.changeChart" data-scale="3m" rv-class-qmod-btn-active="data.modalObj.chscale | = '3m'">{'3m' | i8ln tLang}</button></li><li><button class="qmod-btn" rv-on-click="data.changeChart" data-scale="6m" rv-class-qmod-btn-active="data.modalObj.chscale | = '6m'">{'6m' | i8ln tLang}</button></li><li><button class="qmod-btn" rv-on-click="data.changeChart" data-scale="1y" rv-class-qmod-btn-active="data.modalObj.chscale | = '1y'">{'1y' | i8ln tLang}</button></li><li><button class="qmod-btn" rv-on-click="data.changeChart" data-scale="2y" rv-class-qmod-btn-active="data.modalObj.chscale | = '2y'">{'2y' | i8ln tLang}</button></li><li><button class="qmod-btn" rv-on-click="data.changeChart" data-scale="3y" rv-class-qmod-btn-active="data.modalObj.chscale | = '3y'">{'3y' | i8ln tLang}</button></li><li><button class="qmod-btn" rv-on-click="data.changeChart" data-scale="4y" rv-class-qmod-btn-active="data.modalObj.chscale | = '4y'">{'4y' | i8ln tLang}</button></li><li><button class="qmod-btn" rv-on-click="data.changeChart" data-scale="5y" rv-class-qmod-btn-active="data.modalObj.chscale | = '5y'">{'5y' | i8ln tLang}</button></li><li><button class="qmod-btn" rv-on-click="data.changeChart" data-scale="10y" rv-class-qmod-btn-active="data.modalObj.chscale | = '10y'">{'10y' | i8ln tLang}</button></li></ul><div class="qmod-chart-plot"><img class="qmod-tab-img" rv-src="data.modalObj.qmURL"/></div></div></div><div class="pure-u-lg-1-2 pure-u-1"><div class="qmod-quotegrid"><div class="pure-g"><div class="pure-u-1-2" rv-if="data.modalObj.pricedata.last"><div class="qmod-line-sep"><div class="pure-u-1-2"><div class="qmod-label qmod-textl qmod-truncate" rv-title="'last' | i8ln tLang">{'last' | i8ln tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-text="data.modalObj.pricedata.last | asQHLast tLang"></div></div></div></div><div class="pure-u-1-2" rv-if="data.modalObj.pricedata.lasttradedatetime"><div class="qmod-line-sep"><div class="pure-u-1-2"><div class="qmod-label qmod-textl qmod-truncate" rv-title="'lasttrade' | i8ln tLang">{'lasttrade' | i8ln tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr"><a class="qmod-tooltip" rv-title="data.modalObj.pricedata.lasttradedatetime | momentjs 'true' 'LL' tLang" rv-on-mouseenter="data.qmtooltip" rv-text="data.modalObj.pricedata.lasttradedatetime | momentjs 'true' 'LT' tLang"></a></div></div></div></div><div class="pure-u-1-2"><div class="qmod-line-sep"><div class="pure-u-1-2"><div class="qmod-label qmod-textl qmod-truncate" rv-title="'change' | i8ln tLang">{'change' | i8ln tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-text="data.modalObj.pricedata.change | asQHLast tLang"></div></div></div></div><div class="pure-u-1-2"><div class="qmod-line-sep"><div class="pure-u-1-2"><div class="qmod-label qmod-textl qmod-truncate" rv-title="'changepct' | i8ln tLang">{'changepct' | i8ln tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-html="data.modalObj.pricedata.changepercent | numeraljs '0.00' '0.00' | postFix '%'"></div></div></div></div><div class="pure-u-1-2" rv-if="data.modalObj.pricedata.open"><div class="qmod-line-sep"><div class="pure-u-1-2"><div class="qmod-label qmod-textl qmod-truncate" rv-title="'open' | i8ln tLang">{'open' | i8ln tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-text="data.modalObj.pricedata.open | numeraljs"></div></div></div></div><div class="pure-u-1-2" rv-if="data.modalObj.pricedata.prevclose"><div class="qmod-line-sep"><div class="pure-u-1-2"><div class="qmod-label qmod-textl qmod-truncate" rv-title="'prevclose' | i8ln tLang">{'prevclose' | i8ln tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-text="data.modalObj.pricedata.prevclose | numeraljs"></div></div></div></div><div class="pure-u-1-2" rv-if="data.modalObj.pricedata.high"><div class="qmod-line-sep"><div class="pure-u-1-2"><div class="qmod-label qmod-textl qmod-truncate" rv-title="'high' | i8ln tLang">{'high' | i8ln tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-text="data.modalObj.pricedata.high | numeraljs"></div></div></div></div><div class="pure-u-1-2" rv-if="data.modalObj.pricedata.low"><div class="qmod-line-sep"><div class="pure-u-1-2"><div class="qmod-label qmod-textl qmod-truncate" rv-title="'low' | i8ln tLang">{'low' | i8ln tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-text="data.modalObj.pricedata.low | numeraljs"></div></div></div></div><div class="pure-u-1-2" rv-if="data.modalObj.pricedata.bid"><div class="qmod-line-sep"><div class="pure-u-1-2"><div class="qmod-label qmod-textl qmod-truncate" rv-title="'bid' | i8ln tLang">{'bid' | i8ln tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-text="data.modalObj.pricedata.bid | numeraljs"></div></div></div></div><div class="pure-u-1-2" rv-if="data.modalObj.pricedata.ask"><div class="qmod-line-sep"><div class="pure-u-1-2"><div class="qmod-label qmod-textl qmod-truncate" rv-title="'ask' | i8ln tLang">{'ask' | i8ln tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-text="data.modalObj.pricedata.ask | numeraljs"></div></div></div></div><div class="pure-u-1-2" rv-if="data.modalObj.fundamental.week52low"><div class="qmod-line-sep"><div class="pure-u-1-2"><div class="qmod-label qmod-textl qmod-truncate" rv-title="'yearlow' | i8ln tLang">{'yearlow' | i8ln tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr"><a class="qmod-popup-link" rv-on-click="data.togglePopup" data-popuptype="week52low" rv-text="data.modalObj.fundamental.week52low.content | numeraljs"></a></div></div></div></div><div class="pure-u-1-2" rv-if="data.modalObj.fundamental.week52high"><div class="qmod-line-sep"><div class="pure-u-1-2"><div class="qmod-label qmod-textl qmod-truncate" rv-title="'yearhigh' | i8ln tLang">{'yearhigh' | i8ln tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr"><a class="qmod-popup-link" rv-on-click="data.togglePopup" data-popuptype="week52low" rv-text="data.modalObj.fundamental.week52high.content | numeraljs"></a></div></div></div></div><div class="pure-u-1-2" rv-if="data.modalObj.pricedata.sharevolume"><div class="qmod-line-sep"><div class="pure-u-1-2"><div class="qmod-label qmod-textl qmod-truncate" rv-title="'vol' | i8ln tLang">{'vol' | i8ln tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-text="data.modalObj.pricedata.sharevolume | numeraljs '0,0'"></div></div></div></div><div class="pure-u-1-2" rv-if="data.modalObj.key.exchange"><div class="qmod-line-sep"><div class="pure-u-1-2"><div class="qmod-label qmod-textl qmod-truncate" rv-title="'exchange' | i8ln tLang">{'exchange' | i8ln tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr"><a class="qmod-tooltip" rv-title="data.modalObj.key.exLgName" rv-on-mouseenter="data.qmtooltip" rv-text="data.modalObj.key.exchange"></a></div></div></div></div><!--div.pure-u-1-2(rv-if="data.modalObj.fundamental.float")div.qmod-line-sep
  div.pure-u-1-2: div.qmod-label.qmod-textl.qmod-truncate Float
  div.pure-u-1-2: div.qmod-data-point.qmod-textr(rv-text="data.modalObj.fundamental.float | numeraljs")
--></div></div></div></div><div class="pure-u-1 qmod-textc" rv-if="data.modalObj.datatype | = 'n/a'"><div class="qmod-label">{'nodata' | i8ln tLang} {data.modalObj.symbolstring}</div></div></div></div><div class="qmod-block-wrapper"><div class="pure-g"><div class="pure-u-1-1"><div rv-if="data.interactiveChart"><div class="qmod-pricehistory-chart-con"><div class="qmod-topChart-head"><span>{data.topChart.longname}</span><span class="qmod-entitlement" rv-qmodent="data.topChart.entitlement" rv-unless="data.topChart.entitlement | = 'DL'">&nbsp; {data.topChart.entitlement}</span><span class="qmod-topChart-change" rv-qmodchange="data.topChart.change">{data.topChart.change | asQHLast }</span><span class="qmod-topChart-change fa" rv-qmodchange="data.topChart.change" rv-qmodchangeicon="data.topChart.change"></span><div class="phistory-chart"></div><div class="qmod-pricehistory-chart"></div><div class="qmod-chart-buttons-rs"><ul class="qmod-legend"><li rv-each-time="data.binders.dateRange.list" rv-show="data.binders.dateRange.visible" rv-on-click="data.binders.dateRange.change"><button class="qmod-btn" rv-class-qmod-active="index|= data.binders.dateRange.selected"><div class="qmod-btn-text"> {time.label}</div></button></li></ul></div></div></div></div><div class="qmod-topChart" rv-if="data.chartData" rv-hide="data.interactiveChart"><div class="qmod-topChart-head"><span>{data.topChart.longname}</span><span class="qmod-entitlement" rv-qmodent="data.topChart.entitlement" rv-unless="data.topChart.entitlement | = 'DL'">&nbsp; {data.topChart.entitlement}</span><span class="qmod-topChart-change" rv-qmodchange="data.topChart.change">{data.topChart.change | asQHLast }</span><span class="qmod-topChart-change fa" rv-qmodchange="data.topChart.change" rv-qmodchangeicon="data.topChart.change"></span><span class="qmod-topChart-change">{data.topChart.last | asQHLast }&nbsp;</span></div><div class="qmod-chart-plot"><img class="qmod-tab-img" rv-src="data.topChart.url"/></div><ul class="qmod-button-group"><li class="qmod-chart-scale-1d" rv-unless="data.topChart.entitlement | or 'EOD' 'PD'"><button class="qmod-btn" rv-on-click="data.changeChart" rv-class-qmod-btn-active="data.topChart.chscale | = '1d'">1d</button></li><li class="qmod-chart-scale-5d" rv-unless="data.topChart.entitlement | or 'EOD' 'PD'"><button class="qmod-btn" rv-on-click="data.changeChart" rv-class-qmod-btn-active="data.topChart.chscale | = '5d'">5d</button></li><li class="qmod-chart-scale-1m"><button class="qmod-btn" rv-on-click="data.changeChart" rv-class-qmod-btn-active="data.topChart.chscale | = '1m'">1m</button></li><li class="qmod-chart-scale-3m"><button class="qmod-btn" rv-on-click="data.changeChart" rv-class-qmod-btn-active="data.topChart.chscale | = '3m'">3m</button></li><li class="qmod-chart-scale-6m"><button class="qmod-btn" rv-on-click="data.changeChart" rv-class-qmod-btn-active="data.topChart.chscale | = '6m'">6m</button></li><li class="qmod-chart-scale-1y"><button class="qmod-btn" rv-on-click="data.changeChart" rv-class-qmod-btn-active="data.topChart.chscale | = '1y'">1y</button></li><li class="qmod-chart-scale-2y"><button class="qmod-btn" rv-on-click="data.changeChart" rv-class-qmod-btn-active="data.topChart.chscale | = '2y'">2y</button></li><li class="qmod-chart-scale-3y"><button class="qmod-btn" rv-on-click="data.changeChart" rv-class-qmod-btn-active="data.topChart.chscale | = '3y'">3y</button></li><li class="qmod-chart-scale-4y"><button class="qmod-btn" rv-on-click="data.changeChart" rv-class-qmod-btn-active="data.topChart.chscale | = '4y'">4y</button></li><li class="qmod-chart-scale-5y"><button class="qmod-btn" rv-on-click="data.changeChart" rv-class-qmod-btn-active="data.topChart.chscale | = '5y'">5y</button></li><li class="qmod-chart-scale-10y"><button class="qmod-btn" rv-on-click="data.changeChart" rv-class-qmod-btn-active="data.topChart.chscale | = '10y'">10y</button></li></ul></div><div class="qmod-tab-container"><ul class="qmod-tab-list"><li class="qmod-tab-item" rv-each-tab="indices" rv-class-qmod-active="index | = 0" rv-data-symbol="tab.symbolList"><a class="qmod-tab-item-link" rv-on-click="data.changeTab"><div class="qmod-tab-text">{tab.name | i8ln lang}</div></a></li></ul></div><div class="qmod-tab-container-bottom"></div><div class="qmod-minimarketindices-table-con"><div class="qmod-no-data" rv-if="data.noData">{'no data symbols' | i8ln lang}</div><table class="qmod-table qmod-minimarketindices-table responsive nowrap" width="100%" rv-unless="data.noData"><thead><tr><th class="qmod-textl qmod-th-1">{'index' | i8ln lang}</th><th class="qmod-textr qmod-th-2">{'last' | i8ln lang}</th><th class="qmod-textr qmod-th-3">{'change' | i8ln lang}</th><th class="qmod-textr qmod-th-4">{'changepct' | i8ln lang}</th></tr></thead><tbody><tr class="qmod-table-row" rv-each-tradee="data.data" rv-data-symbol="tradee.symbolstring" rv-on-click="data.clickRow" rv-hide="tradee.entitlement | = 'NA'" rv-class-qmod-tr-active="index | = 0"><td class="qmod-textl qmod-td-1" rv-if="uln" rv-on-click="data.clickLongName"><span rv-if="tradee.equityinfo.longname"><span class="qmod-tooltip" rv-title="tradee.equityinfo.longname" rv-on-mouseenter="data.qmtooltip" rv-html="tradee.equityinfo.longname"></span></span><span rv-unless="tradee.equityinfo.longname"><span class="qmod-tooltip" rv-title="tradee.equityinfo.shortname" rv-on-mouseenter="data.qmtooltip" rv-html="tradee.equityinfo.shortname"></span></span><span class="qmod-entitlement" rv-qmodent="tradee.entitlement" rv-unless="tradee.entitlement | = 'DL'">&nbsp; {tradee.entitlement | i8ln lang}</span></td><td class="qmod-textl qmod-td-2" rv-unless="uln" rv-on-click="data.clickSymbol"><span rv-if="tradee.equityinfo.shortname" rv-title="tradee.equityinfo.longname" rv-on-mouseenter="data.qmtooltip" rv-html="tradee.equityinfo.shortname"></span><span rv-unless="tradee.equityinfo.shortname" rv-title="tradee.equityinfo.longname" rv-on-mouseenter="data.qmtooltip" rv-html="tradee.symbolstring"></span><span class="qmod-entitlement" rv-qmodent="tradee.entitlement" rv-unless="tradee.entitlement | = 'DL'">&nbsp; {tradee.entitlement | i8ln lang}</span></td><td class="qmod-textr qmod-td-3" rv-data-sort="tradee.pricedata.last"><span>{tradee.pricedata.last | numeraljs '0,0.00'}</span></td><td class="qmod-textr qmod-td-4" rv-data-sort="tradee.pricedata.change"><span rv-qmodchange="tradee.pricedata.change">{tradee.pricedata.change | numeraljs '0,0.00'}</span></td><td class="qmod-textr qmod-td-5" rv-data-sort="tradee.pricedata.changepercent"><span rv-qmodchange="tradee.pricedata.change" rv-html="tradee.pricedata.changepercent | numeraljs '0.00' | postFix '%'"></span></td></tr></tbody></table></div><span class="qmod-mrktime qmod-textr"><span class="qmod-time" rv-html="data.data | getlatestdate_mmi | momentjs 'true' 'LLL' lang"></span><span class="qmod-datetimezone">&nbsp;{data.timezone | asTimezone lang}</span></span></div></div></div><div class="qmod-block-wrapper qmod-textc" rv-if="data.data.datatype | = 'n/a'"><h3 class="qmod-heading qmod-hrnd">&nbsp;</h3><div class="pure-g"><div class="pure-u-1"><div class="qmod-label">{'nodata' | i8ln lang} {data.symbolstring}</div></div></div></div></div>