93 lines
4.2 KiB
HTML
93 lines
4.2 KiB
HTML
<div class="container">
|
|
<div class="wrapper">
|
|
<div class="tab-panel">
|
|
<div @click="tab = 'person'" class="tab-panel__item"
|
|
:class="{'tab-panel__item_active': tab === 'person'}">Person
|
|
</div>
|
|
<div @click="tab = 'ember'" class="tab-panel__item" :class="{'tab-panel__item_active': tab === 'ember'}">
|
|
Ember
|
|
</div>
|
|
</div>
|
|
<div class="tab-page">
|
|
<div class="tab-page__item" :class="{'tab-page__item_show': tab === 'person'}">
|
|
<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>
|
|
<div class="tab-page__item" :class="{'tab-page__item_show': tab === 'ember'}">
|
|
<div class="form-row">
|
|
<div class="form-row__item">
|
|
<label for="autocleaner">
|
|
Use notification cleaner
|
|
<input @change="onChangeAutoCleaner" type="checkbox" v-model="isAutoCleaner">
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="form-row">
|
|
<div class="form-row__item">
|
|
<button
|
|
@click="cleanNotifications"
|
|
>Clean</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="memory-panel">Memory: {{copyText}}</div>
|
|
</div>
|
|
</div>
|