mirror of
https://github.com/taobataoma/meanTorrent.git
synced 2026-05-07 20:16:24 +02:00
c3149302a0
* commit '84ec1c80d283cbea8b186629e7b1de49d91cf9ba': fix(heroku): fix invalid app.json (#1901) feat(deps): dependencies upgrade (#1887) release(0.6.0): MEAN.JS 0.6.0 (#1863) feat(readme): Deploy to Heroku button (#1854) fix(users): Spacing Issues Abstracted OAuth routes to use req param to identify strategy & moved scope to actual strategy definition. Save profile images to Amazon S3 (#1857) fix(build): Require correct dependencies for prod build (#1855) fix(eslint): Make `space-before-function-paren` rule consistent with other rules (#1858) fix(gulpfile): show error on uglify (#1860) feat(core): Add manifest.json (#1851) # Conflicts: # CHANGELOG.md # README.md # modules/core/client/views/header.client.view.html # modules/users/client/views/settings/change-profile-picture.client.view.html # modules/users/server/controllers/users/users.profile.server.controller.js # package.json
38 lines
2.2 KiB
HTML
38 lines
2.2 KiB
HTML
<section class="row">
|
|
<div class="col-sm-offset-1 col-sm-10 col-md-offset-2 col-md-8">
|
|
<form class="signin form-horizontal">
|
|
<fieldset>
|
|
<div class="form-group">
|
|
<img ngf-src="vm.fileSelected ? vm.resultImageURL : vm.user.profileImageURL" alt="{{vm.user.displayName}}"
|
|
class="img-thumbnail user-profile-picture" ngf-drop>
|
|
</div>
|
|
<div ng-show="vm.loading" class="form-group text-center">
|
|
<img ng-src="/modules/core/client/img/loaders/loader.gif" height="50" width="50" alt="Loading image...">
|
|
</div>
|
|
|
|
<div ng-show="vm.fileSelected" class="form-group imgCropArea">
|
|
<ui-cropper image="vm.selectedImageUrl" result-image="vm.resultImageURL" area-type="square"
|
|
chargement="'Loading...'" result-image-size="250"></ui-cropper>
|
|
</div>
|
|
|
|
<div ng-show="!vm.fileSelected" class="form-group">
|
|
<button class="btn btn-default btn-file" ngf-select="vm.handleFileSelect($event)" ng-model="vm.picFile" accept="image/*"
|
|
ngf-before-model-change="vm.loading = true" ngf-resize="{width: 400}"
|
|
ngf-resize-if="$width > 400 || $height > 400">{{'BUTTON_SELECT_PICTURE' | translate}}
|
|
</button>
|
|
</div>
|
|
<div ng-show="vm.fileSelected" class="form-group">
|
|
<button class="btn btn-primary" ng-click="vm.upload()">{{'BUTTON_USE_THIS_PICTURE' | translate}}</button>
|
|
<button class="btn btn-default" ng-click="vm.cancel()">{{'BUTTON_CANCEL' | translate}}</button>
|
|
</div>
|
|
<div ng-show="vm.fileSelected" class="form-group progress">
|
|
<div class="progress-bar" role="progressbar" aria-valuenow="{{vm.progress}}" aria-valuemin="0" aria-valuemax="100"
|
|
style="width:{{vm.progress}}%" ng-bind="vm.progress + '%'">
|
|
<span class="sr-only">{{vm.progress}}% {{'BUTTON_COMPLETE' | translate}}</span>
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
</div>
|
|
</section>
|