Codiki/codiki
1
0
Fork 0
Code Issues 7 Pull Requests Releases Wiki Activity

Update card from mdb-ng5 to mbn-ng7.

Browse Source
This commit is contained in:
Florian THIERRY - Takiguchi
2019-01-30 22:45:24 +01:00
parent 0ce0ceb5f8
commit 5e332dcca3
1 changed files with 57 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files

114
src/main/ts-v7/src/app/account-settings/profil-edition/profil-edition.component.html
View File

@@ -1,60 +1,60 @@
<input id="profilImageInput" type="file" (change)="uploadImage($event)" [hidden]="true"> <input id="profilImageInput" type="file" (change)="uploadImage($event)" [hidden]="true">
<div class="col-md-8 offset-md-2 col-lg-6 offset-lg-3"> <div class="col-md-8 offset-md-2 col-lg-6 offset-lg-3">
<div class="card"> <mdb-card>
<img id="profil-image" class="card-img-top" <img id="profil-image" class="card-img-top"
(click)="triggerProfilImageChange()" (click)="triggerProfilImageChange()"
[src]="getAvatarUrl()" [src]="getAvatarUrl()"
alt="Card image cap" alt="Card image cap"
mdbTooltip="Modifier mon image de profil" mdbTooltip="Modifier mon image de profil"
placement="bottom"> placement="bottom">
<div id="form" class="card-body"> <mdb-card-body id="form">
<form (ngSubmit)="onSubmit()" #profilEditionForm="ngForm"> <form (ngSubmit)="onSubmit()" #profilEditionForm="ngForm">
<div class="md-form"> <div class="md-form">
<input mdbInputDirective <input mdbInputDirective
id="name" id="name"
name="name" name="name"
type="text" type="text"
class="form-control" class="form-control"
[(ngModel)]="model.name" [(ngModel)]="model.name"
#name="ngModel" #name="ngModel"
data-error="Veuillez saisir votre nom d'utilisateur" data-error="Veuillez saisir votre nom d'utilisateur"
[validateSuccess]="false" [validateSuccess]="false"
required /> required />
<label for="name">Nom d'utilisateur</label> <label for="name">Nom d'utilisateur</label>
</div> </div>
<div class="md-form"> <div class="md-form">
<input mdbInputDirective <input mdbInputDirective
id="email" id="email"
name="email" name="email"
type="email" type="email"
class="form-control" class="form-control"
[(ngModel)]="model.email" [(ngModel)]="model.email"
#email="ngModel" #email="ngModel"
data-error="Veuillez saisir votre adresse email" data-error="Veuillez saisir votre adresse email"
[validateSuccess]="false" [validateSuccess]="false"
required /> required />
<label for="email">Email</label> <label for="email">Email</label>
</div> </div>
<div id="errorMsg" class="card red lighten-2 text-center z-depth-2"> <div id="errorMsg" class="card red lighten-2 text-center z-depth-2">
<div class="card-body"> <div class="card-body">
<p class="white-text mb-0">{{modelError}}</p> <p class="white-text mb-0">{{modelError}}</p>
</div> </div>
</div> </div>
<div id="resultMsg" class="card green lighten-2 text-center z-depth-2" > <div id="resultMsg" class="card green lighten-2 text-center z-depth-2" >
<div class="card-body"> <div class="card-body">
<p class="white-text mb-0">{{result}}</p> <p class="white-text mb-0">{{result}}</p>
</div> </div>
</div> </div>
<div class="col submitFormArea"> <div class="col submitFormArea">
<a routerLink="/accountSettings" class="indigo-text"> <a routerLink="/accountSettings" class="indigo-text">
Annuler Annuler
</a> </a>
<button class="float-right waves-effect waves-light indigo btn" <button class="float-right waves-effect waves-light indigo btn"
type="submit" [disabled]="!profilEditionForm.form.valid"> type="submit" [disabled]="!profilEditionForm.form.valid">
Suivant Suivant
</button> </button>
</div> </div>
</form> </form>
</div> </mdb-card-body>
</div> </mdb-card>
</div> </div>