Skip to content

Instantly share code, notes, and snippets.

@avatsaev

avatsaev/profile.component.html

Last active March 2, 2017 22:34
Show Gist options
  • Save avatsaev/5e3f2e1f74fe3cc60cfeac8e0f2ee59c to your computer and use it in GitHub Desktop.
Save avatsaev/5e3f2e1f74fe3cc60cfeac8e0f2ee59c to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. avatsaev revised this gist Mar 2, 2017. 1 changed file with 2 additions and 3 deletions.
    5 changes: 2 additions & 3 deletions profile.component.html
    View file
    Original file line number Diff line number Diff line change
    @@ -1,9 +1,8 @@
    <div class="row">


    <div class="col l8 s12 offset-l2">

    <div *ngIf="authTokenService.currentUserData" class="card blue-grey lighten-5 z-depth-4" style="margin-top: 5em">
    <div class="card blue-grey lighten-5 z-depth-4" style="margin-top: 5em">

    <div class="card-content">

    @@ -13,7 +12,7 @@
    <i class="fa fa-user-circle-o blue-grey-text darken-2" style="font-size: 8em" aria-hidden="true"></i>
    </div>

    <div class="col l8 s12" >
    <div *ngIf="authTokenService.currentUserData" class="col l8 s12" >

    <ul class="collection grey-text text-darken-2">
    <li class="collection-item">Email: <b>{{authTokenService.currentUserData.email}}</b></li>
  2. avatsaev created this gist Mar 2, 2017.
    42 changes: 42 additions & 0 deletions profile.component.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,42 @@
    <div class="row">


    <div class="col l8 s12 offset-l2">

    <div *ngIf="authTokenService.currentUserData" class="card blue-grey lighten-5 z-depth-4" style="margin-top: 5em">

    <div class="card-content">

    <div style="margin-bottom: 0" class="row ">

    <div class="col l4 s12 center" style="margin-bottom: 1em">
    <i class="fa fa-user-circle-o blue-grey-text darken-2" style="font-size: 8em" aria-hidden="true"></i>
    </div>

    <div class="col l8 s12" >

    <ul class="collection grey-text text-darken-2">
    <li class="collection-item">Email: <b>{{authTokenService.currentUserData.email}}</b></li>
    <li class="collection-item">Name: <b>{{authTokenService.currentUserData.name}}</b></li>
    <li class="collection-item">Username: <b>@{{authTokenService.currentUserData.nickname}}</b></li>

    </ul>
    </div>
    </div>

    </div>

    <div class="card-action clearfix">

    <button (click)="logOut()"
    class="btn btn-block deep-orange darken-1 white-text waves-effect waves-light right"
    >
    LOGOUT
    </button>

    </div>

    </div>

    </div>
    </div>