Add phoneNumb lib, change app name, fix cart
This commit is contained in:
Amir
@@ -24,7 +24,7 @@
|
||||
>
|
||||
<div class="text-center mb-5">
|
||||
<div class="text-900 text-3xl font-semibold mb-3">
|
||||
eLelong
|
||||
ArrahnBid
|
||||
<img class="logo-img" src="img/logo_arrahn.png" alt="arrahn-logo" />
|
||||
</div>
|
||||
<span class="text-600 font-medium line-height-3"
|
||||
|
||||
@@ -25,7 +25,7 @@
|
||||
>
|
||||
<div class="text-center mb-5">
|
||||
<div class="text-900 text-3xl font-semibold mb-3">
|
||||
eLelong
|
||||
ArrahnBid
|
||||
<img class="logo-img" src="img/logo_arrahn.png" alt="arrahn-logo" />
|
||||
</div>
|
||||
<span class="text-600 font-medium line-height-3"
|
||||
@@ -66,7 +66,14 @@
|
||||
</div>
|
||||
<div class="col-12 lg:col-6">
|
||||
<div class="field">
|
||||
<label for="nokp">No Kad Pengenalan</label>
|
||||
<!-- <label for="nokp">No Kad Pengenalan</label> -->
|
||||
<select
|
||||
class="p-0 mb-2 form-select"
|
||||
style="width: 190px; border: none"
|
||||
>
|
||||
<option selected value="nokp">No Kad Pengenalan</option>
|
||||
<option value="passpor">No Passport</option>
|
||||
</select>
|
||||
<InputText
|
||||
id="nokp"
|
||||
type="text"
|
||||
@@ -92,7 +99,7 @@
|
||||
<div class="col-12 lg:col-6">
|
||||
<div class="field">
|
||||
<label for="notelbimbit">No Telefon</label>
|
||||
<InputText
|
||||
<!-- <InputText
|
||||
id="notelbimbit"
|
||||
type="text"
|
||||
v-model="form.notelbimbit"
|
||||
@@ -108,7 +115,23 @@
|
||||
focus:border-primary
|
||||
w-full
|
||||
"
|
||||
></InputText>
|
||||
></InputText> -->
|
||||
<MazPhoneNumberInput
|
||||
v-model="form.notelbimbit"
|
||||
show-code-on-list
|
||||
:preferred-countries="['MY']"
|
||||
:translations="{
|
||||
countrySelector: {
|
||||
placeholder: 'Pilih Negara',
|
||||
error: 'Choose country',
|
||||
},
|
||||
phoneInput: {
|
||||
placeholder: 'Nombor Telefon',
|
||||
},
|
||||
}"
|
||||
:no-example="true"
|
||||
@update="results = $event"
|
||||
/>
|
||||
<InlineMessage class="mt-1" v-if="v$.form.notelbimbit.$error"
|
||||
>No telefon diperlukan</InlineMessage
|
||||
>
|
||||
@@ -132,6 +155,7 @@
|
||||
outline-none
|
||||
focus:border-primary
|
||||
w-full
|
||||
h-match-phone-number
|
||||
"
|
||||
></InputText>
|
||||
<InlineMessage class="mt-1" v-if="v$.form.email.$error"
|
||||
@@ -141,7 +165,7 @@
|
||||
</div>
|
||||
<div class="col-12 lg:col-6">
|
||||
<div class="field">
|
||||
<label for="username">Username</label>
|
||||
<p class="mb-0" for="username">Username</p>
|
||||
<InputText
|
||||
id="username"
|
||||
type="text"
|
||||
@@ -157,6 +181,7 @@
|
||||
outline-none
|
||||
focus:border-primary
|
||||
w-full
|
||||
h-match-password
|
||||
"
|
||||
></InputText>
|
||||
<InlineMessage class="mt-1" v-if="v$.form.username.$error"
|
||||
@@ -521,4 +546,12 @@ export default {
|
||||
width: 84px;
|
||||
height: 44px;
|
||||
}
|
||||
|
||||
.h-match-phone-number {
|
||||
height: 48px;
|
||||
}
|
||||
|
||||
.h-match-password {
|
||||
height: 42px;
|
||||
}
|
||||
</style>
|
||||
@@ -137,7 +137,7 @@
|
||||
<td>Berat</td>
|
||||
<td style="min-width: 110px">Harga Asas</td>
|
||||
<td style="min-width: 110px">Harga Bida</td>
|
||||
<!-- <td>Tindakan</td> -->
|
||||
<td>Tindakan</td>
|
||||
</tr>
|
||||
<tr
|
||||
v-for="(surat, index) in item.lelongbid"
|
||||
@@ -169,6 +169,22 @@
|
||||
.replace(/\B(?=(\d{3})+(?!\d))/g, ",") || ""
|
||||
}}
|
||||
</th>
|
||||
<td>
|
||||
<Button
|
||||
icon="pi pi-trash"
|
||||
data-bs-toggle="modal"
|
||||
data-bs-target="#deleteModal"
|
||||
v-on:click="openModal(surat)"
|
||||
class="p-button-text p-button-danger"
|
||||
/>
|
||||
<Button
|
||||
icon="pi pi-file-edit"
|
||||
data-bs-toggle="modal"
|
||||
data-bs-target="#editModal"
|
||||
v-on:click="openModal(surat)"
|
||||
class="p-button-warning p-button-text"
|
||||
/>
|
||||
</td>
|
||||
</tr>
|
||||
<tr style="text-transform: uppercase">
|
||||
<td colspan="2">Jumlah</td>
|
||||
@@ -181,6 +197,7 @@
|
||||
.replace(/\B(?=(\d{3})+(?!\d))/g, ",") || ""
|
||||
}}
|
||||
</th>
|
||||
<td class="table-light"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
@@ -204,7 +221,7 @@
|
||||
</div>
|
||||
<div>
|
||||
<i class="pi pi-wallet text-primary"
|
||||
><span class="ml-1">Jumlah Bidaan</span></i
|
||||
><span class="ml-1">Jumlah Kesuluruhan Bidaan</span></i
|
||||
>
|
||||
|
||||
<p class="font-bold text-xl">
|
||||
@@ -783,7 +800,7 @@
|
||||
<tbody>
|
||||
<tr class="bg-light">
|
||||
<td style="min-width: 220px">Jumlah Surat</td>
|
||||
<td style="min-width: 170px">Jumlah Bidaan</td>
|
||||
<td style="min-width: 170px">Jumlah Kesuluruhan Bidaan</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{ masterTotalSurat }}</td>
|
||||
|
||||
@@ -15,7 +15,7 @@
|
||||
>
|
||||
<div class="flex align-items-center justify-content-center">
|
||||
<div class="company-title" type="button" v-on:click="toHome()">
|
||||
<div class="logo-title">eLelong</div>
|
||||
<div class="logo-title">ArrahnBid</div>
|
||||
<img class="logo-img" src="img/logo_arrahn.png" alt="arrahn-logo" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -44,6 +44,9 @@ import Tag from 'primevue/tag';
|
||||
import Image from 'primevue/image';
|
||||
import Galleria from 'primevue/galleria';
|
||||
|
||||
import 'maz-ui/css/main.css'
|
||||
import MazPhoneNumberInput from 'maz-ui/components/MazPhoneNumberInput'
|
||||
|
||||
import TheTemplate from './components/layouts/TheTemplate.vue'
|
||||
import BaseCard from './components/base/BaseCard.vue'
|
||||
import TermsAndConditions from './components/authentication/TermsAndConditions.vue'
|
||||
@@ -82,6 +85,8 @@ app.component('Tag', Tag);
|
||||
app.component('Image', Image);
|
||||
app.component('Galleria', Galleria);
|
||||
|
||||
app.component('MazPhoneNumberInput', MazPhoneNumberInput)
|
||||
|
||||
app.use(router).use(store).use(PrimeVue).use(VueSweetalert2).use(ToastService).mount('#app');
|
||||
// app.use(router).use(store).use(PrimeVue).use(ToastService).mount('#app');
|
||||
|
||||
|
||||
Reference in New Issue
Block a user