<div class="qmod-ui-tool qmod-simplewatchlist" rv-class-qmod-edit="scope.edit.show" rv-class-qmod-modal-open="scope.WL.del.show | multior scope.add.show scope.WL.popup.open scope.new.show scope.rename.show"><div class="sr-only" id="announcer" aria-live="assertive" aria-atomic="true"></div><div class="qmod-modal-loading" rv-if="scope.binders.showloading2"><div class="qmod-modal-loading-body"><div class="qmod-loader-ring"></div></div></div><div class="modal-cotainter"><div class="qmod-modal-delete qmod-modal-error" rv-show="scope.WL.error.maxsym" role="alertdialog" aria-labelledby="maxsym-title"><div class="qmod-modal-delete-body"><span class="qmod-bottomsheet-header qmod-bold" id="maxsym-title">{'you have reached your maximum number of symbols' | i8ln tLang}</span><span class="qmod-bottomsheet-text">{'max is 25' | i8ln tLang}.</span><div class="qmod-bottomsheet-button-cont"><button class="qmod-btn qmod-bottomsheet-button qmod-btn-gray qmod-add-canel" rv-on-click="scope.WL.error.close" autofocus="autofocus"><span class="qmod-btn-text">{'ok' | i8ln tLang}</span></button></div></div></div><div class="qmod-modal-delete qmod-modal-error" id="duplicatesym" rv-show="scope.WL.error.duplicatesym" role="alertdialog" aria-labelledby="duplicate-title"><div class="qmod-modal-delete-body"><span class="qmod-bottomsheet-header qmod-bold" id="duplicate-title">{'the selected symbol is already in your watchlist' | i8ln tLang}</span><span class="qmod-bottomsheet-text">{'please try another symbol/watchlist' | i8ln tLang}</span><div class="qmod-bottomsheet-button-cont"><button class="qmod-btn qmod-bottomsheet-button qmod-btn-gray qmod-add-canel" rv-on-click="scope.WL.error.close" autofocus="autofocus"><span class="qmod-btn-text">{'ok' | i8ln tLang}</span></button></div></div></div><div class="qmod-modal-delete" rv-show="scope.WL.del.show"><div class="qmod-modal-delete-body"><span class="qmod-bottomsheet-header qmod-bold">{'delete selected watchlist' | i8ln tLang} {scope.WL.del.text} ?</span><span class="qmod-bottomsheet-text">{'are you sure' | i8ln tLang}</span><div class="qmod-bottomsheet-button-cont"><button class="qmod-btn qmod-bottomsheet-button qmod-btn-gray qmod-add-rename" rv-on-click="scope.WL.del.click" rv-class-qmod-animated-background="scope.binders.loading"><span class="qmod-btn-text">{'delete watchlist' | i8ln tLang}</span></button><button class="qmod-btn qmod-bottomsheet-button qmod-btn-link qmod-add-canel" rv-on-click="scope.WL.del.close"><span class="qmod-btn-text">{'close' | i8ln tLang}</span></button></div></div></div><div class="qmod-modal-delete qmod-modal-error" rv-show="scope.WL.error.maxwl"><div class="qmod-modal-delete-body"><span class="qmod-bottomsheet-header qmod-bold">{'are you sure rename' | i8ln tLang}</span><span class="qmod-bottomsheet-text">{'name wont be changed' | i8ln tLang}.</span><div class="qmod-bottomsheet-button-cont"><button class="qmod-btn qmod-bottomsheet-button qmod-btn-gray qmod-add-rename" rv-on-click="scope.rename.click2"><span class="qmod-btn-text">{'yes back to settings' | i8ln tLang}</span></button><button class="qmod-btn qmod-bottomsheet-button qmod-btn-link qmod-add-canel" rv-on-click="scope.WL.error.close"><span class="qmod-btn-text">{'close' | i8ln tLang}</span></button></div></div></div><div class="qmod-modal-delete" rv-show="scope.WL.delsymbol.show"><div class="qmod-modal-delete-body"><span class="qmod-bottomsheet-header qmod-bold">{'are you sure symbol' | i8ln tLang}</span><span class="qmod-bottomsheet-header qmod-bold">{scope.WL.delsymbol.text}</span><span class="qmod-bottomsheet-text">{'you will not be able to revert your changes' | i8ln tLang}.</span><div class="qmod-bottomsheet-button-cont"><button class="qmod-btn qmod-bottomsheet-button qmod-btn-gray qmod-add-rename" rv-on-click="scope.WL.delsymbol.click" rv-class-qmod-animated-background="scope.binders.loading"><span class="qmod-btn-text">{'delete symbol' | i8ln tLang}</span></button><button class="qmod-btn qmod-bottomsheet-button qmod-btn-link qmod-add-canel" rv-on-click="scope.WL.delsymbol.close"><span class="qmod-btn-text">{'close' | i8ln tLang}</span></button></div></div></div><div class="qmod-bottomsheet qmod-bottom-sheet-new" rv-class-qmod-bottom-open="scope.new.show"><div class="qmod-popup-menu"><div class="qmod-pop-header"> <button class="qmod-btn qmod-bottomsheet-button-top qmod-btn-trans qmod-add-canel" rv-on-click="scope.new.click"><span class="qmod-btn-text"> <span class="qmod-icon qm_icon-chevron-left-reg"></span>{'back to settings' | i8ln tLang}</span></button></div></div><div class="qmod-bottomsheet-body" rv-class-qmod-error="scope.new.error"><span class="qmod-bottomsheet-text qmod-capt-first">{'create new watchlist' | i8ln tLang} </span><input class="qmod-bottomsheet-input" type="text" rv-value="scope.new.value" rv-on-input="scope.new.reset" rv-placeholder="'new list' | i8ln tLang" rv-on-enter-key-press-click="scope.new.add"/><span class="qmod-errormsg"> <span class="qmod-icon qm_icon-error-reg"></span><span class="qmod-bottomsheet-text">{scope.new.errormsg}</span></span></div><div class="qmod-bottomsheet-button-cont"><button class="qmod-btn qmod-bottomsheet-button qmod-btn-gray qmod-add-rename" rv-on-click="scope.new.add" rv-class-qmod-animated-background="scope.binders.loading"><span class="qmod-btn-text">{'create watchlist' | i8ln tLang}</span></button></div></div><div class="qmod-bottomsheet qmod-bottom-sheet-rename" rv-class-qmod-bottom-open="scope.rename.show"><div class="qmod-popup-menu"><div class="qmod-pop-header"> <button class="qmod-btn qmod-bottomsheet-button-top qmod-btn-trans qmod-add-canel" rv-on-click="scope.rename.click"><span class="qmod-btn-text"> <span class="qmod-icon qm_icon-chevron-left-reg"></span>{'back to settings' | i8ln tLang}</span></button></div></div><div class="qmod-bottomsheet-body" rv-class-qmod-error="scope.rename.error"><span class="qmod-bottomsheet-text qmod-capt-first">{'rename watchlist' | i8ln tLang} </span><input class="qmod-bottomsheet-input" type="text" rv-value="scope.rename.value" rv-on-input="scope.rename.reset" rv-placeholder="scope.WL.getSelectedLabel &lt; selected hasChanged" rv-on-enter-key-press-click="scope.rename.add"/><span class="qmod-errormsg"> <span class="qmod-icon qm_icon-error-reg"></span><span class="qmod-bottomsheet-text">{scope.rename.errormsg}</span></span></div><div class="qmod-bottomsheet-button-cont"><button class="qmod-btn qmod-bottomsheet-button qmod-btn-gray qmod-add-rename" rv-on-click="scope.rename.add" rv-class-qmod-animated-background="scope.binders.loading"><span class="qmod-btn-text">{'save changes' | i8ln tLang}</span></button></div></div><div class="qmod-bottomsheet qmod-bottom-sheet-add" rv-class-qmod-bottom-open="scope.add.show"><div class="qmod-slook"><div class="qmod-add-header"><span class="qmod-sl-top-text">{'add symbol to' | i8ln tLang} {scope.WL.getSelectedLabel < selected hasChanged}</span><button class="qmod-btn qmod-btn-link qmod-cancel-inline" rv-on-click="scope.add.close">{'cancel' | i8ln tLang}</button></div><div class="qmod-lookup-wrapper" rv-hide="scope.WL.getSelectedID &lt; selected hasChanged | = 'recent'"><smartlookup options="smartLookupOpts"></smartlookup></div></div></div><div class="qmod-bottomsheet qmod-bottom-sheet-edit" rv-class-qmod-bottom-open="scope.edit.show" rv-class-qmod-bottom-open-alt="scope.WL.del.show | multior scope.WL.delsymbol.show"><div class="qmod-popup-menu"><div class="qmod-pop-header"> <button class="qmod-btn qmod-bottomsheet-button-top qmod-btn-trans qmod-add-canel" rv-on-click="scope.binders.settings" rv-if="scope.binders.quickedit"><span class="qmod-btn-text"> <span class="qmod-icon qm_icon-chevron-left-reg"></span>{'back to settings' | i8ln tLang}</span></button><button class="qmod-btn qmod-bottomsheet-button-top qmod-btn-trans qmod-add-canel" rv-on-click="scope.binders.backto" rv-unless="scope.binders.quickedit"><span class="qmod-btn-text"> <span class="qmod-icon qm_icon-chevron-left-reg"></span>{'back to' | i8ln tLang} {scope.WL.getSelectedLabel < selected hasChanged}</span></button></div></div><div class="qmod-bottomsheet-body" rv-class-qmod-nosymbols="scope.WL.getSelectedWatchlist &lt; selected hasChanged | asTrueFalse"><div class="qmod-wl-edit-wrapper" rv-if="scope.WL.getSelectedWatchlist &lt; selected hasChanged | asArrayLength"><div class="qmod-wl-edit-header"> <span class="qmod-wl-edit-header-text">{'remove or reorder symbols' | i8ln tLang}</span></div><div class="qmod-wl-edit-cont"><div class="qmod-wl-row qmod-move" rv-each-wlitem="scope.WL.getSelectedWatchlist &lt; selected hasChanged | sort 'sequence' 'asc'" rv-data-wlitemid="wlitem.id"><div class="qmod-left-col"><div class="qmod-delete"><button class="qmod-btn qmod-btn-link qmod-btn-icon" rv-on-click="scope.WL.removesymbol" aria-label="Delete"><span class="qmod-icon qm_icon-clear-reg"></span></button></div><div class="qmod-wl-row-edit"><div class="qmod-wl-col qmod-wl-top-row" rv-show="wlitem.type | eq 'SYMBOL'"><span class="qmod-wl-symbol">{wlitem.value}</span><span class="qmod-longname" rv-aria-label="wlitem.quote.equityinfo.longname">{wlitem.quote.equityinfo.longname | truncade 20} </span></div><div class="qmod-wl-col qmod-wl-top-row" rv-show="wlitem.type | eq 'HEADING'"><span class="qmod-wl-symbol">{ 'heading' | i8ln tLang }</span></div><div class="qmod-wl-col qmod-wl-top-row" rv-show="wlitem.type | eq 'EMPTY_ROW'"><span class="qmod-wl-symbol">{ 'empty row' | i8ln tLang }</span></div></div></div><div class="qmod-right-col">               <div class="qmod-wl-edit-updown" rv-hide="wlitem.id | = 'recent'"><button class="qmod-btn qmod-btn-link qmod-moveup qmod-btn-icon" rv-on-click="scope.edit.moveup" aria-label="Move up" rv-aria-disabled="index | = 0"><span class="qmod-icon qm_icon-chevron-up-reg"></span></button><button class="qmod-btn qmod-btn-link qmod-movedown qmod-btn-icon" rv-on-click="scope.edit.movedown" aria-label="Move Down" rv-aria-disabled="scope.WL.getSelectedWatchlist | asArrayLength | math '-' 1 | = index"><span class="qmod-icon qm_icon-chevron-down-reg"></span></button></div></div></div></div></div><div class="qmod-wl-edit-wrapper qmod-wl-nosymbols" rv-hide="scope.WL.getSelectedWatchlist &lt; selected hasChanged | asArrayLength"><div class="qmod-no-symbols"><span class="qmod-msg qmod-msg-header"> {'your watchlist is empty' | i8ln tLang}</span><span class="qmod-msg">{'tap on + to add a symbol' | i8ln tLang}</span><button class="qmod-btn qmod-add-symbol qmod-btn-link" rv-on-click="scope.add.click"><span class="qmod-icon qm_icon-add-symbol-reg"></span><span class="qmod-btn-text">{'Add Symbol' | i8ln tLang}</span></button></div></div></div></div><div class="qmod-bottomsheet qmod-bottom-sheet-manage" rv-class-qmod-bottom-open="scope.managewl"><div class="qmod-popup-menu"><div class="qmod-pop-header"> <button class="qmod-btn qmod-bottomsheet-button-top qmod-btn-trans qmod-add-canel" rv-on-click="scope.manage.toggle"><span class="qmod-btn-text"> <span class="qmod-icon qm_icon-chevron-left-reg"></span>{'back to settings' | i8ln tLang}</span></button></div></div><div class="qmod-bottomsheet-body"><div class="qmod-wl-edit-wrapper"><div class="qmod-wl-edit-header"> <span class="qmod-wl-edit-header-text">{'manage all watchlists' | i8ln tLang}</span></div><div class="qmod-wl-edit-cont" rv-if="scope.WL.getWatchlists &lt; selected hasChanged | asArrayLength"><div class="qmod-wl-row qmod-move" rv-each-wlitem="scope.WL.watchLists &lt; hasChanged"><div class="qmod-left-col"><div class="qmod-delete"><checkbox id="wlitem.id" name="watchlists[]" item="wlitem" ontogglestate="scope.deleteCheckboxes.toggle" disabled="wlitem.disabled"></checkbox></div></div><div class="qmod-right-col">               <div class="qmod-wl-edit-updown" rv-unless="wlitem.id | = 'recent'"><button class="qmod-btn qmod-btn-link qmod-moveup qmod-btn-icon" rv-on-click="scope.edit.moveup" aria-label="Move up" rv-aria-disabled="index | = 0"><span class="qmod-icon qm_icon-chevron-up-reg"></span></button><button class="qmod-btn qmod-btn-link qmod-movedown qmod-btn-icon" rv-on-click="scope.edit.movedown" aria-label="Move Down" rv-aria-disabled="scope.WL.getWatchlists | asArrayLength | math '-' 1 | = index"> <span class="qmod-icon qm_icon-chevron-down-reg"></span></button></div></div></div></div><div class="qmod-delete-all"><checkbox id="select-all-watchlists" item="scope.selectAll" ontogglestate="scope.deleteCheckboxes.toggleAll"></checkbox></div><div class="qmod-controls" rv-hide="scope.deleteCheckboxes.active |= 0"><span>{scope.deleteCheckboxes.active} Watchlist(s) Selected</span><button class="qmod-btn qmod-btn-link qmod-btn-icon" rv-on-click="scope.WL.remove" aria-label="Delete"><span class="qmod-icon qm_icon-clear-reg"></span><span>Delete</span></button></div></div></div></div><div class="qmod-bottomsheet qmod-bottom-sheet-menu" rv-class-qmod-bottom-open="scope.WL.popup.open" rv-class-qmod-bottom-open-alt="scope.managewl | multior scope.edit.show scope.add.show scope.rename.show scope.new.show"><div class="qmod-popup-menu"><div class="qmod-pop-header"> <button class="qmod-btn qmod-bottomsheet-button-top qmod-btn-trans qmod-add-canel" rv-on-click="scope.WL.popup.click"><span class="qmod-btn-text"> <span class="qmod-icon qm_icon-chevron-left-reg"></span>{'back to' | i8ln tLang} {scope.WL.getSelectedLabel < selected hasChanged}</span></button></div><ul class="qmod-popup-menu-ul"><li class="qmod-popup-item-li qmod-popup-item-li-subtitle" tabindex="-1"><span class="qmod-popup-item-text">{'settings' | i8ln tLang}</span></li><li class="qmod-popup-item-li" rv-unless="scope.WL.getSelectedID &lt; selected | = 'recent'" rv-on-click="scope.binders.settings" tabindex="-1" role="button"><button class="qmod-btn qmod-btn-link qmod-btn-icon" aria-hidden="true"><span class="qmod-icon qmod-pu-icon qm_icon-edit-reg"></span></button><span class="qmod-popup-item">{'remove or reorder symbols' | i8ln tLang}</span></li><li class="qmod-popup-item-li" rv-unless="scope.WL.getSelectedID &lt; selected | = 'recent'" rv-on-click="scope.rename.click" tabindex="-1" role="button"><button class="qmod-btn qmod-btn-link qmod-btn-icon" aria-hidden="true"><span class="qmod-icon qmod-pu-icon qm_icon-add-new-reg"></span></button><span class="qmod-popup-item">{'rename watchlist' | i8ln tLang}</span></li><li class="qmod-popup-item-li" rv-on-click="scope.new.click" tabindex="-1" role="button"><button class="qmod-btn qmod-btn-link qmod-btn-icon" aria-hidden="true"><span class="qmod-icon qmod-pu-icon qm_icon-add-default-reg"></span></button><span class="qmod-popup-item">{'create new watchlist' | i8ln tLang}    </span></li><li class="qmod-popup-item-li" rv-on-click="scope.manage.toggle" tabindex="-1" role="button"><button class="qmod-btn qmod-btn-link qmod-btn-icon" aria-hidden="true"><span class="qmod-icon qmod-pu-icon qm_icon-list-reg"></span></button><span class="qmod-popup-item">{'manage watchlist' | i8ln tLang}</span></li><li class="qmod-popup-item-li" rv-unless="scope.WL.getSelectedID &lt; selected | = 'recent'" rv-on-click="scope.add.click" tabindex="-1" role="button"><button class="qmod-btn qmod-btn-link qmod-btn-icon" aria-hidden="true"><span class="qmod-icon qmod-pu-icon qm_icon-add-symbol-reg"></span></button><span class="qmod-popup-item">{'Add Symbol' | i8ln tLang}</span></li></ul></div></div></div><div class="qmod-toast" rv-class-qmod-show-toast="scope.binders.showtoast" rv-on-click="scope.binders.gotobottom"><div class="qmod-toast-inside"><span class="qmod-toast-msg">{scope.binders.toastmsg}</span></div></div><div class="qmod-block-wrapper" rv-if="scope.loggedIn" rv-aria-hidden="scope.WL.popup.open | multior scope.add.show scope.edit.show"><div class="qmod-no-watchlists" rv-show="scope.nowatchlists"><div class="qmod-no-symbols"><span class="qmod-msg qmod-msg-header">{'you do not have any watchlists' | i8ln tLang}</span><span class="qmod-msg">{'tap on + to create watchlist' | i8ln tLang}</span><button class="qmod-btn qmod-add-symbol qmod-btn-link" rv-on-click="scope.new.click"><span class="qmod-icon qm_icon-add-symbol-reg"></span><span class="qmod-btn-text">{'create watchlist' | i8ln tLang}</span></button></div></div><div class="qmod-watchlists" rv-hide="scope.nowatchlists" rv-class-qmod-nosymbols="scope.WL.getSelectedWatchlist &lt; selected hasChanged | asTrueFalse"><div class="qmod-tool-wrap qmod-watchlist-single"><div class="qmod-tab-header qmod-inline-ul"><div class="qmod-header-extra"><div class="qmod-drop-wrap"><button class="qmod-drop-cont" id="qmod-wl-dropdown" rv-on-click="scope.WL.click" rv-on-keydown="scope.WL.keydown" rv-on-blur="scope.WL.blur" aria-label="Watchlists: Select a Watchlist" aria-haspopup="listbox" rv-aria-expanded="scope.WL.open" aria-controls="qmod-wl-dropdown-list" rv-aria-activedescendant="scope.WL.focusedIndex | preFixWord 'qmod-wl-dropdown-'"><span class="qmod-dd-text">{scope.WL.getSelectedLabel < selected hasChanged}</span><span class="qmod-icon qmod-dd-arrow qm_icon-arrow-chevron-down2-med"></span></button><div class="qmod-drop-items" rv-show="scope.WL.open"><ul class="qmod-drop-menu" id="qmod-wl-dropdown-list" role="listbox" aria-labelledby="qmod-wl-dropdown"><li class="qmod-drop-item-li" role="option" rv-id="index| preFixWord 'qmod-wl-dropdown-'" rv-each-wlmain="scope.WL.watchLists &lt; hasChanged | sort 'sequence' 'asc'" rv-on-click="scope.WL.changeSelected" rv-aria-selected="scope.WL.getSelectedID &lt; selected hasChanged | = wlmain.id" rv-class-qmod-focused="index | = scope.WL.focusedIndex" rv-data-index="index" rv-data-wid="wlmain.id" rv-on-mouseenter="scope.WL.itemHover"><span class="qmod-drop-item">{wlmain.name}</span></li></ul></div></div><div class="qmod-dots" rv-class-qmod-hide="scope.binders.limitBy | &gt; 0"><button class="qmod-btn qmod-btn-link qmod-settings qmod-btn-icon" rv-on-click="scope.WL.popup.click" aria-label="Settings" rv-on-focus="scope.WL.unfocus"><span class="qmod-icon qmod-dot-menu qm_icon-elipses-horiz-sld"></span></button></div></div></div><div class="qmod-wl-wrapper"><div class="qmod-wl-edit" rv-show="scope.WL.getSelectedWatchlist &lt; selected hasChanged | asArrayLength"><div class="qmod-wl-row qmod-top-edit"><div class="qmod-wl-header"> <button class="qmod-btn qmod-add-symbol qmod-btn-link" rv-unless="scope.WL.getSelectedID &lt; selected | = 'recent'" rv-on-click="scope.add.click"><span class="qmod-icon qm_icon-add-symbol-reg"></span><span class="qmod-btn-text">{'Add Symbol' | i8ln tLang}</span></button><button class="qmod-btn qmod-btn-link qmod-quicksort" rv-on-click="scope.WL.changeSort" aria-live="assertive"><span class="qmod-quicksort-text" rv-html="scope.WL.sortByText"></span></button></div></div><div class="qmod-wl-row qmod-move" rv-each-wlitem="scope.WL.getSelectedWatchlist &lt; selected hasChanged | limitby scope.binders.limitBy | sort scope.WL.sortByValue scope.WL.sortBy" rv-data-wlitemid="wlitem.watchlistItemId" rv-on-click="scope.WL.forwardURL" rv-data-location="wlitem.quote | symbolForwardURL" rv-class-qmod-heading-row="wlitem.type | eq 'HEADING'" rv-class-qmod-clickable="scope.binders.forwardURL"><div class="qmod-wl-heading" rv-if="wlitem.type | eq 'HEADING'"> <span>{ wlitem.value }</span></div><div class="qmod-wl-heading" rv-if="wlitem.type | eq 'EMPTY_ROW'"> <span>&nbsp;</span></div><div class="qmod-left-col" rv-if="wlitem.type | eq 'SYMBOL'"><div class="qmod-wl-row-edit"><div class="qmod-wl-col qmod-wl-top-row"><a class="qmod-wl-symbol" rv-if="scope.binders.forwardURL" rv-href="wlitem.quote | symbolForwardURL" rv-attr-target="scope.binders.target" rv-data-datatype="wlitem.quote.datatype" rv-on-click="scope.WL.trackLinkClick">{wlitem.quote.symbolstring}</a><span class="qmod-wl-symbol" rv-unless="scope.binders.forwardURL" rv-data-datatype="wlitem.quote.datatype">{wlitem.quote.symbolstring}</span><span class="qmod-longname" rv-aria-label="wlitem.quote.equityinfo.longname">{wlitem.quote.equityinfo.longname | truncade 20} </span></div></div></div><div class="qmod-right-col" rv-if="wlitem.type | eq 'SYMBOL'"><div class="qmod-wl-col qmod-wl-btm-row"><span class="qmod-wl-price"><span class="qmod-last">{wlitem.quote.pricedata.last | asQHLast tLang}</span><span class="qmod-currency">{wlitem.quote.key.currency}</span></span><span class="qmod-wlchange"><span class="qmod-change">{wlitem.quote.pricedata.change | numeraljsplus '0.00' '—' tLang}</span><span class="qmod-currency">{wlitem.quote.key.currency}</span><span class="qmod-changpct"> <span class="qmod-aria-hidden" aria-hidden="true">(</span><span class="qmod-change-content">{wlitem.quote.pricedata.changepercent | numeraljsplus '0.00' '—' | postFix '%' tLang}</span><span class="qmod-aria-hidden" aria-hidden="true">)</span></span><span class="qmod-tick" rv-qmodchange="wlitem.quote.pricedata.change"><span class="qmod-wl-icon" rv-qmodchangeicon2="wlitem.quote.pricedata.change" aria-hidden="true"></span></span></span></div></div></div><div class="qmod-wl-row qmod-top-edit"><div class="qmod-wl-header"><div class="qmod-edit-wl" rv-unless="scope.WL.getSelectedID &lt; selected | = 'recent'"><span class="qmod-edit-text qmod-bold qmod-cap-first" rv-on-click="scope.binders.editwl">{'edit watchlist' | i8ln tLang}<span class="qmod-icon qm_icon-arrow-chevron-right2-med"></span></span></div></div></div><div class="qmod-wl-row qmod-top-edit"><div class="qmod-bottom-text"><button class="qmod-btn qmod-btn-link qmod-btn-icon" rv-on-click="scope.refresh.click"><span class="qmod-icon qm_icon-scotia-refresh-thn" rv-class-fa-spin="binders.refreshData.icon"></span><span class="qmod-datetimezone">{'updated' | i8ln tLang} {scope.refresh.lastupdateTS}</span></button></div></div></div><div class="qmod-wl-edit qmod-wl-nosymbols" rv-hide="scope.WL.getSelectedWatchlist &lt; selected hasChanged | asArrayLength"><div class="qmod-no-symbols"><span class="qmod-msg qmod-msg-header"> {'your watchlist is empty' | i8ln tLang}</span><span class="qmod-msg">{'tap on + to add a symbol' | i8ln tLang}</span><button class="qmod-btn qmod-add-symbol qmod-btn-link" rv-on-click="scope.add.click"><span class="qmod-icon qm_icon-add-symbol-reg"></span><span class="qmod-btn-text">{'Add Symbol' | i8ln tLang}</span></button></div></div></div></div></div></div><div class="qmod-block-wrapper" rv-unless="scope.loggedIn"><span class="qmod-notloggedin"></span></div></div>