Sineedge/sparqsineedge
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

User Register UI

Browse Source
This commit is contained in:
saravanakumarkandasami 2018-11-08 15:23:10 +05:30
parent db1ff3b21b
commit dfe8d471a6
2 changed files with 17 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
ng6-seed/src/app/settings/users/register/register.component.html
View File

@ -15,17 +15,15 @@
<mat-card-title>Personal</mat-card-title><hr/> <mat-card-title>Personal</mat-card-title><hr/>
<mat-card-content> <mat-card-content>
<div fxLayout="row" fxLayoutAlign="start center" class="mb-2"> <div fxLayout="row" fxLayoutAlign="start center" class="mb-2">
<label class="hoverdp" for="fileUpload" >
<span dividerColor="primary" class="ml-xs mr-xs" *ngIf="!imageaccess"> <span dividerColor="primary" class="ml-xs mr-xs" *ngIf="!imageaccess">
<img [src]="profileurl || 'https://image.ibb.co/mGjZB9/usernew.png'" style="width: 10%;border-radius: 50%;border:2px solid red"> <img [src]="profileurl || 'https://image.ibb.co/mGjZB9/usernew.png'" style="width: 10%;border-radius: 50%;border:2px solid red">
</span> </span>
<span dividerColor="primary" *ngIf="imageaccess"> <span dividerColor="primary" *ngIf="imageaccess">
<img [src]="filename" style="width: 10%; border-radius: 50%;border:2px solid #e00201"> <img [src]="filename" style="width: 10%; border-radius: 50%;border:2px solid #e00201">
</span> </span>
<mat-icon style="color:#716462;position: absolute; top: 39%;left: 6%;">camera_alt</mat-icon>
<label for="fileUpload" ><mat-icon style="color:#e00201">camera_alt</mat-icon></label> </label>
<input type="file" id="fileUpload" (change)="onFileChange($event)" [formControl]="regForm.controls['userpic']" accept="image/*" style="display:none"/> <input type="file" id="fileUpload" (change)="onFileChange($event)" [formControl]="regForm.controls['userpic']" accept="image/*" style="display:none"/>

11
ng6-seed/src/app/settings/users/register/register.component.scss
View File

@ -0,0 +1,11 @@
.hoverdp:hover img {
opacity: 0.5;
}
.hoverdp mat-icon{
display:none;
}
.hoverdp:hover mat-icon{
display:block;
}