KoPKB/lelong-web-pembida
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

6/12/2022 changes

Browse Source
This commit is contained in:
Afrina Alimi
2022-12-06 12:50:55 +08:00
parent fd4b9021d2
commit 993d9f027d
14 changed files with 175 additions and 743 deletions
Download Patch File Download Diff File Expand all files Collapse all files
package-lock.json
Generated
+126 -671
View File
File diff suppressed because it is too large Load Diff
package.json
+1
View File
@@ -23,6 +23,7 @@
"primevue": "^3.17.0",
"vue": "^3.2.13",
"vue-router": "^4.0.14",
"vue-sidebar-menu-akahon": "^0.1.4",
"vue-sweetalert2": "^5.0.5",
"vuex": "^4.0.2"
},
public/themes/lara-light-blue/theme.css
+6 -6
View File
@@ -36,7 +36,7 @@
--border-radius:6px;
--surface-ground:#eff3f8;
--surface-section:#ffffff;
--surface-card:#ffffff;
--surface-card:#454444;
--surface-overlay:#ffffff;
--surface-border:#dfe7ef;
--surface-hover:#f6f9fc;
@@ -1081,10 +1081,10 @@
color: #495057;
background: #ffffff;
padding: 0.75rem 0.75rem;
border: 1px solid #ced4da;
border: 4px solid #ced4da;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none;
border-radius: 6px;
border-radius: 24px;
}
.p-inputtext:enabled:hover {
border-color: #3B82F6;
@@ -1697,12 +1697,12 @@
.p-button {
color: #ffffff;
background: #2f68c5;
border: 1px solid #2f68c5;
background: #faa608;
border: 1px solid #faa608;
padding: 0.75rem 1.25rem;
font-size: 1rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 6px;
border-radius: 24px;
}
.p-button:enabled:hover {
background: #2563eb;
src/components/authentication/TermsAndConditions.vue
+1 -1
View File
@@ -1,5 +1,5 @@
<template>
<a href="#" data-bs-toggle="modal" data-bs-target="#exampleModal">
<a href="#" data-bs-toggle="modal" data-bs-target="#exampleModal" class="text-white">
Terma & Syarat
</a>
<div
src/components/authentication/TheLogin.vue
+9 -12
View File
@@ -7,6 +7,7 @@
min-h-screen
align-items-center
justify-content-center
"
>
<div
@@ -32,19 +33,15 @@
>
<router-link
v-bind:to="{ name: 'register' }"
class="font-medium no-underline ml-2 text-blue-500 cursor-pointer"
class="font-medium no-underline ml-2 text-white cursor-pointer"
>Daftar sekarang!</router-link
>
</div>
<form @submit.prevent="submit">
<div class="px-0 text-center md:px-8">
<div class="field grid">
<label
for="firstname3"
class="justify-content-end"
style="width: 170px"
>Username</label
>
<!-- <label for="firstname3" class="justify-content-end"
style="width: 170px">Username</label> -->
<div class="col">
<span class="p-input-icon-right">
<i class="pi pi-user" />
@@ -52,6 +49,7 @@
class="mb-2"
v-model="form.username"
type="text"
placeholder="Username"
required
></InputText>
</span>
@@ -61,18 +59,16 @@
>
</div>
<div class="field grid">
<label
for="firstname3"
<!-- <label for="firstname3"
class="justify-content-end"
style="width: 170px"
>Kata Laluan</label
>
style="width: 170px">Kata Laluan</label> -->
<div class="col">
<span class="p-input-icon-left">
<i class="pi pi-user" />
<Password
class="mb-2"
v-model="form.password"
placeholder="Password"
toggleMask
:feedback="false"
/>
@@ -211,6 +207,7 @@ export default {
#9599e2 100%
),
url("/src/assets/background_arrahn.jpg"); */
/* background-color: black; */
background-position: center;
background-size: cover;
}
src/components/authentication/TheRegister.vue
+5 -28
View File
@@ -1,41 +1,18 @@
<template>
<Toast :breakpoints="{ '767px': { width: '100%', right: '0', left: '0' } }" />
<div
class="
flex
main-container
min-h-screen
align-items-center
justify-content-center
m-5
"
>
<div
class="
surface-card
fadein
p-4
shadow-2
border-round
w-11
md:w-10
lg:w-10
xl:w-8
"
>
<div class="flex main-container min-h-screen align-items-center justify-content-center m-5">
<div class="surface-card fadein p-4 shadow-2 border-round w-11 md:w-10 lg:w-10 xl:w-8">
<div class="text-center mb-5">
<div class="text-900 text-3xl font-semibold mb-3">
ArrahnBid
<img class="logo-img" src="img/logo_arrahn.png" alt="arrahn-logo" />
</div>
<span class="text-600 font-medium line-height-3"
>Sudah punyai akaun?</span
>
<span class="text-600 font-medium line-height-3">Sudah punyai akaun?</span>
<router-link
v-bind:to="{ name: 'login' }"
class="font-medium no-underline ml-2 text-blue-500 cursor-pointer"
>Log masuk sekarang!</router-link
>
>Log masuk sekarang!
</router-link>
</div>
<h5>Daftar Akaun</h5>
<div class="grid">
src/components/bid-record/BidRecordList.vue
+8 -8
View File
@@ -1,18 +1,15 @@
<template>
<div>
<VueSidebarMenuAkahon />
</div>
<div v-if="isLoading" class="fadein animation-duration-400">
<div
class="flex align-items-center justify-content-center container-height"
>
<div class="flex align-items-center justify-content-center container-height">
<div class="spinner-border" role="status">
<span class="visually-hidden">Loading...</span>
</div>
</div>
</div>
<div
v-else
style="min-height: 70vh"
class="fadein animation-duration-400"
>
<div v-else style="min-height: 70vh" class="fadein animation-duration-400">
<div v-if="isSuccess" class="grid justify-content-center">
<div class="col-12 lg:col-11">
<Card>
@@ -276,9 +273,12 @@
<script>
import axios from "axios";
import VueSidebarMenuAkahon from "vue-sidebar-menu-akahon";
export default {
name: "BidDetail",
name: 'component.vue',
data() {
return {
listBid: [],
src/components/home/CurrentKarat.vue
+2 -2
View File
@@ -1,7 +1,7 @@
<template>
<Card>
<Card style="margin-bottom: 1em">
<template #title>
<div class="flex justify-content-between flex-wrap card-container">
<div class="flex justify-content-center flex-wrap card-container">
<div class="font-normal">Harga Emas Lelongan</div>
<Button
class="button-standard p-button-rounded p-button-outlined"
src/components/home/LelongNext.vue
+2 -2
View File
@@ -1,10 +1,10 @@
<template>
<Card>
<Card style="margin-bottom: 1em">
<template #title
><div
class="
flex
justify-content-between
justify-content-center
flex-wrap
card-container
purple-container
src/components/home/LelongToday.vue
+1 -1
View File
@@ -1,7 +1,7 @@
<template>
<Card style="margin-bottom: 1em">
<template #title>
<div class="flex justify-content-between flex-wrap card-container">
<div class="flex justify-content-center flex-wrap card-container">
<div class="font-semibold">Lelongan Hari Ini : <span>{{ date }}</span></div>
<Button
class="button-standard p-button-rounded p-button-outlined"
src/components/home/TheHome.vue
+2 -4
View File
@@ -1,14 +1,12 @@
<template>
<the-template>
<div class="grid">
<div class="col-12">
<div class="col-12 pt-2">
<result-notification></result-notification>
</div>
<div class="col-12 lg:col-7">
<div class="col-12 lg:col-12">
<lelong-today></lelong-today>
<lelong-next></lelong-next>
</div>
<div class="col-12 lg:col-5">
<current-karat></current-karat>
</div>
</div>
src/components/layouts/TheHeader.vue
+5 -5
View File
@@ -281,7 +281,7 @@ router-link:hover {
} */
.main-color {
background-color: #1e417b;
background-color: #eeeeee;
}
.border-none {
@@ -292,7 +292,7 @@ router-link:hover {
display: flex;
justify-content: space-between;
align-items: center;
background-color: #1e417b;
background-color: #eeeeee;
height: 3.2rem;
padding: 0 6.4rem;
@@ -331,7 +331,7 @@ router-link:hover {
align-items: center;
justify-content: center;
height: 2.4rem;
color: #82a4dc;
color: #000000;
font-weight: 500;
font-size: 1rem;
transition: all 0.3s;
@@ -348,11 +348,11 @@ router-link:hover {
.nav-button {
text-decoration: none;
margin: 0 1.5rem;
color: #82a4dc;
color: #000000;
}
.nav-button:hover {
color: #eaf0f9;
color: #000000;
}
a.router-link-exact-active {
src/components/layouts/TheTemplate.vue
+3 -3
View File
@@ -1,8 +1,8 @@
<template>
<div class="content-page">
<div class="content">
<div class="content-page" style="background-color: #fec234;">
<div class="content" style="background-color: #fec234;">
<the-header />
<div class="container pt-5">
<div class="container pt-2" style="background-color: #333333;">
<slot></slot>
</div>
</div>
src/main.js
+4
View File
@@ -44,6 +44,9 @@ import Tag from 'primevue/tag';
import Image from 'primevue/image';
import Galleria from 'primevue/galleria';
import VueSidebarMenuAkahon from "vue-sidebar-menu-akahon";
// Vue.component('vue-sidebar-menu-akahon', VueSidebarMenuAkahon);
import 'maz-ui/css/main.css'
import MazPhoneNumberInput from 'maz-ui/components/MazPhoneNumberInput'
@@ -84,6 +87,7 @@ app.component('TabPanel', TabPanel);
app.component('Tag', Tag);
app.component('Image', Image);
app.component('Galleria', Galleria);
app.component('vue-sidebar-menu-akahon', VueSidebarMenuAkahon);
app.component('MazPhoneNumberInput', MazPhoneNumberInput)