<div class="qmod-ui-tool qmod-watchlistevents"><div class="qmod-block-wrapper" rv-if="scope.isLoggedIn"><h2 class="qmod-heading qmod-hbg">{'toolname' | i8ln tLang}</h2><div class="qmod-modifiers"><div class="qmod-drop-wrap qmod-dropdown-watchlists" rv-hide="scope.noWatchlists" rv-class-qmod-loading="scope.loading"><button class="qmod-drop-cont" id="qmod-wl-dropdown" rv-on-click="scope.dropdown.click" rv-on-keydown="scope.dropdown.keydown" aria-label="Events: Select a Watchlist" aria-haspopup="listbox" rv-aria-expanded="scope.dropdown.open" rv-aria-activedescendant="scope.dropdown.focusedIndex | preFixWord 'qmod-wl-dropdown-'"><span class="qmod-dd-text">{scope.binders.watchlist.list | getIndex scope.binders.watchlist.selected | getIndex 'label'}</span><span class="qmod-icon qmod-dd-arrow qmod-chevron qm_icon-chevron-down-reg" rv-ifclass="scope.dropdown.open" data-qmod-true-class="rotate-chevron-up" data-qmod-false-class="rotate-chevron-down"></span></button><div class="qmod-drop-items" rv-show="scope.dropdown.open"><ul class="qmod-drop-menu" id="qmod-wl-dropdown-list" role="listbox" aria-labelledby="qmod-wl-dropdown" rv-on-keydown="scope.dropdown.keydown"><li class="qmod-drop-item-li" role="option" rv-id="index| preFixWord 'qmod-wl-dropdown-'" rv-each-watchlist="scope.binders.watchlist.list" rv-aria-selected="scope.binders.watchlist.selected | = index" rv-class-qmod-focused="index | = scope.dropdown.focusedIndex" rv-data-index="index" rv-on-mouseenter="scope.dropdown.itemHover"><a class="qmod-drop-item" rv-on-click="scope.binders.watchlist.change" rv-data-symbols="watchlist.symbols" rv-class-qmod-active="watchlist.value | = scope.binders.watchlist.selected" tabindex="-1">{watchlist.label}</a></li></ul></div></div></div><div class="qmod-tool-wrapper"><div class="qmod-watchlist-event-wrap" rv-unless="scope.tiled"><table class="qmod-table qmod-events-table nowrap" width="100%"><thead><tr><th class="qmod-control"></th><th class="qmod-textl">{'datetime' | i8ln tLang}</th><th class="qmod-textl">{'eventdetails' | i8ln tLang}</th><th class="qmod-textl">{'type' | i8ln tLang}</th></tr></thead><tbody><tr class="qmod-table-row" rv-each-event="corpEvents"><td class="qmod-control"></td><td class="qmod-textl">{event.datez}</td><td class="qmod-textl" rv-html="event.text"></td><td class="qmod-textl">{event.type}</td></tr></tbody></table><div class="qmod-no-symbols" rv-if="scope.emptyWatchlist"> <div class="qmod-msg qmod-msg-header">{'nowatchlistevents' | i8ln tLang}</div></div><div class="qmod-no-symbols" rv-if="scope.noWatchlists"> <div class="qmod-msg qmod-msg-header">{'you do not have any watchlists' | i8ln tLang}</div><div class="qmod-msg">{'please create a watchlist to start' | i8ln tLang}</div></div></div><div class="qmod-watchlist-event-wrap" rv-if="scope.tiled" rv-hide="scope.loading"><div class="qmod-tile" rv-each-event="scope.currentPage" rv-on-click="scope.tile.click"><div class="qmod-tile-header"><span class="qmod-icon qmod-event-icon" rv-qmod-icon="event.type"></span><span class="qmod-tile-heading"><div class="qmod-company qmod-truncate" rv-unless="scope.forwardURL" rv-title="event.longname"> <span class="qmod-longname">{event.longname}</span><span class="qmod-aria-hidden" aria-hidden="aria-hidden">(</span><span class="qmod-symbol">{event.symbol}</span><span class="qmod-aria-hidden" aria-hidden="aria-hidden">)</span></div><a class="qmod-company qmod-truncate" rv-if="scope.forwardURL" rv-href="event.href" rv-on-click="scope.clickForward" rv-data-symbol="event.symbol" rv-data-datatype="event.datatype" rv-title="event.longname"> <span class="qmod-longname">{event.longname}</span><span class="qmod-aria-hidden" aria-hidden="aria-hidden">(</span><span class="qmod-symbol">{event.symbol}</span><span class="qmod-aria-hidden" aria-hidden="aria-hidden">)</span></a><div class="qmod-event-heading">{event.title}</div></span><button class="qmod-icon qmod-chevron qm_icon-chevron-down-reg" rv-on-click="scope.tile.click"></button></div><div class="qmod-tile-body"><div class="qmod-event-content" rv-html="event.text"></div><div class="qmod-event-date">{event.datez | momentjs 'ddd MMM DD, YYYY'}</div></div></div><div class="qmod-no-symbols" rv-if="scope.emptyWatchlist"> <div class="qmod-msg qmod-msg-header">{'nowatchlistevents' | i8ln tLang}</div></div><div class="qmod-no-symbols" rv-if="scope.noWatchlists"> <div class="qmod-msg qmod-msg-header">{'you do not have any watchlists' | i8ln tLang}</div><div class="qmod-msg">{'please create a watchlist to start' | i8ln tLang}</div></div><div class="qmod-paginator qmod-pagin-top dataTables_wrapper" rv-unless="true | or scope.noWatchlists scope.emptyWatchlist" rv-hide="scope.pagecount | &lt; 2"><div class="qmod-pure-md dataTables_paginate"><span class="qmod-paginator-prev" rv-on-click="scope.changePage" data-type="prev" rv-hide="1 | isActivePage scope.pagenumber"><div class="paginate_button previous">{'prev' | i8ln tLang}</div></span><span class="qmod-paginator-next" rv-on-click="scope.changePage" data-type="next" rv-hide="scope.pagecount | isActivePage scope.pagenumber"> <div class="paginate_button next">{'next' | i8ln tLang}</div></span><span class="qmod-btn qmod-btn-main qmod-pagenum paginate_button" rv-each-page="scope.pages" rv-data-page="page" rv-on-click="scope.changePage" data-type="num" rv-ifclass="page | isActivePage scope.pagenumber" data-qmod-true-class="current">{page}</span></div></div></div></div></div></div>