Skip to content

Commit

Permalink
(chore): streamline onboarding process
Browse files Browse the repository at this point in the history
  • Loading branch information
markharding committed Oct 17, 2016
1 parent 6f06576 commit de8627a
Show file tree
Hide file tree
Showing 2 changed files with 6 additions and 51 deletions.
52 changes: 1 addition & 51 deletions app/src/components/forms/onboarding/onboarding.html
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down
5 changes: 5 additions & 0 deletions app/src/components/forms/onboarding/onboarding.scss
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,11 @@ minds-form-onboarding{

.mdl-grid{
align-items:center;
padding-top:38px;
}

.mdl-card__actions{
text-align:center;
}

minds-avatar{
Expand Down

0 comments on commit de8627a

Please sign in to comment.