Calendar plugin

Topic: Calendar plugin

vitticeps free asked 4 years ago

Hi,

I really like the calendar plugin but on the way it is.. is a bit useful. I can see answers in related questions - and can see that the modal is not editable.

Can I disable the 'default' event handler modal? If I could write my own modals to the add / edit / remove events - would be the best... as in different projects I have different tasks to do (book holiday / book a delivery... etc).. So then I could use it in several projects. Currently I cannot.. I should write my own calendar plugin for that..

Thanks in advance, vitticeps

Add comment

Arkadiusz Idzikowski staff answered 4 years ago

0 0 Best answer

Glad you found a workaround for the problem.

The plan for the original version of the plugin was to create a simple version of the calendar with a possibility of adding simple events.

Currently we have no plans to extend this functionality. We will consider updating the plugin, but I'm afraid that the update won't be available in the nearest future. Thank you for the detailed description of the possible fix, we will take it into account.

vitticeps free commented 4 years ago

Thanks Arkadiusz for the feedback. I am happy to use it with my 'extensions'... The base you provided is excellent :) ;)

Now I can manage more complex bookings in a calendar view directly... Cool :)

vitticeps free commented 4 years ago

Well, I will add one more bit - sometimes I do not need the 'list view' / 'weekly view' or the 'today button'... So will make it able to hide them using ngIf..

Add comment

vitticeps free answered 4 years ago

0 0 Best answer

I modified bundles / esm2015 / esm5 / fesm2015 / fesm5 files accordingly. If you consider to build into and want to have a look - I can forward them... (dont want to publish).. I built a new tgz file name 8.0.1..

Add comment

vitticeps free answered 4 years ago

0 0 Best answer

I found the workaround:

node_moduls/mdb-calender/fesm2015/mdb-calender.js
in MdbCalendarComponent class - need to add two new eventEmitter: dayClick / eventClick

<pre class="prettyprint"><code>this.dayClick = new EventEmitter();
</code></pre>

It needs to be added to MdbCalendarComponent.propDecorators

<pre class="prettyprint"><code>dayClick: [{ type: Output }],
</code></pre>

and then add this to the onDayClick(day) function

<pre class="prettyprint"><code>this.dayClick.emit(day);
</code></pre>

in the app.component.html and app.component.ts - now you can call these events like

in the ts file you have the function like

<pre class="prettyprint"><code>dayClickLog(event: any) {
 console.log(event) // You received back the day object - you can open your own modal and inject these data.. or extend this data and have additional funcitons...
}
</code></pre>

Same with the eventClick.

MDB team - could you put this in place on the other folders (esm5, fesm5...) as well? So others can benefit from it?

Thanks,
vitticeps

Please insert min. 20 characters.

I found the workaround:

node_moduls/mdb-calender/fesm2015/mdb-calender.js in MdbCalendarComponent class - need to add two new eventEmitter: dayClick / eventClick

this.dayClick = new EventEmitter();

It needs to be added to MdbCalendarComponent.propDecorators

dayClick: [{ type: Output }],

and then add this to the onDayClick(day) function

this.dayClick.emit(day);

in the app.component.html and app.component.ts - now you can call these events like

<mdb-calendar (dayClick)="dayClickLog($event)"....

in the ts file you have the function like

dayClickLog(event: any) {
    console.log(event) // You received back the day object - you can open your own modal and inject these data.. or extend this data and have additional funcitons...
}

Same with the eventClick.

MDB team - could you put this in place on the other folders (esm5, fesm5...) as well? So others can benefit from it?

Thanks, vitticeps

vitticeps free commented 4 years ago

BTW - in the onDayClick function in the component file - need to remove/comment out the following:

this.openAddModal(day);

so then the default modal will not pop up..

Add comment

vitticeps free answered 4 years ago

0 0 Best answer

To add/remove/edit - Could trigger a @ViewChild (just to keep it simple..) by the onDayClick / onEventClick etc events - then we could manage our modals / actions.

Would it be possible to make this 'smaller' change?

Add comment

vitticeps free answered 4 years ago

0 0 Best answer