added gravatar photo to settings page. moved action items in vault listing to left side for better mobile access
This commit is contained in:
parent
f68f3748d2
commit
eab65f982e
|
@ -77,6 +77,16 @@ form div.validation-errors ul {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media screen and (min-width: @screen-sm-min) {
|
||||||
|
.settings-photo {
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
|
img {
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
/* Buttons */
|
/* Buttons */
|
||||||
|
|
||||||
.btn-table {
|
.btn-table {
|
||||||
|
|
|
@ -11,29 +11,39 @@
|
||||||
</div>
|
</div>
|
||||||
<form role="form" name="profileForm" ng-submit="profileForm.$valid && save(model)" api-form="savePromise">
|
<form role="form" name="profileForm" ng-submit="profileForm.$valid && save(model)" api-form="savePromise">
|
||||||
<div class="box-body">
|
<div class="box-body">
|
||||||
<div class="callout callout-danger validation-errors" ng-show="profileForm.$errors">
|
<div class="row">
|
||||||
<h4>Errors have occured</h4>
|
<div class="col-sm-9">
|
||||||
<ul>
|
<div class="callout callout-danger validation-errors" ng-show="profileForm.$errors">
|
||||||
<li ng-repeat="e in profileForm.$errors">{{e}}</li>
|
<h4>Errors have occured</h4>
|
||||||
</ul>
|
<ul>
|
||||||
</div>
|
<li ng-repeat="e in profileForm.$errors">{{e}}</li>
|
||||||
<div class="form-group" show-errors>
|
</ul>
|
||||||
<label for="name">Name</label>
|
</div>
|
||||||
<input type="text" id="name" name="Name" ng-model="model.name" class="form-control" required api-field />
|
<div class="form-group" show-errors>
|
||||||
</div>
|
<label for="name">Name</label>
|
||||||
<div class="form-group">
|
<input type="text" id="name" name="Name" ng-model="model.name" class="form-control" required api-field />
|
||||||
<label for="email">Email - <a href="javascript:void(0)" ng-click="changeEmail()">change</a></label>
|
</div>
|
||||||
<input type="text" id="email" ng-model="model.email" class="form-control" readonly />
|
<div class="form-group">
|
||||||
</div>
|
<label for="email">Email - <a href="javascript:void(0)" ng-click="changeEmail()">change</a></label>
|
||||||
<div class="form-group" show-errors>
|
<input type="text" id="email" ng-model="model.email" class="form-control" readonly />
|
||||||
<label for="hint">Master Password Hint</label>
|
</div>
|
||||||
<input type="text" id="hint" name="MasterPasswordHint" ng-model="model.masterPasswordHint" class="form-control" api-field />
|
<div class="form-group" show-errors>
|
||||||
</div>
|
<label for="hint">Master Password Hint</label>
|
||||||
<div class="form-group" show-errors>
|
<input type="text" id="hint" name="MasterPasswordHint" ng-model="model.masterPasswordHint" class="form-control" api-field />
|
||||||
<label for="culture">Language/Culture</label>
|
</div>
|
||||||
<select id="culture" name="Culture" ng-model="model.culture" class="form-control" api-field>
|
<div class="form-group" show-errors>
|
||||||
<option value="en-US">English (US)</option>
|
<label for="culture">Language/Culture</label>
|
||||||
</select>
|
<select id="culture" name="Culture" ng-model="model.culture" class="form-control" api-field>
|
||||||
|
<option value="en-US">English (US)</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-3 settings-photo">
|
||||||
|
<a href="http://www.gravatar.com/" target="_blank">
|
||||||
|
<img src="//www.gravatar.com/avatar/{{ main.userProfile.email | gravatar }}.jpg?s=150&d=mm" class="img-rounded img-responsive" alt="User Image">
|
||||||
|
</a>
|
||||||
|
<a href="http://www.gravatar.com/" target="_blank" class="btn btn-link">Update Photo</a>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="box-footer">
|
<div class="box-footer">
|
||||||
|
|
|
@ -35,19 +35,19 @@
|
||||||
<table class="table table-striped table-hover">
|
<table class="table table-striped table-hover">
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
<th style="max-width: 200px;">Site</th>
|
<th style="width: 75px; min-width: 75px;"></th>
|
||||||
<th>Username</th>
|
<th>Site</th>
|
||||||
<th style="min-width: 150px;"></th>
|
<th style="width: 300px;">Username</th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
<tbody>
|
<tbody>
|
||||||
<tr ng-repeat="site in folderSites = (sites | filter: { folderId: folder.id } | filter: (main.searchVaultText || '') | orderBy: ['name', 'username'])">
|
<tr ng-repeat="site in folderSites = (sites | filter: { folderId: folder.id } | filter: (main.searchVaultText || '') | orderBy: ['name', 'username'])">
|
||||||
<td>{{site.name}}</td>
|
<td>
|
||||||
<td>{{site.username}}</td>
|
|
||||||
<td class="text-right">
|
|
||||||
<button type="button" ng-click="deleteSite(site)" class="btn btn-link btn-table" uib-tooltip="Delete"><i class="fa fa-lg fa-trash"></i></button>
|
<button type="button" ng-click="deleteSite(site)" class="btn btn-link btn-table" uib-tooltip="Delete"><i class="fa fa-lg fa-trash"></i></button>
|
||||||
<button type="button" ng-click="editSite(site)" class="btn btn-link btn-table" uib-tooltip="View/Edit"><i class="fa fa-lg fa-pencil"></i></button>
|
<button type="button" ng-click="editSite(site)" class="btn btn-link btn-table" uib-tooltip="View/Edit"><i class="fa fa-lg fa-pencil"></i></button>
|
||||||
</td>
|
</td>
|
||||||
|
<td>{{site.name}}</td>
|
||||||
|
<td>{{site.username}}</td>
|
||||||
</tr>
|
</tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
|
|
Loading…
Reference in New Issue