Skip to content

Commit

Permalink
Remove notice StephenChou1017#42
Browse files Browse the repository at this point in the history
  • Loading branch information
@lisemnilsen
lisemnilsen committed Oct 28, 2022
1 parent 45fbc4f commit dad05a6
Show file tree
Hide file tree
Showing 18 changed files with 121 additions and 220 deletions.
102 changes: 51 additions & 51 deletions README.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -48,52 +48,52 @@ schedulerData.setResources(resources);
//set events here or later,
//the event array should be sorted in ascending order by event.start property, otherwise there will be some rendering errors
let events = [
{
id: 1,
start: '2017-12-18 09:30:00',
end: '2017-12-19 23:30:00',
resourceId: 'r1',
title: 'I am finished',
label: 'QA Failed',
img: 'https://miro.medium.com/fit/c/28/28/1*UJzclN5h-DYWjRyVqXThUw.png',
bgColor: '#D9D9D9',
showPopover: false,
startResizable: true
},
{
id: 2,
start: '2017-12-18 12:30:00',
end: '2017-12-26 23:30:00',
resourceId: 'r2',
title: 'I am not resizable',
label: 'Development',
resizable: false
},
{
id: 3,
start: '2017-12-19 12:30:00',
end: '2017-12-20 23:30:00',
resourceId: 'r3',
title: 'I am not movable',
movable: false
},
{
id: 4,
start: '2017-12-19 14:30:00',
end: '2017-12-20 23:30:00',
resourceId: 'r1',
title: 'I am not start-resizable',
startResizable: true
},
{
id: 5,
start: '2017-12-19 15:30:00',
end: '2017-12-20 23:30:00',
resourceId: 'r2',
title: 'R2 has recurring tasks every week on Tuesday, Friday',
rrule: 'FREQ=WEEKLY;DTSTART=20171219T013000Z;BYDAY=TU,FR',
bgColor: '#f759ab'
}
// {
// id: 1,
// start: '2017-12-18 09:30:00',
// end: '2017-12-19 23:30:00',
// resourceId: 'r1',
// title: 'I am finished',
// label: 'QA Failed',
// img: 'https://miro.medium.com/fit/c/28/28/1*UJzclN5h-DYWjRyVqXThUw.png',
// bgColor: '#D9D9D9',
// showPopover: false,
// startResizable: true
// },
// {
// id: 2,
// start: '2017-12-18 12:30:00',
// end: '2017-12-26 23:30:00',
// resourceId: 'r2',
// title: 'I am not resizable',
// label: 'Development',
// resizable: false
// },
// {
// id: 3,
// start: '2017-12-19 12:30:00',
// end: '2017-12-20 23:30:00',
// resourceId: 'r3',
// title: 'I am not movable',
// movable: false
// },
// {
// id: 4,
// start: '2017-12-19 14:30:00',
// end: '2017-12-20 23:30:00',
// resourceId: 'r1',
// title: 'I am not start-resizable',
// startResizable: true
// },
// {
// id: 5,
// start: '2017-12-19 15:30:00',
// end: '2017-12-20 23:30:00',
// resourceId: 'r2',
// title: 'R2 has recurring tasks every week on Tuesday, Friday',
// rrule: 'FREQ=WEEKLY;DTSTART=20171219T013000Z;BYDAY=TU,FR',
// bgColor: '#f759ab'
// }
];
schedulerData.setEvents(events);

