<h1 class="text-center">Profile Settings</h1> <div class="row"> <div class="col-md-4 col-sm-6 col-xs-12"> <div class="text-center"> <img src="http://s3.amazonaws.com/37assets/svn/765-default-avatar.png" class="avatar img-circle img-thumbnail" alt="avatar"> <h6>Upload a different photo...</h6> <input type="file" class="text-center center-block well well-sm"> </div> </div> <div class="col-md-8 col-sm-6 col-xs-12 personal-info"> <form class="form-horizontal" role="form"> <div class="form-group"> <label class="col-lg-3 control-label">Display name:</label> <div class="col-lg-8"> <input class="form-control" type="text" ng-model="vm.account.displayName"> </div> </div> <div class="form-group"> <label class="col-lg-3 control-label">First name:</label> <div class="col-lg-8"> <input class="form-control" type="text" ng-model="vm.account.firstName"> </div> </div> <div class="form-group"> <label class="col-lg-3 control-label">Last name:</label> <div class="col-lg-8"> <input class="form-control" type="text" ng-model="vm.account.lastName"> </div> </div> <div class="form-group"> <label class="col-lg-3 control-label">Email:</label> <div class="col-lg-8"> <input class="form-control" type="email" ng-model="vm.account.primaryEmail"> </div> </div> <div class="form-group"> <label class="col-lg-3 control-label"> </label> <div class="col-lg-8"> <button class="btn btn-primary form-control" ng-click="vm.Profile.update(vm.account)">Save</button> </div> </div> </form> </div> </div> <hr> <h4>Active Sessions</h4> <div class="profile-container" > <div class="profiles" ng-repeat="session in vm.sessions track by $index"> <div class="profile-content"> <div class="row"> <div class="col-md-5"> <img src="http://s3.amazonaws.com/37assets/svn/765-default-avatar.png" alt="Alternate Text" class="img-responsive" /> <p class="text-center small"><a href="">Change Photo</a></p> </div> <div class="col-md-7"> <span ng-bind="session.subject"></span> <p class="text-muted small" ng-bind="session.issuer"></p> <div class="divider"></div> <button type="button" class="btn btn-default" disabled ng-if="vm.session.subject == session.subject && vm.session.issuer == session.issuer">Current Profile</button> </div> </div> </div> <div class="profile-footer"> <div class="profile-footer-content"> <div class="row"> <div class="col-md-6"> <a class="btn btn-default btn-sm" ng-click="vm.selectSession(session);">Use Account</a> </div> <div class="col-md-6"> <a class="btn btn-default btn-sm pull-right" ng-if="vm.session.subject == session.subject && vm.session.issuer == session.issuer" ng-click="vm.signOut()">Sign Out</a> </div> </div> </div> </div> </div> </div> <hr> <div class=""> <h4>Add Account</h4> <div class="panel panel-default"> <div class="panel-body"> <form class="form form-signup" role="form"> <div class="form-group"> <div class="input-group"> <span class="input-group-addon">@</span> <input type="text" class="form-control" placeholder="Email Address" ng-model="vm.newSubject" ng-change="vm.setSubject()" /> </div> </div> <div class="form-group"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-briefcase"></i></span> <input type="text" class="form-control" placeholder="Provider" ng-if="vm.showAdvanced" ng-model="vm.newIssuer" ng-change="vm.setIssuer()" /> </div> </div> <button class="btn btn-sm btn-primary btn-block" type="button" ng-click="vm.auth()">Add</a> </form> </div> </div> </div> <hr> <h4>Log off all accounts</h4> <button type="button" class="btn btn-danger" ng-click="vm.masterLogOut()">Log Out</button>