ソースを参照

fix: login form

コミット
f781be7dcb

+ 1
- 1
resources/js/layouts/Auth/AuthLayout.vue ファイルの表示

@@ -11,7 +11,7 @@ defineProps({
11 11
   <Head :title="title" />
12 12
 
13 13
   <div
14
-    class="surface-0 flex align-items-center justify-content-center min-h-screen min-w-screen overflow-hidden bg-primary"
14
+    class="surface-0 flex align-items-center justify-content-center min-h-screen min-w-screen overflow-hidden bg-primary text-color"
15 15
   >
16 16
     <div
17 17
       class="grid flex-column align-items-center p-2 lg:p-0"

+ 5
- 2
resources/js/pages/Auth/Login.vue ファイルの表示

@@ -25,7 +25,6 @@ const onSubmit = () => {
25 25
       v-model="form.username"
26 26
       label="Nama Pengguna"
27 27
       placeholder="nama pengguna"
28
-      label-class="text-900 text-xl font-medium mb-2"
29 28
       :error="form.errors.username"
30 29
     />
31 30
 
@@ -33,7 +32,11 @@ const onSubmit = () => {
33 32
       v-model="form.password"
34 33
       label="Kata Sandi"
35 34
       placeholder="Kata Sandi"
36
-      label-class="text-900 text-xl font-medium mb-2"
35
+      promptLabel="Masukan Kata Sandi"
36
+      weakLabel="Lemah"
37
+      mediumLabel="Sedang"
38
+      strongLabel="Sangat Kuat"
39
+      :toggleMask="true"
37 40
       :error="form.errors.password"
38 41
     />
39 42
 

+ 0
- 1
resources/js/pages/Components/Cart.vue ファイルの表示

@@ -35,7 +35,6 @@ const editingRows = ref([])
35 35
 <template>
36 36
   <DataTable
37 37
     responsiveLayout="scroll"
38
-    columnResizeMode="expand"
39 38
     edit-mode="row"
40 39
     data-key="number"
41 40
     :value="cart"

+ 0
- 1
resources/js/pages/Customers/Index.vue ファイルの表示

@@ -34,7 +34,6 @@ const onDelete = (data) => {
34 34
   <DashboardLayout title="Daftar Pelanggan">
35 35
     <DataTable
36 36
       responsiveLayout="scroll"
37
-      columnResizeMode="expand"
38 37
       :value="customers.data"
39 38
       :rowHover="true"
40 39
       :stripedRows="true"

+ 0
- 1
resources/js/pages/Customers/Show.vue ファイルの表示

@@ -63,7 +63,6 @@ const exportExcel = () => {
63 63
       <div class="col-12">
64 64
         <DataTable
65 65
           responsiveLayout="scroll"
66
-          columnResizeMode="expand"
67 66
           :value="historyPurchase.data"
68 67
           :rowHover="true"
69 68
           :stripedRows="true"

+ 0
- 1
resources/js/pages/Products/Index.vue ファイルの表示

@@ -34,7 +34,6 @@ const onDelete = (data) => {
34 34
   <DashboardLayout title="Daftar Produk">
35 35
     <DataTable
36 36
       responsiveLayout="scroll"
37
-      columnResizeMode="expand"
38 37
       :value="products.data"
39 38
       :rowHover="true"
40 39
       :stripedRows="true"

+ 0
- 1
resources/js/pages/Purchases/Index.vue ファイルの表示

@@ -15,7 +15,6 @@ defineProps({
15 15
   <DashboardLayout title="Daftar Pembelian">
16 16
     <DataTable
17 17
       responsiveLayout="scroll"
18
-      columnResizeMode="expand"
19 18
       :value="purchases.data"
20 19
       :rowHover="true"
21 20
       :stripedRows="true"

+ 0
- 1
resources/js/pages/Suppliers/Index.vue ファイルの表示

@@ -34,7 +34,6 @@ const onDelete = (data) => {
34 34
   <DashboardLayout title="Daftar Supplier">
35 35
     <DataTable
36 36
       responsiveLayout="scroll"
37
-      columnResizeMode="expand"
38 37
       :value="suppliers.data"
39 38
       :rowHover="true"
40 39
       :stripedRows="true"

+ 0
- 1
resources/js/pages/Users/Index.vue ファイルの表示

@@ -51,7 +51,6 @@ const onDelete = (data) => {
51 51
   <DashboardLayout title="Daftar User">
52 52
     <DataTable
53 53
       responsiveLayout="scroll"
54
-      columnResizeMode="expand"
55 54
       :value="users.data"
56 55
       :rowHover="true"
57 56
       :stripedRows="true"

+ 22
- 7
resources/js/pages/Users/Show.vue ファイルの表示

@@ -74,12 +74,17 @@ const onChangePassword = () => {
74 74
                   </div>
75 75
                 </div>
76 76
               </TabPanel>
77
-              <TabPanel header="Ubah Password">
77
+              <TabPanel header="Ubah Kata Sandi">
78 78
                 <div class="grid">
79 79
                   <div class="col-12">
80 80
                     <AppPassword
81
-                      label="Password Lama"
82
-                      placeholder="password lama"
81
+                      label="Kata Sandi Lama"
82
+                      placeholder="Kata Sandi lama"
83
+                      promptLabel="Masukan Kata Sandi"
84
+                      weakLabel="Lemah"
85
+                      mediumLabel="Sedang"
86
+                      strongLabel="Sangat Kuat"
87
+                      :toggleMask="true"
83 88
                       :error="formChangePassword.errors.old_password"
84 89
                       v-model="formChangePassword.old_password"
85 90
                     />
@@ -87,8 +92,13 @@ const onChangePassword = () => {
87 92
 
88 93
                   <div class="col-12">
89 94
                     <AppPassword
90
-                      label="Password Baru"
91
-                      placeholder="password baru"
95
+                      label="Kata Sandi Baru"
96
+                      placeholder="Kata Sandi baru"
97
+                      promptLabel="Masukan Kata Sandi"
98
+                      weakLabel="Lemah"
99
+                      mediumLabel="Sedang"
100
+                      strongLabel="Sangat Kuat"
101
+                      :toggleMask="true"
92 102
                       :error="formChangePassword.errors.new_password"
93 103
                       v-model="formChangePassword.new_password"
94 104
                     />
@@ -96,8 +106,13 @@ const onChangePassword = () => {
96 106
 
97 107
                   <div class="col-12">
98 108
                     <AppPassword
99
-                      label="Konfirmasi Password"
100
-                      placeholder="konfirmasi password"
109
+                      label="Konfirmasi Kata Sandi"
110
+                      placeholder="konfirmasi Kata Sandi"
111
+                      promptLabel="Masukan Kata Sandi"
112
+                      weakLabel="Lemah"
113
+                      mediumLabel="Sedang"
114
+                      strongLabel="Sangat Kuat"
115
+                      :toggleMask="true"
101 116
                       v-model="formChangePassword.new_password_confirmation"
102 117
                     />
103 118
                   </div>