<div class="qmod-ui-tool qmod-addtowatchlist" rv-class-qmod-position-custom="scope.binders.useFunction" 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="modal-container"><div class="qmod-bottomsheet" rv-class-qmod-bottom-open="true | or scope.managewl scope.new.show"><div class="qmod-bottom-sheet-manage" rv-show="scope.managewl"><div class="qmod-modal-delete qmod-modal-error" rv-show="scope.WL.error.maxsym"><div class="qmod-bottomsheet-header"><button class="qmod-btn qmod-back-button" rv-on-click="scope.WL.error.close"><span class="qm_icon-arrow-left-med"></span><span class="qmod-bold">{'back' | i8ln tLang}</span></button><div class="qmod-separator"></div><div class="qmod-bottomsheet-heading">{'max items reached' | i8ln tLang}</div></div><div class="qmod-modal-delete-body"><span class="qmod-bottomsheet-text">{'max number of watchlist items' | i8ln tLang}</span><div class="qmod-bottomsheet-button-cont"><button class="qmod-btn qmod-bottomsheet-button" rv-on-click="scope.WL.error.close"><span class="qmod-btn-text">{'ok' | i8ln tLang}</span></button></div></div></div><div class="qmod-modal-delete qmod-modal-error" rv-show="scope.WL.error.duplicatesym"><div class="qmod-bottomsheet-header"><button class="qmod-btn qmod-back-button" rv-on-click="scope.WL.error.close"><span class="qm_icon-arrow-left-med"></span><span class="qmod-bold">{'back' | i8ln tLang}</span></button><div class="qmod-separator"></div><div class="qmod-bottomsheet-heading">{'the selected symbol is already in your watchlist' | i8ln tLang}</div></div><div class="qmod-modal-delete-body"><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" rv-on-click="scope.WL.error.close"><span class="qmod-btn-text">{'ok' | i8ln tLang}</span></button></div></div></div><div class="qmod-wl-edit-wrapper"><div class="qmod-bottomsheet-header"><div class="qmod-wl-edit-header"> <span class="qmod-wl-edit-header-text">{'Add to watchlist' | i8ln tLang}</span><button class="qmod-btn qmod-bottomsheet-button-top qmod-btn-trans qmod-close" rv-if="scope.binders.showCloseButton" rv-on-click="scope.manage.save"><span class="qmod-btn-text"> <span class="qmod-icon qm_icon-close-thn"></span></span></button></div></div><div class="qmod-bottomsheet-body" rv-if="scope.binders.useFunctionLoading"><span class="qmod-bottomsheet-text">{'added to watchlist' | i8ln tLang}</span></div><div class="qmod-bottomsheet-body" rv-unless="scope.binders.useFunctionLoading"><div class="qmod-wl-edit-cont" rv-if="scope.WL.getWatchlists &lt; selected hasChanged | asArrayLength"><button class="qmod-wl-row qmod-move qmod-add-symbol-btn" rv-each-wlitem="scope.WL.getWatchlists &lt; selected hasChanged | sort 'sequence' 'asc'" rv-data-wlitemid="wlitem.id" rv-on-click="scope.smartlookup.lookupCallback" role="button" tabindex="0"><div class="qmod-wl-row-edit"><div class="qmod-wl-col qmod-wl-top-row"><span class="qmod-wl-name">{wlitem.name} </span></div></div><div class="qmod-right-col">               <div class="qmod-wl-add"><span class="qmod-icon qm_icon-add-symbol-reg" aria-hidden="aria-hidden"></span><span class="qmod-icon qm_icon-check-bld" aria-hidden="aria-hidden" hidden="hidden"></span></div></div></button></div></div><div class="qmod-separator"></div><button class="qmod-bottomsheet-footer qmod-wl-create-btn" rv-on-click="scope.new.click" rv-unless="scope.binders.useFunctionLoading"><div class="qmod-wl-edit-footer"><span class="qmod-wl-edit-footer-text">{'create a new watchlist and add' | i8ln tLang} </span><span class="qmod-icon qm_icon-chevron-right-reg"></span></div></button></div></div><div class="qmod-bottom-sheet-new" rv-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.new.click"><span class="qmod-btn-text"> <span class="qmod-icon qm_icon-arrow-left-med"></span>{'back' | 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-aria-label="'your watchlist name' | i8ln tLang" rv-placeholder="'your watchlist name' | 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 and add' | i8ln tLang}</span></button></div></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></div><div class="qmod-function-based" rv-unless="scope.binders.useFunction"><div class="qmod-block-wrapper" rv-if="scope.loggedIn" rv-aria-hidden="scope.WL.popup.open | multior scope.add.show"><div class="qmod-watchlists"><div class="qmod-tool-wrap qmod-watchlist-single"><div class="qmod-wl-wrapper"><div class="qmod-wl-edit"><div class="qmod-wl-row qmod-top-edit"><div class="qmod-wl-header"> <button class="qmod-btn qmod-add-symbol qmod-btn-link" rv-on-click="scope.manage.toggle"><span class="qmod-icon qm_icon-add-symbol-reg"></span><span class="qmod-btn-text">{'Add to watchlist' | i8ln tLang}</span></button></div></div></div></div></div></div></div><div class="qmod-block-wrapper" rv-unless="scope.loggedIn"><span class="qmod-notloggedin"></span></div></div></div>