finance-member-info.html

<div class="memberinfo">
    <div class="transaction splitequally" ng-if="type === 'EQLY'">
        <div class="spent" ng-if="details.name === 'Myself'">
            <!-- You spent/owe Person 321 -->
            <span class="desc">
                <span class="text-capitalize">You</span>
                <span ng-show="paidby[0].text === 'Myself'">spent</span>
                <span ng-show="paidby[0].text !== 'Myself'">owe <span class="text-capitalize">{{paidby[0].text}}</span></span>
            </span>
            <span class="amount" ng-show="details.amount && details.amount > 0">{{details.amount / size}}</span>
        </div>
        <div class="owes" ng-if="details.name !== 'Myself'">
            <!-- Person owes You/Someone 123 -->
            <span class="desc">
                <span class="text-capitalize">{{details.name}}</span>
                <span>owes</span>
                <span class="text-capitalize" ng-show="paidby[0].text === 'Myself'">You</span>
                <span class="text-capitalize" ng-show="paidby[0].text !== 'Myself'">{{paidby[0].text}}</span>
            </span>
            <span class="amount" ng-show="details.amount && details.amount > 0">{{details.amount / size}}</span>
        </div>
    </div>
    <div class="transaction splitbypayment" ng-if="type === 'PMNT'">
        <div class="payment">
            <span class="desc">
                <span class="text-capitalize">{{ details.name === 'Myself' ? 'You' : details.name }}</span>
                <span>paid</span>
            </span>
            <input class="amount-paid" type="text" ng-model="paidby[index].amount">
            <span class="amount">
                <span>of {{ details.amount }}</span>
            </span>
        </div>
    </div>
</div>