127 lines
4.6 KiB
HTML
127 lines
4.6 KiB
HTML
<p-toolbar id="Mytoolbar">
|
|
|
|
<div class="ui-toolbar-group-left">
|
|
<img src="../assets/images/home-page/logoNew.png" class="img-rounded img-responsive"
|
|
alt="MyMirror">
|
|
</div>
|
|
|
|
<div class="ui-toolbar-group-right">
|
|
<button pButton type="button" label="ABOUT"></button>
|
|
<button pButton type="button" label="TEAM" ></button>
|
|
<button pButton type="button" label="CONTACT" ></button>
|
|
<button *ngIf="!Connected" pButton type="button" label="SIGN UP" icon="pi pi-pencil" iconPos="right" (click)="SignUp()"></button>
|
|
<button *ngIf="!Connected" pButton type="button" label="LOG IN" icon="pi pi-sign-in" iconPos="right" (click)="DisplayLoginModal = true"></button>
|
|
<p-splitButton *ngIf="Connected" class="btnDeMerde" type="button" label="Nom du gars"></p-splitButton>
|
|
</div>
|
|
|
|
|
|
</p-toolbar>
|
|
|
|
<p-dialog id="modalLogIn" [modal]=true [(visible)]="DisplayLoginModal">
|
|
<p-header translate>
|
|
App.Login
|
|
</p-header>
|
|
|
|
<div class="ui-inputgroup">
|
|
<span class="ui-inputgroup-addon"><i class="fa fa-user"></i></span>
|
|
<input type="text" [(ngModel)]="Username" pInputText placeholder="Username" >
|
|
</div>
|
|
<div class="ui-inputgroup">
|
|
<span class="ui-inputgroup-addon"><i class="fa fa-lock"></i></span>
|
|
<input type="password" [(ngModel)]="Password" pInputText placeholder="Password" >
|
|
</div>
|
|
|
|
<p-footer>
|
|
<button pButton type="button" label="Identify" (click)="LogIn()"></button>
|
|
</p-footer>
|
|
</p-dialog>
|
|
|
|
<p-dialog [style]="{'width': '450px'}" [modal]=true id="modalSignIn"[(visible)]="DisplaySignInModal">
|
|
<p-header>
|
|
Sign In
|
|
</p-header>
|
|
|
|
<div class="ui-inputgroup">
|
|
<div>
|
|
<span class="ui-inputgroup-addon"><i class="fa fa-user"></i></span>
|
|
<input type="text" pInputText placeholder="Last name">
|
|
</div>
|
|
</div>
|
|
<div class="ui-inputgroup">
|
|
<div>
|
|
<span class="ui-inputgroup-addon"><i class="fa fa-user"></i></span>
|
|
<input type="text" pInputText placeholder="First name">
|
|
</div>
|
|
</div>
|
|
<div class="ui-inputgroup" *ngIf="Connected">
|
|
<div>
|
|
<span class="ui-inputgroup-addon"><i class="fas fa-gift"></i></span>
|
|
<input type="date" pInputText placeholder="Birthday">
|
|
</div>
|
|
|
|
</div>
|
|
<div class="ui-inputgroup">
|
|
<div>
|
|
<span class="ui-inputgroup-addon"><i class="fas fa-at"></i></span>
|
|
<input type="email" pInputText placeholder="E-mail">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="ui-inputgroup" *ngIf="Connected">
|
|
<div>
|
|
<span class="ui-inputgroup-addon"><i class="fa fa-home"></i></span>
|
|
<input type="text" pInputText placeholder="Address">
|
|
</div>
|
|
</div>
|
|
<div class="ui-inputgroup" *ngIf="Connected">
|
|
<div>
|
|
<span class="ui-inputgroup-addon"><i class="fa fa-home"></i></span>
|
|
<input type="text" pInputText placeholder="City">
|
|
</div>
|
|
</div>
|
|
<div class="ui-inputgroup" *ngIf="Connected">
|
|
<div>
|
|
<span class="ui-inputgroup-addon"><i class="fa fa-home"></i></span>
|
|
<input type="text" pInputText placeholder="State">
|
|
</div>
|
|
</div>
|
|
<div class="ui-inputgroup" *ngIf="Connected">
|
|
<div>
|
|
<span class="ui-inputgroup-addon"><i class="fa fa-home"></i></span>
|
|
<input type="text" pInputText placeholder="Postcode">
|
|
</div>
|
|
</div>
|
|
<div class="ui-inputgroup" *ngIf="Connected">
|
|
<div>
|
|
<span class="ui-inputgroup-addon"><i class="fas fa-globe-europe"></i></span>
|
|
<input type="text" pInputText placeholder="Country">
|
|
</div>
|
|
</div>
|
|
<div class="ui-inputgroup" *ngIf="Connected">
|
|
<div>
|
|
<span class="ui-inputgroup-addon"><i class="fas fa-globe-europe"></i></span>
|
|
<input type="text" pInputText placeholder="Timezone">
|
|
</div>
|
|
</div>
|
|
<div class="ui-inputgroup">
|
|
<div>
|
|
<span class="ui-inputgroup-addon"><i class="fas fa-key"></i></span>
|
|
<input type="password" pInputText placeholder="Password">
|
|
</div>
|
|
</div>
|
|
<div class="ui-inputgroup">
|
|
<div>
|
|
<span class="ui-inputgroup-addon"><i class="fas fa-key"></i></span>
|
|
<input type="password" pInputText placeholder="Confirm password">
|
|
</div>
|
|
</div>
|
|
|
|
<p-footer>
|
|
<button pButton type="button" label="Identify"></button>
|
|
</p-footer>
|
|
</p-dialog>
|
|
|
|
|
|
|
|
<router-outlet></router-outlet>
|