refactor: Migrate to Vue components
This commit is contained in:
		@@ -1,53 +1,51 @@
 | 
			
		||||
extends ./_layout.pug
 | 
			
		||||
 | 
			
		||||
block adminContent
 | 
			
		||||
  #page-type-admin-profile
 | 
			
		||||
    .hero
 | 
			
		||||
      h1.title#title= t('nav.myprofile')
 | 
			
		||||
      h2.subtitle= t('admin:profile.subtitle')
 | 
			
		||||
    .form-sections
 | 
			
		||||
      .columns.is-gapless
 | 
			
		||||
        .column.is-two-thirds
 | 
			
		||||
          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'
 | 
			
		||||
  .hero
 | 
			
		||||
    h1.title#title= t('nav.myprofile')
 | 
			
		||||
    h2.subtitle= t('admin:profile.subtitle')
 | 
			
		||||
  .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.password')
 | 
			
		||||
              label.label= t('admin:profile.email')
 | 
			
		||||
              p.control.is-fullwidth
 | 
			
		||||
                input.input(type='password', placeholder=t('admin:profile.password'), value='********', v-model='password')
 | 
			
		||||
                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.passwordverify')
 | 
			
		||||
              label.label= t('admin:profile.displayname')
 | 
			
		||||
              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
 | 
			
		||||
            button.button.is-green(v-on:click='saveUser')
 | 
			
		||||
              i.icon-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.icon-server
 | 
			
		||||
                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')
 | 
			
		||||
 | 
			
		||||
  script(type='text/javascript').
 | 
			
		||||
    var usrDataName = "!{user.name}";
 | 
			
		||||
                input.input(type='text', placeholder=t('admin:profile.displaynameexample'), v-model='name')
 | 
			
		||||
            section
 | 
			
		||||
              button.button.is-green(v-on:click='saveUser')
 | 
			
		||||
                i.icon-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.icon-server
 | 
			
		||||
              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')
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user