<div class="qmod-ui-tool qmod-level2marketdepth"><h2 class="qmod-heading qmod-hbg">{lang.toolname}</h2><div class="qmod-tool-wrap" rv-hide="scope.noDataOrInvalid"><div class="qmod-block-wrapper"><div class="qmod-block-wrapper-body"><div class="pure-g"><div class="pure-u-1-1"><div class="qmod-panel qmod-panel-quote"><div class="qmod-panel-title"><span class="qmod-panel-header">{scope.equotedata.equityinfo.longname} ({scope.equotedata.symbolstring})</span><div class="qmod-mrktime qmod-panel-floating-elements qmod-f-right"><a class="qmod-popup-link qmod-tooltip" rv-title="scope.equotedata.key.exLgName">{scope.equotedata.key.exShName}</a></div><div class="qmod-block-settings qmod-panel-floating-elements qmod-f-right" rv-hide="scope.error"></div><button class="qmod-btn qmod-btn-link qmod-auto-update" rv-show="scope.binders.liveData.visible" rv-on-click="scope.binders.liveData.toggle"><i class="fa" rv-ifclass="scope.binders.liveData.enabled" data-qmod-true-class="fa-toggle-on qmod-ch-up" data-qmod-false-class="fa-toggle-off qmod-ch-down"></i><span class="qmod-btn-text">{scope.binders.liveData.label}</span></button><div class="qmod-block-settings qmod-panel-floating-elements qmod-f-right qmod-inline-ul" rv-if="scope.level2data.level2.type" rv-hide="scope.error"><div class="qmod-dd-cont"><span class="qmod-dd-header" rv-on-click="scope.binders.level2.settings.toggle"><span class="qmod-dd-header-name">{scope.binders.level2.settings.name}</span><span class="qmod-dd-header-lbl">{scope.binders.level2.settings.getSelectedLabel < selected}</span><span class="qmod-dd-header-icon"><i class="qmod-fa-icon fa fa-chevron-down" rv-class-qmod-dd-iopen="scope.binders.level2.settings.open"></i></span></span><ul class="qmod-dd-ul" rv-class-qmod-dd-open="scope.binders.level2.settings.open" rv-on-blur="scope.binders.level2.settings.blur"><li class="qmod-dd-li" rv-each-l2setting="scope.binders.level2.settings.list" rv-class-qmod-dd-li-active="scope.binders.level2.settings.selected|= index" rv-on-click="scope.binders.level2.settings.change" rv-show="l2setting.visible"><span class="qmod-dd-li-lbl">{l2setting.label}</span></li></ul></div></div><div class="qmod-block-settings qmod-panel-floating-elements qmod-f-right qmod-inline-ul" rv-if="scope.binders.composite" rv-hide="scope.error"><div class="qmod-dd-cont"><span class="qmod-dd-header" rv-on-click="scope.binders.markets.toggle"><span class="qmod-dd-header-lbl">{scope.binders.markets.list | getMyMarket scope.myMarket} </span><span class="qmod-dd-header-icon"><i class="qmod-fa-icon fa fa-chevron-down" rv-class-qmod-dd-iopen="scope.binders.markets.open"></i></span></span><ul class="qmod-dd-ul" rv-class-qmod-dd-open="scope.binders.markets.open" rv-on-blur="scope.binders.markets.blur"><li class="qmod-dd-li" rv-each-market="scope.binders.markets.list" rv-class-qmod-dd-li-active="market.value | = scope.myMarket" rv-on-click="scope.binders.changeMarket" rv-show="market.visible" rv-class-qmod-dd-li-disabled="market.exists | = false" rv-data-label="market.label" rv-data-value="market.value"><span class="qmod-dd-li-lbl">{market.label}</span></li></ul></div></div></div><div class="qmod-panel-body"><div class="qmod-row"><div class="qmod-col"><div class="qmod-col-inner"><span class="qmod-lbl">{'last' | i8ln tLang}:</span><span class="qmod-dp">{scope.equotedata.pricedata.last| qmNumformat}</span></div></div><div class="qmod-col"><div class="qmod-col-inner"><span class="qmod-lbl">{'open' | i8ln tLang}:</span><span class="qmod-dp">{scope.equotedata.pricedata.open| qmNumformat}</span></div></div><div class="qmod-col" rv-qmodchange="scope.equotedata.pricedata.change"><div class="qmod-col-inner"><span class="qmod-lbl">{'change' | i8ln tLang}:</span><span class="qmod-dp">{scope.equotedata.pricedata.change | qmNumformat}</span></div></div><div class="qmod-col" rv-qmodchange="scope.equotedata.pricedata.change"><div class="qmod-col-inner"><span class="qmod-lbl">{'changepct' | i8ln tLang}:</span><span class="qmod-dp">{scope.equotedata.pricedata.changepercent | qmPctformat}</span></div></div><div class="qmod-col"><div class="qmod-col-inner"><span class="qmod-lbl">{'high' | i8ln tLang}:</span><span class="qmod-dp">{scope.equotedata.pricedata.high| qmNumformat}</span></div></div><div class="qmod-col"><div class="qmod-col-inner"><span class="qmod-lbl">{'low' | i8ln tLang}:</span><span class="qmod-dp">{scope.equotedata.pricedata.low| qmNumformat}</span></div></div><div class="qmod-col"><div class="qmod-col-inner"><span class="qmod-lbl">{'VWAP' | i8ln tLang}:</span><span class="qmod-dp">{scope.equotedata.pricedata.vwap| qmNumformat}</span></div></div><div class="qmod-col"><div class="qmod-col-inner"><span class="qmod-lbl">{'trade vol.' | i8ln tLang}:</span><span class="qmod-dp">{scope.equotedata.pricedata.tradevolume | qmNumformatD}</span></div></div><div class="qmod-col"><div class="qmod-col-inner"><span class="qmod-lbl">{'tradeval' | i8ln tLang}:</span><span class="qmod-dp">{scope.equotedata.pricedata.totalvalue | qmNumformatD}</span></div></div><div class="qmod-col"><div class="qmod-col-inner"><span class="qmod-lbl">{'share vol.' | i8ln tLang}:</span><span class="qmod-dp">{scope.equotedata.pricedata.sharevolume | qmNumformatD}</span></div></div><div class="qmod-col"><div class="qmod-col-inner"><span class="qmod-lbl">{'asof' | i8ln tLang}</span><span class="qmod-dp">{scope.equotedata.pricedata.lasttradedatetime | momentjs 'true' 'LLL' tLang}</span></div></div></div></div></div></div><div class="pure-u-1-1" rv-show="scope.error"><div class="qmod-panel qmod-panel-error"><div class="qmod-panel-body"><div class="qmod-invalid"><span class="qmod-msg">{scope.errormsg}</span><span class="qmod-msg" rv-show="scope.binders.loginURL">Click <a class="qmod-link" rv-href="scope.binders.loginURL" target="_blank">here</a> to log in.</span></div></div></div></div><div class="pure-u-1-1" rv-addClass="scope.binders.level2.class" rv-hide="scope.error"><div class="qmod-panel qmod-panel-bids"><div class="qmod-panel-title"><span class="qmod-panel-header">{lang.label_Bids}</span><span class="qmod-entitlement" rv-qmodent="scope.level2data.pricedata.depthEntitlement" rv-unless="scope.level2data.pricedata.depthEntitlement | = 'DL'" rv-hide="scope.error">&nbsp; {scope.level2data.pricedata.depthEntitlement}</span></div><div class="qmod-panel-body"><div class="qmod-chartjs"><div class="qmod-bids-chart" rv-qmod-genchart="scope.level2data.level2.bids.bid"></div></div><div class="qmod-bids-totals qmod-totals"></div><div class="qmod-bids-summary qmod-summary"><span class="qmod-item">{scope.binders.level2.summary.bids.topVolume | qmNumformatD }</span><span class="qmod-item" rv-hide="scope.level2data.level2.bids.bid.0.count">{scope.binders.level2.summary.bids.topCount | qmNumformatD}</span><span class="qmod-item" rv-show="scope.level2data.level2.bids.bid.0.count">{scope.level2data.level2.bids.bid.0.count}</span><span class="qmod-item">{scope.binders.level2.summary.bids.topPrice | qmNumformat}</span></div><table class="qmod-table qmod-table-small qmod-level2bids-table nowrap" rv-qmod-gentable="scope.level2data.level2.bids.bid" width="100%"></table></div></div></div><div class="pure-u-1-1" rv-addClass="scope.binders.level2.class" rv-hide="scope.error"><div class="qmod-panel qmod-panel-asks"><div class="qmod-panel-title"><span class="qmod-panel-header">{lang.label_Asks}</span><span class="qmod-entitlement" rv-qmodent="scope.level2data.pricedata.depthEntitlement" rv-unless="scope.level2data.pricedata.depthEntitlement | = 'DL'" rv-hide="scope.error">&nbsp; {scope.level2data.pricedata.depthEntitlement}</span></div><div class="qmod-panel-body"><div class="qmod-chartjs"><div class="qmod-asks-chart" rv-qmod-genchart="scope.level2data.level2.asks.ask"></div></div><div class="qmod-asks-totals qmod-totals"></div><div class="qmod-asks-summary qmod-summary"><span class="qmod-item">{scope.binders.level2.summary.asks.topVolume | qmNumformatD }</span><span class="qmod-item" rv-show="scope.level2data.level2.asks.ask.0.count">{scope.level2data.level2.asks.ask.0.count}</span><span class="qmod-item" rv-hide="scope.level2data.level2.asks.ask.0.count">{scope.binders.level2.summary.asks.topCount | qmNumformatD}</span><span class="qmod-item">{scope.binders.level2.summary.asks.topPrice | qmNumformat}</span></div><table class="qmod-table qmod-table-small qmod-level2asks-table nowrap" rv-qmod-gentable="scope.level2data.level2.asks.ask" width="100%"></table></div></div></div><div class="pure-u-1-1" rv-addClass="scope.binders.trades.class"><div class="qmod-panel qmod-panel-trades"><div class="qmod-panel-title"><span class="qmod-panel-header">{lang.label_Trades}</span><span class="qmod-entitlement" rv-qmodent="scope.level2data.pricedata.tradeEntitlement" rv-unless="scope.level2data.pricedata.tradeEntitlement | = 'DL'">&nbsp; {scope.level2data.pricedata.tradeEntitlement}</span></div><div class="qmod-panel-body"><div class="qmod-chartjs"><div class="qmod-level2trades-chart" rv-qmod-genchart-trades="scope.level2data.level2.trades.trade"></div></div><table class="qmod-table qmod-table-small qmod-level2trades-table nowrap" rv-qmod-gentable="scope.level2data.level2.trades.trade" width="100%"></table></div></div></div></div></div></div></div><div class="qmod-tool-wrap" rv-show="scope.noDataOrInvalid"><div class="qmod-block-wrapper"><div class="qmod-invalid"><span class="qmod-invalid-message" rv-html="scope.noDataOrInvalidMsg">&nbsp;</span><span class="qmod-invalid-message" rv-html="scope.level2data.symbolstring"></span></div></div></div></div>