v-dialog(
v-model='dialogOpen'
max-width='650'
)
v-card
.dialog-header
span Search User
v-spacer
v-progress-circular(
indeterminate
color='white'
:size='20'
:width='2'
v-show='searchLoading'
)
v-card-text
v-text-field.blue.lighten-5(
solo
flat
label='Search Users...'
v-model='search'
prepend-icon='search'
color='primary'
ref='searchIpt'
)
v-list(two-line)
template(v-for='(usr, idx) in items')
v-list-tile(:key='usr.id', @click='setUser(usr.id)')
v-list-tile-avatar(size='40', color='primary')
span.body-1.white--text {{usr.name | initials}}
v-list-tile-content
v-list-tile-title {{usr.name}}
v-list-tile-sub-title {{usr.email}}
v-list-tile-action
v-icon(color='primary') arrow_forward
v-divider.my-0(v-if='idx < items.length - 1')
v-divider.my-0
v-card-actions.grey.lighten-4
v-spacer
v-btn(
flat
@click='close'
:disabled='loading'
) Cancel