<div class="qmod-ui-tool qmod-trades-historic"><!--include ../quotehead/embed--><h2 class="qmod-heading qmod-hbg" rv-if="corpEvents.tradesummary">{'Trade History' | i8ln tLang} {'for' | i8ln tLang} {scope.name} ({scope.symbol})</h2><div class="qmod-time-picker-open" rv-show="scope.timePickerShowing" rv-on-click="scope.hideTimePicker"></div><div class="qmod-time-picker-open" rv-show="scope.endTimePickerShowing" rv-on-click="scope.hideEndTimePicker"></div><!--div.qmod-block-wrapper(rv-if="corpEvents.tradesummary")div.qmod-block-wrapper-body
  div.pure-g
    div.pure-u-1-1
      div.qmod-panel.qmod-panel-summary
        div.qmod-panel-body
          div.pure-u-sm-1-2.pure-u-md-1-4.qmod-summary-label
            span {tplLang.trades | toLang tLang}:
            span {corpEvents.tradesummary.tradevolume | numeraljs '0,0.00a'}
          div.pure-u-sm-1-2.pure-u-md-1-4.qmod-summary-label
            span {tplLang.value | toLang tLang}:
            span {corpEvents.tradesummary.totalvalue | numeraljs '0,0.00a'}
          div.pure-u-sm-1-2.pure-u-md-1-4.qmod-summary-label.qmod-summary-label
            span {tplLang.vwap | toLang tLang}:
            span {corpEvents.tradesummary.vwap | asQHLast }     
          div.pure-u-1-1.pure-u-sm-1-2.pure-u-md-1-4.qmod-summary-datetime
            span.qmod-summary-datetime {corpEvents.trade.0.datetime | momentjs 'true' 'L' tLang} {corpEvents.trade.0.datetime | momentjs 'true' 'LT' tLang} {corpEvents.trade.0.timezone | asTimezone tLang}--><!--h2.qmod-heading.qmod-hbg Historical Range--><div class="qmod-block-wrapper"><div class="qmod-block-wrapper-body qmod-histrad-settings"><div class="pure-u-1"><div class="qmod-histrad-setting qmod-symbol-pkr" rv-if="scope.showSymbolInput"><label for="qmod-symbol-pkr">Symbol Lookup:</label><input id="qmod-symbol-pkr" type="text" rv-value="scope.symbol" readonly="readonly" rv-on-click="scope.showSymbolLookup"/></div><div class="qmod-change-switch" rv-ifclass="scope.showSymbolInput" data-qmod-true-class="qmod-switch-position"><div class="pure-u-1-2"><div class="qmod-histrad-setting qmod-recent-con dt-buttons qmod-recent"><div class="dt-button qmod-recent-trades" rv-on-click="scope.setRecent" rv-ifclass="scope.recent" data-qmod-false-class="qmod-greyed">{'Recent' | i8ln tLang}</div></div></div><div class="pure-u-1-2"><div class="qmod-histrad-setting qmod-historic-con dt-buttons qmod-historic"><div class="dt-button qmod-historic-trades" rv-on-click="scope.setHistoric" rv-ifclass="scope.recent" data-qmod-true-class="qmod-greyed">{'Historical' | i8ln tLang}</div></div></div></div><!--.pure-u-sm-1-2(rv-ifclass="scope.showSymbolInput" data-qmod-false-class="pure-u-lg-2-24" data-qmod-true-class="pure-u-lg-1-5").qmod-histrad-setting.qmod-recent-con.dt-buttons
  div.dt-button.qmod-recent-trades(rv-on-click="scope.setRecent" rv-ifclass="scope.recent" data-qmod-false-class="qmod-greyed") {'Recent' | i8ln tLang}--><!--.pure-u-sm-1-2(rv-ifclass="scope.showSymbolInput" data-qmod-false-class="pure-u-lg-2-24" data-qmod-true-class="pure-u-lg-1-5").qmod-histrad-setting.qmod-historic-con.dt-buttons
  div.dt-button.qmod-historic-trades(rv-on-click="scope.setHistoric" rv-ifclass="scope.recent" data-qmod-true-class="qmod-greyed") {'Historical' | i8ln tLang}
