66 lines
2.3 KiB
HTML
66 lines
2.3 KiB
HTML
<div class="tab-page__item tab-page__item_show">
|
|
<div class="form-row">
|
|
<div class="form-row__item">
|
|
<input title="Day" class="form-row__item-input" type="text" v-model="person.birthday.day" placeholder="Day">
|
|
</div>
|
|
<div class="form-row__item">
|
|
<select title="Month" v-model="person.birthday.month">
|
|
<option v-for="allowedMonth in allowedMonths" :value="allowedMonth">{{ allowedMonth }}</option>
|
|
</select>
|
|
</div>
|
|
<div class="form-row__item">
|
|
<select title="Year" v-model="person.birthday.year">
|
|
<option v-for="allowedYear in allowedYears" :value="allowedYear">{{ allowedYear }}</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="form-row">
|
|
<div class="form-row__item">
|
|
<label>
|
|
Country
|
|
<select v-model="person.country">
|
|
<option value="ee">Estonia</option>
|
|
<option value="lt">Lithuania</option>
|
|
</select>
|
|
</label>
|
|
</div>
|
|
<div class="form-row__item">
|
|
<label>
|
|
Gender
|
|
<select v-model="person.gender">
|
|
<option value="male">Male</option>
|
|
<option value="female">Female</option>
|
|
<option value="random">Random</option>
|
|
</select>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="form-row">
|
|
<div
|
|
@click="autocomplete"
|
|
class="form-row__item copy-button" data-clipboard-text="text1">
|
|
<button>Autocomplete</button>
|
|
</div>
|
|
<div
|
|
@click="copyPersonalId"
|
|
class="form-row__item copy-button" data-clipboard-text="text2">
|
|
<button>PersonalId</button>
|
|
</div>
|
|
<div
|
|
@click="copyIban"
|
|
class="form-row__item copy-button" data-clipboard-text="text3">
|
|
<button>Iban</button>
|
|
</div>
|
|
<div
|
|
@click="copyPhone"
|
|
class="form-row__item copy-button" data-clipboard-text="text3">
|
|
<button>Phone</button>
|
|
</div>
|
|
</div>
|
|
<div class="memory-panel">Memory: {{copyText}}</div>
|
|
<div v-if="personalId">
|
|
<hr />
|
|
<Mocks :personalId="personalId"></Mocks>
|
|
</div>
|
|
</div>
|