<div class="qmod-ui-tool qmod-marketindices"><h2 class="qmod-heading qmod-hbg"><span class="qmod-toolname">{tplLang.mi_toolname| toLang tLang}</span></h2><div class="qmod-block-wrapper"><div class="qmod-tab-container" rv-class-qmod-loading="binders.loader"><ul class="qmod-tab-list"><li class="qmod-tab-item" rv-each-tab="tabs.list" rv-class-qmod-active="tabs.selected|= index" rv-show="tab.visible"><a class="qmod-tab-item-link" rv-on-click="tabs.change" tabindex="0"><div class="qmod-tab-text"><span rv-unless="data.mobileTabs">{tab.name| toLang tLang} &nbsp;</span><span rv-if="data.mobileTabs">{tab.mobileName} &nbsp;</span></div></a></li></ul></div><div class="qmod-tab-container-bottom"></div><div class="qmod-block-wrapper-body qmod-mrktcharts"><div class="qmod-panel" rv-show="tabs.hasChartData &lt; selected"><div class="qmod-panel-body"><div class="qmod-top-chart"><div class="qmod-top-charts" rv-each-chart="tabs.getTabCharts &lt; selected"><div class="qmod-panel qmod-panel-chart"><div class="qmod-topChart"><div class="qmod-topChart-header"><div class="qmod-topChart-head"><span>{chart.longname}</span><span class="qmod-entitlement" rv-qmodent="chart.entitlement" rv-unless="chart.entitlement | = 'DL'">&nbsp; {chart.entitlement}</span></div><div class="qmod-topChart-change"><span>{chart.last | asQHLast tLang}</span><span rv-qmodchange="chart.change"><i class="fa" rv-qmodchangeicon2="chart.change"></i>{chart.change | numeraljs '0.00' '0.00' tLang }</span></div></div></div><div class="qmod-panel-body"><div class="qmod-chart-js"><img class="qmod-topChart-img" rv-qmod-getchart2="chart.name |call binders.toolWidth binders.slick"/></div></div></div></div></div></div></div><div class="qmod-panel"><div class="qmod-panel-body"><div class="qmod-marketindices-table-con" rv-class-qmod-loading-op="binders.loader"><table class="qmod-table qmod-marketindices-table nowrap" width="100%"><thead><tr><th class="qmod-th-0"></th><th class="qmod-textl qmod-th-1" data-priority="7">{tplLang.index| toLang tLang}</th><th class="qmod-textl qmod-th-2" data-priority="1">{tplLang.symbol| toLang tLang}</th><th class="qmod-textr qmod-th-3" data-priority="2">{tplLang.last| toLang tLang}</th><th class="qmod-textr qmod-th-4" data-priority="3">{tplLang.change| toLang tLang}</th><th class="qmod-textr qmod-th-5" data-priority="4">{tplLang.changepct| toLang tLang}</th><th class="qmod-textr qmod-th-6" data-priority="5">{tplLang.high| toLang tLang}</th><th class="qmod-textr qmod-th-7" data-priority="6">{tplLang.low| toLang tLang}</th><th class="qmod-textr qmod-th-8" rv-if="data.sparkLineEnabeld" data-priority="8">{data.sparkLineDays}</th></tr></thead><tr class="qmod-table-row" rv-each-tabdata="tabs.getTabData &lt; selected" rv-on-click="binders.clickRow" tabindex="0"><td class="qmod-responsive-control"></td><td class="qmod-textl td-1"><spav rv-if="tabdata.equityinfo.longname"><span rv-unless="data.longNameForwardURL">{tabdata.equityinfo.longname}</span><a class="qmod-table-link" rv-if="data.longNameForwardURL" rv-href="data.longNameForwardURL | postFixWord tabdata.symbolstring">{tabdata.equityinfo.longname}</a></spav><spav rv-unless="tabdata.equityinfo.longname"><span rv-unless="data.longNameForwardURL">{tabdata.equityinfo.shortname}</span><a class="qmod-table-link" rv-if="data.longNameForwardURL" rv-href="data.longNameForwardURL | postFixWord tabdata.symbolstring">{tabdata.equityinfo.shortname}</a></spav><span class="qmod-entitlement" rv-qmodent="tabdata.entitlement" rv-unless="tabdata.entitlement | = 'DL'">&nbsp; {tabdata.entitlement}</span></td><td class="qmod-textl"><span rv-unless="data.symbolForwardURL">{tabdata.symbolstring}</span><a class="qmod-table-link" rv-if="data.symbolForwardURL" rv-href="data.symbolForwardURL | postFixWord tabdata.symbolstring">{tabdata.symbolstring}</a></td><td class="qmod-textr" rv-data-sort="tabdata.pricedata.last"><span>{tabdata.pricedata.last | asQHLast tLang }</span></td><td class="qmod-textr" rv-data-sort="tabdata.pricedata.change"><span rv-qmodchange="tabdata.pricedata.change">{ tabdata.pricedata.change | numeraljs '0.00' '0.00' tLang}</span></td><td class="qmod-textr" rv-data-sort="tabdata.pricedata.changepercent"><span rv-qmodchange="tabdata.pricedata.change">{tabdata.pricedata.changepercent |numeraljs '0.00' '0.00' tLang | postFix '%' tLang}</span></td><td class="qmod-textr" rv-data-sort="tabdata.pricedata.high"><span>{tabdata.pricedata.high | asQHLast tLang}</span></td><td class="qmod-textr" rv-data-sort="tabdata.pricedata.low"><span>{tabdata.pricedata.low | asQHLast tLang}</span></td><td class="qmod-textr qmod-sparkline" rv-if="data.sparkLineEnabeld"><div class="qmod-sparkline-cont" rv-qmod-sparklinez="tabdata.symbolstring"></div></td></tr></table></div></div><button class="qmod-btn qmod-darkblue qmod-btn-sm qmod-read-more" rv-on-click="data.readMore" tabindex="0" rv-class-qmod-loading-op="binders.loader">More</button></div><span class="qmod-mrktime qmod-textr"><span class="qmod-time" rv-html="tabs.getTabData &lt; selected | getlatestdate_mi | momentjs 'true' 'LLL' tLang"></span><span class="qmod-timezone" rv-unless="data.noData">&nbsp;{binders.timezone | asTimezone tLang}</span></span></div></div><div class="qmod-modal-overlay" rv-show="modal.show" rv-on-click="modal.close"></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" type="button" rv-on-click="modal.close" rv-aria-label="'close modal' | i8ln tLang"><i class="qmod-icon qm_icon-close-med" aria-hidden="true"></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"><div class="pure-u-lg-1-2 pure-u-1"><div class="qmod-chart"><div class="mdc-tab-bar qmod-charttabs" role="tablist"><div class="mdc-tab-scroller qmod-charttabs"><div class="mdc-tab-scroller__scroll-area"><div class="mdc-tab-scroller__scroll-content"><button class="mdc-tab" rv-each-chartscale="modal.charts.list" rv-hide="index|='0'| and data.modalObj.entitlement| or 'EOD' 'PD'" rv-on-click="modal.charts.change" role="tab" tabindex="0" rv-class-mdc-tab--active="modal.charts.selected | = index " rv-aria-selected="modal.charts.selected|= index"><span class="mdc-tab__content"><span class="mdc-tab__text-label">{chartscale.label| toLang tLang}</span></span><span class="mdc-tab-indicator qmod-charttabs" rv-class-mdc-tab-indicator--active="modal.charts.selected | = index"> <span class="mdc-tab-indicator__content mdc-tab-indicator__content--underline"></span></span><span class="mdc-tab__ripple mdc-ripple-upgraded qmod-charttabs"></span></button></div></div></div></div><div class="qmod-chart-plot"><img class="qmod-tab-img" rv-qmod-getchart="data.modalObj.symbolstring |call modal.charts.selected modal.open binders.toolWidth" rv-alt="'Price history chart for' | addWord data.modalObj.equityinfo.longname"/></div></div></div><div class="pure-u-lg-1-2"><div class="qmod-quotegrid"><div class="pure-g"><div class="pure-u-1-1 pure-u-sm-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">{tplLang.last| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-text="data.modalObj.pricedata.last | numeraljs"></div></div></div></div><div class="pure-u-1-1 pure-u-sm-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">{tplLang.lasttrade| toLang 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-1 pure-u-sm-1-2"><div class="qmod-line-sep"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.change| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-text="data.modalObj.pricedata.change | numeraljs '0.00' '0.00'"></div></div></div></div><div class="pure-u-1-1 pure-u-sm-1-2"><div class="qmod-line-sep"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.changepct| toLang 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-1 pure-u-sm-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">{tplLang.open| toLang 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-1 pure-u-sm-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">{tplLang.prevclose| toLang 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-1 pure-u-sm-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">{tplLang.high| toLang 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><ddiv class="pure-u-1-1 pure-u-sm-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">{tplLang.low| toLang 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></ddiv><div class="pure-u-1-1 pure-u-sm-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">{tplLang.bid| toLang 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-1 pure-u-sm-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">{tplLang.ask| toLang 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-1 pure-u-sm-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">{tplLang.yearlow| toLang 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-1 pure-u-sm-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">{tplLang.yearhigh| toLang 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-1 pure-u-sm-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">{tplLang.volume| toLang 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-1 pure-u-sm-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">{tplLang.exchange| toLang 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></div></div></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">No Data Exists for {data.symbolstring}</div></div></div></div></div>