Expand All @@ -103,11 +103,11 @@ schedulerData.setEvents(events);
...
const {schedulerData} = this.props;
<Scheduler schedulerData={schedulerData}
prevClick={this.prevClick}
nextClick={this.nextClick}
onSelectDate={this.onSelectDate}
onViewChange={this.onViewChange}
eventItemClick={this.eventClicked}
// prevClick={this.prevClick}
// nextClick={this.nextClick}
// onSelectDate={this.onSelectDate}
// onViewChange={this.onViewChange}
// eventItemClick={this.eventClicked}
/>
...
```
Expand Down
18 changes: 3 additions & 15 deletions example/AddMore.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -177,26 +177,14 @@ class AddMore extends Component {
};

updateEventStart = (schedulerData, event, newStart) => {
if (
confirm(
`Do you want to adjust the start of the event? {eventId: ${event.id}, eventTitle: ${event.title}, newStart: ${newStart}}`
)
) {
schedulerData.updateEventStart(event, newStart);
}
schedulerData.updateEventStart(event, newStart);
this.setState({
viewModel: schedulerData,
});
};

updateEventEnd = (schedulerData, event, newEnd) => {
if (
confirm(
`Do you want to adjust the end of the event? {eventId: ${event.id}, eventTitle: ${event.title}, newEnd: ${newEnd}}`
)
) {
schedulerData.updateEventEnd(event, newEnd);
}
schedulerData.updateEventEnd(event, newEnd);
this.setState({
viewModel: schedulerData,
});
Expand All @@ -205,7 +193,7 @@ class AddMore extends Component {
moveEvent = (schedulerData, event, slotId, slotName, start, end) => {
if (
confirm(
`Do you want to move the event? {eventId: ${event.id}, eventTitle: ${event.title}, newSlotId: ${slotId}, newSlotName: ${slotName}, newStart: ${start}, newEnd: ${end}`
`Do you want to move the event ${event.title} in ${slotName}, newStart: ${start}, newEnd: ${end}`
)
) {
schedulerData.moveEvent(event, slotId, slotName, start, end);
Expand Down
29 changes: 11 additions & 18 deletions example/AddResource.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@ class AddResource extends Component{
}
}
showModal = () => {
this.setState({ visible: true });
this.setState({ visible: false });
}
handleCancel = () => {
this.setState({ visible: false });
Expand All @@ -50,7 +50,7 @@ class AddResource extends Component{

let leftCustomHeader = (
<div>
<span style={{ fontWeight: 'bold' }}><a onClick={this.showModal}>Add a resource</a></span>
<span style={{ fontWeight: 'bold' }}> Add a resource </span>
<AddResourceForm
ref={this.saveFormRef}
visible={this.state.visible}
Expand All @@ -65,9 +65,8 @@ class AddResource extends Component{
<div>
<Nav />
<div>
<h3 style={{textAlign: 'center'}}>Add resource<ViewSrcCode srcCodeUrl="https://github.com/StephenChou1017/react-big-scheduler/blob/master/example/AddResource.js" /></h3>
<Scheduler schedulerData={viewModel}
prevClick={this.prevClick}
<h3 style={{textAlign: 'center'}}>Add resource</h3>
{/* <Scheduler prevClick={this.prevClick}
nextClick={this.nextClick}
onSelectDate={this.onSelectDate}
onViewChange={this.onViewChange}
Expand All @@ -82,7 +81,7 @@ class AddResource extends Component{
newEvent={this.newEvent}
leftCustomHeader={leftCustomHeader}
toggleExpandFunc={this.toggleExpandFunc}
/>
/> */}
</div>
</div>
)
Expand Down Expand Up @@ -157,30 +156,24 @@ class AddResource extends Component{
}

updateEventStart = (schedulerData, event, newStart) => {
if(confirm(`Do you want to adjust the start of the event? {eventId: ${event.id}, eventTitle: ${event.title}, newStart: ${newStart}}`)) {
schedulerData.updateEventStart(event, newStart);
}
schedulerData.updateEventStart(event, newStart);
this.setState({
viewModel: schedulerData
})
}

updateEventEnd = (schedulerData, event, newEnd) => {
if(confirm(`Do you want to adjust the end of the event? {eventId: ${event.id}, eventTitle: ${event.title}, newEnd: ${newEnd}}`)) {
schedulerData.updateEventEnd(event, newEnd);
}
schedulerData.updateEventEnd(event, newEnd);
this.setState({
viewModel: schedulerData
})
}

moveEvent = (schedulerData, event, slotId, slotName, start, end) => {
if(confirm(`Do you want to move the event? {eventId: ${event.id}, eventTitle: ${event.title}, newSlotId: ${slotId}, newSlotName: ${slotName}, newStart: ${start}, newEnd: ${end}`)) {
schedulerData.moveEvent(event, slotId, slotName, start, end);
this.setState({
viewModel: schedulerData
})
}
schedulerData.moveEvent(event, slotId, slotName, start, end);
this.setState({
viewModel: schedulerData
})
}

addResource = (resourceName) => {
Expand Down
56 changes: 19 additions & 37 deletions example/Basic.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -116,52 +116,34 @@ class Basic extends Component {
};

newEvent = (schedulerData, slotId, slotName, start, end, type, item) => {
if (
confirm(
`Do you want to create a new event? {slotId: ${slotId}, slotName: ${slotName}, start: ${start}, end: ${end}, type: ${type}, item: ${item}}`
)
) {
let newFreshId = 0;
schedulerData.events.forEach((item) => {
if (item.id >= newFreshId) newFreshId = item.id + 1;
});
let newFreshId = 0;
schedulerData.events.forEach((item) => {
if (item.id >= newFreshId) newFreshId = item.id + 1;
});

let newEvent = {
id: newFreshId,
title: "New event you just created",
start: start,
end: end,
resourceId: slotId,
bgColor: "purple",
};
schedulerData.addEvent(newEvent);
this.setState({
viewModel: schedulerData,
});
}
let newEvent = {
id: newFreshId,
title: "New event you just created",
start: start,
end: end,
resourceId: slotId,
bgColor: "purple",
};
schedulerData.addEvent(newEvent);
this.setState({
viewModel: schedulerData,
});
};

updateEventStart = (schedulerData, event, newStart) => {
if (
confirm(
`Do you want to adjust the start of the event? {eventId: ${event.id}, eventTitle: ${event.title}, newStart: ${newStart}}`
)
) {
schedulerData.updateEventStart(event, newStart);
}
schedulerData.updateEventStart(event, newStart);
this.setState({
viewModel: schedulerData,
});
};

updateEventEnd = (schedulerData, event, newEnd) => {
if (
confirm(
`Do you want to adjust the end of the event? {eventId: ${event.id}, eventTitle: ${event.title}, newEnd: ${newEnd}}`
)
) {
schedulerData.updateEventEnd(event, newEnd);
}
schedulerData.updateEventEnd(event, newEnd);
this.setState({
viewModel: schedulerData,
});
Expand All @@ -170,7 +152,7 @@ class Basic extends Component {
moveEvent = (schedulerData, event, slotId, slotName, start, end) => {
if (
confirm(
`Do you want to move the event? {eventId: ${event.id}, eventTitle: ${event.title}, newSlotId: ${slotId}, newSlotName: ${slotName}, newStart: ${start}, newEnd: ${end}`
`Do you want to move the event ${event.title} in ${slotName}, newStart: ${start}, newEnd: ${end}`
)
) {
schedulerData.moveEvent(event, slotId, slotName, start, end);
Expand Down
8 changes: 2 additions & 6 deletions example/CustomEventStyle.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -123,18 +123,14 @@ class CustomEventStyle extends Component{
}

updateEventStart = (schedulerData, event, newStart) => {
if(confirm(`Do you want to adjust the start of the event? {eventId: ${event.id}, eventTitle: ${event.title}, newStart: ${newStart}}`)) {
schedulerData.updateEventStart(event, newStart);
}
schedulerData.updateEventStart(event, newStart);
this.setState({
viewModel: schedulerData
})
}

updateEventEnd = (schedulerData, event, newEnd) => {
if(confirm(`Do you want to adjust the end of the event? {eventId: ${event.id}, eventTitle: ${event.title}, newEnd: ${newEnd}}`)) {
schedulerData.updateEventEnd(event, newEnd);
}
schedulerData.updateEventEnd(event, newEnd);
this.setState({
viewModel: schedulerData
})
Expand Down
8 changes: 2 additions & 6 deletions example/CustomHeader.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -125,18 +125,14 @@ class CustomHeader extends Component{
}

updateEventStart = (schedulerData, event, newStart) => {
if(confirm(`Do you want to adjust the start of the event? {eventId: ${event.id}, eventTitle: ${event.title}, newStart: ${newStart}}`)) {
schedulerData.updateEventStart(event, newStart);
}
schedulerData.updateEventStart(event, newStart);
this.setState({
viewModel: schedulerData
})
}

updateEventEnd = (schedulerData, event, newEnd) => {
if(confirm(`Do you want to adjust the end of the event? {eventId: ${event.id}, eventTitle: ${event.title}, newEnd: ${newEnd}}`)) {
schedulerData.updateEventEnd(event, newEnd);
}
schedulerData.updateEventEnd(event, newEnd);
this.setState({
viewModel: schedulerData
})
Expand Down
8 changes: 2 additions & 6 deletions example/CustomPopoverStyle.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -122,18 +122,14 @@ class CustomPopoverStyle extends Component{
}

updateEventStart = (schedulerData, event, newStart) => {
if(confirm(`Do you want to adjust the start of the event? {eventId: ${event.id}, eventTitle: ${event.title}, newStart: ${newStart}}`)) {
schedulerData.updateEventStart(event, newStart);
}
schedulerData.updateEventStart(event, newStart);
this.setState({
viewModel: schedulerData
})
}

updateEventEnd = (schedulerData, event, newEnd) => {
if(confirm(`Do you want to adjust the end of the event? {eventId: ${event.id}, eventTitle: ${event.title}, newEnd: ${newEnd}}`)) {
schedulerData.updateEventEnd(event, newEnd);
}
schedulerData.updateEventEnd(event, newEnd);
this.setState({
viewModel: schedulerData
})
Expand Down
10 changes: 4 additions & 6 deletions example/CustomTableHeaders.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -159,18 +159,16 @@ class CustomHeaders extends Component {
}

updateEventStart = (schedulerData, event, newStart) => {
if (confirm(`Do you want to adjust the start of the event? {eventId: ${event.id}, eventTitle: ${event.title}, newStart: ${newStart}}`)) {
schedulerData.updateEventStart(event, newStart);
}
// if (confirm(`Do you want to adjust the start of the event? {eventId: ${event.id}, eventTitle: ${event.title}, newStart: ${newStart}}`)) {
schedulerData.updateEventStart(event, newStart);
// }
this.setState({
viewModel: schedulerData
})
}

updateEventEnd = (schedulerData, event, newEnd) => {
if (confirm(`Do you want to adjust the end of the event? {eventId: ${event.id}, eventTitle: ${event.title}, newEnd: ${newEnd}}`)) {
schedulerData.updateEventEnd(event, newEnd);
}
schedulerData.updateEventEnd(event, newEnd);
this.setState({
viewModel: schedulerData
})
Expand Down
Loading

0 comments on commit dad05a6

Please sign in to comment.