@incdevco/framework/angular/modules/user/templates/directive.html

node.js lambda framework

<div>
  <div layout="column"
    ng-if="crtl.user">
    <div layout="row">
      <div flex="20">
        <img style="width: 100%" 
          ng-src="{{crtl.user.photo_url}}"></img>
      </div>
      <div flex="80" layout="column" layout-padding>
        <span class="md-subhead">{{crtl.user.full_name || crtl.user.name}}</span>
        <span class="md-subhead">{{crtl.user.role}}</span>
      </div>
    </div>
    <div layout="row">
      <md-button class="md-secondary"
        ng-click="crtl.settingsDialog($event)">
        Settings
      </md-button>
      <md-button class="md-secondary"
        ng-click="crtl.logoutDialog($event)">
        Logout
      </md-button>
    </div>
  </div>
  <md-progress-circular 
    ng-show="crtl.authenticated && !crtl.user"></md-progress-circular>
  <div layout="row"
    ng-show="!crtl.user && !crtl.authenticated">
    <md-button class="md-raised md-secondary"
      ng-click="crtl.loginDialog($event)"
      ng-disabled="crtl.processing">
      Login / Register
    </md-button>
  </div>
</div>