wikijs/views/pages/admin/users-edit.pug

extends ./_layout.pug

block rootNavRight
	i.nav-item#notifload
	.nav-item
		a.button(href='/admin/users')
			i.icon-reply
			span Return to Users

block adminContent
	#page-type-admin-users-edit
		.hero
			h1.title#title Edit User
			h2.subtitle= usr.email
		table.table
			thead
				tr
					th Unique ID
					th Provider
					th Created On
					th Updated On
			tbody
					tr
						td.is-centered= usr._id
						td.is-centered.has-icons
							case usr.provider
								when 'local'
									i.icon-server.is-deep-orange
									| Local Database
								when 'windowslive'
									i.icon-windows2.is-blue
									| Microsoft Account
								when 'google'
									i.icon-google.is-blue
									| Google ID
								when 'facebook'
									i.icon-facebook.is-purple
									| Facebook
								default: i.icon-warning
						td.is-centered= userMoment(usr.createdAt).format('lll')
						td.is-centered= userMoment(usr.updatedAt).format('lll')
		.form-sections
			section
				label.label Email Address
				p.control.is-fullwidth
					input.input(type='text', placeholder='john.smith@example.com', v-model='email', disabled=!usrOpts.canChangeEmail)
			section
				label.label Display Name
				p.control.is-fullwidth
					input.input(type='text', placeholder='John Smith', v-model='name', disabled=!usrOpts.canChangeName)
			if usrOpts.canChangePassword
				section
					label.label Password
					p.control.is-fullwidth
						input.input(type='password', placeholder='Password', v-model='password', value='********')
			section
				label.label Access Rights
				table.table
					thead.is-teal
						tr
							th
							th(style={width: '200px'}) Permission(s)
							th Path
							th(style={width: '150px'}) Access
							th(style={width: '50px'})
					tbody
						tr(v-for='(right, idx) in rights', v-cloak)
							td.is-icon
								i.icon-marquee-plus.is-green(v-if='right.deny === false || right.deny === "false"')
								i.icon-marquee-minus.is-red(v-if='right.deny === true || right.deny === "true"')
							td
								p.control.is-fullwidth
									select(v-model='right.role')
										option(value='write') Read and Write
										option(value='read') Read Only
							td
								.columns
									.column.is-narrow
										p.control
											select(v-model='right.exact')
												option(value='false') Path starts with:
												option(value='true') Path match exactly:
									.column
										p.control.is-fullwidth
											input.input(type='text', placeholder='/', v-model='right.path')
							td
								p.control.is-fullwidth
									select(v-model='right.deny')
										option(value='false') Allow
										option(value='true') Deny
							td.is-centered.has-action-icons
								i.icon-delete.is-red(v-on:click='removeRightsRow(idx)')
						tr(v-if='rights.length < 1', v-cloak)
							td.is-icon
							td.is-centered(colspan='3'): em No additional access rights
							td.is-centered.has-action-icons
				.table-actions
					button.button.is-blue(v-on:click='addRightsRow')
						i.icon-plus
						span Add New Row
			section
				label.label Role Override
				p.control.is-fullwidth
					select(v-model='roleoverride', disabled=!usrOpts.canChangeRole)
						option(value='none') None
						option(value='admin') Global Administrator
			.columns.is-gapless
				.column
					section
						button.button.is-green(v-on:click='saveUser')
							i.icon-check
							span Save Changes
						a.button.button.is-grey.is-outlined(href='/admin/users')
							i.icon-cancel
							span Discard
				.column.is-narrow
					section
						if usrOpts.canBeDeleted
							button.button.is-red.btn-deluser-prompt
								i.icon-trash2
								span Delete Account

	include ../../modals/admin-deleteuser.pug

	script(type='text/javascript').
		var usrData = !{JSON.stringify(usr)};