Changeset View
Changeset View
Standalone View
Standalone View
src/resources/vue/User/Info.vue
<template> | <template> | ||||
<div class="container"> | <div class="container"> | ||||
<status-component v-if="user_id !== 'new'" :status="status" @status-update="statusUpdate"></status-component> | <status-component v-if="user_id !== 'new'" :status="status" @status-update="statusUpdate"></status-component> | ||||
<div class="card" id="user-info"> | <div class="card" id="user-info"> | ||||
<div class="card-body"> | <div class="card-body"> | ||||
<div class="card-title" v-if="user_id !== 'new'">{{ $t('user.title') }} | <div class="card-title" v-if="user_id !== 'new'">{{ $t('user.title') }} | ||||
<btn icon="trash-can" class="btn-outline-danger button-delete float-end" @click="showDeleteConfirmation()"> | <btn icon="trash-can" class="btn-outline-danger button-delete float-end" @click="showDeleteConfirmation()"> | ||||
{{ $t('user.delete') }} | {{ $t('user.delete') }} | ||||
</btn> | </btn> | ||||
</div> | </div> | ||||
<div class="card-title" v-if="user_id === 'new'">{{ $t('user.new') }}</div> | <div class="card-title" v-if="user_id === 'new'">{{ $t('user.new') }}</div> | ||||
<div class="card-text"> | <div class="card-text"> | ||||
<ul class="nav nav-tabs mt-3" role="tablist"> | <tabs class="mt-3" :tabs="user_id === 'new' ? ['form.general'] : ['form.general','form.settings']"></tabs> | ||||
<li class="nav-item"> | |||||
<a class="nav-link active" id="tab-general" href="#general" role="tab" aria-controls="general" aria-selected="true" @click="$root.tab"> | |||||
{{ $t('form.general') }} | |||||
</a> | |||||
</li> | |||||
<li v-if="user_id !== 'new'" class="nav-item"> | |||||
<a class="nav-link" id="tab-settings" href="#settings" role="tab" aria-controls="settings" aria-selected="false" @click="$root.tab"> | |||||
{{ $t('form.settings') }} | |||||
</a> | |||||
</li> | |||||
</ul> | |||||
<div class="tab-content"> | <div class="tab-content"> | ||||
<div class="tab-pane show active" id="general" role="tabpanel" aria-labelledby="tab-general"> | <div class="tab-pane show active" id="general" role="tabpanel" aria-labelledby="tab-general"> | ||||
<form @submit.prevent="submit" class="card-body"> | <form @submit.prevent="submit" class="card-body"> | ||||
<div v-if="user_id !== 'new'" class="row plaintext mb-3"> | <div v-if="user_id !== 'new'" class="row plaintext mb-3"> | ||||
<label for="status" class="col-sm-4 col-form-label">{{ $t('form.status') }}</label> | <label for="status" class="col-sm-4 col-form-label">{{ $t('form.status') }}</label> | ||||
<div class="col-sm-8"> | <div class="col-sm-8"> | ||||
<span :class="$root.statusClass(user) + ' form-control-plaintext'" id="status">{{ $root.statusText(user) }}</span> | <span :class="$root.statusClass(user) + ' form-control-plaintext'" id="status">{{ $root.statusText(user) }}</span> | ||||
</div> | </div> | ||||
Show All 18 Lines | <div class="container"> | ||||
</div> | </div> | ||||
<div class="row mb-3"> | <div class="row mb-3"> | ||||
<label for="email" class="col-sm-4 col-form-label">{{ $t('form.email') }}</label> | <label for="email" class="col-sm-4 col-form-label">{{ $t('form.email') }}</label> | ||||
<div class="col-sm-8"> | <div class="col-sm-8"> | ||||
<input type="text" class="form-control" id="email" :disabled="user_id !== 'new'" required v-model="user.email"> | <input type="text" class="form-control" id="email" :disabled="user_id !== 'new'" required v-model="user.email"> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
<div class="row mb-3"> | <div class="row mb-3"> | ||||
<label for="aliases-input" class="col-sm-4 col-form-label">{{ $t('user.aliases-email') }}</label> | <label for="aliases-input" class="col-sm-4 col-form-label">{{ $t('user.email-aliases') }}</label> | ||||
<div class="col-sm-8"> | <div class="col-sm-8"> | ||||
<list-input id="aliases" :list="user.aliases"></list-input> | <list-input id="aliases" :list="user.aliases"></list-input> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
<div class="row mb-3"> | <div class="row mb-3"> | ||||
<label for="password" class="col-sm-4 col-form-label">{{ $t('form.password') }}</label> | <label for="password" class="col-sm-4 col-form-label">{{ $t('form.password') }}</label> | ||||
<div class="col-sm-8"> | <div class="col-sm-8"> | ||||
<div v-if="!isSelf" class="btn-group w-100" role="group"> | <div v-if="!isSelf" class="btn-group w-100" role="group"> | ||||
▲ Show 20 Lines • Show All 240 Lines • Show Last 20 Lines |