Changeset View
Changeset View
Standalone View
Standalone View
src/resources/vue/Widgets/SupportForm.vue
<template> | <template> | ||||
<div class="modal" id="support-dialog" tabindex="-1" role="dialog" aria-hidden="true"> | <div class="modal" id="support-dialog" tabindex="-1" role="dialog" aria-hidden="true"> | ||||
<div class="modal-dialog" role="document"> | <div class="modal-dialog" role="document"> | ||||
<form class="modal-content" @submit.prevent="submit"> | <form class="modal-content" @submit.prevent="submit"> | ||||
<div class="modal-header"> | <div class="modal-header"> | ||||
<h5 class="modal-title">{{ $t('support.title') }}</h5> | <h5 class="modal-title">{{ $t('support.title') }}</h5> | ||||
<button type="button" class="btn-close" data-bs-dismiss="modal" :aria-label="$t('btn.close')"></button> | <btn class="btn-close" data-bs-dismiss="modal" :aria-label="$t('btn.close')"></btn> | ||||
</div> | </div> | ||||
<div class="modal-body"> | <div class="modal-body"> | ||||
<form> | |||||
<div class="mb-3"> | <div class="mb-3"> | ||||
<label for="support-user" class="form-label">{{ $t('support.id') }}</label> | <label for="support-user" class="form-label">{{ $t('support.id') }}</label> | ||||
<input id="support-user" type="text" class="form-control" :placeholder="$t('support.id-pl')" v-model="user" /> | <input id="support-user" type="text" class="form-control" :placeholder="$t('support.id-pl')" v-model="user" /> | ||||
<small class="text-muted">{{ $t('support.id-hint') }}</small> | <small class="text-muted">{{ $t('support.id-hint') }}</small> | ||||
</div> | </div> | ||||
<div class="mb-3"> | <div class="mb-3"> | ||||
<label for="support-name" class="form-label">{{ $t('support.name') }}</label> | <label for="support-name" class="form-label">{{ $t('support.name') }}</label> | ||||
<input id="support-name" type="text" class="form-control" :placeholder="$t('support.name-pl')" v-model="name" /> | <input id="support-name" type="text" class="form-control" :placeholder="$t('support.name-pl')" v-model="name" /> | ||||
</div> | </div> | ||||
<div class="mb-3"> | <div class="mb-3"> | ||||
<label for="support-email" class="form-label">{{ $t('support.email') }}</label> | <label for="support-email" class="form-label">{{ $t('support.email') }}</label> | ||||
<input id="support-email" type="email" class="form-control" :placeholder="$t('support.email-pl')" v-model="email" required /> | <input id="support-email" type="email" class="form-control" :placeholder="$t('support.email-pl')" v-model="email" required /> | ||||
</div> | </div> | ||||
<div class="mb-3"> | <div class="mb-3"> | ||||
<label for="support-summary" class="form-label">{{ $t('support.summary') }}</label> | <label for="support-summary" class="form-label">{{ $t('support.summary') }}</label> | ||||
<input id="support-summary" type="text" class="form-control" :placeholder="$t('support.summary-pl')" v-model="summary" required /> | <input id="support-summary" type="text" class="form-control" :placeholder="$t('support.summary-pl')" v-model="summary" required /> | ||||
</div> | </div> | ||||
<div> | <div> | ||||
<label for="support-body" class="form-label">{{ $t('support.expl') }}</label> | <label for="support-body" class="form-label">{{ $t('support.expl') }}</label> | ||||
<textarea id="support-body" class="form-control" rows="5" v-model="body" required></textarea> | <textarea id="support-body" class="form-control" rows="5" v-model="body" required></textarea> | ||||
</div> | </div> | ||||
</form> | |||||
</div> | </div> | ||||
<div class="modal-footer"> | <div class="modal-footer"> | ||||
<button type="button" class="btn btn-secondary modal-cancel" data-bs-dismiss="modal">{{ $t('btn.cancel') }}</button> | <btn class="btn-secondary modal-cancel" data-bs-dismiss="modal">{{ $t('btn.cancel') }}</btn> | ||||
<button type="submit" class="btn btn-primary modal-action"><svg-icon icon="check"></svg-icon> {{ $t('btn.submit') }}</button> | <btn type="submit" class="btn-primary modal-action" icon="check">{{ $t('btn.submit') }}</btn> | ||||
</div> | </div> | ||||
</form> | </form> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
</template> | </template> | ||||
<script> | <script> | ||||
import { Modal } from 'bootstrap' | import { Modal } from 'bootstrap' | ||||
▲ Show 20 Lines • Show All 73 Lines • Show Last 20 Lines |