|
|
|
|
extends ./_layout.pug
|
|
|
|
|
|
|
|
|
|
block adminContent
|
|
|
|
|
.hero
|
|
|
|
|
h1.title#title= t('nav.myprofile')
|
|
|
|
|
h2.subtitle= t('admin:profile.subtitle')
|
|
|
|
|
i.pageicon.nc-icon-outline.business_business-contact-86
|
|
|
|
|
.form-sections
|
|
|
|
|
.columns.is-gapless
|
|
|
|
|
.column.is-two-thirds
|
|
|
|
|
admin-profile(inline-template, email=user.email, name=user.name, provider=user.provider)
|
|
|
|
|
div
|
|
|
|
|
section
|
|
|
|
|
label.label= t('admin:profile.email')
|
|
|
|
|
p.control.is-fullwidth
|
|
|
|
|
input.input(type='text', placeholder=t('admin:profile.email'), value=user.email, disabled)
|
|
|
|
|
if user.provider === 'local'
|
|
|
|
|
section
|
|
|
|
|
label.label= t('admin:profile.password')
|
|
|
|
|
p.control.is-fullwidth
|
|
|
|
|
input.input(type='password', placeholder=t('admin:profile.password'), value='********', v-model='password')
|
|
|
|
|
section
|
|
|
|
|
label.label= t('admin:profile.passwordverify')
|
|
|
|
|
p.control.is-fullwidth
|
|
|
|
|
input.input(type='password', placeholder=t('admin:profile.password'), value='********', v-model='passwordVerify')
|
|
|
|
|
section
|
|
|
|
|
label.label= t('admin:profile.displayname')
|
|
|
|
|
p.control.is-fullwidth
|
|
|
|
|
input.input(type='text', placeholder=t('admin:profile.displaynameexample'), v-model='name')
|
|
|
|
|
//-section
|
|
|
|
|
label.label #{t('admin:profile.tfa')}: #[strong.is-red(v-cloak) {{ tfaStatus }}]
|
|
|
|
|
button.button.is-blue(@click='$store.dispatch("modalProfile2fa/open")', :disabled='tfaIsActive')
|
|
|
|
|
i.nc-icon-outline.ui-1_circle-add
|
|
|
|
|
span= t('admin:profile.tfaenable')
|
|
|
|
|
button.button.is-blue(@click='saveUser', :disabled='!tfaIsActive')
|
|
|
|
|
i.nc-icon-outline.ui-1_circle-delete
|
|
|
|
|
span= t('admin:profile.tfadisable')
|
|
|
|
|
section
|
|
|
|
|
button.button.is-green(@click='saveUser')
|
|
|
|
|
i.nc-icon-outline.ui-1_check
|
|
|
|
|
span= t('admin:profile.savechanges')
|
|
|
|
|
.column
|
|
|
|
|
.panel-aside
|
|
|
|
|
label.label= t('admin:profile.provider')
|
|
|
|
|
p.control.account-profile-provider
|
|
|
|
|
case user.provider
|
|
|
|
|
when 'local': i.nc-icon-outline.ui-1_database
|
|
|
|
|
when 'windowslive': i.icon-windows2.is-blue
|
|
|
|
|
when 'azure': i.icon-windows2.is-blue
|
|
|
|
|
when 'google': i.icon-google.is-blue
|
|
|
|
|
when 'facebook': i.icon-facebook.is-indigo
|
|
|
|
|
when 'github': i.icon-github.is-grey
|
|
|
|
|
when 'slack': i.icon-slack.is-purple
|
|
|
|
|
when 'ldap': i.icon-arrow-repeat-outline
|
|
|
|
|
default: i.icon-warning
|
|
|
|
|
= t('auth:providers.' + user.provider)
|
|
|
|
|
label.label= t('admin:profile.membersince')
|
|
|
|
|
p.control= moment(user.createdAt).format('LL')
|
|
|
|
|
label.label= t('admin:profile.lastprofileupdate')
|
|
|
|
|
p.control= moment(user.updatedAt).format('LL')
|
|
|
|
|
|
|
|
|
|
//-modal-profile-2fa
|
