odoo_mobile/src/pages/product-list/product-list.html

<ion-header>

    <ion-navbar color="primary">
        <button ion-button menuToggle>
            <ion-icon name="menu"></ion-icon>
        </button>

        <ion-title>Productos</ion-title>

        <ion-buttons end>
            <button ion-button (click)="toggleSearch()">
                <ion-icon color="ligth" name="search"></ion-icon>
            </button>
        </ion-buttons>
    </ion-navbar>

</ion-header>

<ion-toolbar color="primary" *ngIf="isSearching()">
    <ion-searchbar placeholder="Buscar" (ionInput)="search($event)"></ion-searchbar>
    <ion-buttons end>
        <button ion-button (click)="toggleSearch()">
            <ion-icon name="arrow-forward"></ion-icon>
        </button>
    </ion-buttons>
</ion-toolbar>

<ion-toolbar color="primary" *ngIf="isDeleting()">
     <ion-buttons start>
        <button ion-button (click)="toggleDelete(-1)">
            <ion-icon name="arrow-back"></ion-icon>
        </button>
    </ion-buttons>

    <ion-buttons end>
        <button ion-button (click)="removeItem()">
            <ion-icon name="trash"></ion-icon>
        </button>
    </ion-buttons>
</ion-toolbar>

<ion-content>

    <ion-card *ngFor="let p of list(); let i = index;" (tap)="openItem(i)" (press)="toggleDelete(i)">
        <ion-item>
            <ion-avatar item-left>
                <img src="./assets/images/product.png" />
            </ion-avatar>

            <h2>{{ p.name }}</h2>

            <p>
                <strong>Precio:</strong>
                {{ p.salePrice }}
            </p>

            <ion-icon name="checkmark-circle" color="primary" item-right *ngIf="i == _selectedIndex"></ion-icon>
        </ion-item>

        <ion-row>
            <ion-col>
                <button ion-button primary clear small>
                    <ion-icon name="cash"></ion-icon>
                    <div>0 Ventas</div>
                </button>
            </ion-col>
        </ion-row>
    </ion-card>

    <ion-fab right bottom>
        <button ion-fab color="yellow" (click)="goToPage(null)">
            <ion-icon name="add" color="light"></ion-icon>
        </button>
    </ion-fab>
</ion-content>