<div class="qmod-ui-tool qmod-portfoliomanager" rv-class-qmod-readonly="scope.portfolio.readOnly"><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.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"><span rv-text="result.key"></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'"><span class="qmod-inputcheck">&check;</span> {'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'"><span class="qmod-inputcheck">&check;</span> {'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-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_choose_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"/><select class="qmod-add-port-currency" rv-value="scope.portfolio.new.currency.selected"><option rv-each-cur="scope.portfolio.new.currency.options" rv-value="cur.value">{cur.label}</option></select></span><span class="qmod-add-aport-span"><span class="qmod-input-error qmod-input-modal" rv-on-click="scope.portfolio.new.errorT" rv-if="scope.portfolio.new.error">Only letters, numbers, dash or underscore can be used in Portfolio name.</span></span><span class="qmod-add-aport-btn" rv-hide="scope.portfolio.transOpts.loading"><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><span class="qmod-add-aport-btn" rv-show="scope.portfolio.transOpts.loading"><span class="qmod-btn qmod-darkblue"><i class="fa fa-spinner fa-spin"></i></span></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-red" rv-on-click="scope.portfolio.modals.open" data-qmod-modal="3">{'delete_portfolio' | i8ln tLang}</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-span qmod-add-aport-lbl qmod-add-aport-btn">{'please_type_the_portfolio_name_below_to_confirm' | i8ln tLang}</span><span class="qmod-add-aport-span qmod-add-aport-btn"><input class="qmod-portnamedit" type="text" rv-value="scope.portfolio.validate" maxlength="48"/></span><span class="qmod-add-aport-btn"></span><span class="qmod-add-aport-btn" rv-hide="scope.portfolio.transOpts.loading"><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><span class="qmod-add-aport-btn" rv-show="scope.portfolio.transOpts.loading"><span class="qmod-btn qmod-red"><i class="fa fa-spinner fa-spin"></i></span></span></div></div></div><div class="qmod-modal-content" rv-show="scope.portfolio.modals.selected|= 4"><div class="qmod-modal-newport"><div class="qmod-add-aport-transactions"><div class="qmod-trans-symbol qmod-trans-row-item"><span class="qmod-trans-label">{'symbol' | i8ln tLang}:</span><span>{scope.portfolio.transaction.symbol}</span></div><div class="qmod-trans-row-item"><span class="qmod-trans-item"><span class="qmod-trans-label">{'date' | i8ln tLang}:</span><input class="qmod-datepicker" type="text" rv-value="scope.portfolio.transaction.stockTransactionDetails.effectiveDate"/></span><span class="qmod-trans-item qmod-trans-margleft"><span class="qmod-trans-label">{'currency' | i8ln tLang}:</span><select class="qmod-trans-currency" rv-value="scope.portfolio.transOpts.currency.selected"><option rv-each-cur="scope.portfolio.transOpts.currency.options" rv-value="cur.value">{cur.label}</option></select></span><span class="qmod-trans-item qmod-trans-margleft"><span class="qmod-trans-label">{'type' | i8ln tLang}:</span><select class="qmod-trans-currency" rv-value="scope.portfolio.transOpts.transTypes.selected" rv-on-change="scope.portfolio.transOpts.transTypes.onchange" ="" rv-disabled="scope.portfolio.transOpts.updatebtn"><option rv-each-cur="scope.portfolio.transOpts.transTypes.options" rv-value="cur.idx">{cur.label | i8ln tLang}</option></select></span></div><div class="qmod-trans-row-item" rv-show="scope.portfolio.transOpts.transTypes.selected | or '0' '1' "><span class="qmod-trans-item qmod-trans-margleft"><span class="qmod-trans-label">{'shares' | i8ln tLang}:</span><input class="qmod-input-shares" type="text" rv-value="scope.portfolio.transaction.stockTransactionDetails.shares" rv-on-input="scope.portfolio.transOpts.calcamount" placeholder="0"/></span><span class="qmod-trans-item qmod-trans-margleft"><span class="qmod-trans-label">{'price' | i8ln tLang}:</span><input class="qmod-input-price" type="text" rv-value="scope.portfolio.transaction.stockTransactionDetails.price" rv-on-input="scope.portfolio.transOpts.calcamount" placeholder="0"/></span><span class="qmod-trans-item qmod-trans-margleft"><span class="qmod-trans-label">{'fee' | i8ln tLang}:</span><input class="qmod-input-fee" type="text" rv-value="scope.portfolio.transaction.stockTransactionDetails.fee" rv-on-input="scope.portfolio.transOpts.calcamount" placeholder="0"/></span><span class="qmod-trans-item"><span class="qmod-trans-label">{'amount' | i8ln tLang}</span><input class="qmod-input-amount" type="text" rv-value="scope.portfolio.transaction.stockTransactionDetails.amount" placeholder="0" readonly="readonly"/></span></div><div class="qmod-trans-row-item" rv-show="scope.portfolio.transOpts.transTypes.selected | = '2' "><span class="qmod-trans-item qmod-trans-margleft"><span class="qmod-trans-label">{'amount' | i8ln tLang}</span><input class="qmod-input-amount" type="text" rv-value="scope.portfolio.transaction.stockTransactionDetails.amount" rv-on-input="scope.portfolio.transOpts.calcshares" placeholder="0"/></span><span class="qmod-trans-item qmod-trans-margleft"><span class="qmod-trans-label">{'price' | i8ln tLang}</span><input class="qmod-input-price" type="text" rv-value="scope.portfolio.transaction.stockTransactionDetails.price" rv-on-input="scope.portfolio.transOpts.calcshares" placeholder="0"/></span><span class="qmod-trans-item qmod-trans-margleft"><span class="qmod-trans-label">{'fee' | i8ln tLang}</span><input class="qmod-input-fee" type="text" rv-value="scope.portfolio.transaction.stockTransactionDetails.fee" rv-on-input="scope.portfolio.transOpts.calcshares" placeholder="0"/></span><span class="qmod-trans-item"><span class="qmod-trans-label">{'shares' | i8ln tLang}</span><input class="qmod-input-shares" type="text" rv-value="scope.portfolio.transaction.stockTransactionDetails.shares" placeholder="0" readonly="readonly"/></span></div><div class="qmod-trans-row-item" rv-show="scope.portfolio.transOpts.transTypes.selected | = '3' "><span class="qmod-trans-item"><span class="qmod-trans-label">{'from_ratio' | i8ln tLang}</span><input class="qmod-input-fromfactor" type="text" rv-value="scope.portfolio.transaction.stockTransactionDetails.fromFactor" placeholder="0"/></span><span class="qmod-trans-item qmod-trans-margleft"><span class="qmod-trans-label">{'to_ratio' | i8ln tLang}</span><input class="qmod-input-tofactor" type="text" rv-value="scope.portfolio.transaction.stockTransactionDetails.toFactor" placeholder="0"/></span></div><div class="qmod-trans-row-item" rv-show="scope.portfolio.transOpts.transTypes.selected | = '4' "><span class="qmod-trans-item"><span class="qmod-trans-label">{'amount' | i8ln tLang}:</span><input class="qmod-input-amount" type="text" rv-value="scope.portfolio.transaction.stockTransactionDetails.amount" placeholder="0"/></span></div><div class="qmod-trans-row-item" rv-show="scope.portfolio.transOpts.transTypes.selected | = '5' "><span class="qmod-trans-item"><span class="qmod-trans-label">{'price' | i8ln tLang}:</span><input class="qmod-input-price" type="text" rv-value="scope.portfolio.transaction.targetPrice" placeholder="0"/></span></div><div class="qmod-trans-row-item" rv-show="scope.portfolio.transOpts.transTypes.selected | = '6' "><span class="qmod-trans-item"><span class="qmod-trans-label">{'rating' | i8ln tLang}:</span><input class="qmod-input-rating" type="text" rv-value="scope.portfolio.transaction.aapRating" placeholder="0"/></span></div><div class="qmod-trans-row-item" rv-show="scope.portfolio.transOpts.error"><span class="qmod-trans-item">{scope.portfolio.transOpts.error}</span></div><div class="qmod-trans-row-item" rv-unless="scope.portfolio.transOpts.transTypes.selected | or '5' '6' "><span class="qmod-trans-item qmod-trans-notes"><span class="qmod-trans-label">{'notes' | i8ln tLang}:</span><textarea class="qmod-note-textarea" rv-value="scope.portfolio.transaction.stockTransactionDetails.notes"></textarea></span></div><div class="qmod-add-aport-btn qmod-flex qmod-trans-margleft" rv-hide="scope.portfolio.transOpts.loading"><btn class="qmod-btn qmod-grey" rv-on-click="scope.portfolio.modals.close">{'cancel' | i8ln tLang}</btn><btn class="qmod-btn qmod-darkblue" rv-show="scope.portfolio.transOpts.updatebtn" rv-on-click="scope.portfolio.transOpts.modify">{'update' | i8ln tLang}</btn><btn class="qmod-btn qmod-darkblue" rv-hide="scope.portfolio.transOpts.updatebtn" rv-on-click="scope.portfolio.transOpts.add">{'add' | i8ln tLang}</btn></div><div class="qmod-add-aport-btn qmod-flex qmod-trans-margleft" rv-show="scope.portfolio.transOpts.loading"><span class="qmod-btn qmod-darkblue"><i class="fa fa-spinner fa-spin"></i></span></div></div></div></div><div class="qmod-modal-content" rv-show="scope.portfolio.modals.selected|= 5"><div class="qmod-modal-newport"><div class="qmod-add-aport"><span class="qmod-add-aport-span qmod-add-aport-lbl">{'permanently_delete_this_transaction' | i8ln tLang}</span><span class="qmod-add-aport-span qmod-add-aport-lbl qmod-add-aport-lbl-xtra">{scope.portfolio.transOpts.stockTransactionId}</span><span class="qmod-add-aport-span qmod-add-aport-lbl">?</span><span class="qmod-add-aport-span qmod-add-aport-lbl qmod-add-aport-btn">{'please_type_the_ID_below_to_confirm' | i8ln tLang}</span><span class="qmod-add-aport-span qmod-add-aport-btn"><input class="qmod-portnamedit" type="text" rv-value="scope.portfolio.validate" maxlength="48"/></span><span class="qmod-add-aport-btn" rv-hide="scope.portfolio.transOpts.loading"><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.transOpts.delete">{'delete_transaction' | i8ln tLang}</btn></span><span class="qmod-add-aport-btn" rv-show="scope.portfolio.transOpts.loading"><span class="qmod-btn qmod-red"><i class="fa fa-spinner fa-spin"></i></span></span></div></div></div><div class="qmod-modal-content" rv-show="scope.portfolio.modals.selected|= 6"><div class="qmod-modal-newport"><div class="qmod-add-aport"><span class="qmod-add-aport-span qmod-add-aport-lbl">{'please_select_the_type_of_transaction' | i8ln tLang}</span><span class="qmod-add-aport-btn"><btn class="qmod-btn qmod-darkblue" rv-on-click="scope.portfolio.modals.open" data-qmod-modal="0">{'equities' | i8ln tLang}</btn><btn class="qmod-btn qmod-green" rv-on-click="scope.portfolio.modals.open" data-qmod-modal="7">{'cash' | i8ln tLang}</btn><btn class="qmod-btn qmod-green" rv-on-click="scope.portfolio.modals.open" data-qmod-modal="9">Other</btn></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><div class="qmod-modal-content" rv-show="scope.portfolio.modals.selected|= 7"><div class="qmod-modal-newport"><div class="qmod-add-aport-transactions"><div class="qmod-trans-symbol qmod-trans-row-item"><span class="qmod-trans-label">{'cash' | i8ln tLang}</span></div><div class="qmod-trans-row-item"><span class="qmod-trans-item"><span class="qmod-trans-label">{'date' | i8ln tLang}:</span><input class="qmod-datepicker" type="text" rv-value="scope.portfolio.cash.effectiveDate"/></span><span class="qmod-trans-item qmod-trans-margleft"><span class="qmod-trans-label">{'currency' | i8ln tLang}:</span><select class="qmod-trans-currency" rv-value="scope.portfolio.transOpts.currency.selected"><option rv-each-cur="scope.portfolio.transOpts.currency.options" rv-value="cur.value">{cur.label}</option></select></span><span class="qmod-trans-item qmod-trans-margleft"><span class="qmod-trans-label">{'type' | i8ln tLang}:</span><select class="qmod-trans-currency" rv-value="scope.portfolio.transOpts.cashTypes.selected" rv-disabled="scope.portfolio.transOpts.updatebtn"><option rv-each-cur="scope.portfolio.transOpts.cashTypes.options" rv-value="cur.value">{cur.label | i8ln tLang}</option></select></span></div><div class="qmod-trans-row-item"><span class="qmod-trans-item"><span class="qmod-trans-label">{'amount' | i8ln tLang}:</span><input class="qmod-input-amount" type="text" rv-value="scope.portfolio.cash.amount" placeholder="0"/></span></div><div class="qmod-trans-row-item" rv-show="scope.portfolio.transOpts.error"><span class="qmod-trans-item">{scope.portfolio.transOpts.error}</span></div><div class="qmod-trans-row-item"><span class="qmod-trans-item qmod-trans-notes"><span class="qmod-trans-label">{'notes' | i8ln tLang}:</span><textarea class="qmod-note-textarea" rv-value="scope.portfolio.cash.notes"></textarea></span></div><div class="qmod-add-aport-btn qmod-flex qmod-trans-margleft"><btn class="qmod-btn qmod-grey" rv-on-click="scope.portfolio.modals.close">{'cancel' | i8ln tLang}</btn><btn class="qmod-btn qmod-darkblue" rv-show="scope.portfolio.transOpts.updatebtn" rv-on-click="scope.portfolio.transOpts.cashaddmodify">{'update' | i8ln tLang}</btn><btn class="qmod-btn qmod-darkblue" rv-hide="scope.portfolio.transOpts.updatebtn" rv-on-click="scope.portfolio.transOpts.cashadd">{'add' | i8ln tLang}</btn></div></div></div></div><div class="qmod-modal-content" rv-show="scope.portfolio.modals.selected|= 8"><div class="qmod-modal-newport"><div class="qmod-add-aport-transactions"><div class="qmod-trans-row-item"><table class="qmod-table qmod-table-small qmod-modal-table qmod-transations-table"><thead><th class="Date qmod-aleft">{'date' | i8ln tLang}</th><th class="Amount">{'amount' | i8ln tLang}</th><th class="Currency">{'currency' | i8ln tLang}</th><th class="Fee">{'fee' | i8ln tLang}</th><th class="Price">{'price' | i8ln tLang}</th><th class="Shares">{'shares' | i8ln tLang}</th><th class="fromfact">{'from_ratio' | i8ln tLang}</th><th class="tofact">{'to_ratio' | i8ln tLang}</th><th class="Type">{'type' | i8ln tLang}</th><th></th></thead><tbody><tr rv-each-trans="scope.portfolio.modals.data.table"><td class="Date qmod-aleft">{trans.effectiveDate}</td><td class="Amount">{trans.amount | numeraljs}</td><td class="Currency">{trans.currency}</td><td class="Fee">{trans.fee | numeraljs}</td><td class="Price">{trans.price | numeraljs}</td><td class="Shares">{trans.shares}</td><td class="fromfact">{trans.fromFactor}</td><td class="tofact">{trans.toFactor}</td><td class="Type">{trans.transactionType.name}</td><td><span class="qmod-trans-edit qmod-trans-btns" rv-on-click="scope.portfolio.transOpts.edit"><i class="fa fa-pencil qmod-textblue"></i></span><span class="qmod-trans-remove qmod-trans-btns" rv-on-click="scope.portfolio.transOpts.remove"><i class="fa fa-close qmod-textred"></i></span></td></tr></tbody></table></div><div class="qmod-add-aport-btn qmod-flex qmod-trans-margleft"><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.modals.open" data-qmod-modal="4" data-qmod-toggled="1">{'add' | i8ln tLang}</btn></div></div></div></div><div class="qmod-modal-content" rv-show="scope.portfolio.modals.selected|= 10"><div class="qmod-modal-newport"><div class="qmod-add-aport-transactions"><div class="qmod-trans-row-item"><table class="qmod-table qmod-table-small qmod-modal-table qmod-transations-table"><thead><th class="Date qmod-aleft">{'date' | i8ln tLang}</th><th class="name">{'name' | i8ln tLang}</th><th class="Currency">{'currency' | i8ln tLang}</th><th class="Price">{'price' | i8ln tLang}</th><th class="currentValue">{'currentValue' | i8ln tLang}</th><th></th></thead><tbody><tr rv-each-trans="scope.portfolio.modals.data.table"><td class="Date qmod-aleft">{trans.effectiveDate}</td><td class="Amount">{trans.name}</td><td class="Currency">{trans.currency}</td><td class="Price">{trans.price | numeraljs}</td><td class="currentValue">{trans.currentValue}</td><td><span class="qmod-trans-edit qmod-trans-btns" rv-on-click="scope.portfolio.transOpts.edit"><i class="fa fa-pencil qmod-textblue"></i></span><span class="qmod-trans-remove qmod-trans-btns" rv-on-click="scope.portfolio.transOpts.remove"><i class="fa fa-close qmod-textred"></i></span></td></tr></tbody></table></div><div class="qmod-add-aport-btn qmod-flex qmod-trans-margleft"><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.modals.open" data-qmod-modal="4" data-qmod-toggled="1">{'add' | i8ln tLang}</btn></div></div></div></div><div class="qmod-modal-content" rv-show="scope.portfolio.modals.selected|= 9"><div class="qmod-modal-newport"><div class="qmod-add-aport-transactions"><div class="qmod-trans-symbol qmod-trans-row-item"><span class="qmod-trans-label">Other:</span></div><div class="qmod-trans-row-item"><span class="qmod-trans-item"><span class="qmod-trans-label">{'name' | i8ln tLang}:</span><input class="qmod-input-name" type="text" rv-value="scope.portfolio.holding.name"/></span><span class="qmod-trans-item"><span class="qmod-trans-label">{'date' | i8ln tLang}:</span><input class="qmod-datepicker" type="text" rv-value="scope.portfolio.holding.effectiveDate"/></span><span class="qmod-trans-item qmod-trans-margleft"><span class="qmod-trans-label">{'currency' | i8ln tLang}:</span><select class="qmod-trans-currency" rv-value="scope.portfolio.transOpts.currency.selected"><option rv-each-cur="scope.portfolio.transOpts.currency.options" rv-value="cur.value">{cur.label}</option></select></span></div><div class="qmod-trans-row-item" rv-show="scope.portfolio.transOpts.transTypes.selected | or '0' '1' "><span class="qmod-trans-item qmod-trans-margleft"><span class="qmod-trans-label">{'price' | i8ln tLang}:</span><input class="qmod-input-price" type="text" rv-value="scope.portfolio.holding.price" rv-on-input="scope.portfolio.transOpts.calcamount" placeholder="0"/></span><span class="qmod-trans-item qmod-trans-margleft"><span class="qmod-trans-label">{'currentValue' | i8ln tLang}:</span><input class="qmod-input-shares" type="text" rv-value="scope.portfolio.holding.currentValue" rv-on-input="scope.portfolio.transOpts.calcamount" placeholder="0"/></span></div><div class="qmod-trans-row-item" rv-show="scope.portfolio.transOpts.error"><span class="qmod-trans-item">{scope.portfolio.transOpts.error}</span></div><div class="qmod-trans-row-item"><span class="qmod-trans-item qmod-trans-notes"><span class="qmod-trans-label">{'notes' | i8ln tLang}:</span><textarea class="qmod-note-textarea" rv-value="scope.portfolio.holding.notes"></textarea></span></div><div class="qmod-add-aport-btn qmod-flex qmod-trans-margleft" rv-hide="scope.portfolio.transOpts.loading"><btn class="qmod-btn qmod-grey" rv-on-click="scope.portfolio.modals.close">{'cancel' | i8ln tLang}</btn><btn class="qmod-btn qmod-darkblue" rv-show="scope.portfolio.transOpts.updatebtn" rv-on-click="scope.portfolio.transOpts.holdingmodify">{'update' | i8ln tLang}</btn><btn class="qmod-btn qmod-darkblue" rv-hide="scope.portfolio.transOpts.updatebtn" rv-on-click="scope.portfolio.transOpts.holdingadd">{'add' | i8ln tLang}</btn></div><div class="qmod-add-aport-btn qmod-flex qmod-trans-margleft" rv-show="scope.portfolio.transOpts.loading"><span class="qmod-btn qmod-darkblue"><i class="fa fa-spinner fa-spin"></i></span></div></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"><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}</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.name"></span></li></ul></div></li><li class="qmod-tab qmod-tab-settings qmod-tab-nobg" rv-on-click="scope.portfolio.settings.modify"><a class="qmod-tab-label" title="Settings"><i class="qmod-porticon fa fa-cog"></i></a></li><li class="qmod-tab qmod-tab-refresh qmod-tab-nobg" rv-hide="scope.portfolio.edit.toggled" rv-on-click="scope.portfolio.refresh2"><a class="qmod-tab-label" title="Refresh"><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" title="Print"><i class="qmod-porticon fa fa-print"></i></a></li><li class="qmod-tab qmod-tab-holdings qmod-margin-left qmod-gray" rv-show="scope.portfolio.positions.toggled" rv-on-click="scope.portfolio.positions.toggle"><a class="qmod-tab-label"><span class="qmod-tab-label-text">{'show_closed' | i8ln tLang}</span></a></li><li class="qmod-tab qmod-tab-holdings qmod-margin-left qmod-gray" rv-hide="scope.portfolio.positions.toggled" rv-on-click="scope.portfolio.positions.toggle"><a class="qmod-tab-label"><span class="qmod-tab-label-text">{'hide_closed' | i8ln tLang}</span></a></li><li class="qmod-tab qmod-tab-holdings" rv-show="scope.portfolio.edit.toggled" rv-on-click="scope.portfolio.edit.changed"><a class="qmod-tab-label"><span class="qmod-tab-label-text">{'holdings' | i8ln tLang}</span></a></li><li class="qmod-tab qmod-tab-transactions" rv-hide="scope.portfolio.edit.toggled" rv-on-click="scope.portfolio.edit.changed"><a class="qmod-tab-label"><span class="qmod-tab-label-text">{'transactions' | i8ln tLang}</span></a></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="6"><a class="qmod-tab-label"><span class="qmod-tab-label-text">{'new_transactions' | 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"><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"><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" rv-show="scope.portfolio.summary.cash | nq '-'"><div class="qmod-portsummary-item-wrap"><span class="qmod-portlabel">{'cash_value' | i8ln tLang}</span><span class="qmod-summary-data-wrap"><span class="qmod-portsummary">{scope.portfolio.summary.cash}</span><span class="qmod-portsummary-extra"></span></span></div></div><div class="qmod-portsummary-item" rv-show="scope.portfolio.summary.holding | nq '-'"><div class="qmod-portsummary-item-wrap"><span class="qmod-portlabel">{'Other' | i8ln tLang}</span><span class="qmod-summary-data-wrap"><span class="qmod-portsummary">{scope.portfolio.summary.holding}</span><span class="qmod-portsummary-extra">{scope.portfolio.summary.holdingcurrent}</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">{'today_gain_loss' | i8ln tLang}</span><span class="qmod-summary-data-wrap"><span class="qmod-portsummary" rv-qmodchange="scope.portfolio.summary.todayglpct">{scope.portfolio.summary.todaygl}</span><span class="qmod-portsummary-extra" rv-qmodchange="scope.portfolio.summary.todayglpct">{scope.portfolio.summary.todayglpct}</span></span></div></div><div class="qmod-portsummary-item"><div class="qmod-portsummary-item-wrap"><span class="qmod-portlabel">{'total_gain_loss' | 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><div class="qmod-panel-body" rv-hide="scope.portfolio.edit.toggled"><div class="qmod-panel-section"><span class="qmod-panel-sectop-header"><span class="qmod-panel-secton-title">{'equities' | i8ln tLang}</span><span class="qmod-panel-toggle"><i class="fa fa-chevron-down"></i></span></span><div class="qmod-panel-sectop-body"><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 ' ' '-'" rv-hide="view.hidden"><a class="qmod-tab-label"><span class="qmod-tab-label-text">{view.name}</span></a></li></ul></div><table class="qmod-table qmod-table-small qmod-portfolio nowrap" rv-qmod-gentablep="scope.portfolio.settings.selected" width="100%"></table></div></div></div><div class="qmod-panel-body" rv-hide="scope.portfolio.edit.toggled"><div class="qmod-panel-section" rv-hide="scope.portfolio.summary.cash | = '-'"><span class="qmod-panel-sectop-header"><span class="qmod-panel-secton-title">{'cash' | i8ln tLang}</span><span class="qmod-panel-toggle"><i class="fa fa-chevron-down"></i></span></span><div class="qmod-panel-sectop-body"><div class="qmod-cash-transaction-table"><table class="qmod-table qmod-table-small qmod-cash-transaction-table nowrap" width="100%"></table></div></div></div></div><div class="qmod-panel-body" rv-hide="scope.portfolio.edit.toggled"><div class="qmod-panel-section" rv-hide="scope.portfolio.summary.holding | = '-'"><span class="qmod-panel-sectop-header"><span class="qmod-panel-secton-title">{'Holdings' | i8ln tLang}</span><span class="qmod-panel-toggle"><i class="fa fa-chevron-down"></i></span></span><div class="qmod-panel-sectop-body"><div class="qmod-holdings-transaction-table"><table class="qmod-table qmod-table-small qmod-holdings-transaction-table nowrap" width="100%"></table></div></div></div></div><div class="qmod-panel-body" rv-show="scope.portfolio.edit.toggled"><div class="qmod-panel-section"><span class="qmod-panel-sectop-header"><span class="qmod-panel-secton-title">{'all_transactions' | i8ln tLang}</span></span><div class="qmod-entire-transactions"><table class="qmod-table qmod-table-small qmod-entire-transactions"></table></div></div></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>