--></div><div class="pure-u-1"><div class="qmod-histrad-setting qmod-date-pkr" rv-ifclass="scope.recent" data-qmod-true-class="qmod-faded qmod-disabled"><label for="qmod-date-pkr">{'date' | i8ln tLang}:</label><div class="inner-addon right-addon"><i class="fa fa-calendar qmod-calendar"></i><input class="qmod-datepicker" type="text" name="qmod-date"/></div></div><div class="qmod-histrad-setting qmod-time-pkr" rv-ifclass="scope.recent" data-qmod-true-class="qmod-faded qmod-disabled"><label for="qmod-time-pkr">{'start time' | i8ln tLang}:</label><input class="qmod-time-pkr" id="qmod-time-pkr" type="text" rv-placeholder="'Time (eg: 09:30:00.000)' | i8ln tLang" rv-on-click="scope.showTimePicker" rv-value="scope.startTime" rv-on-focus="scope.qmtooltip" data-tipleave="blur" rv-title="'enter start time (24hr clock)' | i8ln tLang"/><div class="qmod-time-picker" rv-show="scope.timePickerShowing"><div class="pure-u-1"><div class="pure-u-1-3"> <span>{'Hour' | i8ln tLang}:</span></div><div class="pure-u-1-3"> <span>{'Minute' | i8ln tLang}:</span></div><div class="pure-u-1-3"> <span>{'Second' | i8ln tLang}:</span></div></div><div class="pure-u-1"><div class="qmod-dropdown qmod-hours"><a class="qmod-dropdown_toggle qmod-dropdown qmod-input-icon"><span>{scope.startHour} </span><i class="fa fa-chevron-down"></i></a><ul class="qmod-dropdown-menu qmod-dropdown"><li rv-each-hour="scope.hours"><a rv-on-click="scope.changeStartHour" rv-data-val="hour" rv-class-qmod-active="hour | = scope.startHour">{hour}</a></li></ul></div>&nbsp;:&nbsp;<div class="qmod-dropdown qmod-minutes"><a class="qmod-dropdown_toggle qmod-dropdown qmod-input-icon"><span>{scope.startMinute} </span><i class="fa fa-chevron-down"></i></a><ul class="qmod-dropdown-menu qmod-dropdown"><li rv-each-minute="scope.minutes"><a rv-on-click="scope.changeStartMinute" rv-data-val="minute" rv-class-qmod-active="minute | = scope.startMinute">{minute}</a></li></ul></div>&nbsp;:&nbsp;<div class="qmod-dropdown qmod-alert-types"><a class="qmod-dropdown_toggle qmod-dropdown qmod-input-icon"><span>{scope.startSecond} </span><i class="fa fa-chevron-down"></i></a><ul class="qmod-dropdown-menu qmod-dropdown"><li rv-each-second="scope.minutes"><a rv-on-click="scope.changeStartSecond" rv-data-val="second" rv-class-qmod-active="second | = scope.startSecond">{second}</a></li></ul></div><div class="qmod-btn qmod-green qmod-time-button" rv-on-click="scope.setStartTime">{'DONE' | i8ln tLang}</div></div></div></div><div class="qmod-histrad-setting qmod-span-pkr" rv-ifclass="scope.recent" data-qmod-true-class="qmod-faded qmod-disabled"><label for="qmod-time-span">{'end time' | i8ln tLang}:</label><input class="qmod-time-span" id="qmod-time-span" type="text" rv-placeholder="'Maximum Results' | i8ln tLang | postFixWord ' 1K'" rv-on-keydown="scope.colonPadding" rv-on-blur="scope.zeroPadding" rv-value="scope.timeSpan" rv-on-click="scope.showEndTimePicker" rv-on-focus="scope.qmtooltip" data-tipleave="blur" rv-title="'enter end time (24hr clock)' | i8ln tLang"/><div class="qmod-time-picker" rv-show="scope.endTimePickerShowing"><div class="pure-u-1"><div class="pure-u-1-3"> <span>{'Hour' | i8ln tLang}:</span></div><div class="pure-u-1-3"> <span>{'Minute' | i8ln tLang}:</span></div><div class="pure-u-1-3"> <span>{'Second' | i8ln tLang}:</span></div></div><div class="pure-u-1"><div class="qmod-dropdown qmod-hours"><a class="qmod-dropdown_toggle qmod-dropdown qmod-input-icon"><span>{scope.endHour} </span><i class="fa fa-chevron-down"></i></a><ul class="qmod-dropdown-menu qmod-dropdown"><li rv-each-hour="scope.hours"><a rv-on-click="scope.changeEndHour" rv-data-val="hour" rv-class-qmod-active="hour | = scope.endHour">{hour}</a></li></ul></div>&nbsp;:&nbsp;<div class="qmod-dropdown qmod-minutes"><a class="qmod-dropdown_toggle qmod-dropdown qmod-input-icon"><span>{scope.endMinute} </span><i class="fa fa-chevron-down"></i></a><ul class="qmod-dropdown-menu qmod-dropdown"><li rv-each-minute="scope.minutes"><a rv-on-click="scope.changeEndMinute" rv-data-val="minute" rv-class-qmod-active="minute | = scope.endMinute">{minute}</a></li></ul></div>&nbsp;:&nbsp;<div class="qmod-dropdown qmod-alert-types"><a class="qmod-dropdown_toggle qmod-dropdown qmod-input-icon"><span>{scope.endSecond} </span><i class="fa fa-chevron-down"></i></a><ul class="qmod-dropdown-menu qmod-dropdown"><li rv-each-second="scope.minutes"><a rv-on-click="scope.changeEndSecond" rv-data-val="second" rv-class-qmod-active="second | = scope.endSecond">{second}</a></li></ul></div><div class="qmod-btn qmod-green qmod-time-button" rv-on-click="scope.setEndTime">{'DONE' | i8ln tLang}</div></div></div></div><div class="qmod-histrad-setting qmod-submit-con" rv-ifclass="scope.recent" data-qmod-true-class="qmod-faded qmod-disabled"><div class="qmod-btn qmod-get-trades" rv-on-click="scope.go">{'DONE' | i8ln tLang}</div></div><div class="qmod-histrad-setting qmod-historic-con"><div class="qmod-export"></div></div></div><div class="pure-u-1"><div class="qmod-trade-settings-error"></div></div></div><div class="ball-loader" rv-show="scope.loading"><div class="ball-loader-ball ball1"></div><div class="ball-loader-ball ball2"></div><div class="ball-loader-ball ball3"></div><div class="loadTxt">Fetching trade data...</div></div><div rv-hide="scope.loading"><div class="qmod-block-wrapper-body" rv-if="scope.noData"><span>{tplLang.nodataselectedperiod| toLang tLang}</span></div><div class="qmod-block-wrapper-body" rv-unless="scope.noData"><table class="qmod-table qmod-trades-table nowrap" width="100%"><thead><tr><th class="qmod-control"></th><th class="qmod-textl qmod-trade-datetime">{tplLang.datetime | toLang tLang}</th><th class="qmod-textr qmod-trade-indicator">{tplLang.condition | toLang tLang }</th><th class="qmod-textr qmod-trade-price">{tplLang.price | toLang tLang}</th><th class="qmod-textr qmod-trade-shares">{tplLang.shares | toLang tLang}</th><th class="qmod-textr qmod-trade-exchange">{tplLang.exchangemkt | toLang tLang}</th><th class="qmod-textr qmod-trade-buyer" rv-if="corpEvents.trade.0.buyer">{tplLang.buyer | toLang tLang}</th><th class="qmod-textr qmod-trade-buyer" rv-if="corpEvents.trade.0.buyer">{'Buyer Name' | i8ln tLang}</th><th class="qmod-textr qmod-trade-seller" rv-if="corpEvents.trade.0.seller">{tplLang.seller | toLang tLang}</th><th class="qmod-textr qmod-trade-buyer" rv-if="corpEvents.trade.0.seller">{'Seller Name' | i8ln tLang}</th></tr></thead><tbody><tr class="qmod-trades-table-row" rv-each-tradee="corpEvents.trade" rv-class-qmod-trade-cancelled="tradee.tradestatus |= 'isCancelled'" rv-style-color="tradee.rowColor" rv-addclass="tradee.tickDirection | preFix 'qmod-tick-' | postFix ' qmod-trade-row' | postFix index"><td class="qmod-control"></td><td class="qmod-textl qmod-trade-datetime" rv-data-sort="tradee.datetime">{tradee.datetime | momentjs 'true' 'L' tLang} {tradee.datetime | momentjs 'true' 'H:mm:ss' tLang} {tradee.timezone | asTimezone tLang}</td><td class="qmod-textr qmod-trade-indicator"><span rv-unless="tradee.tradeinddesc">{tradee.indicator}</span><a class="qmod-popup-link" rv-title="tradee.tradeinddesc" rv-on-mouseenter="scope.qmtooltip" rv-if="tradee.tradeinddesc">{tradee.indicator}</a></td><td class="qmod-textr qmod-trade-price">{tradee.price | asQHLast tLang}</td><td class="qmod-textr qmod-trade-shares" rv-if="tradee.volume">{tradee.volume}</td><td class="qmod-textr qmod-trade-shares" rv-unless="tradee.volume">-</td><td class="qmod-textr qmod-trade-exchange">{tradee.trade-exchangeshortname}</td><td class="qmod-textr qmod-trade-buyer" rv-if="tradee.buyer"><a class="qmod-popup-link qmod-tooltip" rv-title="tradee.buyer.name" rv-on-mouseenter="scope.qmtooltip">{tradee.buyer.id}</a></td><td class="qmod-textr qmod-trade-seller" rv-if="tradee.buyer"><a class="qmod-popup-link qmod-tooltip">{tradee.buyer.name}</a></td><td class="qmod-textr qmod-trade-seller" rv-if="tradee.seller"><a class="qmod-popup-link qmod-tooltip" rv-title="tradee.seller.name" rv-on-mouseenter="scope.qmtooltip">{tradee.seller.id}</a></td><td class="qmod-textr qmod-trade-seller" rv-if="tradee.seller"><a class="qmod-popup-link qmod-tooltip">{tradee.seller.name}</a></td></tr></tbody></table></div></div></div><h2 class="qmod-heading qmod-hbg" rv-unless="corpEvents.trade">{tplLang.trades | toLang tLang}</h2><div class="qmod-block-wrapper" rv-unless="corpEvents.trade"><div class="qmod-invalid" rv-if="scope.symbol | isValidSymbol">No Data Exists for {scope.symbol}</div><div class="qmod-invalid" rv-unless="scope.symbol | isValidSymbol">{tplLang.invalidsymbol | toLang tLang}: {scope.symbol}</div></div><div class="qmod-popup-wrapper qmod-lookup-modal" rv-show="scope.lookupModal.show"><div class="pop-up-middle"><div class="qmod-popup"><div class="qmod-popup-title">{'choosesymbol' | i8ln tLang}<div class="qmod-popup-titlebar-buttons"><button class="qmod-btn" rv-on-click="scope.lookupModal.close">&times;</button></div></div><div class="qmod-popup-body"><div class="qmod-symbol-lookup"><span class="qmod-symbol-lookup-input"><input class="qmod-symbollookup" type="text" rv-placeholder="'enteranameorsymbol' | i8ln tLang" rv-on-input="scope.smartlookup.doLookup" rv-on-focus="scope.smartlookup.doLookup" rv-on-click="scope.smartlookup.doLookup" rv-value="scope.smartlookup.symbollookupvalue"/></span><span class="qmod-symbol-lookup-btn"><btn class="qmod-btn qmod-darkblue" rv-on-click="scope.lookupCallback">{'Add' | i8ln tLang}</btn></span><span class="qmod-invalid-symbol" rv-show="scope.invalid">{'invalidsymbol' | i8ln tLang}</span></div><div class="qmod-smartlookup-results qmod-tool-wrap" rv-on-mouseenter="scope.smartlookup.closeLookupTimer" rv-on-mouseleave="scope.smartlookup.closeLookup"><ul class="qmod-tab-views qmod-tab-row"><li class="qmod-tab qmod-tooltip" rv-each-result="scope.smartlookup.result | groupby 'symbolType' | propertyList" rv-data-key="result.key" rv-on-click="scope.smartlookup.switchResultsTab" rv-class-qmod-tab-active="scope.smartlookup.activeResultTab | = result.key" rv-title="result.key | i8ln tLang">{result.key | i8ln tLang}</li><li class="qmod-sersel qmod-textr"><span class="qmod-searchby">{'searchby' | i8ln tLang}:</span><label class="qmod-label qmod-searchby-name" for="qmod-search-by-name" rv-class-qmod-active="scope.smartlookup.searchByName">{'Name' | i8ln tLang}<input type="radio" id="qmod-search-by-name" name="search-by" value="name" rv-checked="scope.smartlookup.searchByName" rv-on-change="scope.smartlookup.changeSearchBy"/></label><label class="qmod-label qmod-searchby-symbol" for="qmod-search-by-symbol" rv-class-qmod-active="scope.smartlookup.searchBySymbol">{'Symbol' | i8ln tLang}<input type="radio" id="qmod-search-by-symbol" name="search-by" value="symbol" rv-checked="scope.smartlookup.searchBySymbol" rv-on-change="scope.smartlookup.changeSearchBy"/></label></li></ul><div class="qmod-smartlookup-start" rv-show="scope.smartlookup.showStarted"></div><div class="qmod-smartlookup-wrap" rv-each-result="scope.smartlookup.result | groupby 'symbolType' | propertyList" rv-show="scope.smartlookup.activeResultTab | = result.key"><div class="qmod-smartlookup-result"><table class="qmod-table"><tr rv-each-dataset="result.value" rv-data-symbol="dataset.symbol" rv-on-click="scope.lookupCallback"><td><span class="qmod-truncate">{dataset.name}</span></td><td>{dataset.symbol}</td><td class="qmod-mrkcpt qmod-textr">{dataset.countryCode}</td><td class="qmod-textr">{dataset.exchange}</td></tr></table></div></div></div></div></div></div></div></div>