<div class="qmod-ui-tool qmod-portfoliomanager"><div class="qmod-toast-message" rv-show="scope.toastVisible"><span class="qmod-toast-text" rv-html="scope.toastMessage"></span></div><div class="qmod-verification-required" rv-show="scope.verificationRequired"><div class="qmod-verification-note">{'forcevalidation' | i8ln tLang}</div></div><div rv-hide="scope.verificationRequired"><div class="qmod-tool-wrap" rv-hide="scope.noDataOrInvalid"><div class="qmod-modal-overlay qmod-litenews" rv-show="scope.litenews.modal.show"><div class="qmod-modal-overlay" rv-show="scope.litenews.modal.show"><div class="qmod-ui-modal"><div class="qmod-ui-modal-titlebar"><div class="qmod-ui-modal-title" rv-html="scope.litenews.modal.qmstory.datetime | momentjs true 'LLL'"></div><button class="qmod-btn qmod-modal-close" rv-on-click="scope.litenews.modal.close"><i class="fa fa-times"></i></button><div class="qmod-titlebar-buttons" rv-show="scope.litenews.modal.socialshare"><button class="qmod-btn qmod-btn-email" rv-show="scope.litenews.modal.showSharingButtons" rv-on-click="scope.litenews.modal.emailStory"><span class="fa fa-envelope-o"></span></button><button class="qmod-btn qmod-btn-print" rv-on-click="scope.litenews.modal.print"><span class="fa fa-print"></span></button><button class="qmod-btn qmod-btn-copy"><span class="fa fa-copy"></span></button><button class="qmod-btn qmod-sharesocial-facebook" rv-show="scope.litenews.modal.showSharingButtons" rv-on-click="scope.litenews.modal.shareSocialFacebook"><span class="fa fa-facebook"></span></button><button class="qmod-btn qmod-sharesocial-twitter" rv-show="scope.litenews.modal.showSharingButtons" rv-on-click="scope.litenews.modal.shareSocialTwitter"><i class="fa fa-twitter"></i></button><button class="qmod-btn qmod-sharesocial-linkedin" rv-show="scope.litenews.modal.showSharingButtons" rv-on-click="scope.litenews.modal.shareSocialLinkedIn"><i class="fa fa-linkedin"></i></button><button class="qmod-btn qmod-font-grow" rv-on-click="scope.litenews.modal.growFont"><span class="fa fa-font"></span></button><button class="qmod-btn qmod-font-shrink" rv-on-click="scope.litenews.modal.shrinkFont"><span class="fa fa-font"></span></button></div></div><div class="qmod-ui-modal-body" rv-style-height="data.binders.storyHeight"><div class="qmod-container qmod-headlines-story"><h3 rv-html="scope.litenews.modal.qmstory.qmheadline"></h3><h4 rv-if="scope.litenews.modal.qmsubheadline" rv-html="scope.litenews.modal.qmsubheadline"></h4><div class="qmod-story" rv-html="scope.litenews.modal.qmstory.qmtext"></div><span class="qmod-story-source">News Provided by {modal.source | str_replace '>' ''}</span><br/></div></div></div></div></div><div class="qmod-block-wrapper"><div class="qmod-block-wrapper-body"><div class="qmod-popup-wrapper" rv-show="scope.portfolio.modals.show"><div class="qmod-popup"><div class="qmod-popup-title"><span class="qmod-t" rv-text="scope.portfolio.modals.getSelectedTitle &lt; selected"></span><div class="qmod-popup-titlebar-buttons"><button class="qmod-btn" rv-on-click="scope.portfolio.modals.close">&times;</button></div></div><div class="qmod-popup-body"><div class="qmod-modal-content" rv-show="scope.portfolio.modals.selected|= 0"><div class="qmod-slook"><div class="qmod-symbol-lookup"><span class="qmod-symbol-lookup-input"><input class="qmod-symbollookup" type="text" rv-placeholder="'enter_a_symbol_or_name' | i8ln tLang" rv-on-input="scope.smartlookup.doLookup" rv-on-focus="scope.smartlookup.doLookup" rv-on-click="scope.smartlookup.doLookup" rv-value="scope.smartlookup.symbollookupvalue"/></span><span class="qmod-symbol-lookup-btn"><btn class="qmod-btn qmod-darkblue" rv-on-click="scope.portfolio.add.click">{'Add' | i8ln tLang }</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" rv-data-type="result.key"><span rv-text="result.key | i8ln tLang"></span></li><li class="qmod-sersel qmod-textr"><span class="qmod-searchby">{'Search By' | i8ln tLang }:</span><label class="qmod-label qmod-searchby-name" rv-class-qmod-active="scope.smartlookup.searchBy|= 'name'">{'Name' | i8ln tLang }<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' | i8ln tLang }<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-class-qmod-symbol-added="scope.smartlookup.addedSymbols.indexOf(dataset.symbol) &gt;= 0" 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.portfolio.modals.selected|= 1"><div class="qmod-modal-error" rv-show="scope.portfolio.isMaxPortfolio | call scope.portfolio.settings.list"><div class="qmod-add-aport"><span class="qmod-modal-error-msg qmod-add-aport-span qmod-add-aport-lbl">{'You have reached the max amount of Portfolios' | i8ln tLang }.</span><span class="qmod-add-aport-btn"><btn class="qmod-btn qmod-grey" rv-on-click="scope.portfolio.modals.close">{'Cancel' | i8ln tLang }</btn></span></div></div><div class="qmod-modal-newport" rv-hide="scope.portfolio.isMaxPortfolio | call scope.portfolio.settings.list"><div class="qmod-add-aport"><span class="qmod-add-aport-span qmod-add-aport-lbl">{'please enter a name' | i8ln tLang }:</span><span class="qmod-add-aport-span"><input class="qmod-add-aport-input" rv-class-qmod-input-err="scope.portfolio.new.error" type="text" placeholder="" rv-value="scope.portfolio.new.value" maxlength="48"/></span><span class="qmod-add-aport-span qmod-add-aport-span-error"><span class="qmod-input-error qmod-input-modal" rv-on-click="scope.portfolio.new.errorT" rv-if="scope.portfolio.new.error">{scope.portfolio.new.errormsg}</span></span><span class="qmod-add-aport-btn"><btn class="qmod-btn qmod-grey" rv-on-click="scope.portfolio.modals.close">{'Cancel' | i8ln tLang }</btn><btn class="qmod-btn qmod-darkblue" rv-on-click="scope.portfolio.new.add">{'Create' | i8ln tLang }</btn></span></div></div></div><div class="qmod-modal-content" rv-show="scope.portfolio.modals.selected|= 2"><div class="qmod-modal-newport"><div class="qmod-add-aport"><span class="qmod-add-aport-span qmod-add-aport-lbl">{'Rename Portfolio' | i8ln tLang }:</span><span class="qmod-add-aport-span"><input class="qmod-portnamedit" type="text" rv-placeholder="scope.portfolio.settings.getSelectedLabel &lt; selected hasChanged" rv-value="scope.portfolio.rename.value" maxlength="48"/></span><span class="qmod-add-aport-btn"><btn class="qmod-btn qmod-grey" rv-on-click="scope.portfolio.modals.close">{'Cancel' | i8ln tLang }</btn><btn class="qmod-btn qmod-darkblue" rv-on-click="scope.portfolio.rename.add">{'Confirm' | i8ln tLang }</btn></span></div></div></div><div class="qmod-modal-content" rv-show="scope.portfolio.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_portfolio' | i8ln tLang}:</span><span class="qmod-add-aport-span qmod-add-aport-lbl qmod-add-aport-lbl-xtra">{scope.portfolio.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.portfolio.modals.close">{'Cancel' | i8ln tLang }</btn><btn class="qmod-btn qmod-red" rv-on-click="scope.portfolio.delete.click">{'Delete Portfolio' | i8ln tLang }</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.portfolio.modals.open" data-qmod-modal="1" rv-show="scope.errorNoport"><a class="qmod-tab-label"><span class="qmod-tab-label-text">{'New Portfolio' | i8ln tLang }</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 qmod-tab-row-main"><li class="qmod-tab qmod-tab-dropdown" rv-hide="scope.portfolio.edit.toggled"><div class="qmod-dd-cont"><span class="qmod-dd-header" rv-on-click="scope.portfolio.settings.toggle"><span class="qmod-dd-header-name">{scope.portfolio.settings.name | i8ln tLang}</span><span class="qmod-dd-header-wrap"><span class="qmod-dd-header-lbl" rv-text="scope.portfolio.settings.getSelectedLabel &lt; selected hasChanged"></span><span class="qmod-dd-header-icon"><i class="qmod-fa-icon fa fa-caret-down" rv-class-qmod-dd-iopen="scope.portfolio.settings.open"></i></span></span></span><ul class="qmod-dd-ul" rv-class-qmod-dd-open="scope.portfolio.settings.open" rv-on-blur="scope.portfolio.settings.blur"><li class="qmod-dd-li" rv-each-l2setting="scope.portfolio.settings.list" rv-class-qmod-dd-li-active="scope.portfolio.settings.selected|= index" rv-on-click="scope.portfolio.settings.change"><span class="qmod-dd-li-lbl" rv-text="l2setting.portfolioName"></span></li></ul></div></li><li class="qmod-tab qmod-tab-portrename" rv-show="scope.portfolio.edit.toggled"><span class="qmod-tab-label-text">{'portfolio' | i8ln tLang }:</span><span class="qmod-input"><span class="qmod-input-error" rv-on-click="scope.portfolio.rename.error" rv-if="scope.portfolio.rename.error">{scope.portfolio.rename.errormsg}</span><input class="qmod-portnamedit" rv-class-qmod-input-err="scope.portfolio.rename.error" type="text" rv-placeholder="scope.portfolio.settings.getSelectedLabel &lt; selected hasChanged" rv-value="scope.portfolio.rename.value"/></span></li><li class="qmod-tab qmod-tab-doneport" rv-show="scope.portfolio.edit.toggled" rv-on-click="scope.portfolio.edit.changed"><a class="qmod-tab-label"><span class="qmod-tab-label-text">{'Done' | i8ln tLang }</span></a></li><li class="qmod-tab qmod-tab-delport" rv-show="scope.portfolio.edit.toggled" rv-on-click="scope.portfolio.modals.open" data-qmod-modal="3"><a class="qmod-tab-label"><span class="qmod-tab-label-text">{'Delete' | i8ln tLang }</span></a></li><li class="qmod-tab qmod-tab-editport" rv-hide="scope.portfolio.edit.toggled" rv-on-click="scope.portfolio.edit.changed"><a class="qmod-tab-label"><span class="qmod-tab-label-text">{'Edit' | i8ln tLang }</span></a></li><li class="qmod-tab qmod-tab-refresh qmod-tab-nobg" rv-hide="scope.portfolio.edit.toggled" rv-on-click="scope.portfolio.refresh"><a class="qmod-tab-label"><i class="qmod-porticon fa fa-refresh" rv-class-anim-spin="scope.portfolio.refreshIcon"></i></a></li><li class="qmod-tab qmod-tab-print qmod-tab-nobg" rv-hide="scope.portfolio.edit.toggled" rv-on-click="scope.portfolio.print"><a class="qmod-tab-label"><i class="qmod-porticon fa fa-print"></i></a></li><li class="qmod-tab qmod-tab-export" rv-hide="scope.portfolio.edit.toggled"></li><li class="qmod-tab qmod-tab-addsymbol" rv-on-click="scope.portfolio.modals.open" rv-unless="scope.portfolio.settings.isMaxSymbol | call scope.binderupdate" data-qmod-modal="0"><a class="qmod-tab-label"><i class="qmod-porticon fa fa-plus"></i><span class="qmod-tab-label-text">{'Add Symbol' | i8ln tLang }</span></a></li><li class="qmod-tab qmod-tab-newport" rv-on-click="scope.portfolio.modals.open" rv-unless="scope.portfolio.isMaxPortfolio | call scope.portfolio.settings.list" data-qmod-modal="1" rv-hide="scope.portfolio.edit.toggled"><a class="qmod-tab-label"><span class="qmod-tab-label-text">{'New Portfolio' | i8ln tLang }              </span></a></li></ul><div class="qmod-panel qmod-panel-portfolio" rv-class-qmod-is-loading="scope.portfolio.isLoading" rv-class-qmod-rename-error-padding="scope.portfolio.rename.error"><div class="qmod-panel-title qmod-chart-panel" rv-show="scope.portfolio.showCharts"><div class="qmod-portsummary-cont qmod-portsummary-charts"><div class="assetchart"></div><div class="sectorchart"></div><div class="countrychart"></div></div></div><div class="qmod-panel-title" rv-hide="scope.portfolio.edit.toggled"><div class="qmod-portsummary-cont" rv-hide="scope.portfolio.summary.pvalueCount | &lt;= 0"><div class="qmod-portsummary-item"><div class="qmod-portsummary-item-wrap"><span class="qmod-portlabel">{'Purchase Value' | i8ln tLang }</span><span class="qmod-summary-data-wrap"><span class="qmod-portsummary">{scope.portfolio.summary.pvalue}</span><span class="qmod-portsummary-extra">{scope.portfolio.summary.pvalueCount} Items</span></span></div></div><div class="qmod-portsummary-item"><div class="qmod-portsummary-item-wrap"><span class="qmod-portlabel">{'Current Value' | i8ln tLang }</span><span class="qmod-summary-data-wrap"><span class="qmod-portsummary">{scope.portfolio.summary.mkval}</span><span class="qmod-portsummary-extra">{scope.portfolio.summary.yest}</span></span></div></div><div class="qmod-portsummary-item"><div class="qmod-portsummary-item-wrap"><span class="qmod-portlabel">{'Todays GainLoss' | i8ln tLang }</span><span class="qmod-summary-data-wrap"><span class="qmod-portsummary" rv-qmodchange="scope.portfolio.summary.mkglpct">{scope.portfolio.summary.mkgl}</span><span class="qmod-portsummary-extra" rv-qmodchange="scope.portfolio.summary.mkglpct">{scope.portfolio.summary.mkglpct}</span></span></div></div><div class="qmod-portsummary-item"><div class="qmod-portsummary-item-wrap"><span class="qmod-portlabel">{'Total GainLoss' | i8ln tLang }</span><span class="qmod-summary-data-wrap"><span class="qmod-portsummary" rv-qmodchange="scope.portfolio.summary.yestglosspct"> {scope.portfolio.summary.yestgl}</span><span class="qmod-portsummary-extra" rv-qmodchange="scope.portfolio.summary.yestglosspct"> {scope.portfolio.summary.yestglosspct}</span></span></div></div></div><div class="qmod-panel-header"><ul class="qmod-tab-views qmod-tab-row qmod-tab-slider"><li class="qmod-tab" rv-each-view="scope.portfolio.views.list" rv-class-qmod-tab-active="scope.portfolio.views.selected|= index" rv-on-click="scope.portfolio.views.change" rv-addclass="'qmod-tab-' | postFix view.name | str_replace ' ' '-'"><a class="qmod-tab-label"><span class="qmod-tab-label-text">{view.name}</span></a></li></ul></div></div><div class="qmod-panel-body"><div class="qmod-chartjs"><div class="qmod-port-chart"></div></div><table class="qmod-table qmod-table-small qmod-portfolio nowrap" rv-qmod-gentablep="scope.portfolio.settings.selected" width="100%"></table><div class="qmod-litenews"><div class="qmod-block-wrapper qmod-headlines-topics" rv-if="scope.litenews.newsData"><div class="qmod-news-output"><div class="qmod-nonvideo-news-column"><ul class="qmod-news-list" rv-each-item="scope.litenews.newsData | groupby 'date' | propertyList" rv-class-qmod-no-date-headings="scope.litenews.dateHeadings | nq true"><h3 class="qmod-heading qmod-hbg" rv-addclass="item.key | preFix &quot;qmod-date-&quot;">{item.key | momentjs true 'ddd MMM Do, YYYY' tLang}</h3><li class="qmod-newsitem" rv-each-itemz="item.value" rv-addclass="itemz.newsid | preFix &quot;qmod-newsid-&quot;"><span class="qmod-news-source">{itemz.source}</span><span class="qmod-news-date" rv-show="scopez.dateHeadings" rv-html="itemz.datetime | momentjs true 'LT' tLang"></span><span class="qmod-news-datetime" rv-hide="scopez.dateHeadings" rv-html="itemz.datetime | momentjs true 'lll' tLang"></span><a class="qmod-headline" rv-data-storyid="itemz.newsid" rv-on-click="scope.litenews.binders.loadNewsStory"><h4 rv-html="itemz.headline"><div class="qmod-news-loader-story anim-spin fa fa-spinner" style="display:none;"></div></h4></a></li></ul><div class="qmod-paginator qmod-pagin-bottom" rv-if="scope.litenews.pagenumber"><div class="qmod-news-loader anim-spin fa fa-spinner" style="display:none;"></div><span class="qmod-more-news"><a class="qmod-btn qmod-more-news-btn" rv-on-click="scope.litenews.binders.updateNews"><span class="qmod-more-news-text" rv-unless="scope.binders.moreNewsOptionalText" rv-html="'morenews' | i8ln tLang"></span><span class="qmod-more-news-optional-text" rv-if="scope.binders.moreNewsOptionalText" rv-html="scope.binders.moreNewsOptionalText"></span></a></span></div></div><div class="qmod-video-news-column" rv-show="scopez.showvideos" rv-if="scopez.videos | asArrayLength | &gt;= 1"><h2 class="qmod-heading qmod-hbg">{tplLang.videonews | toLang tLang}</h2><div class="qmod-container qmod-headlines-videos"><div class="qmod-video-news-list"><ul class="qmod-news-videos"><li class="qmod-news-video" rv-each-newsvideo="scopez.videos" rv-data-storyid="newsvideo.newsid" rv-on-click="scope.binders.loadNewsStory"><div class="qmod-multi-video"><div class="qmod-video-box"><img class="qmod-video-thumb" rv-src="newsvideo.videoimageurl"/></div><div class="qmod-video-title"><a class="qmod-video-link">{newsvideo.headline}</a></div><div class="qmod-video-details"><div class="qmod-video-src">{newsvideo.source}</div><div class="qmod-video-date">{newsvideo.datetime | momentjs true 'MMM Do, YYYY' tLang}</div></div></div></li></ul></div></div></div></div></div><div class="qmod-tool-wrap" rv-unless="scope.litenews.newsData"><div class="qmod-block-wrapper"><div class="qmod-invalid">{tplLang.nonews | toLang tLang} {scope.binders.topic}</div></div></div></div></div><div class="qmod-panel-footer"></div></div></div></div></div></div></div></div></div>