.standard-page
h2 Profile
.row
.col-md-12(v-if='!editing')
button.btn.btn-default(@click='editing = true') {{ $t('edit') }}
h2 {{ $t('displayName') }}
span(v-if='user.profile.name') {{user.profile.name}}
p
small.muted {{ $t('displayNameDescription1') }}
|
a(href='/#/options/settings/settings') {{ $t('displayNameDescription2') }}
|
| {{ $t('displayNameDescription3') }}
span.muted(ng-hide='user.profile.name') -
| {{ $t('none') }}
| -
h2 {{ $t('displayPhoto') }}
img.img-rendering-auto(v-if='user.profile.imageUrl', :src='user.profile.imageUrl')
span.muted(ng-hide='user.profile.imageUrl') -
| {{ $t('none') }}
| -
h2 {{ $t('displayBlurb') }}
markdown(v-if='user.profile.blurb', text='user.profile.blurb')
span.muted(ng-hide='user.profile.blurb') -
| {{ $t('none') }}
| -
//{{user.profile.blurb | linky:'_blank'}}
.col-md-12(v-if='editing')
.alert.alert-info.alert-sm
| {{ $t("communityGuidelinesWarning", managerEmail) }}
button.btn.btn-primary(type='submit', @click='save()') {{ $t("save") }}
// TODO use photo-upload instead: https://groups.google.com/forum/?fromgroups=#!topic/derbyjs/xMmADvxBOak
.form-group
label {{ $t('displayName') }}
input.form-control(type='text', :placeholder="$t('fullName')", v-model='editingProfile.name')
.form-group
label {{ $t('photoUrl') }}
input.form-control(type='url', v-model='editingProfile.imageUrl', :placeholder="$t('imageUrl')")
.form-group
label {{ $t('displayBlurb') }}
textarea.form-control(rows=5, :placeholder="$t('displayBlurbPlaceholder')", v-model='editingProfile.blurb')
// include ../../shared/formatting-help
.row
.col-md-6
h2 {{ $t('totalCheckinsTitle') }}
span {{ $t('totalCheckins', {count: user.loginIncentives}) }}
.col-md-6
h2
| {{getProgressDisplay()}}
.progress
.progress-bar(role='progressbar', :aria-valuenow='incentivesProgress', aria-valuemin='0', aria-valuemax='100', :style='{width: incentivesProgress + "%"}')
span.sr-only {{ incentivesProgress }}% Complete