<div class="qmod-ui-tool qmod-index-summary"><h2 class="qmod-heading qmod-hbg"><span class="qmod-toolname">{tplLang.is_toolname| toLang tLang}</span></h2><div class="qmod-block-wrapper"><div class="qmod-no-data"><span class="qmod-no-data-msg">{scope.noDataMsg}</span></div><div class="pure-g" rv-if="scope.hasData"><div class="qmod-constituent-data"><h2>{scope.data.equityinfo.longname}<span class="qmod-index-symbol">&nbsp;({scope.data.symbolstring})</span></h2><div class="qmod-top-wrap"><div class="pure-u-1-2 qmod-top-data"><span class="qmod-last">{scope.data.pricedata.last | asQHLast tLang}</span><span class="qmod-change" rv-qmodchange="scope.data.pricedata.change"><i class="fa" rv-qmodchangeicon="scope.data.pricedata.change"></i>&nbsp;{scope.data.pricedata.change | numeraljs '0.00' '0.00' tLang }</span></div><div class="pure-u-1-2 qmod-top-date qmod-textr"><span class="qmod-time" rv-html="scope.date | momentjs 'true' 'lll' tLang"></span></div></div><div class="qmod-constituent-table"><div class="qmod-const-wrap"><div class="pure-u-1-2">Constituents</div><div class="pure-u-1-2 qmod-textr">{scope.data.constituents.constituent |asArrayLength}</div></div><div class="qmod-last-wrap"><div class="pure-u-1-2">Last</div><div class="pure-u-1-2 qmod-textr">{scope.data.pricedata.last | numeraljs '0,0.00'}</div></div><div class="qmod-change-wrap"><div class="pure-u-1-2">Change</div><div class="pure-u-1-2 qmod-textr">{scope.data.pricedata.change | numeraljs '0,0.00'}</div></div><div class="qmod-chngpct-wrap"><div class="pure-u-1-2">% Change</div><div class="pure-u-1-2 qmod-textr">{scope.data.pricedata.changepercent | numeraljs '0.00' | postFix '%'}</div></div><div class="qmod-open-wrap"><div class="pure-u-1-2">Open Price</div><div class="pure-u-1-2 qmod-textr">{scope.data.pricedata.open | numeraljs '0,0.00'}</div></div><div class="qmod-high-wrap"><div class="pure-u-1-2">Day High</div><div class="pure-u-1-2 qmod-textr">{scope.data.pricedata.high | numeraljs '0,0.00'}</div></div><div class="qmod-low-wrap"><div class="pure-u-1-2">Day Low</div><div class="pure-u-1-2 qmod-textr">{scope.data.pricedata.low | numeraljs '0,0.00'}</div></div><div class="qmod-close-wrap"><div class="pure-u-1-2">Previous Close</div><div class="pure-u-1-2 qmod-textr">{scope.data.pricedata.prevclose | numeraljs '0,0.00'}</div></div><div class="qmod-svol-wrap"><div class="pure-u-1-2">Total Volume</div><div class="pure-u-1-2 qmod-textr">{scope.data.pricedata.sharevolume |numeraljs '0,0.00 a'}</div></div><div class="qmod-avg10dayvolume-wrap"><div class="pure-u-1-2">Avg 10 Day Volume</div><div class="pure-u-1-2 qmod-textr">{scope.data.statistical.avg10dayvolume | numeraljs '0,0.00 a'}</div></div><div class="qmod-avg30dayvolume-wrap"><div class="pure-u-1-2">Avg 30 Day Volume</div><div class="pure-u-1-2 qmod-textr">{scope.data.statistical.avg30dayvolume | numeraljs '0,0.00 a'}</div></div><div class="qmod-week52high-wrap"><div class="pure-u-1-2">52 Week High</div><div class="pure-u-1-2 qmod-textr">{scope.data.statistical.week52high.content | numeraljs '0,0.00'}</div></div><div class="qmod-week52low-wrap"><div class="pure-u-1-2">52 Week Low</div><div class="pure-u-1-2 qmod-textr">{scope.data.statistical.week52low.content | numeraljs '0,0.00'}</div></div><div class="qmod-monthtodatepct-wrap"><div class="pure-u-1-2">MTD%</div><div class="pure-u-1-2 qmod-textr">{scope.data2.pricechange.monthtodatepct | numeraljs '0,0.00'| postFix '%'}</div></div><div class="qmod-quartertodatepct-wrap"><div class="pure-u-1-2">QTD%</div><div class="pure-u-1-2 qmod-textr">{scope.data2.pricechange.quartertodatepct| numeraljs '0,0.00'| postFix '%'}</div></div><div class="qmod-yeartodatepct-wrap"><div class="pure-u-1-2">YTD%</div><div class="pure-u-1-2 qmod-textr">{scope.data2.pricechange.yeartodatepct | numeraljs '0,0.00'| postFix '%'}</div></div></div></div></div></div></div>