Przeglądaj źródła

add image in customer and product form

robert2206 8 lat temu
rodzic
commit
bd59630865

+ 11 - 0
src/pages/customer/customer.html

@@ -10,6 +10,17 @@
 </ion-header>
 <ion-content>
     <form id="details-form" [formGroup]="customerForm" (ngSubmit)="submit(customerForm.value)">
+        <ion-card>
+            <div style="position: relative">
+                <img src="./assets/images/customer.png" />
+
+                <!--<ion-fab left bottom>
+                    <button ion-fab class="fab-picture">
+                        <ion-icon name="camera"></ion-icon>
+                    </button>
+                </ion-fab>-->
+            </div>
+        </ion-card>
         <ion-item>
             <ion-label stacked>Nombre</ion-label>
             <ion-input type="text" formControlName="name"></ion-input>

+ 8 - 0
src/pages/customer/customer.scss

@@ -1,2 +1,10 @@
 page-customer {
+    
+    ion-card img {
+        height: 200px;
+        width: auto;
+        display: block;
+        border-radius: 10px;
+        margin: 10px auto;
+    }
 }

+ 11 - 0
src/pages/product/product.html

@@ -10,6 +10,17 @@
 </ion-header>
 <ion-content>
     <form id="details-form" [formGroup]="productForm" (ngSubmit)="submit(productForm.value)">
+        <ion-card>
+            <div style="position: relative">
+                <img src="./assets/images/product.png" />
+
+                <!--<ion-fab left bottom>
+                    <button ion-fab class="fab-picture">
+                        <ion-icon name="camera"></ion-icon>
+                    </button>
+                </ion-fab>-->
+            </div>
+        </ion-card>
         <ion-item>
             <ion-label stacked>Nombre</ion-label>
             <ion-input type="text" formControlName="name"></ion-input>

+ 7 - 0
src/pages/product/product.scss

@@ -1,3 +1,10 @@
 page-product {
 
+    ion-card img {
+        height: 200px;
+        width: auto;
+        display: block;
+        border-radius: 10px;
+        margin: 10px auto;
+    }
 }