106 rader
4.1 KiB
HTML
106 rader
4.1 KiB
HTML
<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>
|