<ion-scroll  direction="y"  has-bouncing="true" overflow-scroll="false" class="ion-scroll-keyboard-hide-50 prevent-scroll">
    <div class="row row-fixed-10 mgB10" ng-repeat="item in ViewAllOrder" style="border-bottom: 1px solid grey">
        <div class="layout-fixed"  ng-if="item.ordertype_id == 5" ng-click="redirectTo('order.html#/board/order/' + detailCustomerData.id + '/' + item.id + '/invoice/null/0')">
            <div class="left mgL10">
                <label>
                    <a href="javascript:avoid(0)"> {{item.invoice_no}} </a>
                </label>
            </div>
            <div class="right">
                <label>
                    ${{item.balance_due}}
                </label>
            </div>
        </div>
        <div class="layout-fixed" ng-if="item.ordertype_id == 4" ng-click="redirectTo('order.html#/board/order/' + detailCustomerData.id + '/' + item.id + '/estimate/null/0')">
            <div class="left mgL10">
                <label>
                     <a href="javascript:avoid(0)"> {{item.invoice_no}} </a>
                </label>
            </div>
            <div class="right">
                <label>
                    ${{item.balance_due}}
                </label>
            </div>
        </div>
    </div>
    <div class="row row-fixed-10" ng-if="ViewAllOrder.length == 0">
        <div class="layout-fixed">
            <label>
                There are no estimate/invoice created to this client yet
            </label>
        </div>
    </div>
</ion-scroll>