Proyectos de Subversion LeadersLinked - Backend

Rev

Rev 11416 | Rev 11421 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 11416 Rev 11418
Línea 23... Línea 23...
23 
	return sortedData
 23 
	return sortedData
24 
}
 24 
}
Línea 25... Línea 25...
25 
 
 25 
 
26 
const SortButton = ({ sortOrder, columnKey, sortKey, onClick }) => {
 26 
const SortButton = ({ sortOrder, columnKey, sortKey, onClick }) => {
27 
	return (
 27 
	return (
28 
		<button onClick={onClick} className="btn">
 28 
		<button onClick={onClick} className="btn p-0">
29 
			{
 29 
			{
30 
				(sortKey === columnKey) && (sortOrder === 'desc')
 30 
				(sortKey === columnKey) && (sortOrder === 'desc')
31 
					? <i className='fa fa-angle-up' />
 31 
					? <i className='fa fa-angle-up' />
32 
					: <i className='fa fa-angle-down' />
 32 
					: <i className='fa fa-angle-down' />
Línea 54... Línea 54...
54 
	useEffect(() => {
 54 
	useEffect(() => {
55 
		setData(prev => ({ ...prev, items: sortedData() }))
 55 
		setData(prev => ({ ...prev, items: sortedData() }))
56 
	}, [sortKey, sortOrder])
 56 
	}, [sortKey, sortOrder])
Línea 57... Línea 57...
57 
 
 57 
 
58 
	return (
 58 
	return (
59 
		<table className="table table-hover dataTable no-footer dtr-inline">
 59 
		<table className="table table-hover dataTable no-footer dtr-inline w-100" style={{ tableLayout: 'fixed' }}>
60 
			<thead>
 60 
			<thead>
61 
				<tr>
 61 
				<tr>
62 
					{
 62 
					{
63 
						headers.map((row) => (
 63 
						headers.map((row) => (
64 
							<th key={row.key} className="text-vertical-middle">
 64 
							<th key={row.key} className="text-vertical-middle">
65 
								{row.label}
 65 
								{row.label}
66 
								{
 66 
								{
67 
									row.isSorteable
 67 
									row.isSorteable
68 
                                    &&
 68 
									&&
69 
                                    <SortButton columnKey={row.key} onClick={() => changeSort(row.key)} {...{ sortOrder, sortKey, }} />
 69 
									<SortButton columnKey={row.key} onClick={() => changeSort(row.key)} {...{ sortOrder, sortKey, }} />
70 
								}
 70 
								}
71 
							</th>
 71 
							</th>
72 
						))
 72 
						))
73 
					}
 73 
					}
Línea 133... Línea 133...
133 
 
 133 
 
Línea 134... Línea 134...
134 
	const lengthValues = ['10', '25', '50', '100']
 134 
	const lengthValues = ['10', '25', '50', '100']
135 
 
 135 
 
136 
	return (
 136 
	return (
137 
		<label className='d-inline-flex'>
 137 
		<label className='d-inline-flex'>
138 
            Mostrar
 138 
			Mostrar
139 
			<select
 139 
			<select
140 
				className="custom-select custom-select-sm form-control form-control-sm"
 140 
				className="custom-select custom-select-sm form-control form-control-sm"
141 
				onChange={onChange}
 141 
				onChange={onChange}
142 
			>
 142 
			>
143 
				{
 143 
				{
144 
					lengthValues.map((value, index) => (
 144 
					lengthValues.map((value, index) => (
145 
						<option key={index} value={value}>{value}</option>
 145 
						<option key={index} value={value}>{value}</option>
146 
					))
 146 
					))
147 
				}
 147 
				}
148 
			</select>
 148 
			</select>
149 
            registros
 149 
			registros
150 
		</label>
 150 
		</label>
Línea 151... Línea 151...
151 
	)
 151 
	)