yogiedigital/cod-fe
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixing ui master

Browse Source
This commit is contained in:
Fachba
2025-10-25 16:08:42 +07:00
parent a3e5fdd138
commit a86795fdf6
15 changed files with 183 additions and 184 deletions
Download Patch File Download Diff File Expand all files Collapse all files

70
src/pages/master/status/component/DetailStatus.jsx
View File

@@ -197,39 +197,43 @@ const DetailStatus = (props) => {
</div>
</Col>
</Row>
<div style={{ marginBottom: 12 }}>
<Text strong>Status Color</Text>
<Text style={{ color: 'red' }}> *</Text>
<div style={{ marginTop: '8px' }}>
<ColorPicker
value={formData.status_color || '#000000'}
onChange={handleColorChange}
disabled={props.readOnly}
showText={(color) => `color hex: ${color.toHexString()}`}
allowClear={false}
format="hex"
size="large"
style={{ width: '100%' }}
presets={[
{
label: 'Recommended',
colors: [
'#EF4444', // Merah
'#3B82F6', // Biru
'#10B981', // Hijau
'#F59E0B', // Kuning
'#8B5CF6', // Ungu
'#EC4899', // Pink
'#F97316', // Orange
'#14B8A6', // Teal
'#6B7280', // Gray
'#000000', // Black
],
},
]}
/>
</div>
</div>
<Row gutter={16}>
<Col span={12}>
<div style={{ marginBottom: 12 }}>
<Text strong>Status Color</Text>
<Text style={{ color: 'red' }}> *</Text>
<div style={{ marginTop: '8px' }}>
<ColorPicker
value={formData.status_color || '#000000'}
onChange={handleColorChange}
disabled={props.readOnly}
showText={(color) => `color hex: ${color.toHexString()}`}
allowClear={false}
format="hex"
style={{ width: '100%' }}
presets={[
{
label: 'Recommended',
colors: [
'#EF4444', // Merah
'#3B82F6', // Biru
'#10B981', // Hijau
'#F59E0B', // Kuning
'#8B5CF6', // Ungu
'#EC4899', // Pink
'#F97316', // Orange
'#14B8A6', // Teal
'#6B7280', // Gray
'#000000', // Black
],
},
]}
/>
</div>
</div>
</Col>
</Row>
<div style={{ marginBottom: 12 }}>
<Text strong>Description</Text>
<TextArea

23
src/pages/master/status/component/ListStatus.jsx
View File

@@ -13,8 +13,29 @@ import { deleteStatus, getAllStatuss } from '../../../../api/master-status';
import TableList from '../../../../components/Global/TableList';
const columns = (showPreviewModal, showEditModal, showDeleteDialog) => [
{ title: 'Number', dataIndex: 'status_number', key: 'status_number', width: '15%' },
{
title: 'No',
key: 'no',
width: '5%',
align: 'center',
render: (_, __, index) => index + 1,
},
{ title: 'Status Number', dataIndex: 'status_number', key: 'status_number', width: '15%' },
{ title: 'Name', dataIndex: 'status_name', key: 'status_name', width: '25%' },
{
title: 'Color',
dataIndex: 'status_color',
key: 'status_color',
align: 'center',
width: '10%',
render: (_, record) => (
<Button
type="text"
style={{ backgroundColor: record.status_color }}
onClick={() => showPreviewModal(record)}
/>
),
},
{
title: 'Description',
dataIndex: 'status_description',