refactor(multi): updated to latest version
This commit is contained in:
@@ -171,6 +171,7 @@ const currencies = [
|
||||
cols="12"
|
||||
>
|
||||
<VTextField
|
||||
:id="useId()"
|
||||
v-model="accountDataLocal.firstName"
|
||||
placeholder="John"
|
||||
label="First Name"
|
||||
@@ -183,6 +184,7 @@ const currencies = [
|
||||
cols="12"
|
||||
>
|
||||
<VTextField
|
||||
:id="useId()"
|
||||
v-model="accountDataLocal.lastName"
|
||||
placeholder="Doe"
|
||||
label="Last Name"
|
||||
@@ -195,6 +197,7 @@ const currencies = [
|
||||
md="6"
|
||||
>
|
||||
<VTextField
|
||||
:id="useId()"
|
||||
v-model="accountDataLocal.email"
|
||||
label="E-mail"
|
||||
placeholder="johndoe@gmail.com"
|
||||
@@ -208,6 +211,7 @@ const currencies = [
|
||||
md="6"
|
||||
>
|
||||
<VTextField
|
||||
:id="useId()"
|
||||
v-model="accountDataLocal.org"
|
||||
label="Organization"
|
||||
placeholder="ThemeSelection"
|
||||
@@ -220,6 +224,7 @@ const currencies = [
|
||||
md="6"
|
||||
>
|
||||
<VTextField
|
||||
:id="useId()"
|
||||
v-model="accountDataLocal.phone"
|
||||
label="Phone Number"
|
||||
placeholder="+1 (917) 543-9876"
|
||||
@@ -232,6 +237,7 @@ const currencies = [
|
||||
md="6"
|
||||
>
|
||||
<VTextField
|
||||
:id="useId()"
|
||||
v-model="accountDataLocal.address"
|
||||
label="Address"
|
||||
placeholder="123 Main St, New York, NY 10001"
|
||||
@@ -244,6 +250,7 @@ const currencies = [
|
||||
md="6"
|
||||
>
|
||||
<VTextField
|
||||
:id="useId()"
|
||||
v-model="accountDataLocal.state"
|
||||
label="State"
|
||||
placeholder="New York"
|
||||
@@ -256,6 +263,7 @@ const currencies = [
|
||||
md="6"
|
||||
>
|
||||
<VTextField
|
||||
:id="useId()"
|
||||
v-model="accountDataLocal.zip"
|
||||
label="Zip Code"
|
||||
placeholder="10001"
|
||||
@@ -268,6 +276,7 @@ const currencies = [
|
||||
md="6"
|
||||
>
|
||||
<VSelect
|
||||
:id="useId()"
|
||||
v-model="accountDataLocal.country"
|
||||
label="Country"
|
||||
:items="['USA', 'Canada', 'UK', 'India', 'Australia']"
|
||||
@@ -281,6 +290,7 @@ const currencies = [
|
||||
md="6"
|
||||
>
|
||||
<VSelect
|
||||
:id="useId()"
|
||||
v-model="accountDataLocal.language"
|
||||
label="Language"
|
||||
placeholder="Select Language"
|
||||
@@ -294,6 +304,7 @@ const currencies = [
|
||||
md="6"
|
||||
>
|
||||
<VSelect
|
||||
:id="useId()"
|
||||
v-model="accountDataLocal.timezone"
|
||||
label="Timezone"
|
||||
placeholder="Select Timezone"
|
||||
@@ -308,6 +319,7 @@ const currencies = [
|
||||
md="6"
|
||||
>
|
||||
<VSelect
|
||||
:id="useId()"
|
||||
v-model="accountDataLocal.currency"
|
||||
label="Currency"
|
||||
placeholder="Select Currency"
|
||||
@@ -344,6 +356,7 @@ const currencies = [
|
||||
<VCardText>
|
||||
<div>
|
||||
<VCheckbox
|
||||
:id="useId()"
|
||||
v-model="isAccountDeactivated"
|
||||
label="I confirm my account deactivation"
|
||||
/>
|
||||
|
||||
@@ -64,13 +64,22 @@ const selectedNotification = ref('Only when I\'m online')
|
||||
{{ device.type }}
|
||||
</td>
|
||||
<td>
|
||||
<VCheckbox v-model="device.email" />
|
||||
<VCheckbox
|
||||
:id="useId()"
|
||||
v-model="device.email"
|
||||
/>
|
||||
</td>
|
||||
<td>
|
||||
<VCheckbox v-model="device.browser" />
|
||||
<VCheckbox
|
||||
:id="useId()"
|
||||
v-model="device.browser"
|
||||
/>
|
||||
</td>
|
||||
<td>
|
||||
<VCheckbox v-model="device.app" />
|
||||
<VCheckbox
|
||||
:id="useId()"
|
||||
v-model="device.app"
|
||||
/>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
@@ -89,6 +98,7 @@ const selectedNotification = ref('Only when I\'m online')
|
||||
sm="6"
|
||||
>
|
||||
<VSelect
|
||||
:id="useId()"
|
||||
v-model="selectedNotification"
|
||||
mandatory
|
||||
:items="['Only when I\'m online', 'Anytime']"
|
||||
|
||||
@@ -101,6 +101,7 @@ const recentDevices = [
|
||||
>
|
||||
<!-- 👉 current password -->
|
||||
<VTextField
|
||||
:id="useId()"
|
||||
v-model="currentPassword"
|
||||
:type="isCurrentPasswordVisible ? 'text' : 'password'"
|
||||
:append-inner-icon="isCurrentPasswordVisible ? 'bx-hide' : 'bx-show'"
|
||||
@@ -119,6 +120,7 @@ const recentDevices = [
|
||||
>
|
||||
<!-- 👉 new password -->
|
||||
<VTextField
|
||||
:id="useId()"
|
||||
v-model="newPassword"
|
||||
:type="isNewPasswordVisible ? 'text' : 'password'"
|
||||
:append-inner-icon="isNewPasswordVisible ? 'bx-hide' : 'bx-show'"
|
||||
@@ -135,6 +137,7 @@ const recentDevices = [
|
||||
>
|
||||
<!-- 👉 confirm password -->
|
||||
<VTextField
|
||||
:id="useId()"
|
||||
v-model="confirmPassword"
|
||||
:type="isConfirmPasswordVisible ? 'text' : 'password'"
|
||||
:append-inner-icon="isConfirmPasswordVisible ? 'bx-hide' : 'bx-show'"
|
||||
@@ -227,6 +230,7 @@ const recentDevices = [
|
||||
<!-- 👉 Choose API Key -->
|
||||
<VCol cols="12">
|
||||
<VSelect
|
||||
:id="useId()"
|
||||
label="Choose the API key type you want to create"
|
||||
placeholder="Select API key type"
|
||||
:items="['Full Control', 'Modify', 'Read & Execute', 'List Folder Contents', 'Read Only', 'Read & Write']"
|
||||
@@ -236,6 +240,7 @@ const recentDevices = [
|
||||
<!-- 👉 Name the API Key -->
|
||||
<VCol cols="12">
|
||||
<VTextField
|
||||
:id="useId()"
|
||||
label="Name the API key"
|
||||
placeholder="Name the API key"
|
||||
/>
|
||||
|
||||
@@ -192,12 +192,14 @@ const isCardDetailsVisible = ref(false)
|
||||
</VCardItem>
|
||||
|
||||
<VCardText class="d-flex align-center flex-wrap text-body-1">
|
||||
<VRating
|
||||
:model-value="5"
|
||||
readonly
|
||||
class="me-3"
|
||||
density="compact"
|
||||
/>
|
||||
<ClientOnly>
|
||||
<VRating
|
||||
:model-value="5"
|
||||
readonly
|
||||
class="me-3"
|
||||
density="compact"
|
||||
/>
|
||||
</ClientOnly>
|
||||
<span>5 Star | 98 reviews</span>
|
||||
</VCardText>
|
||||
|
||||
@@ -385,12 +387,14 @@ const isCardDetailsVisible = ref(false)
|
||||
>
|
||||
<VCard title="The Best Answers">
|
||||
<VCardText class="d-flex align-center flex-wrap">
|
||||
<VRating
|
||||
:model-value="5"
|
||||
readonly
|
||||
density="compact"
|
||||
class="me-3"
|
||||
/>
|
||||
<ClientOnly>
|
||||
<VRating
|
||||
:model-value="5"
|
||||
readonly
|
||||
density="compact"
|
||||
class="me-3"
|
||||
/>
|
||||
</ClientOnly>
|
||||
<span class="text-subtitle-2">5 Star | 98 reviews</span>
|
||||
</VCardText>
|
||||
|
||||
|
||||
@@ -120,6 +120,7 @@ const checkbox = ref(false)
|
||||
md="9"
|
||||
>
|
||||
<VCheckbox
|
||||
:id="useId()"
|
||||
v-model="checkbox"
|
||||
label="Remember me"
|
||||
/>
|
||||
|
||||
@@ -124,6 +124,7 @@ const checkbox = ref(false)
|
||||
md="9"
|
||||
>
|
||||
<VCheckbox
|
||||
:id="useId()"
|
||||
v-model="checkbox"
|
||||
label="Remember me"
|
||||
/>
|
||||
|
||||
@@ -17,6 +17,7 @@ const checkbox = ref(false)
|
||||
md="6"
|
||||
>
|
||||
<VTextField
|
||||
:id="useId()"
|
||||
v-model="firstName"
|
||||
label="First Name"
|
||||
placeholder="John"
|
||||
@@ -29,6 +30,7 @@ const checkbox = ref(false)
|
||||
md="6"
|
||||
>
|
||||
<VTextField
|
||||
:id="useId()"
|
||||
v-model="lastName"
|
||||
label="Last Name"
|
||||
placeholder="Doe"
|
||||
@@ -41,6 +43,7 @@ const checkbox = ref(false)
|
||||
md="6"
|
||||
>
|
||||
<VTextField
|
||||
:id="useId()"
|
||||
v-model="email"
|
||||
label="Email"
|
||||
placeholder="johndoe@email.com"
|
||||
@@ -53,6 +56,7 @@ const checkbox = ref(false)
|
||||
md="6"
|
||||
>
|
||||
<VTextField
|
||||
:id="useId()"
|
||||
v-model="city"
|
||||
label="City"
|
||||
placeholder="New York"
|
||||
@@ -65,6 +69,7 @@ const checkbox = ref(false)
|
||||
md="6"
|
||||
>
|
||||
<VTextField
|
||||
:id="useId()"
|
||||
v-model="country"
|
||||
label="Country"
|
||||
placeholder="United States"
|
||||
@@ -77,6 +82,7 @@ const checkbox = ref(false)
|
||||
md="6"
|
||||
>
|
||||
<VTextField
|
||||
:id="useId()"
|
||||
v-model="company"
|
||||
label="Company"
|
||||
placeholder="Themeselection"
|
||||
@@ -86,6 +92,7 @@ const checkbox = ref(false)
|
||||
<!-- 👉 Remember me -->
|
||||
<VCol cols="12">
|
||||
<VCheckbox
|
||||
:id="useId()"
|
||||
v-model="checkbox"
|
||||
label="Remember me"
|
||||
/>
|
||||
|
||||
@@ -11,6 +11,7 @@ const checkbox = ref(false)
|
||||
<VRow>
|
||||
<VCol cols="12">
|
||||
<VTextField
|
||||
:id="useId()"
|
||||
v-model="firstName"
|
||||
label="First Name"
|
||||
placeholder="John"
|
||||
@@ -19,6 +20,7 @@ const checkbox = ref(false)
|
||||
|
||||
<VCol cols="12">
|
||||
<VTextField
|
||||
:id="useId()"
|
||||
v-model="email"
|
||||
label="Email"
|
||||
type="email"
|
||||
@@ -28,6 +30,7 @@ const checkbox = ref(false)
|
||||
|
||||
<VCol cols="12">
|
||||
<VTextField
|
||||
:id="useId()"
|
||||
v-model="mobile"
|
||||
label="Mobile"
|
||||
placeholder="+1 123 456 7890"
|
||||
@@ -37,6 +40,7 @@ const checkbox = ref(false)
|
||||
|
||||
<VCol cols="12">
|
||||
<VTextField
|
||||
:id="useId()"
|
||||
v-model="password"
|
||||
label="Password"
|
||||
autocomplete="on"
|
||||
@@ -47,6 +51,7 @@ const checkbox = ref(false)
|
||||
|
||||
<VCol cols="12">
|
||||
<VCheckbox
|
||||
:id="useId()"
|
||||
v-model="checkbox"
|
||||
label="Remember me"
|
||||
/>
|
||||
|
||||
@@ -11,6 +11,7 @@ const checkbox = ref(false)
|
||||
<VRow>
|
||||
<VCol cols="12">
|
||||
<VTextField
|
||||
:id="useId()"
|
||||
v-model="firstName"
|
||||
prepend-inner-icon="bx-user"
|
||||
label="First Name"
|
||||
@@ -20,6 +21,7 @@ const checkbox = ref(false)
|
||||
|
||||
<VCol cols="12">
|
||||
<VTextField
|
||||
:id="useId()"
|
||||
v-model="email"
|
||||
prepend-inner-icon="bx-envelope"
|
||||
label="Email"
|
||||
@@ -30,6 +32,7 @@ const checkbox = ref(false)
|
||||
|
||||
<VCol cols="12">
|
||||
<VTextField
|
||||
:id="useId()"
|
||||
v-model="mobile"
|
||||
prepend-inner-icon="bx-mobile"
|
||||
label="Mobile"
|
||||
@@ -40,6 +43,7 @@ const checkbox = ref(false)
|
||||
|
||||
<VCol cols="12">
|
||||
<VTextField
|
||||
:id="useId()"
|
||||
v-model="password"
|
||||
prepend-inner-icon="bx-lock"
|
||||
label="Password"
|
||||
@@ -51,6 +55,7 @@ const checkbox = ref(false)
|
||||
|
||||
<VCol cols="12">
|
||||
<VCheckbox
|
||||
:id="useId()"
|
||||
v-model="checkbox"
|
||||
label="Remember me"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user