Commit de8627a7 authored by Mark Harding's avatar Mark Harding
Browse files

(chore): streamline onboarding process

parent 6f065765
......@@ -4,64 +4,14 @@
<div class="mdl-card__supporting-text mdl-grid">
<div class="mdl-cell mdl-cell--4-col">
<label>Avatar</label>
</div>
<div class="mdl-cell mdl-cell--8-col">
<minds-avatar editMode="true" waitForDoneSignal="false" (added)="addAvatar($event)" [src]="session.getLoggedInUser().icontime ? '/icon/' + session.getLoggedInUser().guid + '/large/' + session.getLoggedInUser().icontime : null"></minds-avatar>
</div>
<div class="mdl-cell mdl-cell--4-col">
<label>Banner</label>
</div>
<div class="mdl-cell mdl-cell--8-col m-onboarding-banner">
<img *ngIf="banner" [src]="banner">
<b [hidden]="banner">Click here to upload a banner</b>
<b [hidden]="!banner">Click here to change banner</b>
<input type="file" id="file" (change)="addBanner($event)"/>
</div>
<div class="mdl-cell mdl-cell--4-col">
<label>Bio</label>
</div>
<div class="mdl-cell mdl-cell--8-col">
<input
type="text"
ngControl="briefdescription"
placeholder="Optional"
/>
</div>
<div class="mdl-cell mdl-cell--4-col">
<label>Gender</label>
</div>
<div class="mdl-cell mdl-cell--8-col m-onboarding-gender">
<span><input type="radio" [ngModel]="{checked: gender == 'male'}" (ngModelChange)="gender='male'" name="gender" value="male"> Male</span>
<span><input type="radio" [ngModel]="{checked: gender == 'female'}" (ngModelChange)="gender='female'" name="gender" value="female"> Female</span>
<span><input type="radio" [ngModel]="{checked: gender == 'private'}" (ngModelChange)="gender='private'" name="gender" value="private"> Private</span>
</div>
<div class="mdl-cell mdl-cell--4-col">
<label>Date of Birth</label>
</div>
<div class="mdl-cell mdl-cell--8-col">
<input
type="date"
ngControl="dob"
placeholder="Optional"
/>
</div>
<div class="mdl-cell mdl-cell--4-col">
<label>City</label>
</div>
<div class="mdl-cell mdl-cell--8-col">
<minds-form-city-finder></minds-form-city-finder>
</div>
</div>
<div class="mdl-card__actions">
<button class="mdl-button mdl-button--raised mdl-button--colored m-register-btn" (click)="submit($event)" [disabled]="inProgress">
<button class="mdl-button mdl-button--colored m-register-btn" (click)="submit($event)" [disabled]="inProgress">
Save
</button>
</div>
......
......@@ -7,6 +7,11 @@ minds-form-onboarding{
.mdl-grid{
align-items:center;
padding-top:38px;
}
.mdl-card__actions{
text-align:center;
}
minds-avatar{
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment