Fixato bug dei giorni della settimana

dev
Antonio De Lucreziis 2 years ago
parent 52350ea0ec
commit c7a49ff491

@ -140,11 +140,20 @@ const WorkWeekView = ({ events }) => {
const WorkWeekVerticalView = ({ events, selection, setSelection, hideOtherCourses }) => { const WorkWeekVerticalView = ({ events, selection, setSelection, hideOtherCourses }) => {
const selectionSet = new Set(selection) const selectionSet = new Set(selection)
// const base = {
// 1: [],
// 2: [],
// 3: [],
// 4: [],
// 5: [],
// }
const eventsByWeekday = _.groupBy( const eventsByWeekday = _.groupBy(
!hideOtherCourses ? events : events.filter(e => selectionSet.has(e.name)), !hideOtherCourses ? events : events.filter(e => selectionSet.has(e.name)),
event => event.start.getDay() event => event.start.getDay()
) )
// const dayIntervalLayout = _.mapValues(Object.assign(base, eventsByWeekday), events =>
const dayIntervalLayout = _.mapValues(eventsByWeekday, events => const dayIntervalLayout = _.mapValues(eventsByWeekday, events =>
layoutIntervals( layoutIntervals(
events.map(e => ({ events.map(e => ({
@ -222,9 +231,9 @@ const WorkWeekVerticalView = ({ events, selection, setSelection, hideOtherCourse
</div> </div>
</div> </div>
</div> </div>
{Object.values(dayIntervalLayout).map((layout, index) => ( {Object.entries(dayIntervalLayout).map(([index, layout]) => (
<div class="day" style={{ '--size': layout.length }}> <div class="day" style={{ '--size': Math.max(1, layout.length) }}>
<div class="top-header">{WEEK_DAYS[index + 1]}</div> <div class="top-header">{WEEK_DAYS[parseInt(index)]}</div>
<div class="events"> <div class="events">
{layout.map((events, stackIndex) => ( {layout.map((events, stackIndex) => (
<> <>

@ -10,8 +10,8 @@ import { Icon } from './components/Icon.jsx'
import { Popup } from './components/Popup.jsx' import { Popup } from './components/Popup.jsx'
import { Toolbar } from './components/Toolbar.jsx' import { Toolbar } from './components/Toolbar.jsx'
// window._ = _ window._ = _
// window.dataBuffer = {} window.dataBuffer = {}
const CALENDAR_IDS = { const CALENDAR_IDS = {
'anno-1': ['6308cfcb1df5cb026699ce32'], 'anno-1': ['6308cfcb1df5cb026699ce32'],
@ -78,7 +78,9 @@ const App = ({}) => {
useEffect(async () => { useEffect(async () => {
const eventi = await loadEventi(CALENDAR_IDS[source]) const eventi = await loadEventi(CALENDAR_IDS[source])
// window.dataBuffer[source] = eventi
window.dataBuffer[source] = eventi
setEventi(eventi) setEventi(eventi)
}, [source]) }, [source])

@ -712,9 +712,9 @@ body {
border-bottom: 1px solid var(--gray-500); border-bottom: 1px solid var(--gray-500);
} }
&:not(:last-child) { // &:not(:last-child) {
border-right: 1px solid var(--gray-500); border-right: 1px solid var(--gray-500);
} // }
.events { .events {
position: relative; position: relative;

Loading…
Cancel
Save