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

<ion-header>
    <ion-navbar color="primary">
        <ion-title>Producto</ion-title>

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

</ion-header>

<ion-content>
    <ion-card>
        <div style="position: relative">
            <img src="./assets/images/product.png" *ngIf="!product.image"/>
            <img src="data:image/jpeg;base64,{{ product.image }}" *ngIf="product.image"/>

            <ion-fab left bottom>
                <button ion-fab color="yellow" class="fab-picture" (click)="showPhotoOptions()">
                    <ion-icon name="camera" color="light"></ion-icon>
                </button>
            </ion-fab>
        </div>
    </ion-card>

    <ion-list>
        <ion-list-header color="light">Información</ion-list-header>

        <ion-item>
            <ion-label stacked>Nombre del producto</ion-label>
            <ion-input type="text" [(ngModel)]="product.name" required></ion-input>
        </ion-item>

        <ion-item>
            <ion-label stacked>Tipo de producto</ion-label>
            <ion-select [(ngModel)]="product.type">
                <ion-option value="product">Almacenable</ion-option>
                <ion-option value="consu">Consumible</ion-option>
                <ion-option value="service">Servicio</ion-option>
            </ion-select>
        </ion-item>

        <ion-item>
            <ion-label stacked>Precio de venta</ion-label>
            <ion-input type="number" [(ngModel)]="product.list_price"></ion-input>
        </ion-item>

        <ion-item>
            <ion-label stacked>Código EAN13</ion-label>
            <ion-input type="text" [(ngModel)]="product.ean13"></ion-input>
        </ion-item>

        <ion-item>
            <ion-label stacked>Referencia Interna</ion-label>
            <ion-input type="text" [(ngModel)]="product.default_code"></ion-input>
        </ion-item>

        <ion-list-header color="light">Abastecimientos e inventario</ion-list-header>

        <ion-item>
            <ion-label stacked>Precio de costo</ion-label>
            <ion-input type="number" [(ngModel)]="product.standard_price"></ion-input>
        </ion-item>

        <ion-item>
            <ion-label stacked>Cantidad a mano</ion-label>
            <ion-input type="number" [(ngModel)]="product.qty_available"></ion-input>
        </ion-item>

    </ion-list>

</ion-content>