Modifier mon compte

src/app/pages/profil-edit/profil-edit.page.html

@@ -6,38 +6,39 @@
         <ion-title>
             Modifier mon profil
         </ion-title>
+        <ion-button color="success" slot="end">Valider</ion-button>
     </ion-toolbar>
 </ion-header>
 
 <ion-content>
-  <ion-card>
-    <ion-item color="primary">
-      Ma carte testeur :
+    <ion-grid>
+        <ion-row>
+            <ion-col size="2"></ion-col>
+            <ion-col size="8">
+                <ion-img src="../../assets/img/avatar.jpeg"></ion-img>
+            </ion-col>
+            <ion-col size="2"></ion-col>
+        </ion-row>
+    </ion-grid>
+    <ion-card padding-bottom>
+        <ion-item color="light" lines="none">
+            Mes infos :
         </ion-item>
         <ion-item>
-      <ion-icon name="card" slot="start"></ion-icon> 2019 0108 0000 0001
+            <ion-label position="floating">Nom</ion-label>
+            <ion-input clearInput></ion-input>
         </ion-item>
         <ion-item>
-      <ion-icon name="stopwatch" slot="start"></ion-icon> 08/2020
-    </ion-item>
-    <ion-item lines="none">
-      <ion-icon name="person" slot="start"></ion-icon> G101010
-    </ion-item>
-  </ion-card>
-  <ion-card>
-    <ion-item color="primary">
-      Infos :
-      <ion-button slot="end" color="light" fill="outline" routerLink="/app/profil-edit" routerDirection="root"
-        routerLinkActive="active">Modifier</ion-button>
+            <ion-label position="floating">Prénom</ion-label>
+            <ion-input clearInput></ion-input>
         </ion-item>
         <ion-item>
-      <ion-icon name="mail" slot="start"></ion-icon> monemail@allo-testeurs.com
+            <ion-label position="floating">E-mail</ion-label>
+            <ion-input clearInput></ion-input>
         </ion-item>
         <ion-item>
-      <ion-icon name="pin" slot="start"></ion-icon> Lorem ipsum sit dolor amet
-    </ion-item>
-    <ion-item lines="none">
-      <ion-icon name="call" slot="start"></ion-icon> +212 661 20 30 40
+            <ion-label position="floating">Téléphone</ion-label>
+            <ion-input clearInput></ion-input>
         </ion-item>
     </ion-card>
 </ion-content>
\ No newline at end of file