<div class="qmod-ui-tool qmod-simplechart"><h2 class="qmod-heading qmod-hbg">{lang.toolname}<button class="qmod-fullscreen-btn qmod-no-btn qmod-f-right" rv-unless="data.datatype | = 'n/a'" rv-on-click="scope.binders.toggleFullscreen" title="Fullscreen"><i class="qm_icon-arrow-expand1-med" aria-hidden="true"></i><span class="qmod-btn-text">{lang.label_Fullscreen}</span></button></h2><div class="qmod-toast" rv-class-qmod-show-toast="scope.binders.toast.show" rv-on-click="scope.binders.toast.hide"><div class="qmod-toast-inside"><span class="qmod-toast-msg">{scope.binders.toast.message}</span><i class="qmod-icon qm_icon-close-bld ml-auto"></i></div></div><div class="qmod-block-wrapper" rv-if="data | isValidSymbol"><div class="qmod-mini-quotehead" rv-if="scope.binders.showTopBar"><div class="qmod-mini-top"><span class="qmod-mini-last">{data.pricedata.last | asQHLast tLang | asCurrency data.key.currency tLang}</span><span class="qmod-mini-change" rv-qmodchange="data.pricedata.topchangeval"><span class="qmod-mini-changepct">{data.pricedata.topchangepct | numeraljs '0.00' | postFix '%' tLang}</span><span class="qmod-mini-changevalue">{data.pricedata.topchangeval | asQHLast tLang}</span><span class="qmod-mini-freq">{scope.binders.dateRange.getSelectedLabel < selected}</span></span></div><div class="qmod-mini-bottom"><span class="qmod-mini-datetime"><span class="qmod-mini-datetime-date" rv-html="data.pricedata.lasttradedatetime | momentjs 'true' 'LLL' tLang"></span><span class="qmod-mini-datetimezone">{data.tz | asTimezone tLang}</span><span class="qmod-mini-currency">· {data.key.currency}</span><span class="qmod-mini-exchange">· {data.key.exchange}</span></span></div></div><div class="qmod-chart-js" rv-class-qmod-loading="scope.binders.loader"><div class="qmod-chart-display qmod-spacer-topbottom"><ul class="qmod-chips"><li class="qmod-chip-list-item" rv-each-symbol="scope.binders.symbolList.list" rv-class-qmod-chip-hidden="symbol.hiddenFor1D" rv-title="symbol.displayName | appendEntitlement symbol.entitlement tLang"><span class="qmod-eod" rv-if="symbol.eod"><i class="qmod-icon qm_icon-error-reg" aria-hidden="true" rv-title="symbol.eodTitle"></i></span><span class="qmod-hidden-1d" rv-show="symbol.hiddenFor1D"><i class="qmod-icon qm_icon-eye-hide-reg" aria-hidden="true" rv-title="symbol.hiddenFor1DReason"></i></span><i class="qmod-chip-icon" rv-style-background-color="symbol.color"></i><span class="qmod-chip-symbol qmod-btn-text">{symbol.displayName}</span><span class="qmod-dd-more" rv-if="index | &gt;= scope.binders.symbolList.nonRemovable"><i class="qmod-icon qm_icon-close-med" tabindex="0" rv-data-index="index" rv-data-symbol="symbol.name" rv-on-keypress="scope.binders.symbolList.del" rv-on-click="scope.binders.symbolList.del"></i></span></li><li class="qmod-chip-list-item qmod-input" rv-if="scope.binders.symbolList.compareEnabled" rv-hide="scope.binders.symbolList.open"><button class="qmod-showlookupsymbol qmod-no-btn" rv-unless="scope.binders.symbolList.open" rv-on-click="scope.binders.symbolList.click" aria-label="Toggle Symbol Lookup"><i class="qmod-icon qm_icon-add-symbol-reg" aria-hidden="true"></i></button></li><smartlookup options="smartLookupOpts" rv-show="scope.binders.symbolList.open" rv-on-blur="scope.binders.symbolList.doBlur"></smartlookup><li class="qmod-chip-list-item qmod-input" rv-if="scope.binders.symbolList.compareEnabled" rv-show="scope.binders.symbolList.open"><div class="qmod-btn-icon"><button class="qmod-showlookupsymbol qmod-no-btn" rv-on-click="scope.binders.indices.click" aria-label="Toggle indices list"><span>{'indices' | i8ln tLang}</span><i class="qmod-icon qm_icon-add-symbol-reg" aria-hidden="true"></i></button></div><div class="qmod-lookahead" rv-show="scope.binders.indices.open" aria-live="polite" aria-atomic="true" aria-relevant="additions" rv-on-blur="scope.binders.indices.doBlur" rv-on-keydown="scope.binders.indices.handleKeyDown"><div class="qmod-dd-more-cont"><div class="qmod-dd-more-ul" rv-class-qmod-dd-more-hover="scope.binders.compareOptions.extraShow"><div class="qmod-dd-more-item qmod-list-header"><button class="qmod-lookmenu-prev" rv-aria-label="'previous' | i8ln tLang" rv-on-mousedown="scope.binders.symbolList.mousedown" rv-on-click="scope.binders.compareOptions.extrachange" data-type="prev"><i class="fa fa-chevron-circle-left"></i></button><span>{scope.binders.compareOptions.extra | getIndex scope.binders.compareOptions.extraSelected | getIndex 'heading'}</span><button class="qmod-lookmenu-next" rv-aria-label="'next' | i8ln tLang" rv-on-mousedown="scope.binders.symbolList.mousedown" rv-on-click="scope.binders.compareOptions.extrachange" data-type="next"><i class="fa fa-chevron-circle-right"></i></button></div></div><div class="qmod-dd-more-ul" rv-id="scope.binders.indices.id | postFix '-combo'" rv-aria-controls="scope.binders.indices.id | postFix '-listbox'" aria-haspopup="listbox" role="combobox" rv-aria-activedescendant="scope.binders.indices.id | postFix '-listbox-item-' | postFix scope.binders.indices.currentItem" rv-aria-expanded="scope.binders.indices.open" aria-label="Indices list"><div class="qmod-dd-more-item" rv-id="scope.binders.indices.id | postFix '-listbox-item-' | postFix index" rv-each-option="scope.binders.compareOptions.getExtraSelected &lt; extraSelected extraHasData" role="option" rv-on-mousedown="scope.binders.indices.mousedown" rv-on-click="scope.binders.indices.change" rv-aria-selected="scope.binders.indices.selected|= index"> <button class="qmod-no-btn qmod-lookahead-item" rv-data-symbol="option.symbol" rv-on-click="scope.binders.symbolList.add" rv-on-mousedown="scope.binders.symbolList.mousedown" rv-on-blur="scope.binders.indices.doBlurInList"><span rv-if="option.label">{option.label}</span><span class="qmod-lk-symbol" rv-if="option.name">{option.symbol}</span><span class="qmod-lk-name" rv-if="option.name">{option.name}</span></button></div></div></div></div></li></ul><div class="qmod-chart-btns"><div class="qmod-dd-wrap qmod-dd-inline qmod-dd-sm"><div class="qmod-dropdown" rv-if="scope.binders.indicators.enabled"><span class="qmod-dropdown_toggle qmod-dropdown-sm" href="javascript:void(0)"><span>{scope.binders.indicators.label}</span><i class="qmod-icon qmod-chevron qm_icon-arrow-chevron-down2-med ml-auto"></i></span><ul class="qmod-dropdown-menu qmod-dropdown-sm"><li rv-each-strat="scope.binders.indicators.list"><a rv-on-click="scope.binders.indicators.change" rv-class-qmod-active="scope.binders.indicators.selected|= index" href="javascript:void(0)">{strat.label}</a></li></ul></div><div class="qmod-a11y-dropdown2 qmod-adjustments-dropdown" rv-if="scope.binders.adjType.enabled"><div class="qmod-a11y-dropdown2-wrapper"><div class="qmod-a11y-dropdown2-combobox" rv-id="scope.binders.adjType.id | postFix '-combo'" rv-aria-controls="scope.binders.adjType.id | postFix '-listbox'" aria-haspopup="listbox" role="combobox" rv-on-keydown="scope.binders.adjType.handleKeyDown" rv-aria-activedescendant="scope.binders.adjType.id | postFix '-listbox-item-' | postFix scope.binders.adjType.currentItem" rv-aria-expanded="scope.binders.adjType.open" aria-label="Adjustments" tabindex="0" rv-on-click="scope.binders.adjType.click" rv-on-blur="scope.binders.adjType.blur">{scope.binders.adjType.getSelectedLbl < selected}</div><div class="qmod-a11y-dropdown2-listbox" role="listbox" rv-id="scope.binders.adjType.id | postFix '-listbox'" tabindex="-1" aria-label="Adjustments" rv-show="scope.binders.adjType.open"><div class="qmod-a11y-dropdown2-listbox-item" rv-id="scope.binders.adjType.id | postFix '-listbox-item-' | postFix index" rv-each-strat="scope.binders.adjType.list" role="option" rv-on-mousedown="scope.binders.adjType.mousedown" rv-on-click="scope.binders.adjType.change" rv-aria-selected="scope.binders.adjType.selected|= index" rv-class-qmod-option-current="scope.binders.adjType.currentItem|= index">{strat.label}</div></div></div></div><div class="qmod-a11y-dropdown2 qmod-chartevents-dropdown" rv-if="scope.binders.chartEvents.enabled"><div class="qmod-a11y-dropdown2-wrapper"><div class="qmod-a11y-dropdown2-combobox" rv-id="scope.binders.chartEvents.id | postFix '-combo'" rv-aria-controls="scope.binders.chartEvents.id | postFix '-listbox'" aria-haspopup="listbox" role="combobox" rv-on-keydown="scope.binders.chartEvents.handleKeyDown" rv-aria-activedescendant="scope.binders.chartEvents.id | postFix '-listbox-item-' | postFix scope.binders.chartEvents.currentItem" rv-aria-expanded="scope.binders.chartEvents.open" aria-label="Chart Events" tabindex="0" rv-on-click="scope.binders.chartEvents.click" rv-on-blur="scope.binders.chartEvents.blur">{scope.binders.chartEvents.label}</div><div class="qmod-a11y-dropdown2-listbox" aria-multiselectable="true" role="listbox" rv-id="scope.binders.chartEvents.id | postFix '-listbox'" tabindex="-1" rv-show="scope.binders.chartEvents.open"><div class="qmod-a11y-dropdown2-listbox-item" rv-id="scope.binders.chartEvents.id | postFix '-listbox-item-' | postFix index" rv-each-compare="scope.binders.chartEvents.list" role="option" rv-on-mousedown="scope.binders.chartEvents.mousedown" rv-aria-checked="compare.enabled" rv-class-qmod-option-current="scope.binders.chartEvents.currentItem|= index"><div class="qmod-a11y-toggle-wrap qmod-event-wrap"><label class="qmod-a11y-toggle-label" rv-for="scope.binders.chartEvents.id | postFix '-listbox-item-input-' | postFix index"><input class="qmod-a11y-toggle-input" rv-id="scope.binders.chartEvents.id | postFix '-listbox-item-input-' | postFix index" type="checkbox" rv-on-click="scope.binders.chartEvents.toggle" rv-checked="compare.enabled" rv-name="compare.label"/>{compare.label}<span class="qmod-icon-toggle-icon"><i class="fa fa-toggle-on qmod-ch-up" rv-if="compare.enabled"></i><i class="fa fa-toggle-off qmod-ch-down" rv-unless="compare.enabled"></i></span></label></div></div></div></div></div><div class="qmod-a11y-dropdown2 qmod-yaxis-dropdown" rv-if="scope.binders.compareOptions.enabled" rv-show="scope.binders.compareOptions.visible"><div class="qmod-a11y-dropdown2-wrapper"><div class="qmod-a11y-dropdown2-combobox" rv-id="scope.binders.compareOptions.id | postFix '-combo'" rv-aria-controls="scope.binders.compareOptions.id | postFix '-listbox'" aria-haspopup="listbox" role="combobox" rv-on-keydown="scope.binders.compareOptions.handleKeyDown" rv-aria-activedescendant="scope.binders.compareOptions.id | postFix '-listbox-item-' | postFix scope.binders.compareOptions.currentItem" rv-aria-expanded="scope.binders.compareOptions.open" aria-label="Y Axis Scale" tabindex="0" rv-on-click="scope.binders.compareOptions.click" rv-on-blur="scope.binders.compareOptions.blur">{scope.binders.compareOptions.getSelected < selected | getIndex 'label'}</div><div class="qmod-a11y-dropdown2-listbox" role="listbox" rv-id="scope.binders.compareOptions.id | postFix '-listbox'" tabindex="-1" aria-label="Y Axis Scale" rv-show="scope.binders.compareOptions.open"><div class="qmod-a11y-dropdown2-listbox-item" rv-id="scope.binders.compareOptions.id | postFix '-listbox-item-' | postFix index" rv-each-compare="scope.binders.compareOptions.list" role="option" rv-on-mousedown="scope.binders.compareOptions.mousedown" rv-on-click="scope.binders.compareOptions.change" rv-aria-selected="scope.binders.compareOptions.selected|= index" rv-class-qmod-option-current="scope.binders.compareOptions.currentItem|= index">{compare.label}</div></div></div></div><div class="qmod-a11y-dropdown2 qmod-marketsession-dropdow" rv-if="scope.binders.marketSession.enabled" rv-show="scope.binders.dateRange.getSelected &lt; selected | getIndex 'type' | = 'int'"><div class="qmod-a11y-dropdown2-wrapper"><div class="qmod-a11y-dropdown2-combobox" rv-id="scope.binders.marketSession.id | postFix '-combo'" rv-aria-controls="scope.binders.marketSession.id | postFix '-listbox'" aria-haspopup="listbox" role="combobox" rv-on-keydown="scope.binders.marketSession.handleKeyDown" rv-aria-activedescendant="scope.binders.marketSession.id | postFix '-listbox-item-' | postFix scope.binders.marketSession.currentItem" rv-aria-expanded="scope.binders.marketSession.open" aria-label="Market Session" tabindex="0" rv-on-click="scope.binders.marketSession.click" rv-on-blur="scope.binders.marketSession.blur">{scope.binders.marketSession.getSelected < selected | getIndex 'label'}</div><div class="qmod-a11y-dropdown2-listbox" role="listbox" rv-id="scope.binders.marketSession.id | postFix '-listbox'" tabindex="-1" aria-label="Market Session" rv-show="scope.binders.marketSession.open"><div class="qmod-a11y-dropdown2-listbox-item" rv-id="scope.binders.marketSession.id | postFix '-listbox-item-' | postFix index" rv-each-compare="scope.binders.marketSession.list" role="option" rv-on-mousedown="scope.binders.marketSession.mousedown" rv-on-click="scope.binders.marketSession.change" rv-aria-selected="scope.binders.marketSession.selected|= index" rv-class-qmod-option-current="scope.binders.marketSession.currentItem|= index">{compare.label}</div></div></div></div><div class="qmod-a11y-dropdown2 qmod-charttype-dropdow" rv-if="scope.binders.chartType.enabled"><div class="qmod-a11y-dropdown2-wrapper"><div class="qmod-a11y-dropdown2-combobox" rv-id="scope.binders.chartType.id | postFix '-combo'" rv-aria-controls="scope.binders.chartType.id | postFix '-listbox'" aria-haspopup="listbox" role="combobox" rv-on-keydown="scope.binders.chartType.handleKeyDown" rv-aria-activedescendant="scope.binders.chartType.id | postFix '-listbox-item-' | postFix scope.binders.chartType.currentItem" rv-aria-expanded="scope.binders.chartType.open" aria-label="Chart Type" tabindex="0" rv-on-click="scope.binders.chartType.click" rv-on-blur="scope.binders.chartType.blur">{scope.binders.chartType.getSelected < selected | getIndex 'label'}</div><div class="qmod-a11y-dropdown2-listbox" role="listbox" rv-id="scope.binders.chartType.id | postFix '-listbox'" tabindex="-1" aria-label="Chart Type" rv-show="scope.binders.chartType.open"><div class="qmod-a11y-dropdown2-listbox-item" rv-id="scope.binders.chartType.id | postFix '-listbox-item-' | postFix index" rv-each-compare="scope.binders.chartType.list" role="option" rv-on-mousedown="scope.binders.chartType.mousedown" rv-on-click="scope.binders.chartType.change" rv-aria-selected="scope.binders.chartType.selected|= index" rv-class-qmod-option-current="scope.binders.chartType.currentItem|= index">{compare.label}</div></div></div></div></div></div></div><div class="qmod-chart-buttons-rs qmod-spacer-topbottom" rv-show="scope.binders.dateRange.visible"><ul class="qmod-legend-ul qmod-group-btn-ul qmod-group-btn-ul-small"><li class="qmod-group-btn-li" rv-each-time="scope.binders.dateRange.list" rv-show="time.visible"><button class="qmod-group-btn qmod-btn" rv-on-click="scope.binders.dateRange.change" rv-class-qmod-active="index|= scope.binders.dateRange.selected" rv-aria-pressed="index|= scope.binders.dateRange.selected" rv-aria-label="time.name | i8ln tLang"><span class="qmod-btn-text" aria-hidden="true">{time.label}</span></button></li></ul><div class="qmod-a11y-dropdown2 qmod-timefreq-dropdown"><div class="qmod-a11y-dropdown2-wrapper"><div class="qmod-a11y-dropdown2-combobox" rv-id="scope.binders.freq.id | postFix '-combo'" rv-aria-controls="scope.binders.freq.id | postFix '-listbox'" aria-haspopup="listbox" role="combobox" rv-on-keydown="scope.binders.freq.handleKeyDown" rv-aria-activedescendant="scope.binders.freq.id | postFix '-listbox-item-' | postFix scope.binders.freq.currentItem" rv-aria-expanded="scope.binders.freq.open" aria-label="Frequency" tabindex="0" rv-on-click="scope.binders.freq.click" rv-on-blur="scope.binders.freq.blur">{scope.binders.dateRange.getSelectedFreqRange2Label < selected hasChanged}</div><div class="qmod-a11y-dropdown2-listbox" role="listbox" rv-id="scope.binders.freq.id | postFix '-listbox'" tabindex="-1" aria-label="Frequency" rv-show="scope.binders.freq.open"><div class="qmod-a11y-dropdown2-listbox-item" rv-id="scope.binders.freq.id | postFix '-listbox-item-' | postFix index" rv-each-compare="scope.binders.dateRange.getSelectedFreqList &lt; selected" role="option" rv-on-mousedown="scope.binders.freq.mousedown" rv-on-click="scope.binders.dateRange.freqChange" rv-aria-selected="scope.binders.dateRange.getSelectedFreqRange &lt; toggleFR|= index" rv-class-qmod-option-current="scope.binders.freq.currentItem|= index">{compare.label}</div></div></div></div><div class="qmod-a11y-toggle-wrap qmod-volume-toggle" rv-if="toolParams.volumeEnabled"><label class="qmod-a11y-toggle-label" for="volumetoggle"><input class="qmod-a11y-toggle-input" id="volumetoggle" type="checkbox" rv-on-enter-key-press-click="scope.binders.volumeOptions.change" rv-on-click="scope.binders.volumeOptions.change" rv-checked="scope.binders.volumeOptions.visible" name="Volume"/>{scope.binders.volumeOptions.label}:<span class="qmod-icon-toggle-icon"><i class="fa" rv-addclass="scope.binders.volumeOptions.class"></i></span></label></div></div><div class="qmod-main-chart qmod-spacer-topbottom"></div><p class="qmod-status-message" role="alert">{scope.binders.statusMessage}</p></div></div><div class="qmod-block-wrapper qmod-textc" rv-unless="data | isValidSymbol"><div class="pure-g"><div class="pure-u-1"><div class="qmod-label">{lang.label_Invalid_Symbol} {data.symbolstring}</div></div></div></div></div>