Changeset View
Changeset View
Standalone View
Standalone View
src/resources/vue/User/Info.vue
| Show First 20 Lines • Show All 68 Lines • ▼ Show 20 Lines | <div class="container"> | ||||
| <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"> | ||||
| <input type="checkbox" id="pass-mode-input" value="input" class="btn-check" @change="setPasswordMode" :checked="passwordMode == 'input'"> | <input type="checkbox" id="pass-mode-input" value="input" class="btn-check" @change="setPasswordMode" :checked="passwordMode == 'input'"> | ||||
| <label class="btn btn-outline-secondary" for="pass-mode-input">{{ $t('user.pass-input') }}</label> | <label class="btn btn-outline-secondary" for="pass-mode-input">{{ $t('user.pass-input') }}</label> | ||||
| <input type="checkbox" id="pass-mode-link" value="link" class="btn-check" @change="setPasswordMode"> | <input type="checkbox" id="pass-mode-link" value="link" class="btn-check" @change="setPasswordMode"> | ||||
| <label class="btn btn-outline-secondary" for="pass-mode-link">{{ $t('user.pass-link') }}</label> | <label class="btn btn-outline-secondary" for="pass-mode-link">{{ $t('user.pass-link') }}</label> | ||||
| </div> | </div> | ||||
| <div v-if="passwordMode == 'input'" :class="isSelf ? '' : 'mt-2'"> | <password-input v-if="passwordMode == 'input'" :class="isSelf ? '' : 'mt-2'" v-model="user"></password-input> | ||||
| <input id="password" type="password" class="form-control" | |||||
| v-model="user.password" | |||||
| :placeholder="$t('form.password')" | |||||
| > | |||||
| <input id="password_confirmation" type="password" class="form-control mt-2" | |||||
| v-model="user.password_confirmation" | |||||
| :placeholder="$t('form.password-confirm')" | |||||
| > | |||||
| </div> | |||||
| <div id="password-link" v-if="passwordMode == 'link' || user.passwordLinkCode" class="mt-2"> | <div id="password-link" v-if="passwordMode == 'link' || user.passwordLinkCode" class="mt-2"> | ||||
| <span>{{ $t('user.pass-link-label') }}</span> <code>{{ passwordLink }}</code> | <span>{{ $t('user.pass-link-label') }}</span> <code>{{ passwordLink }}</code> | ||||
| <span class="d-inline-block"> | <span class="d-inline-block"> | ||||
| <button class="btn btn-link p-1" type="button" :title="$t('btn.copy')" @click="passwordLinkCopy"> | <button class="btn btn-link p-1" type="button" :title="$t('btn.copy')" @click="passwordLinkCopy"> | ||||
| <svg-icon :icon="['far', 'clipboard']"></svg-icon> | <svg-icon :icon="['far', 'clipboard']"></svg-icon> | ||||
| </button> | </button> | ||||
| <button v-if="user.passwordLinkCode" class="btn btn-link text-danger p-1" type="button" :title="$t('btn.delete')" @click="passwordLinkDelete"> | <button v-if="user.passwordLinkCode" class="btn btn-link text-danger p-1" type="button" :title="$t('btn.delete')" @click="passwordLinkDelete"> | ||||
| <svg-icon icon="trash-alt"></svg-icon> | <svg-icon icon="trash-alt"></svg-icon> | ||||
| ▲ Show 20 Lines • Show All 52 Lines • ▼ Show 20 Lines | <div class="container"> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| </template> | </template> | ||||
| <script> | <script> | ||||
| import { Modal } from 'bootstrap' | import { Modal } from 'bootstrap' | ||||
| import ListInput from '../Widgets/ListInput' | import ListInput from '../Widgets/ListInput' | ||||
| import PackageSelect from '../Widgets/PackageSelect' | import PackageSelect from '../Widgets/PackageSelect' | ||||
| import PasswordInput from '../Widgets/PasswordInput' | |||||
| import StatusComponent from '../Widgets/Status' | import StatusComponent from '../Widgets/Status' | ||||
| import SubscriptionSelect from '../Widgets/SubscriptionSelect' | import SubscriptionSelect from '../Widgets/SubscriptionSelect' | ||||
| export default { | export default { | ||||
| components: { | components: { | ||||
| ListInput, | ListInput, | ||||
| PackageSelect, | PackageSelect, | ||||
| PasswordInput, | |||||
| StatusComponent, | StatusComponent, | ||||
| SubscriptionSelect | SubscriptionSelect | ||||
| }, | }, | ||||
| data() { | data() { | ||||
| return { | return { | ||||
| passwordLinkCode: '', | passwordLinkCode: '', | ||||
| passwordMode: '', | passwordMode: '', | ||||
| user_id: null, | user_id: null, | ||||
| ▲ Show 20 Lines • Show All 172 Lines • Show Last 20 Lines | |||||