mirror of
https://gitlab.com/mbugroup/lti-web-client.git
synced 2026-05-23 14:55:44 +00:00
refactor(FE-316): Polish Uniformity template and upload UI
This commit is contained in:
@@ -27,18 +27,18 @@ export const generateUniformityTemplate = (
|
|||||||
['Jumlah Sampel (2%)', formatNumber(sampleSize)],
|
['Jumlah Sampel (2%)', formatNumber(sampleSize)],
|
||||||
[''],
|
[''],
|
||||||
['CARA PENGISIAN:'],
|
['CARA PENGISIAN:'],
|
||||||
['1. Pindah ke sheet ke-2 untuk mengisi data BW (Body Weight)'],
|
['1. Pindah ke sheet ke-2 untuk mengisi data BW (Body Weight).'],
|
||||||
[
|
[
|
||||||
'2. Kolom NO sudah terisi otomatis dari 1 sampai ' +
|
'2. Kolom NO sudah terisi otomatis dari 1 sampai ' +
|
||||||
formatNumber(sampleSize),
|
formatNumber(sampleSize),
|
||||||
],
|
],
|
||||||
['3. Isi kolom BW dengan berat badan ayam dalam gram'],
|
['3. Isi kolom BW dengan berat badan ayam dalam gram.'],
|
||||||
['4. Pastikan baris terisi dengan data yang valid'],
|
['4. Pastikan baris terisi dengan data yang valid.'],
|
||||||
['5. Simpan file dan upload kembali ke sistem'],
|
['5. Simpan file dan upload kembali ke sistem.'],
|
||||||
[''],
|
[''],
|
||||||
['FORMAT DATA:'],
|
['FORMAT DATA:'],
|
||||||
['• NO: Nomor urut ayam (1, 2, 3, ...)'],
|
['• NO: Nomor urut ayam (1, 2, 3, ...).'],
|
||||||
['• BW: Berat badan dalam gram (contoh: 1500, 1650, 1800)'],
|
['• BW: Berat badan dalam gram (contoh: 1500, 1650, 1800).'],
|
||||||
[''],
|
[''],
|
||||||
['CATATAN:'],
|
['CATATAN:'],
|
||||||
[
|
[
|
||||||
|
|||||||
@@ -565,7 +565,9 @@ const UniformityForm = ({
|
|||||||
</div>
|
</div>
|
||||||
) : (
|
) : (
|
||||||
<>
|
<>
|
||||||
<div className='flex flex-col items-center justify-center text-center gap-2 my-10 mb-0!'>
|
<div
|
||||||
|
className={`flex flex-col items-center justify-center text-center gap-2 ${projectFlockKandangLookup?.available_quantity ? 'my-10 mb-0' : 'my-10'}`}
|
||||||
|
>
|
||||||
<div className='border border-[#18181B]/25 rounded-2xl p-1 flex items-center justify-center'>
|
<div className='border border-[#18181B]/25 rounded-2xl p-1 flex items-center justify-center'>
|
||||||
<Button
|
<Button
|
||||||
type='button'
|
type='button'
|
||||||
@@ -584,7 +586,7 @@ const UniformityForm = ({
|
|||||||
</Button>
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
<span className='text-md font-semibold text-[#18181B80]'>
|
<span className='text-md font-semibold text-[#18181B80]'>
|
||||||
Drag file to this area to upload
|
Choose file to upload
|
||||||
</span>
|
</span>
|
||||||
<span className='text-xs font-light text-[#18181B80] text-center max-w-xs px-4'>
|
<span className='text-xs font-light text-[#18181B80] text-center max-w-xs px-4'>
|
||||||
{projectFlockKandangLookup?.available_quantity
|
{projectFlockKandangLookup?.available_quantity
|
||||||
@@ -608,7 +610,10 @@ const UniformityForm = ({
|
|||||||
type='button'
|
type='button'
|
||||||
variant='outline'
|
variant='outline'
|
||||||
className='btn-sm rounded-2xl shadow-md border border-base-300'
|
className='btn-sm rounded-2xl shadow-md border border-base-300'
|
||||||
onClick={handleDownloadTemplate}
|
onClick={(e) => {
|
||||||
|
e.stopPropagation();
|
||||||
|
handleDownloadTemplate();
|
||||||
|
}}
|
||||||
>
|
>
|
||||||
<Icon
|
<Icon
|
||||||
icon='heroicons:arrow-down-tray'
|
icon='heroicons:arrow-down-tray'
|
||||||
|
|||||||
Reference in New Issue
Block a user