mirror of
https://gitlab.com/mbugroup/lti-web-client.git
synced 2026-05-20 21:41:57 +00:00
fix: hide phase selection, abk assignment, and activity checklist form when kandang is empty
This commit is contained in:
ValdiANS
@@ -98,6 +98,8 @@ export function DailyChecklistContent() {
|
||||
const [emptyKandang, setEmptyKandang] = useState(false);
|
||||
const [emptyKandangEndDate, setEmptyKandangEndDate] = useState('');
|
||||
|
||||
const isKandangEmpty = selectedCategory === 'empty_kandang';
|
||||
|
||||
const {
|
||||
options: kandangOptions,
|
||||
isLoadingMore: isLoadingMoreKandang,
|
||||
@@ -298,7 +300,7 @@ export function DailyChecklistContent() {
|
||||
|
||||
if (isResponseError(checklist)) {
|
||||
console.error('Error upserting checklist:', checklist.message);
|
||||
toast.error('Gagal memuat checklist');
|
||||
toast.error('Gagal memuat checklist: ' + checklist.message);
|
||||
return;
|
||||
}
|
||||
|
||||
@@ -311,6 +313,12 @@ export function DailyChecklistContent() {
|
||||
|
||||
if (isResponseError(existingPhases)) {
|
||||
console.error('Error loading phases:', existingPhases.message);
|
||||
} else if (
|
||||
existingPhases &&
|
||||
existingPhases.data &&
|
||||
existingPhases.data.phases.length === 0
|
||||
) {
|
||||
toast.success('Berhasil membuat daily checklist!');
|
||||
} else if (
|
||||
existingPhases &&
|
||||
existingPhases.data &&
|
||||
@@ -1118,7 +1126,7 @@ export function DailyChecklistContent() {
|
||||
</div>
|
||||
|
||||
{/* Phase Selection Section */}
|
||||
{dailyChecklistId && (
|
||||
{!isKandangEmpty && dailyChecklistId && (
|
||||
<div className='mb-6 pb-6 border-b border-gray-200'>
|
||||
{isChecklistStatusDraft && (
|
||||
<div className='flex items-center justify-between mb-3'>
|
||||
@@ -1159,298 +1167,314 @@ export function DailyChecklistContent() {
|
||||
)}
|
||||
|
||||
{/* ABK Assignment Section */}
|
||||
{dailyChecklistId && selectedPhaseIds.length > 0 && (
|
||||
<div className='mb-6 pb-6 border-b border-gray-200'>
|
||||
{isChecklistStatusDraft && (
|
||||
<div className='flex items-center justify-between mb-3'>
|
||||
<Label>ABK Assignment</Label>
|
||||
<Button
|
||||
onClick={handleAddAbk}
|
||||
size='sm'
|
||||
variant='outline'
|
||||
className='border-[#0069e0] text-[#0069e0] hover:bg-blue-50'
|
||||
disabled={!kandangId || !isChecklistStatusDraft}
|
||||
>
|
||||
<Plus className='w-4 h-4 mr-1' />
|
||||
Tambah ABK
|
||||
</Button>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{selectedEmployees.length > 0 ? (
|
||||
<div className='flex flex-wrap gap-2'>
|
||||
{selectedEmployees.map((emp) => (
|
||||
<Badge
|
||||
key={emp.id}
|
||||
variant='secondary'
|
||||
className='px-3 py-1.5 bg-gray-100 text-gray-700 border border-gray-200 rounded-lg'
|
||||
{!isKandangEmpty &&
|
||||
dailyChecklistId &&
|
||||
selectedPhaseIds.length > 0 && (
|
||||
<div className='mb-6 pb-6 border-b border-gray-200'>
|
||||
{isChecklistStatusDraft && (
|
||||
<div className='flex items-center justify-between mb-3'>
|
||||
<Label>ABK Assignment</Label>
|
||||
<Button
|
||||
onClick={handleAddAbk}
|
||||
size='sm'
|
||||
variant='outline'
|
||||
className='border-[#0069e0] text-[#0069e0] hover:bg-blue-50'
|
||||
disabled={!kandangId || !isChecklistStatusDraft}
|
||||
>
|
||||
{emp.name}
|
||||
{isChecklistStatusDraft && (
|
||||
<button
|
||||
onClick={() => handleRemoveAbk(String(emp.id))}
|
||||
className='ml-2 hover:text-gray-900'
|
||||
>
|
||||
<X className='w-3 h-3' />
|
||||
</button>
|
||||
)}
|
||||
</Badge>
|
||||
))}
|
||||
</div>
|
||||
) : (
|
||||
<p className='text-sm text-gray-500'>Belum ada ABK dipilih</p>
|
||||
)}
|
||||
</div>
|
||||
)}
|
||||
<Plus className='w-4 h-4 mr-1' />
|
||||
Tambah ABK
|
||||
</Button>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{selectedEmployees.length > 0 ? (
|
||||
<div className='flex flex-wrap gap-2'>
|
||||
{selectedEmployees.map((emp) => (
|
||||
<Badge
|
||||
key={emp.id}
|
||||
variant='secondary'
|
||||
className='px-3 py-1.5 bg-gray-100 text-gray-700 border border-gray-200 rounded-lg'
|
||||
>
|
||||
{emp.name}
|
||||
{isChecklistStatusDraft && (
|
||||
<button
|
||||
onClick={() => handleRemoveAbk(String(emp.id))}
|
||||
className='ml-2 hover:text-gray-900'
|
||||
>
|
||||
<X className='w-3 h-3' />
|
||||
</button>
|
||||
)}
|
||||
</Badge>
|
||||
))}
|
||||
</div>
|
||||
) : (
|
||||
<p className='text-sm text-gray-500'>
|
||||
Belum ada ABK dipilih
|
||||
</p>
|
||||
)}
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* Activity Checklist Table */}
|
||||
{dailyChecklistId &&
|
||||
selectedPhaseIds.length > 0 &&
|
||||
selectedEmployees.length > 0 ? (
|
||||
<div>
|
||||
<h3 className='font-semibold text-gray-900 mb-4'>
|
||||
Checklist Aktivitas
|
||||
</h3>
|
||||
{Object.keys(activitiesByPhase).length > 0 ? (
|
||||
<div className='overflow-x-auto'>
|
||||
<table className='w-full border border-gray-200 rounded-lg'>
|
||||
<thead>
|
||||
<tr className='bg-gray-50 border-b border-gray-200'>
|
||||
<th className='text-left py-3 px-4 text-sm font-semibold text-gray-700 border-r border-gray-200 min-w-[200px]'>
|
||||
Aktivitas
|
||||
</th>
|
||||
{sortedSelectedEmployees.map((emp) => (
|
||||
<th
|
||||
key={emp.id}
|
||||
className='text-center py-3 px-4 text-sm font-semibold text-gray-700 border-r border-gray-200 min-w-[100px]'
|
||||
>
|
||||
{emp.name}
|
||||
</th>
|
||||
))}
|
||||
<th className='text-left py-3 px-4 text-sm font-semibold text-gray-700 min-w-[200px]'>
|
||||
Catatan
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{Object.keys(groupActivitiesByPhase()).flatMap(
|
||||
(phaseId) => {
|
||||
const phaseData = groupActivitiesByPhase()[phaseId];
|
||||
const { phase, timeGroups } = phaseData;
|
||||
|
||||
const timeTypes = Object.keys(timeGroups).sort(
|
||||
(a, b) =>
|
||||
TIME_TYPE_ORDER.indexOf(a) -
|
||||
TIME_TYPE_ORDER.indexOf(b)
|
||||
);
|
||||
|
||||
// Count total activities in this phase
|
||||
const totalActivities = timeTypes.reduce(
|
||||
(sum, timeType) =>
|
||||
sum + timeGroups[timeType].length,
|
||||
0
|
||||
);
|
||||
|
||||
// Build all rows for this phase
|
||||
const rows = [];
|
||||
|
||||
// PHASE Header (Main parent) - BLUE
|
||||
rows.push(
|
||||
<tr
|
||||
key={`phase-${phaseId}`}
|
||||
className='bg-blue-50 border-b border-blue-200'
|
||||
>
|
||||
<td
|
||||
colSpan={selectedEmployees.length + 2}
|
||||
className='py-2.5 px-4'
|
||||
{!isKandangEmpty && (
|
||||
<>
|
||||
{dailyChecklistId &&
|
||||
selectedPhaseIds.length > 0 &&
|
||||
selectedEmployees.length > 0 ? (
|
||||
<div>
|
||||
<h3 className='font-semibold text-gray-900 mb-4'>
|
||||
Checklist Aktivitas
|
||||
</h3>
|
||||
{Object.keys(activitiesByPhase).length > 0 ? (
|
||||
<div className='overflow-x-auto'>
|
||||
<table className='w-full border border-gray-200 rounded-lg'>
|
||||
<thead>
|
||||
<tr className='bg-gray-50 border-b border-gray-200'>
|
||||
<th className='text-left py-3 px-4 text-sm font-semibold text-gray-700 border-r border-gray-200 min-w-[200px]'>
|
||||
Aktivitas
|
||||
</th>
|
||||
{sortedSelectedEmployees.map((emp) => (
|
||||
<th
|
||||
key={emp.id}
|
||||
className='text-center py-3 px-4 text-sm font-semibold text-gray-700 border-r border-gray-200 min-w-[100px]'
|
||||
>
|
||||
<div className='flex items-center gap-2'>
|
||||
<span className='text-sm font-semibold text-blue-900'>
|
||||
{phase.name}
|
||||
</span>
|
||||
<Badge
|
||||
variant='secondary'
|
||||
className='text-xs bg-blue-100 text-blue-700 border-blue-200 rounded-lg'
|
||||
>
|
||||
{totalActivities} aktivitas
|
||||
</Badge>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
);
|
||||
{emp.name}
|
||||
</th>
|
||||
))}
|
||||
<th className='text-left py-3 px-4 text-sm font-semibold text-gray-700 min-w-[200px]'>
|
||||
Catatan
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{Object.keys(groupActivitiesByPhase()).flatMap(
|
||||
(phaseId) => {
|
||||
const phaseData =
|
||||
groupActivitiesByPhase()[phaseId];
|
||||
const { phase, timeGroups } = phaseData;
|
||||
|
||||
// TIME_TYPE sub-headers and activities
|
||||
timeTypes.forEach((timeType) => {
|
||||
const activities = timeGroups[timeType];
|
||||
const hasMultipleTimeTypes = timeTypes.length > 1;
|
||||
const timeTypes = Object.keys(timeGroups).sort(
|
||||
(a, b) =>
|
||||
TIME_TYPE_ORDER.indexOf(a) -
|
||||
TIME_TYPE_ORDER.indexOf(b)
|
||||
);
|
||||
|
||||
// TIME Header (optional, only if phase has multiple time types) - GRAY SOFT
|
||||
if (hasMultipleTimeTypes) {
|
||||
// Count total activities in this phase
|
||||
const totalActivities = timeTypes.reduce(
|
||||
(sum, timeType) =>
|
||||
sum + timeGroups[timeType].length,
|
||||
0
|
||||
);
|
||||
|
||||
// Build all rows for this phase
|
||||
const rows = [];
|
||||
|
||||
// PHASE Header (Main parent) - BLUE
|
||||
rows.push(
|
||||
<tr
|
||||
key={`time-${phaseId}-${timeType}`}
|
||||
className='bg-gray-50 border-b border-gray-200'
|
||||
key={`phase-${phaseId}`}
|
||||
className='bg-blue-50 border-b border-blue-200'
|
||||
>
|
||||
<td
|
||||
colSpan={selectedEmployees.length + 2}
|
||||
className='py-2 px-4 pl-8'
|
||||
className='py-2.5 px-4'
|
||||
>
|
||||
<span className='text-xs font-medium text-gray-600'>
|
||||
{TIME_TYPE_LABELS[timeType]} (
|
||||
{activities.length} aktivitas)
|
||||
</span>
|
||||
<div className='flex items-center gap-2'>
|
||||
<span className='text-sm font-semibold text-blue-900'>
|
||||
{phase.name}
|
||||
</span>
|
||||
<Badge
|
||||
variant='secondary'
|
||||
className='text-xs bg-blue-100 text-blue-700 border-blue-200 rounded-lg'
|
||||
>
|
||||
{totalActivities} aktivitas
|
||||
</Badge>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
);
|
||||
}
|
||||
|
||||
// ACTIVITY rows (Child rows with checkboxes)
|
||||
activities.sort((a, b) =>
|
||||
a.name.localeCompare(b.name, undefined, {
|
||||
sensitivity: 'base',
|
||||
})
|
||||
);
|
||||
// TIME_TYPE sub-headers and activities
|
||||
timeTypes.forEach((timeType) => {
|
||||
const activities = timeGroups[timeType];
|
||||
const hasMultipleTimeTypes =
|
||||
timeTypes.length > 1;
|
||||
|
||||
activities.forEach((activity, index) => {
|
||||
const taskId =
|
||||
taskIdsByPhaseActivityId[activity.id];
|
||||
const indentClass = hasMultipleTimeTypes
|
||||
? 'pl-12'
|
||||
: 'pl-8';
|
||||
|
||||
rows.push(
|
||||
<tr
|
||||
key={`activity-${activity.id}`}
|
||||
className={
|
||||
index % 2 === 0
|
||||
? 'bg-white'
|
||||
: 'bg-gray-50/50'
|
||||
}
|
||||
>
|
||||
<td
|
||||
className={`py-3 px-4 ${indentClass} border-r border-gray-200`}
|
||||
>
|
||||
<p className='text-sm text-gray-900'>
|
||||
{activity.name}
|
||||
</p>
|
||||
{activity.description && (
|
||||
<p className='text-xs text-gray-500 mt-0.5'>
|
||||
{activity.description}
|
||||
</p>
|
||||
)}
|
||||
</td>
|
||||
{sortedSelectedEmployees.map((emp) => (
|
||||
<td
|
||||
key={emp.id}
|
||||
className='text-center py-3 px-4 border-r border-gray-200'
|
||||
// TIME Header (optional, only if phase has multiple time types) - GRAY SOFT
|
||||
if (hasMultipleTimeTypes) {
|
||||
rows.push(
|
||||
<tr
|
||||
key={`time-${phaseId}-${timeType}`}
|
||||
className='bg-gray-50 border-b border-gray-200'
|
||||
>
|
||||
<input
|
||||
type='checkbox'
|
||||
checked={
|
||||
assignments[taskId]?.[emp.id]
|
||||
?.checked || false
|
||||
}
|
||||
onChange={(e) =>
|
||||
handleCheckboxChange(
|
||||
String(activity.id),
|
||||
String(emp.id),
|
||||
e.target.checked
|
||||
)
|
||||
}
|
||||
disabled={!isChecklistStatusDraft}
|
||||
className='checkbox-clean'
|
||||
/>
|
||||
</td>
|
||||
))}
|
||||
<td className='py-3 px-4'>
|
||||
<DebouncedTextArea
|
||||
delay={500}
|
||||
name='notes'
|
||||
rows={1}
|
||||
placeholder='Catatan (opsional)'
|
||||
value={
|
||||
taskId && selectedEmployees.length > 0
|
||||
? assignments[taskId]?.[
|
||||
selectedEmployees[0].id
|
||||
]?.note || ''
|
||||
: ''
|
||||
}
|
||||
onChange={(e) => {
|
||||
if (selectedEmployees.length > 0) {
|
||||
handleNoteChange(
|
||||
String(activity.id),
|
||||
String(selectedEmployees[0].id),
|
||||
e.target.value
|
||||
);
|
||||
}
|
||||
}}
|
||||
disabled={!isChecklistStatusDraft}
|
||||
/>
|
||||
</td>
|
||||
</tr>
|
||||
);
|
||||
});
|
||||
});
|
||||
<td
|
||||
colSpan={selectedEmployees.length + 2}
|
||||
className='py-2 px-4 pl-8'
|
||||
>
|
||||
<span className='text-xs font-medium text-gray-600'>
|
||||
{TIME_TYPE_LABELS[timeType]} (
|
||||
{activities.length} aktivitas)
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
);
|
||||
}
|
||||
|
||||
return rows;
|
||||
}
|
||||
)}
|
||||
</tbody>
|
||||
</table>
|
||||
// ACTIVITY rows (Child rows with checkboxes)
|
||||
activities.sort((a, b) =>
|
||||
a.name.localeCompare(b.name, undefined, {
|
||||
sensitivity: 'base',
|
||||
})
|
||||
);
|
||||
|
||||
activities.forEach((activity, index) => {
|
||||
const taskId =
|
||||
taskIdsByPhaseActivityId[activity.id];
|
||||
const indentClass = hasMultipleTimeTypes
|
||||
? 'pl-12'
|
||||
: 'pl-8';
|
||||
|
||||
rows.push(
|
||||
<tr
|
||||
key={`activity-${activity.id}`}
|
||||
className={
|
||||
index % 2 === 0
|
||||
? 'bg-white'
|
||||
: 'bg-gray-50/50'
|
||||
}
|
||||
>
|
||||
<td
|
||||
className={`py-3 px-4 ${indentClass} border-r border-gray-200`}
|
||||
>
|
||||
<p className='text-sm text-gray-900'>
|
||||
{activity.name}
|
||||
</p>
|
||||
{activity.description && (
|
||||
<p className='text-xs text-gray-500 mt-0.5'>
|
||||
{activity.description}
|
||||
</p>
|
||||
)}
|
||||
</td>
|
||||
{sortedSelectedEmployees.map((emp) => (
|
||||
<td
|
||||
key={emp.id}
|
||||
className='text-center py-3 px-4 border-r border-gray-200'
|
||||
>
|
||||
<input
|
||||
type='checkbox'
|
||||
checked={
|
||||
assignments[taskId]?.[emp.id]
|
||||
?.checked || false
|
||||
}
|
||||
onChange={(e) =>
|
||||
handleCheckboxChange(
|
||||
String(activity.id),
|
||||
String(emp.id),
|
||||
e.target.checked
|
||||
)
|
||||
}
|
||||
disabled={!isChecklistStatusDraft}
|
||||
className='checkbox-clean'
|
||||
/>
|
||||
</td>
|
||||
))}
|
||||
<td className='py-3 px-4'>
|
||||
<DebouncedTextArea
|
||||
delay={500}
|
||||
name='notes'
|
||||
rows={1}
|
||||
placeholder='Catatan (opsional)'
|
||||
value={
|
||||
taskId &&
|
||||
selectedEmployees.length > 0
|
||||
? assignments[taskId]?.[
|
||||
selectedEmployees[0].id
|
||||
]?.note || ''
|
||||
: ''
|
||||
}
|
||||
onChange={(e) => {
|
||||
if (
|
||||
selectedEmployees.length > 0
|
||||
) {
|
||||
handleNoteChange(
|
||||
String(activity.id),
|
||||
String(
|
||||
selectedEmployees[0].id
|
||||
),
|
||||
e.target.value
|
||||
);
|
||||
}
|
||||
}}
|
||||
disabled={!isChecklistStatusDraft}
|
||||
/>
|
||||
</td>
|
||||
</tr>
|
||||
);
|
||||
});
|
||||
});
|
||||
|
||||
return rows;
|
||||
}
|
||||
)}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
) : (
|
||||
<div className='flex flex-col items-center justify-center py-16 text-center'>
|
||||
<ListChecks className='w-16 h-16 text-gray-300 mb-4' />
|
||||
<h3 className='text-lg font-semibold text-gray-700 mb-2'>
|
||||
Tidak Ada Aktivitas
|
||||
</h3>
|
||||
<p className='text-sm text-gray-500 max-w-md'>
|
||||
Tidak ada aktivitas untuk fase yang dipilih. Silakan
|
||||
tambahkan aktivitas di Master Aktivitas.
|
||||
</p>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
) : (
|
||||
<div className='flex flex-col items-center justify-center py-16 text-center'>
|
||||
<ListChecks className='w-16 h-16 text-gray-300 mb-4' />
|
||||
<h3 className='text-lg font-semibold text-gray-700 mb-2'>
|
||||
Tidak Ada Aktivitas
|
||||
</h3>
|
||||
<p className='text-sm text-gray-500 max-w-md'>
|
||||
Tidak ada aktivitas untuk fase yang dipilih. Silakan
|
||||
tambahkan aktivitas di Master Aktivitas.
|
||||
</p>
|
||||
{!dailyChecklistId ? (
|
||||
<div>
|
||||
<FilePlus className='w-16 h-16 text-gray-300 mb-4 mx-auto' />
|
||||
<h3 className='text-lg font-semibold text-gray-700 mb-2'>
|
||||
Mulai Checklist Baru
|
||||
</h3>
|
||||
<p className='text-sm text-gray-500 max-w-md'>
|
||||
Pilih tanggal, kandang, dan kategori untuk memulai
|
||||
checklist harian Anda.
|
||||
</p>
|
||||
</div>
|
||||
) : selectedPhaseIds.length === 0 ? (
|
||||
<div className='flex flex-col items-center text-center'>
|
||||
<FilePlus className='w-16 h-16 text-gray-300 mb-4' />
|
||||
<h3 className='text-lg font-semibold text-gray-700 mb-2'>
|
||||
Pilih Fase / Tahap
|
||||
</h3>
|
||||
<p className='text-sm text-gray-500 max-w-md'>
|
||||
Klik tombol {'"'}Pilih Fase{'"'} untuk memilih tahap
|
||||
aktivitas yang akan dikerjakan.
|
||||
</p>
|
||||
</div>
|
||||
) : (
|
||||
<div>
|
||||
<FilePlus className='w-16 h-16 text-gray-300 mb-4 mx-auto' />
|
||||
<h3 className='text-lg font-semibold text-gray-700 mb-2'>
|
||||
Pilih ABK
|
||||
</h3>
|
||||
<p className='text-sm text-gray-500 max-w-md'>
|
||||
Klik tombol {'"'}Tambah ABK{'"'} untuk memilih pekerja
|
||||
yang akan ditugaskan.
|
||||
</p>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
) : (
|
||||
<div className='flex flex-col items-center justify-center py-16 text-center'>
|
||||
{!dailyChecklistId ? (
|
||||
<div>
|
||||
<FilePlus className='w-16 h-16 text-gray-300 mb-4 mx-auto' />
|
||||
<h3 className='text-lg font-semibold text-gray-700 mb-2'>
|
||||
Mulai Checklist Baru
|
||||
</h3>
|
||||
<p className='text-sm text-gray-500 max-w-md'>
|
||||
Pilih tanggal, kandang, dan kategori untuk memulai
|
||||
checklist harian Anda.
|
||||
</p>
|
||||
</div>
|
||||
) : selectedPhaseIds.length === 0 ? (
|
||||
<div className='flex flex-col items-center text-center'>
|
||||
<FilePlus className='w-16 h-16 text-gray-300 mb-4' />
|
||||
<h3 className='text-lg font-semibold text-gray-700 mb-2'>
|
||||
Pilih Fase / Tahap
|
||||
</h3>
|
||||
<p className='text-sm text-gray-500 max-w-md'>
|
||||
Klik tombol {'"'}Pilih Fase{'"'} untuk memilih tahap
|
||||
aktivitas yang akan dikerjakan.
|
||||
</p>
|
||||
</div>
|
||||
) : (
|
||||
<div>
|
||||
<FilePlus className='w-16 h-16 text-gray-300 mb-4 mx-auto' />
|
||||
<h3 className='text-lg font-semibold text-gray-700 mb-2'>
|
||||
Pilih ABK
|
||||
</h3>
|
||||
<p className='text-sm text-gray-500 max-w-md'>
|
||||
Klik tombol {'"'}Tambah ABK{'"'} untuk memilih pekerja
|
||||
yang akan ditugaskan.
|
||||
</p>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
</>
|
||||
)}
|
||||
|
||||
{dailyChecklistId &&
|
||||
{!isKandangEmpty &&
|
||||
dailyChecklistId &&
|
||||
selectedPhaseIds.length > 0 &&
|
||||
selectedEmployees.length > 0 && (
|
||||
<>
|
||||
@@ -1548,7 +1572,8 @@ export function DailyChecklistContent() {
|
||||
)}
|
||||
|
||||
{/* Action Buttons */}
|
||||
{dailyChecklistId &&
|
||||
{!isKandangEmpty &&
|
||||
dailyChecklistId &&
|
||||
selectedPhaseIds.length > 0 &&
|
||||
selectedEmployees.length > 0 &&
|
||||
isChecklistStatusDraft && (
|
||||
|
||||
Reference in New Issue
Block a user