<div class="qmod-ui-tool qmod-watchlistmodule"><div class="qmod-tool-wrap" rv-hide="scope.noDataOrInvalid"><div class="qmod-block-wrapper"><div class="qmod-block-wrapper-body"><div class="qmod-popup-wrapper" rv-show="scope.watchlistmodule.modals.show"><div class="qmod-popup"><div class="qmod-popup-title">{scope.watchlistmodule.modals.getSelectedTitle < selected}<div class="qmod-popup-titlebar-buttons"><button class="qmod-btn" rv-on-click="scope.watchlistmodule.modals.close">&times;</button></div></div><div class="qmod-popup-body"><div class="qmod-modal-content" rv-show="scope.watchlistmodule.modals.selected|= 0"><div class="qmod-slook"><div class="qmod-symbol-lookup"><span class="qmod-symbol-lookup-input inner-addon left-addon"><input class="qmod-symbollookup" type="text" placeholder="Enter a Symbol or Name" rv-on-input="scope.smartlookup.doLookup" rv-on-focus="scope.smartlookup.doLookup" rv-on-click="scope.smartlookup.doLookup" rv-value="scope.smartlookup.symbollookupvalue"/><i class="qmod-icon qm_icon-search-thn"></i></span><span class="qmod-symbol-lookup-btn"><btn class="qmod-btn qmod-darkblue" rv-on-click="scope.watchlistmodule.add.click">Add</btn></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" rv-each-result="scope.smartlookup.result | groupby 'symbolType' | propertyList" rv-on-click="scope.smartlookup.switchResultsTab" rv-class-qmod-tab-active="scope.smartlookup.activeResultTab | = result.key">{result.key}</li><li class="qmod-sersel qmod-textr"><span class="qmod-searchby">Search By:</span><label class="qmod-label qmod-searchby-name" rv-class-qmod-active="scope.smartlookup.searchBy|= 'name'">Name<input type="radio" name="search-by" value="name" rv-checked="scope.smartlookup.searchBy" rv-on-change="scope.smartlookup.doLookup"/></label><label class="qmod-label qmod-searchby-symbol" rv-class-qmod-active="scope.smartlookup.searchBy|= 'symbol'">Symbol<input type="radio" name="search-by" value="symbol" rv-checked="scope.smartlookup.searchBy" rv-on-change="scope.smartlookup.doLookup"/></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 qmod-table-smartlookup"><tr rv-each-dataset="result.value" rv-data-symbol="dataset.symbol" rv-on-click="scope.smartlookup.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 class="qmod-modal-content" rv-show="scope.watchlistmodule.modals.selected|= 1"><div class="qmod-modal-newport"><div class="qmod-add-aport"><span class="qmod-add-aport-span qmod-add-aport-lbl">Please choose a name:</span><span class="qmod-add-aport-span"><input class="qmod-add-aport-input" rv-class-qmod-input-err="scope.watchlistmodule.new.error" type="text" placeholder="" rv-value="scope.watchlistmodule.new.value" maxlength="47"/></span><div class="qmod-add-aport-span"><span class="qmod-input-error qmod-input-modal" rv-on-click="scope.watchlistmodule.new.errorT" rv-if="scope.watchlistmodule.new.error">{scope.watchlistmodule.new.error}</span></div><span class="qmod-add-aport-btn"><btn class="qmod-btn qmod-grey" rv-on-click="scope.watchlistmodule.modals.close">Cancel</btn><btn class="qmod-btn qmod-darkblue" rv-on-click="scope.watchlistmodule.new.add">Create</btn></span></div></div></div><div class="qmod-modal-content" rv-show="scope.watchlistmodule.modals.selected|= 3"><div class="qmod-modal-newport"><div class="qmod-add-aport"><span class="qmod-add-aport-span qmod-add-aport-lbl">Permanently delete this watchlist:</span><span class="qmod-add-aport-span qmod-add-aport-lbl qmod-add-aport-lbl-xtra">{scope.watchlistmodule.settings.getSelectedLabel < selected hasChanged}</span><span class="qmod-add-aport-span qmod-add-aport-lbl">?</span><span class="qmod-add-aport-btn"><btn class="qmod-btn qmod-grey" rv-on-click="scope.watchlistmodule.modals.close">Cancel</btn><btn class="qmod-btn qmod-red" rv-on-click="scope.watchlistmodule.delete.click">Delete Watchlist</btn></span></div></div></div></div></div></div><div class="pure-g"><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><div class="qmod-tab qmod-tab-newport" rv-on-click="scope.watchlistmodule.modals.open" data-qmod-modal="1" rv-show="scope.errorNoport"><a class="qmod-tab-label"><span class="qmod-tab-label-text">New Watchlist</span></a></div><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-hide="scope.error"><ul class="qmod-tab-header qmod-tab-row"><li class="qmod-tab qmod-tab-dropdown" rv-hide="scope.watchlistmodule.edit.toggled"><div class="qmod-dd-cont" rv-class-qmod-dd-single="scope.watchlistsettings.maxWatchlists| = 1"><span class="qmod-dd-header" rv-on-click="scope.watchlistmodule.settings.toggle"><span class="qmod-dd-header-name">{scope.watchlistmodule.settings.name}</span><span class="qmod-dd-header-wrap"><span class="qmod-dd-header-lbl">{scope.watchlistmodule.settings.getSelectedLabel < selected hasChanged}</span><span class="qmod-dd-header-icon" rv-unless="scope.watchlistsettings.maxWatchlists| = 1"><i class="qmod-fa-icon fa fa-caret-down" rv-class-qmod-dd-iopen="scope.watchlistmodule.settings.open"></i></span></span></span><ul class="qmod-dd-ul" rv-unless="scope.watchlistsettings.maxWatchlists| = 1" rv-class-qmod-dd-open="scope.watchlistmodule.settings.open" rv-on-blur="scope.watchlistmodule.settings.blur"><li class="qmod-dd-li" rv-each-l2setting="scope.watchlistmodule.settings.list" rv-class-qmod-dd-li-active="scope.watchlistmodule.settings.selected|= index" rv-on-click="scope.watchlistmodule.settings.change"><span class="qmod-dd-li-lbl">{l2setting.name}</span></li></ul></div></li><li class="qmod-tab qmod-tab-portrename" rv-show="scope.watchlistmodule.edit.toggled"><span class="qmod-tab-label-text">Watchlist:</span><span class="qmod-input"><span class="qmod-input-error" rv-on-click="scope.watchlistmodule.rename.errorT" rv-if="scope.watchlistmodule.rename.error">Only letters, numbers, dash or underscore can be used in Watchlist name.</span><input class="qmod-portnamedit" rv-class-qmod-input-err="scope.watchlistmodule.rename.error" type="text" rv-placeholder="scope.watchlistmodule.settings.getSelectedLabel &lt; selected hasChanged" rv-value="scope.watchlistmodule.rename.value" maxlength="47"/></span></li><li class="qmod-tab qmod-tab-doneport" rv-show="scope.watchlistmodule.edit.toggled" rv-on-click="scope.watchlistmodule.edit.changed"><a class="qmod-tab-label"><span class="qmod-tab-label-text">Done</span></a></li><li class="qmod-tab qmod-tab-delport" rv-show="scope.watchlistmodule.edit.toggled" rv-on-click="scope.watchlistmodule.modals.open" data-qmod-modal="3"><a class="qmod-tab-label"><span class="qmod-tab-label-text">Delete</span></a></li><li class="qmod-tab qmod-tab-editport" rv-hide="scope.watchlistmodule.edit.toggled" rv-on-click="scope.watchlistmodule.edit.changed"><a class="qmod-tab-label"><span class="qmod-tab-label-text">Edit</span></a></li><li class="qmod-tab qmod-tab-refresh qmod-tab-nobg" rv-hide="scope.watchlistmodule.edit.toggled" rv-on-click="scope.watchlistmodule.settings.refresh"><a class="qmod-tab-label"><i class="qmod-porticon fa fa-refresh" rv-class-anim-spin="scope.watchlistmodule.settings.refreshIcon"></i></a></li><li class="qmod-tab qmod-tab-print qmod-tab-nobg" rv-hide="scope.watchlistmodule.edit.toggled" rv-on-click="scope.watchlistmodule.print"><a class="qmod-tab-label"><i class="qmod-porticon fa fa-print"></i></a></li><li class="qmod-tab qmod-tab-nobg qmod-tab-export" rv-hide="scope.portfolio.edit.toggled"></li><li class="qmod-tab qmod-tab-addsymbol" rv-unless="scope.watchlistmodule.settings.isMaxSymbol | call scope.binderupdate" rv-on-click="scope.watchlistmodule.modals.open" data-qmod-modal="0"><a class="qmod-tab-label"><i class="qmod-porticon fa fa-plus"></i><span class="qmod-tab-label-text">Add<span class="qmod-tab-label-text qmod-tab-label-text-extra"> Symbol</span></span></a></li><li class="qmod-tab qmod-tab-newport" rv-unless="scope.watchlistsettings.isMaxWatchlist | call scope.watchlistmodule.settings.list" rv-on-click="scope.watchlistmodule.modals.open" data-qmod-modal="1" rv-hide="scope.watchlistmodule.edit.toggled"><a class="qmod-tab-label"><span class="qmod-tab-label-text">New<span class="qmod-tab-label-text qmod-tab-label-text-extra"> Watchlist</span></span></a></li></ul><div class="qmod-panel qmod-panel-watchlistmodule" rv-class-qmod-is-loading="scope.watchlistmodule.isLoading"><div class="qmod-panel-body"><div class="qmod-chartjs"><div class="qmod-port-chart"></div></div><div class="qmod-watchlistmodule-error" rv-show="scope.watchlistmodule.errorMsg"><span class="qmod-invalid" rv-html="scope.watchlistmodule.errorMsg"></span></div><table class="qmod-table qmod-table-small qmod-watchlistmodule-tbl nowrap" rv-hide="scope.watchlistmodule.errorMsg" width="100%"></table></div><div class="qmod-panel-footer"></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">{scope.noDataOrInvalidMsg} {scope.level2data.symbolstring}</div></div></div></div>