Extjs 3.0 based Calendar application

[ffzhuang]

Hi, All:

[Update @ August 11, 2011] MyCalendar 2.5.2 is released with several fixes. Download src from GitHub and have a try.

[Update @ August 3, 2011] MyCalendar 2.5.0 is released and available for download which support extjs4. Have a look www.cubedrive.com/myCalendar (http://www.cubedrive.com/myCalendar).

See new post @ http://www.sencha.com/forum/showthread.php?142488-Extjs-4-based-open-source-Calendar-application

[Update @ Mar 31, 2010] MyCalendar 2.0.5 is released and available for download. Add email notify features and fixed several issues. Fake data version also ready for quick test.

[Update @ Jan 28, 2010] MyCalendar 2.0.3 is released and available for download. Add view only features and fixed several issues. ASP.NET version backend ready for your reference - see attached code.

[Update @ Jan 14, 2010] MyCalendar 2.0.2 is released and available for download. Fixed several issue in php and js code.

[Update @ Dec 30, 2009] MyCalendar 2.0.1 is released and available for download. Now it works with extjs 3.1.0 and extjs 3.0.0.

[Update @ Dec 1, 2009] MyCalendar 2.0.0 is released and available for download. And we also update the related API doc.

[Update @ Nov 23, 2009] MyCalendar 2.0.0 is ready for preview / test. Will release after stable. See quick video: http://www.youtube.com/v/cpXpm1sDrJ4

[Update @ Oct 18, 2009] MyCalendar 1.1.0 released. Add multiple language support. Now it also support Extjs2.2 lib.

[Update @ Sep 29, 2009] MyCalendar 1.0.2 released and available for download.

[Update @ Sep 3, 2009] MyCalendar 1.0.1 API document (init version) available for download.

[update @ August 29, 2009] MyCalendar 1.0.1 released and fixed several bugs.

[update @ August 23 2009] MyCalendar package ready for download. Which include 2 backend versions: grails and php.

http://www.feyasoft.com/myCalendar

===============================================================

We just push another version of our calendar online. Have a look if you shows interesting:

1: Day/Week/Month view
2: DnD, Resize
3: Support Multiple Calendar
4: Repeat / cross day events

We will continue add more features in the near future.

To see/use it, you can login: http://www.feyasoft.com

Sign in as Guest or using: demo/demo

Worked in FF, Chrome, IE.

Regards!

Fenqiang Zhuang

[bigice]

Great calendar and its seams esay to use..
how do i download this calendar component?
is it avaliable?

[ffzhuang]

Sorry, it is not open source at this moment. You can not download. However, we are considering to make it open source as extjs.

Regards!

Fenqiang Zhuang


Great calendar and its seams esay to use..
how do i download this calendar component?
is it avaliable?

[bigice]

Oh please..
im really need a calendar component for my project and i didnt find a good calendar component as yours.... its so sad news.
but will you avaliable it open source? please say yes....
tks...

[ffzhuang]

Hi, All:

After test for a while and fixed bunch of issues. We are planing to make it open source somehow.

The component will be released under the GNU GPL 3.0 (http://www.gnu.org/licenses/gpl.html) license. It’s free for use in GPL and GPL compatible open source software, but if you want to use the component in a commercial software (closed source), you have to get a commercial license.

And our downloadable (WAR file) demo structure will be: extjs + grails + hsql.

Regards!

Fenqiang Zhuang

[bigice]

Fantastic.. give us a php sample too this will be great the best calender of events...
really thanks!!

we cant wait!!!

[elnove]

great calendar app and component.

that's great news!

[bigice]

is already done? when will be avaliable to download?
thanks..
i cant wait..

[ffzhuang]

There are so many stuff need to be build before release. We need a little bit more time to move forward. Will be come soon.

Regards!

Fenqiang Zhuang

[kriz]

Don't play with us...man

[ffzhuang]

Hi, kriz (http://extjs.com/forum/member.php?u=49235):

Please be patience, we have prepare so many stuff which includes 2 backend version: Grail and php. It need take a while - your know php is not my cup of tea. And lots of people need php version which can easy plugin to their backend.

It should be ready soon - give me another 2 days.

Regards!

Fenqiang Zhuang


Don't play with us...man

[elnove]

Fenqiang Zhuang,
Thank you for your effort
El

[ffzhuang]

Thanks EL:

Finally we finished all the stuff and ready to go. Thanks for your patience and support. A little bit hard to move this forward - lots of work need deal.

http://www.feyasoft.com/myCalendar

Regards!

Fenqiang Zhuang


Fenqiang Zhuang,
Thank you for your effort
El

[steffenk]

Hi,

thx for sharing!
I gave it a short try, but didn't work with this error message;
missing ) in parenthetical

[elnove]

Hi
Thank you for sharing.
Is there a documentatoin or even a simple example on how to use the calendar components direcly - just with the js, the same way ext does it.
El

[ffzhuang]

Hi, elnove/steffenk:

You need see README folder first. Or you can go to our site: www.feyasoft.com/myCalendar for look readme. Actually the whole project is running example.

You need make your database ready (mysql) if you run php version. MyCalendar application definitely need backend code ready before process - it is not a simple click and run project.

For php, the first file you need see is: web-app/js/feyaSoft/home/program/calendar/index.html

And you also need Download extjs3.0 from http://www.extjs.com and put it into:

<unzipped-folder>/web-app/js/extjs

For error msg "missing ) in parenthetical" - I really do not know why - you did not give us enough information for debug. Please follow README first. It should not have any problem because you see my running demo in my site. The code are exactly same.

Hopefully this is help.

Regards!

Fenqiang Zhuang

[leeby]

Hi,

thx for sharing!
I gave it a short try, but didn't work with this error message;
missing ) in parenthetical

I guess you just run the index.html, right? Because the backend is not ready, I mean no data back from the request, you get this error message, you can check your firebug to see the reqeust.

I guess you need setup the db first by use the setup.sql, and it will work.

[steffenk]

Hi,

you're right, the error message is misleading.

Now it shows up correctly but next error when click on the date picker:
p.fireFn is undefined

There are also some files minified which isn't good for tracing. I would suggest to concatenate and minify all for production, but plain for debugging.

PS One thing we need here nearly always is to see the week numbers, something that's missing in ExtJS date picker too.

[leeby]

Hi,

you're right, the error message is misleading.

Now it shows up correctly but next error when click on the date picker:
p.fireFn is undefined

There are also some files minified which isn't good for tracing. I would suggest to concatenate and minify all for production, but plain for debugging.

PS One thing we need here nearly always is to see the week numbers, something that's missing in ExtJS date picker too.

Yes, there is an exception, sorry about it, but it must be something wrong in the mini file "WestPanel.js", we will update it soon.

Really sorry about it.

[ffzhuang]

Hi, All:

If you have any bug, please report in our forum which will make us easy track them

www.feyasoft.com/myCalendar

We will try to fix them in next release.

Regards!

Fenqiang Zhuang

[bigice]

Its the best calender i have see...
Thanks for sharing..
Congrats..;)

[elnove]

Hi,
How can I see how to integrate this calendar in different back end technologies like .NET or MVC

thanks,
El

[ffzhuang]

Hi, EL:

We are not familiar with .NET - however, it should be really similiar with PHP version. In general, backend just handle Create, Update, delete, and list function. Not too much trick in backend. I guess it should be easy to convert to .NET if you know it well. And every call is through JSON. You can see detail comments on the file:

js\feyaSoft\home\program\calendar\DataSource.js

We put lots of comments on this file - and this is the only file communicate with backend.

And for MVC stuff like spring/Struts. The same idea - you backend just generate JSON data and feed to the DataSource.js. That it would be ok.

Try to follow our PHP or Grails backend version, you will be fine.

Regards!

Fenqiang Zhuang

[Christopheb]

Hello Mr. Zhuang,

This is a very beautifull application!

Is there an easy way to display working hours (say 9 - 18) by default?
Is there an API doc available?

Thank you in advance for letting me know.

Christopheb

[ffzhuang]

Hi, Christopheb:

Thanks for your comments.

We will have a look to see whether we can set some default hours (9-18), it is a good suggestion.

And we prepared an init API document for download, please go to "www.feyasoft.com/myCalendar" for download.

Regards!

Fenqiang Zhuang


Hello Mr. Zhuang,

This is a very beautifull application!

Is there an easy way to display working hours (say 9 - 18) by default?
Is there an API doc available?

Thank you in advance for letting me know.

Christopheb

[spiderman123]

Hello,

is it possible to intergrate your calender into Tabpanel?

thx

[ffzhuang]

Hi, spiderman123

Really simple, you just need new Ext.ux.calendar.MainPanel, and put it to the items of tabpamel. You should be on fly. - you can read our forum, the answer is there.

Regards!

Fenqiang Zhuang



Hello,

is it possible to intergrate your calender into Tabpanel?

thx

[spiderman123]

Hi, spiderman123

Really simple, you just need new Ext.ux.calendar.MainPanel, and put it to the items of tabpamel. You should be on fly. - you can read our forum, the answer is there.

Regards!

Fenqiang Zhuang



thx for your rapidly answer! I'll try it out now.

[spiderman123]

hi ffzhuang,

i think the calender's setting is not loaded from backed. Can u check it pls?

thx

PS: I got it, just my fault

[btest]

Hi,
How can I see how to integrate this calendar in different back end technologies like .NET or MVC

thanks,
El

hi
thx for sharing
by this question ,how can i use it in my jsp page?
i cant run it in local

[ffzhuang]

Hi, btest:

I guess your means Java version. Please see our grails backend. I would suggestion you try grails stuff - it is the latest and best Java stuff (think Spring adopt grails)

Or you can convert Grails controller/domain into your java based stuff - it is 90% similiar.

Regards!

Fenqiang Zhuang


hi
thx for sharing
by this question ,how can i use it in my jsp page?
i cant run it in local

[btest]

Hi, btest:

I guess your means Java version. Please see our grails backend. I would suggestion you try grails stuff - it is the latest and best Java stuff (think Spring adopt grails)

Or you can convert Grails controller/domain into your java based stuff - it is 90% similiar.

Regards!

Fenqiang Zhuang
thx very much,i will try it
i must to learn more and more knowledge about Grails

[salihgedik]

Looks nice. im gonna try it. ;)

[spiderman123]

Hi,

can you change your code for multilanguage?

thx

[ffzhuang]

Yes, spiderman123:

We will change this - it is one of our TODO list.

Priority is this:

Holiday
Multiple language support
Repeat Event

You can get those information in our forum - www.feyasoft.com/myCalendar (http://www.feyasoft.com/myCalendar) -> click forum tab.

To help us to add those features quick, please buy one of our commercial license. We put lots of time and money on this project. Really need some license to survive.

Regards!

Fenqiang Zhuang


Hi,

can you change your code for multilanguage?

thx

[xTeVe]

Hi.

I'm trying to use myCalendar in a tabpanel, but it doesn't works.

Could you put an example of how to create the calendar.

Thanks so much.

[ffzhuang]

Hi, xTeve:

Please see #27 post, answer is there. And you can also read our forum.

www.feyasoft.com/myCalendar and click forum tab.

Regards!

Fenqiang Zhuang


Hi.

I'm trying to use myCalendar in a tabpanel, but it doesn't works.

Could you put an example of how to create the calendar.

Thanks so much.

[spiderman123]

hi Mr. Zhuang,

will "inviting events" be supported?

thx

[dbassett74]

Man, very nice!

[ffzhuang]

Hi, spiderman123:

This is one of our TODO list, yes we will add it. I guess your means share events. Because this part is a little bit complex, and there are lots of cases in here. We need careful design.

Regards!

Fenqiang Zhuang


hi Mr. Zhuang,

will "inviting events" be supported?

thx

[ffzhuang]

Hi, All:

MyCalendar 1.1.0 ready for download now. The following are the features we added:

Changed some CSS issues;
Fixed several bugs;
Change the hide/show calendar function to make it faster when there are lots of events in month view;
Add more options in the setting window;
Add lock/unlock functions in the context menu of events, which change the db table fields too;
Add Multi-language support and put setting in the tab More menu.
Integrate with Extjs3.0 and Extjs2.2.

Before you use it, please read README careful. There are bunch of change if you upgrade from 1.0.2.

Please go to: www.feyasoft.com (http://www.feyasoft.com) for more detail information

BTW, we also release myPresentation beta version today.

Enjoy!

FeyaSoft Team

[spiderman123]

Hi, All:

MyCalendar 1.1.0 ready for download now. The following are the features we added:

Changed some CSS issues;
Fixed several bugs;
Change the hide/show calendar function to make it faster when there are lots of events in month view;
Add more options in the setting window;
Add lock/unlock functions in the context menu of events, which change the db table fields too;
Add Multi-language support and put setting in the tab More menu.
Integrate with Extjs3.0 and Extjs2.2.

Before you use it, please read README careful. There are bunch of change if you upgrade from 1.0.2.

Please go to: www.feyasoft.com (http://www.feyasoft.com) for more detail information

BTW, we also release myPresentation beta version today.

Enjoy!

FeyaSoft Team

thx for new release version and your hard work!

i went to your site and try to open mycalendar but it did not work.

[ffzhuang]

Hi, Spdierman123:

I guess it is related to the Cache issue in your browser. We did some update for our site and this can happen. If you use FireFox, go to: Tool -> clean recently history and clean all your cache. If you use IE6, please go to: Tool -> internet options click "Delete file", "Delete cookies", "Clean history". I guess it should be fine now.

I have not any problem to open our site and download:

http://www.feyasoft.com/myCalendar

Or you can try:

http://www.feyasoft.com and click online Calendar.

Regards!

Fenqiang Zhuang


thx for new release version and your hard work!

i went to your site and try to open mycalendar but it did not work.

[leeby]

Now cross-day event is working, go and play, seems not too bad.

[Remy]

Wow, this calendar has come a long way from first viewing. Is there a way to create an event and attach to more than one calendar?

Great work.

[ffzhuang]

Hi, Remy:

Thanks - we did spend cross 1000 hours on this project. Try to make it simple and easy use. Goods news seems it work really stable.

For cross event in multiple calendar, it is a nice feature. However, seems it is not a quick solution. So it is not our priority one at this moment.

Thanks again for your use and nice words.

Regards!

Fenqiang Zhuang


Wow, this calendar has come a long way from first viewing. Is there a way to create an event and attach to more than one calendar?

Great work.

[ivanatora]

[Update @ Nov 8, 2009] MyCalendar cross day event is ready for preview / test. Will release after stable.
When that version is going out? I need that cross day feature :)

[sepid]

Hi
Okay, I have tried to add a bunch of templates for events in west panel to be DD into different drop zones by user and am facing this issue that my new dragable items are always in lower z-indexes and cannot get them inot most top layer with an id of "-port".
ondrag function of this new part showes me the item is dropped in e.g. "...x-dayview-port" but I CANNOT see it during dd and I am totally in month view...
any idea how can I have the z-index changed for this part, PLZ?

thanks in advance

[ffzhuang]

Hi, Sepid:

Sorry it is really hard for us to figure out the defect which raised by the code your added. And what your description in here is really un-clear for me. Can not give your further suggestion.

Regards!

Fenqiang Zhuang


Hi
Okay, I have tried to add a bunch of templates for events in west panel to be DD into different drop zones by user and am facing this issue that my new dragable items are always in lower z-indexes and cannot get them inot most top layer with an id of "-port".
ondrag function of this new part showes me the item is dropped in e.g. "...x-dayview-port" but I CANNOT see it during dd and I am totally in month view...
any idea how can I have the z-index changed for this part, PLZ?

thanks in advance

[yuan_gao]

I think I am having a similar issue with Sepid, so Let me try to describe my problem.

What I am trying to do is also to add a new panel in calendar like this:

this.formpanel=new Ext.form.FormPanel(
{
border:false,
cls:"x-calendar-container",
style:"padding:0px 10px 10px 12px;",
items:[
{
border:false,style:"padding:5px 0px 12px 0px;",
cls:"x-dayview-west-date-span",
items:[this.dateLabel]},
this.datePicker,
this.myCalendarPanel,
this.mypanel]
}
);

And I defined mypanel as dd zone so i can create items(subdiv) in mypanel and later drag it to the calendar panel on the right.

Here is how I create the draggable items in mypanel:

createDragItem:function(pnode,cview,pos,store){
var legendStyle="height:9px;";
var html=this.itemTpl.apply({"legend-style":legendStyle,title:item.itemName,calendarId:item.itemId,color:'blue'});
if("beforeBegin"==pos){
Ext.DomHelper.insertHtml("beforeBegin",pnode.dom.firstChild,html)}
else{Ext.DomHelper.insertHtml("beforeEnd",pnode.dom,html)}
var itemEl=Ext.get(this.id+"-x-item-"+item.itemId);
if(itemEl){
itemEl.addClassOnOver("x-item-over");
itemEl.calendar=item;
itemEl.dd = new Ext.dd.DD(itemEl.dom.id, 'itemDragGroup', {
isTarget : false
});
this.initItems(itemEl.dd,'itemDragGroup');
}
//Ext.query("*[id$=-port]"); elements dropable in calendar
var dropArea = new Ext.dd.DropZone(Ext.query("*[id$=-port]"), 'itemDragGroup');
},

And overriding some of the dd events, i can drag my items in mypanel without problem but when i try to drag them out, they went behind other panels like the screenshot showing below:

I am guessing it's because of the z-index but I tried to give the draggable item a really big z-index, but it didn't work. Please help! Thanks.

http://www.wyhdt.com/ddissue.JPG




Hi, Sepid:

Sorry it is really hard for us to figure out the defect which raised by the code your added. And what your description in here is really un-clear for me. Can not give your further suggestion.

Regards!

Fenqiang Zhuang

[ffzhuang]

Hi, yuan_gao and sepid:

Seem this is a interesting feature, to make DnD work from West panel to center panel. We will add this to our ToDoList. Hopefully we can figure this out soon.

Regards!

Fenqiang Zhuang

[leeby]

Hi, buddies, maybe you can try use DragZone instead of DD, and see what will happen.

Because the DD element is a child element of mypanel, so it will always covered by mypanel element.

It's just my thought, you could try.


I think I am having a similar issue with Sepid, so Let me try to describe my problem.

What I am trying to do is also to add a new panel in calendar like this:

this.formpanel=new Ext.form.FormPanel(
{
border:false,
cls:"x-calendar-container",
style:"padding:0px 10px 10px 12px;",
items:[
{
border:false,style:"padding:5px 0px 12px 0px;",
cls:"x-dayview-west-date-span",
items:[this.dateLabel]},
this.datePicker,
this.myCalendarPanel,
this.mypanel]
}
);

And I defined mypanel as dd zone so i can create items(subdiv) in mypanel and later drag it to the calendar panel on the right.

Here is how I create the draggable items in mypanel:

createDragItem:function(pnode,cview,pos,store){
var legendStyle="height:9px;";
var html=this.itemTpl.apply({"legend-style":legendStyle,title:item.itemName,calendarId:item.itemId,color:'blue'});
if("beforeBegin"==pos){
Ext.DomHelper.insertHtml("beforeBegin",pnode.dom.firstChild,html)}
else{Ext.DomHelper.insertHtml("beforeEnd",pnode.dom,html)}
var itemEl=Ext.get(this.id+"-x-item-"+item.itemId);
if(itemEl){
itemEl.addClassOnOver("x-item-over");
itemEl.calendar=item;
itemEl.dd = new Ext.dd.DD(itemEl.dom.id, 'itemDragGroup', {
isTarget : false
});
this.initItems(itemEl.dd,'itemDragGroup');
}
//Ext.query("*[id$=-port]"); elements dropable in calendar
var dropArea = new Ext.dd.DropZone(Ext.query("*[id$=-port]"), 'itemDragGroup');
},

And overriding some of the dd events, i can drag my items in mypanel without problem but when i try to drag them out, they went behind other panels like the screenshot showing below:

I am guessing it's because of the z-index but I tried to give the draggable item a really big z-index, but it didn't work. Please help! Thanks.

http://www.wyhdt.com/ddissue.JPG

[spiderman123]

Hi Fenqiang Zhuang,

when is MyCalendar 2.0 released?

thx

[ffzhuang]

Hi, spiderman123:

We are still testing and prepare document. There are lots of change from 1.1 -> 2.0. And we need careful and do more test.

We will try to push out within 1-2 weeks.

Regards!

FeyaSoft Team


Hi Fenqiang Zhuang,

when is MyCalendar 2.0 released?

thx

[ffzhuang]

Hi, all:

MyCalendar 2.0.0 is ready for download (and related 2.0.0 API doc), in this release:

1: Changed some CSS issues and fixed several bugs;
2: Add cross-day event function;
3: Add repeat event function;
4: Add 7 more settings
5: Change the old event editor, and add DetailEditor;
6: Add week num in monthview;
7: Add refresh function
now if you want to clean and reload all calendar and events from DB, you just need get CalendarContainer first, and call 'CalendarContainer.fireEvent("refresh")'
8: Change the DatePicker component to show the current date range.

Tested in IE, FF, Chrome and work for extjs lib 3.0.0 and 3.0.3

To try, just go to http://www.feyasoft.com download src.

Enjoy

FeyaSoft Team


Hi, spiderman123:

We are still testing and prepare document. There are lots of change from 1.1 -> 2.0. And we need careful and do more test.

We will try to push out within 1-2 weeks.

Regards!

FeyaSoft Team

[spiderman123]

Hi, all:

MyCalendar 2.0.0 is ready for download (and related 2.0.0 API doc), in this release:

1: Changed some CSS issues and fixed several bugs;
2: Add cross-day event function;
3: Add repeat event function;
4: Add 7 more settings
5: Change the old event editor, and add DetailEditor;
6: Add week num in monthview;
7: Add refresh function
now if you want to clean and reload all calendar and events from DB, you just need get CalendarContainer first, and call 'CalendarContainer.fireEvent("refresh")'
8: Change the DatePicker component to show the current date range.

Tested in IE, FF, Chrome and work for extjs lib 3.0.0 and 3.0.3

To try, just go to http://www.feyasoft.com download src.

Enjoy

FeyaSoft Team

Hi,

after integration with new version of MyCalendar 2.0 i got error when i created an instance of MainPanel:

mycode:



var calendarPanel = new Ext.ux.calendar.MainPanel({
id:calendarPanelID,
title: "calendar",
closable:true,
iconCls: "calendar-icon",
tabTip:"calendar",
datasource:ds,
calendarSetting:obj,
userId:userId
});
any ideas?

thx

PS: I got it with new config as above.

[leeby]

Hi,

after integration with new version of MyCalendar 2.0 i got error when i created an instance of MainPanel:

mycode:



var calendarPanel = new Ext.ux.calendar.MainPanel({
id:calendarPanelID,
title: "calendar",
closable:true,
iconCls: "calendar-icon",
tabTip:"calendar",
datasource:ds,
calendarSetting:obj,
userId:userId
});
any ideas?

thx

PS: I got it with new config as above.


Hi, 2.0 version did some change on DB table, so do you update the table?

Also if you can paste the exception info in firebug, it will help to find the cause.

The above config seems fine.

[spiderman123]

Hi, 2.0 version did some change on DB table, so do you update the table?

Also if you can paste the exception info in firebug, it will help to find the cause.

The above config seems fine.

hi,

thx for your advice! I got it work now. But i can not edit the created event because i got following error in firebug:

bindEvent is undefined in calendar_core.js

any ideas?

thx

[leeby]

hi,

thx for your advice! I got it work now. But i can not edit the created event because i got following error in firebug:

bindEvent is undefined in calendar_core.js

any ideas?

thx


Hi, could you give me more information about it.

Do you use our backend? PHP version or Grails version?

Do you mean you can not edit a new event you just created or any event?

Could you paste the response data of backend request here to let us have a look.

Thanks.

[spiderman123]

Hi, could you give me more information about it.

Do you use our backend? PHP version or Grails version?

Do you mean you can not edit a new event you just created or any event?

Could you paste the response data of backend request here to let us have a look.

Thanks.

Hi,

thx for your answer!

>Do you use our backend? PHP version or Grails version?

i use Grails as backend

>Do you mean you can not edit a new event you just created or any event?

any event

>Could you paste the response data of backend request here to let us have a look.

sure here is my code:

JSON-Response from calendarSetting/list


activeEndTime:"20:00"
activeStartTime:"09:00"
createByDbclick:false
dayFormat:"l M d Y"
fromtoFormat:"m/d/Y"
hideInactiveRow:false
hourFormat:"24"
id:30
intervalSlot:"30"
language:"en_US"
author:{id:1028}
monthFormat:"m/d"
singleDay:false
startDay:"1"
weekFormat:"m/d(D)"
JSON-Response from calendarType/list



class:"CalendarType"
color:"cyan"
description:"TestCalendarType"
hide:false
id:414
name:"TestCalendarType"
JSON-Response from calendarEvent/loadRepeatEvents just meta-info + no entry in result object.

JSON-Response from calendarEvent/list


alertFlag:false
calendarId:"417"
color:"blue"
description:"testsv"
endTime:"12:00"
eymd:"2009-12-14"
id:"34602"
locked:false
repeatType:"no"
startTime:"11:00"
subject:"testsv"
ymd:"2009-12-14"

[ffzhuang]

Hi, Spiderman:

If you use Grails version. I guess you connect to your mysql DB instead of Grails default HSQL DB . First please try our package with HSQL DB, I am for sure it work. We did enough test and you are the only one complain for this (after 200 download in 2.0.0)

If you pass our demo HSQL DB. Now this means you mysql DB table is not right. To make thing simple, you can delete all the existing DB table and recreate one, if should be not problem. If not, you need update the DB table as our README file.

Hopefully this help. And please read README file included in our package first, several table are updated.

Regards!

Fenqiang Zhuang


Hi,

thx for your answer!

>Do you use our backend? PHP version or Grails version?

i use Grails as backend

>Do you mean you can not edit a new event you just created or any event?

any event

>Could you paste the response data of backend request here to let us have a look.

sure here is my code:

JSON-Response from calendarSetting/list


activeEndTime:"20:00"
activeStartTime:"09:00"
createByDbclick:false
dayFormat:"l M d Y"
fromtoFormat:"m/d/Y"
hideInactiveRow:false
hourFormat:"24"
id:30
intervalSlot:"30"
language:"en_US"
author:{id:1028}
monthFormat:"m/d"
singleDay:false
startDay:"1"
weekFormat:"m/d(D)"
JSON-Response from calendarType/list



class:"CalendarType"
color:"cyan"
description:"TestCalendarType"
hide:false
id:414
name:"TestCalendarType"
JSON-Response from calendarEvent/loadRepeatEvents just meta-info + no entry in result object.

JSON-Response from calendarEvent/list


alertFlag:false
calendarId:"417"
color:"blue"
description:"testsv"
endTime:"12:00"
eymd:"2009-12-14"
id:"34602"
locked:false
repeatType:"no"
startTime:"11:00"
subject:"testsv"
ymd:"2009-12-14"

[leeby]

Hi,

thx for your answer!

>Do you use our backend? PHP version or Grails version?

i use Grails as backend

>Do you mean you can not edit a new event you just created or any event?

any event

>Could you paste the response data of backend request here to let us have a look.

sure here is my code:

JSON-Response from calendarSetting/list


activeEndTime:"20:00"
activeStartTime:"09:00"
createByDbclick:false
dayFormat:"l M d Y"
fromtoFormat:"m/d/Y"
hideInactiveRow:false
hourFormat:"24"
id:30
intervalSlot:"30"
language:"en_US"
author:{id:1028}
monthFormat:"m/d"
singleDay:false
startDay:"1"
weekFormat:"m/d(D)"
JSON-Response from calendarType/list



class:"CalendarType"
color:"cyan"
description:"TestCalendarType"
hide:false
id:414
name:"TestCalendarType"
JSON-Response from calendarEvent/loadRepeatEvents just meta-info + no entry in result object.

JSON-Response from calendarEvent/list


alertFlag:false
calendarId:"417"
color:"blue"
description:"testsv"
endTime:"12:00"
eymd:"2009-12-14"
id:"34602"
locked:false
repeatType:"no"
startTime:"11:00"
subject:"testsv"
ymd:"2009-12-14"


Hi, spiderman123, by read the backend request you paste, I think there is some version issue.

In 2.0 version, we combine "calendarSetting/list", "calendarType/list" and "calendarEvent/loadRepeatEvents" in one single request "calendar/load" for initial load myCalendar, so if you are in 2.0 version, you should see a request "calendar/load", if not, you may need check the version, and you'd better re-download it.

If it still does not work, just send me email: libyenter@gmail.com.

[Lobos]

Great Work on the Calendar, it's awesome mate!

I have encountered a problem when using Ext.ux.calendar.MainPanel as opposed to Ext.ux.calendar.CalendarWin




var win = new Ext.ux.calendar.MainPanel({
iconCls:'icon_feyaCalendar_calendar',
title: false,
applyTo:'jcalendar-ui-container',
width:1000,
height:560,
datasource:ds,
userId:userId,
calendarSetting:cs
});


It works fine, BUT when you click on an event the dialogue to add / edit doesn't come up and in the end there is an error:



event is undefined



this error comes up from time to time even deploying with Ext.ux.calendar.CalendarWin

Thanks again for this wonderful extension.

-Lobos

[Lobos]

just fixed it lol!



var cal = new Ext.ux.calendar.MainPanel({
iconCls:'icon_feyaCalendar_calendar',
title: false,

width:1000,
height:560,
datasource:ds,
userId:userId,
calendarSetting:cs
});


var panel = new Ext.Panel({

items:cal,
applyTo:'jcalendar-ui-container',
width:1000,
height:560
});

cal.doLayout();
wait.hide();


the calendar container needs to be inside a parent panel and can't be applied directly to a div...

-Lobos

[leeby]

just fixed it lol!



var cal = new Ext.ux.calendar.MainPanel({
iconCls:'icon_feyaCalendar_calendar',
title: false,

width:1000,
height:560,
datasource:ds,
userId:userId,
calendarSetting:cs
});


var panel = new Ext.Panel({

items:cal,
applyTo:'jcalendar-ui-container',
width:1000,
height:560
});

cal.doLayout();
wait.hide();


the calendar container needs to be inside a parent panel and can't be applied directly to a div...

-Lobos

This exception seems nothing to do with the container, I am not sure what cause that yet, but great to know you find way to handle it.
I will try that later, thanks your info.

[Lobos]

There also seems to be some kind of error on the PHP side of things when you try to save an event as repeating - error dialogue comes saying error because the return is:

success:false

it also seems to wipe out the event that you are saving as repeating...

Will be looking at this shortly as I integrate the serverside functionality.

[Lobos]

Also as a feature request could there be a dynamic prefix added to the db tables, eg:

$query = 'UPDATE calendar_type

Like this

$query = 'UPDATE '.$this->tblPrfx.'calendar_type

it makes easier to integrate with other systems like this.

[ffzhuang]

Thanks Lobos:

For your great suggestion and feedback, we will try to have a look and update it.

Please bear us because we are not expert in PHP (we are extjs/Java guy), and lots of issue is totally new for us. We are still learning process.

Again thanks

Fenqiang Zhuang


Also as a feature request could there be a dynamic prefix added to the db tables, eg:

$query = 'UPDATE calendar_type

Like this

$query = 'UPDATE '.$this->tblPrfx.'calendar_type

it makes easier to integrate with other systems like this.

[Lobos]

You're welcome,

I have also noticed that when you lock an event it becomes impossible to unlock it? I have heard mention of some kind of context menu associated with an event but I have not found it. Could you please advise on this? Thanks!

-Lobos

[ffzhuang]

Hi, Lobos:

I just tried in our site. It work for me. When I locked an event, I CAN unlock it in the contextmenu.

And my site running in extjs 3.1.0. I did not this issue test in extjs 3.0.*. Can you confirm it is extjs 3.1.0.? Or any specific stuff you modified.

Regards!

Fenqiang Zhuang


You're welcome,

I have also noticed that when you lock an event it becomes impossible to unlock it? I have heard mention of some kind of context menu associated with an event but I have not found it. Could you please advise on this? Thanks!

-Lobos

[Lobos]

Mr. Zhuang, thank you for your reply and apologies. I have been trying to right click on the event and no context menu there, I see now that you need to change in the list that comes up when you search.

[Lobos]

There also seems to be some kind of error on the PHP side of things when you try to save an event as repeating - error dialogue comes saying error because the return is:

success:false

it also seems to wipe out the event that you are saving as repeating...

I found that this problem is caused by a problem with quotes in the json string that contains the repeat data. it is due to the a mysql error because of the quotes.

I fixed by opening up the calendarAgent.php file and factoring in this:


function createUpdateRepeatEvent($params){

//add this at the start of the function
$params['repeatType'] = addslashes($params['repeatType']);

-Lobos

[Lobos]

Actually this can still be an issue if the server has gpc_quotes I think the best way maybe to just use single quotes in the query and escape them:

\''.$params['repeatType'].'\'

this is only really a short term patch, what really needs to be done is the issues with handling quotes needs to be addressed fully.

-Lobos

[Lobos]

also found that these style overrides seem to make the datepicker look nicer as imo the border and head background are too dark in the original widget.



.x-date-picker {
border-color:#99BBE8;
}
.x-date-middle, .x-date-left, .x-date-right {
background:#AAC7ED;
}

[ffzhuang]

Thanks Lobos:

We will have a try and add those update. Another release is on the way includes all of those fixes.

Thanks for your help.

Regards!

Fenqiang Zhuang


also found that these style overrides seem to make the datepicker look nicer as imo the border and head background are too dark in the original widget.

[leeby]

Actually this can still be an issue if the server has gpc_quotes I think the best way maybe to just use single quotes in the query and escape them:

\''.$params['repeatType'].'\'

this is only really a short term patch, what really needs to be done is the issues with handling quotes needs to be addressed fully.

-Lobos

Thanks, Lobos,

Sorry, I don't have this issue on my local, do you mean we need write the sql like this:

$query = "UPDATE calendar_event SET repeatType = '".$params['oldRepeatType']."' "
.'WHERE id = '.$id;

use ' to wrap $params['oldRepeatType'] but not ", cause in $params['oldRepeatType'] there is ".
Is that right?

[Gunny]

Hi,
I try your calendar.
It's very very good but I think that it's too rigid.

I would use the calendar but I don't need some function and need other....

It's possible to exclude all the stuff and include only the visual part (month/week/day view) and call the functions to load, ChangeView and receive events to save/update?

Something like
http://arshaw.com/fullcalendar/

Thanks.
Giorgio

[ffzhuang]

Hi, Giorgio:

Good point,

We will add this make it only VIEW. We will have another link to point to this.

Will be in next release if we have time, otherwise, it will be in 2.1.0 release.

Regards!

Fenqiang Zhuang


Hi,
I try your calendar.
It's very very good but I think that it's too rigid.

I would use the calendar but I don't need some function and need other....

It's possible to exclude all the stuff and include only the visual part (month/week/day view) and call the functions to load, ChangeView and receive events to save/update?

Something like
http://arshaw.com/fullcalendar/

Thanks.
Giorgio

[Lobos]

onLanguageSettingFn : function(item) {
var name = item.name; var eh = this.ehandler; eh.ds.updateSetting( {
language : name}
, function() {
window.location = window.location.protocol + "//" + window.location.host + window.location.pathname}
, this)}

if the current location has query string it is not working - why not try a simple:



window.location = window.location.href;

[leeby]

onLanguageSettingFn : function(item) {
var name = item.name; var eh = this.ehandler; eh.ds.updateSetting( {
language : name}
, function() {
window.location = window.location.protocol + "//" + window.location.host + window.location.pathname}
, this)}

if the current location has query string it is not working - why not try a simple:

Yes, you are right, we can do it simple. Just I though we may use search param in URL at the first place, but it doesn't matter now.

We will change it in next release.

Thanks for your notice.

Regards,

Lee

[Lobos]

Thanks Leeby,

I see that the new version does not include table prefixes, this can cause problems if a developer wants to run two separate versions of the calendar app and only has one database available - by adding the table prefix this will allow for multiple instances of the calendar to run in one database - it is a tiny thing that can save a lot of hassle:



class CalendarAgent{
var $dbType = "mysql";
var $dbUser = "root";
var $dbHost = "localhost";
var $dbPwd="123";
var $dbName ="feyacalendar";
var $dbPrefix = ''; //default to none so not to break existing installs
var $DOCUMENT_ROOT = "";
var $hanlde = NULL;


then in all queries simply do this:



$query = "UPDATE ".$this->dbPrefix."calendar_type SET hide = 0, update_date = '".$now."' WHERE userId = ".$userId;


I could do this myself, but I don't want to hack the core files.

Thanks,

Lobos

[leeby]

Thanks Leeby,

I see that the new version does not include table prefixes, this can cause problems if a developer wants to run two separate versions of the calendar app and only has one database available - by adding the table prefix this will allow for multiple instances of the calendar to run in one database - it is a tiny thing that can save a lot of hassle:



then in all queries simply do this:



I could do this myself, but I don't want to hack the core files.

Thanks,

Lobos

Hi, Lobos

Thanks for your advice. I will add this in next release, also you can updated it by yourself now, casue the php file is not mini.

Regards,

Lee

[gevik]

This is a very cool application :)

[Lobos]

Thanks Leeby, I understand dev is pretty full steam ahead with new requirements/suggestions coming to light as people start to work with the extension.

I must say I am impressed thus far, the application is pretty stable with an impressive set of features - I especially like the recurrence functionality, it is spot on :)

in regards to recurrence and events that happen to fill the same timeslot is would be nice to implement a priority system - ie so that if two events occur at the same time (even day spanning events / recurring events) priority would be a good way to set the order that they will show. This would also be a great feature for users that are using the Calendar to control display systems and such and give the ability to override events with another events - example

user has a recurring event set to display something every friday at 10am, they then want to display a one off event friday in the same timeslot (could be a sale or something). If the calendar could set priority to an event it would allow the user to set the one off event as a higher priority than the recurring one and then 3rd party display system could work out which event has higher priority.

I would suggest an integer based system with higher number equating to higher priority - this would allow the user to always be able to sort events that occur in the same timeslot, due to the fact that recurring events will be hard to organise otherwise as their set startdate can be irrelevent.

I would also like to take this time to suggest another view for the calendar, that being the a timeline type affair - here is an example of one here:

http://www.simile-widgets.org/timeline/

This would also open up the area of Gantt charts and such for exploration - anyways maybe something for the future!

Once again thanks for the great extension and thanks for reading!

Lobos

[leeby]

Thanks Leeby, I understand dev is pretty full steam ahead with new requirements/suggestions coming to light as people start to work with the extension.

I must say I am impressed thus far, the application is pretty stable with an impressive set of features - I especially like the recurrence functionality, it is spot on :)

in regards to recurrence and events that happen to fill the same timeslot is would be nice to implement a priority system - ie so that if two events occur at the same time (even day spanning events / recurring events) priority would be a good way to set the order that they will show. This would also be a great feature for users that are using the Calendar to control display systems and such and give the ability to override events with another events - example

user has a recurring event set to display something every friday at 10am, they then want to display a one off event friday in the same timeslot (could be a sale or something). If the calendar could set priority to an event it would allow the user to set the one off event as a higher priority than the recurring one and then 3rd party display system could work out which event has higher priority.

I would suggest an integer based system with higher number equating to higher priority - this would allow the user to always be able to sort events that occur in the same timeslot, due to the fact that recurring events will be hard to organise otherwise as their set startdate can be irrelevent.

I would also like to take this time to suggest another view for the calendar, that being the a timeline type affair - here is an example of one here:

http://www.simile-widgets.org/timeline/

This would also open up the area of Gantt charts and such for exploration - anyways maybe something for the future!

Once again thanks for the great extension and thanks for reading!

Lobos


Hi, Lobos,

Thanks for your good suggestions and support, the priority stuff is in our future list and we also will consider about the new view, it's really nice.
BTW, our next version 2.0.3 will release in few days later, which fixed some bugs and add read-only function for the app.

Regards,

Lee

[minispring]

Nice job.

=P~=P~=P~=P~

[ffzhuang]

Hi, Lobos:

Thanks for your great suggestion, we will think priority stuff later, but we will come to timeline first. I guess this is a good point to integrate timeline/schedule to the calendar and it will be useful. Just we have too many stuff on hand, need some time.

And today we also released myCalendar 2.0.3, fixed several issue (include the php update your mentioned) and make viewOnly work.

Again thanks for your great suggestion.

Regards!

FeyaSoft Team


Thanks Leeby, I understand dev is pretty full steam ahead with new requirements/suggestions coming to light as people start to work with the extension.

I must say I am impressed thus far, the application is pretty stable with an impressive set of features - I especially like the recurrence functionality, it is spot on :)

in regards to recurrence and events that happen to fill the same timeslot is would be nice to implement a priority system - ie so that if two events occur at the same time (even day spanning events / recurring events) priority would be a good way to set the order that they will show. This would also be a great feature for users that are using the Calendar to control display systems and such and give the ability to override events with another events - example

user has a recurring event set to display something every friday at 10am, they then want to display a one off event friday in the same timeslot (could be a sale or something). If the calendar could set priority to an event it would allow the user to set the one off event as a higher priority than the recurring one and then 3rd party display system could work out which event has higher priority.

I would suggest an integer based system with higher number equating to higher priority - this would allow the user to always be able to sort events that occur in the same timeslot, due to the fact that recurring events will be hard to organise otherwise as their set startdate can be irrelevent.

I would also like to take this time to suggest another view for the calendar, that being the a timeline type affair - here is an example of one here:

http://www.simile-widgets.org/timeline/

This would also open up the area of Gantt charts and such for exploration - anyways maybe something for the future!

Once again thanks for the great extension and thanks for reading!

Lobos

[ffzhuang]

Hi, All:

Engin kindly provides us a ASP.NET version for myCalendar backend. You can download the attached file and try it - it should be help if you use ASP.NET in your backend.

We did not do any test for ASP.NET version - just for your reference.

Regards!

FeyaSoft Team

18486

[Lobos]

Good News on the release, thank you very much.

I have also noted something, when you have the calendar settings to start on sunday as opposed to monday, you can't get weekly recursion to actually start on sunday, it always reverts to the first monday and this looks strange as the first sunday in the week is missed.

I have been working a fair bit with this recursion and I commend your efforts, I for one understand the complexity of date recursion and I know it is not easy to implement - I have been implementing the data output from the calendar UI on a simple frontend xhtml calendar so I understand the challenges you have faced.

Good Work!

-Lobos

[hallikpapa]

This is an excellent plugin. I just downloaded it to try it out. I setup the constants, DB, and mysql connection params. The calendar loads fine, but I don't get a "new event" button in the bottom left, only the "show all", and there is no right click context menu on the calendar. Your demo showed both?

Here is a screenshot. Let me know what you think. I also noticed that it tries to load a language file from extjs folder called ext-lang-en_US.js, but in the current release it is ext-lang-en.js

Changing the language file is an easy fix, but if you could help explain why everything would show up properly except that one button?

<edit> Just saw in the database the default user created was set to read only. Good to go now! Will keep playing with this, seems very well done.

[hallikpapa]

On further inspecting, I was having a hell of a time getting it to work locally because it was saying lan was undefined on the initMenu() function.

After working with this for an hour, I found that the ONLY way to get this plugin to work is if you keep the exact folder structure you have in your zip file. If I move anything out of the "common" folder, or some js file out of the web root folder, it breaks.

In your next release, perhaps make it more flexible so someone may store your calendar js files anywhere they want?

Currently it does not allow the user of your plugin to organize files how they see fit.
For example, I had your files in my <WEB ROOT>/js/ux/calendar

And included them in my index page. It did not like that. Once I put everything exactly how it is in your zip file, it worked.

I like this though. I am going to look at how to add users to an event, so if this were a shared calendar, that specific time is blocked out for whatever user(s) are attached to an event.

[ffzhuang]

Hi, hallikpapa:

There is config js file for your to update the file path. Please look the README and see this line:

6. You need double check config file: common/CONST_PHP.js, there are several paths you need make sure fit your server path.

You need change the path in this file to meet your specific stuff. And we already specific in the README.

It is not an easy application, and we spent more than 1500 hours on this project, and it is really flexible - you need spend some time on it.

Furthermore, please buy us a commercial license if you can - we need some kind of support to survive.

Regards!

FeyaSoft Team


On further inspecting, I was having a hell of a time getting it to work locally because it was saying lan was undefined on the initMenu() function.

After working with this for an hour, I found that the ONLY way to get this plugin to work is if you keep the exact folder structure you have in your zip file. If I move anything out of the "common" folder, or some js file out of the web root folder, it breaks.

In your next release, perhaps make it more flexible so someone may store your calendar js files anywhere they want?

Currently it does not allow the user of your plugin to organize files how they see fit.
For example, I had your files in my <WEB ROOT>/js/ux/calendar

And included them in my index page. It did not like that. Once I put everything exactly how it is in your zip file, it worked.

I like this though. I am going to look at how to add users to an event, so if this were a shared calendar, that specific time is blocked out for whatever user(s) are attached to an event.

[alex-tech]

Thank you so much for this great calendar interface. I am successfully using it for my organization.
I spent 2 days looking for a sensible php/ajax based calendar solution but all of them were discontinued and lacked most features expected of a modern web app. I was desperate enough to put together my own interface using ExtJs but once I came here I found your project and it delivered!

I am wondering if anyone wants a full calendar implementation in php "out of the box" using this interface. There are many common features that could be put in place, such as user management, permissions, notifications etc. for anyone who may need a private calendar implementation and want it only a part of intranet, for example.
If anyone is interested I can put something together to see how far it can be taken.

Once again, thank you for a life saving project and I hope development will not slow down.

[hallikpapa]

Hi, hallikpapa:

There is config js file for your to update the file path. Please look the README and see this line:

6. You need double check config file: common/CONST_PHP.js, there are several paths you need make sure fit your server path.

You need change the path in this file to meet your specific stuff. And we already specific in the README.

It is not an easy application, and we spent more than 1500 hours on this project, and it is really flexible - you need spend some time on it.

Furthermore, please buy us a commercial license if you can - we need some kind of support to survive.

Regards!

FeyaSoft Team

I actually did change the config file to match my paths, and everything loads correctly in firebug. No 404 errors, all the correct files included. Which is why it was so puzzling.

Keeping your default folder structure works, but if I reorganize where the files are, and change the CONST_PHP file to accomodate, it stops working even though it is able to load all the files. I was tempted to go thru the calendar_core file to see what's causing this problem, but it's just too much development time.

I am more than happy to buy a license if we decide to use this plugin, but right now we have no decided to or not. I am curious to know if anyone else has this problem.

[ffzhuang]

Thanks, hallikpapa and alex-tech:

Suppose it should not that difficult to change path. I means we did not embed the path the calendar_core.js - as I remember.

I guess it is a bug - although we did not hear other people complain about this. We will keep this in mind and check this in the near future. Just too much stuff on list now.

For Alex-tech, we are still in the road to add more stuff - next coming one will be sharing calendar. And as your suggestion, notification, permission and user management etc. We will keep added.

Furthermore, if you buy any up license (>99 USD), we will send your un-mini JS source code which will definitely make your life far more easy to update our calendar.

And great to know you enjoy it.

Regards!

FeyaSoft Team


I actually did change the config file to match my paths, and everything loads correctly in firebug. No 404 errors, all the correct files included. Which is why it was so puzzling.

Keeping your default folder structure works, but if I reorganize where the files are, and change the CONST_PHP file to accomodate, it stops working even though it is able to load all the files. I was tempted to go thru the calendar_core file to see what's causing this problem, but it's just too much development time.

I am more than happy to buy a license if we decide to use this plugin, but right now we have no decided to or not. I am curious to know if anyone else has this problem.

[bouchra]

Hi,
it's my first time, and i need help
i'm trying to use myCalendar (http://www.feyasoft.com/myCalendar), Grails version (tomcat5.5, OS: ubuntu). i downloaded the project source code, i want only turn the demo but i didn'i success.
> cd myCalendar
>grails run-app
>browser: http://localhost:8080/myCalendar/
and then in the terminal:

>WARN view.ScaffoldingViewResolver - View caching is SWITCHED OFF -- DEVELOPMENT SETTING ONLY: This can severely impair performance
in the browser: white page

Please, help me to run the demo :s
thanks

Bouchra

[ffzhuang]

Hi, Bouchra:

This is the my step, I just run it in my local and everything seem fine for me, please follow my steps and try again.

1: Download Grails 1.2.1 from http://www.grails.org
2: Setup your grails env - follow grails site instruction
3: Load our code to your workspace
4: Load extjs 3.1.0 lib and add to our myCalendar package
5: Open command line window (cmd)
6: Go to your workspace -> myCalendar
7: > grails clean
> grails upgrade
> grails run-app
8: http://localhost:8080/myCalendar/

And I see the result. Because we use grails 1.2.0, you need run "Grails upgrade" if you use grails 1.2.1.

Let me know if you still have issue

Regards!

FeyaSoft Team


Hi,
it's my first time, and i need help
i'm trying to use myCalendar (http://www.feyasoft.com/myCalendar), Grails version (tomcat5.5, OS: ubuntu). i downloaded the project source code, i want only turn the demo but i didn'i success.
> cd myCalendar
>grails run-app
>browser: http://localhost:8080/myCalendar/
and then in the terminal:

>WARN view.ScaffoldingViewResolver - View caching is SWITCHED OFF -- DEVELOPMENT SETTING ONLY: This can severely impair performance
in the browser: white page

Please, help me to run the demo :s
thanks

Bouchra

[Lobos]

Greetings,

Great work on the new release, I am especially happy with the dbPrefix setting in the calendarAgent - I am writing now to direct you to a couple of bugs with this, there are a few table declarations that are not incorporating the dbPrefix:

CalendarAgent.php

line 163
line 175
line 407

for example on line 407:



$query = "SELECT * FROM ".$this->dbPrefix."calendar_setting WHERE calendar_setting.userId = '".$userId."'";

Thanks again,

Lobos

[Lobos]

Also noticed a bug when changing settings:



Error: wEl is null
Source File: http://localhost:8888/svn_jcalender/administrator/components/com_jcalendar//libs/js/calendar/calendar_core.js
Line: 2016


oh and the Users tables do not have the dbprefix.

Thanks,

Lobos

[Lobos]

Oh and another bug - with readonly the event can still be edited in the search screen by dbl clicking on the event.

[ffzhuang]

Thanks Lobos:

Yes, we will keep this in our TODO list.

Thanks for your help

Regards!

Fenqiang Zhuang


Oh and another bug - with readonly the event can still be edited in the search screen by dbl clicking on the event.

[elnove]

Again, great calender, do you think it will work in an RTL environment ?

[ffzhuang]

Sorry, we do not what is RTL env. Do you means Register Transfer Language. We do not know. But if it can create JSON data,then it should be fine.

Regards!

FeyaSoft Team


Again, great calender, do you think it will work in an RTL environment ?

[Lobos]

Sorry, we do not what is RTL env. Do you means Register Transfer Language. We do not know. But if it can create JSON data,then it should be fine.

Regards!

FeyaSoft Team

I think he means Right To Left language display for languages that you write from the right side of the page to the left.

-

Lobos

[ffzhuang]

Thanks Lobos:

Totally misunderstood - my bad. If this, if should not have any problem. Just need change code.

Regards!

FeyaSoft Team


I think he means Right To Left language display for languages that you write from the right side of the page to the left.

-

Lobos

[elnove]

Thank you both, I did meant Right To Left language, I'll be happy to get some guide or CSS of what should I need to change to run RTL version of your calendar.
thanks

[Lobos]

Hi there, I am trying to override some functionality to replace the textarea in the modify details area with a wysiwig, but overide doesn't seem to work?



Ext.override(Ext.ux.calendar.DetailEditor, {
contentField: new Ext.form.TextArea({
fieldLabel : 'test', height : 70, anchor : "99%"
})
});


this is just testing, but I see that the field label does not become "test", maybe I am dong something wrong though - anyways advice is always appreciated! Thanks!

[leeby]

Hi there, I am trying to override some functionality to replace the textarea in the modify details area with a wysiwig, but overide doesn't seem to work?



Ext.override(Ext.ux.calendar.DetailEditor, {
contentField: new Ext.form.TextArea({
fieldLabel : 'test', height : 70, anchor : "99%"
})
});


this is just testing, but I see that the field label does not become "test", maybe I am dong something wrong though - anyways advice is always appreciated! Thanks!

Hi, Lobos:

Sorry, we did not make that public, it's a private member, you can not override, unless you modify the source code.

Regards,

Lee

[leeby]

Thank you both, I did meant Right To Left language, I'll be happy to get some guide or CSS of what should I need to change to run RTL version of your calendar.
thanks

Yes, if you want get support you can contact us, but you need get a license first.

Regards,

FeyaSoft Team

[Lobos]

Hi, Lobos:

Sorry, we did not make that public, it's a private member, you can not override, unless you modify the source code.

Regards,

Lee

Hi Leeby, thank you for your response,

It may be a good idea to make these methods public as people will likely want to extend this area, to create plugins and such for your calendar.

Thanks!

[leeby]

Hi Leeby, thank you for your response,

It may be a good idea to make these methods public as people will likely want to extend this area, to create plugins and such for your calendar.

Thanks!

Yes, Lobos.

I will change that in next release.

Thanks for your report! Really appreciated!

Regards,

Lee

[Lobos]

Thanks Leeby,

Oh and I wanted to ask you about "Alerts", which is present in the "more" menu (top right) as well as the modify details of the event "alert when activated" checkbox.

How exactly do these features work? I am afraid I have not noticed in the docs, so this info is posted somewhere please direct me, if not a brief description of the functionality would be very much appreciated.

Thanks!

[ffzhuang]

Hi, Lobos:

See the attached image. When you create an event and select "alert when activated". For example, this event is from 2pm - 4pm. Now it is 2:30pm and your login system, you will see a pop alert message as attached image.

Suppose we should make it alert early instead of the time when event active. This will be in next release.

Hopefully this is clean enough.

Regards!

FeyaSoft Team


Thanks Leeby,

Oh and I wanted to ask you about "Alerts", which is present in the "more" menu (top right) as well as the modify details of the event "alert when activated" checkbox.

How exactly do these features work? I am afraid I have not noticed in the docs, so this info is posted somewhere please direct me, if not a brief description of the functionality would be very much appreciated.

Thanks!

[leeby]

Thanks Leeby,

Oh and I wanted to ask you about "Alerts", which is present in the "more" menu (top right) as well as the modify details of the event "alert when activated" checkbox.

How exactly do these features work? I am afraid I have not noticed in the docs, so this info is posted somewhere please direct me, if not a brief description of the functionality would be very much appreciated.

Thanks!

Hi, Lobos

Yes, we have plan on it, we will open the events and method to public, so people can easily add listener or override. And we will update the api-doc. But it takes some time, hope we can get it done soon.
Also, everyone can tell us what kind of event or method you want, we will try to open it.

BTW, for alert function, we have a Ext.util.TaskRunner running every minute, it will call EventHandler.checkExpireEvents every interval, which will check the events to generate activing events information and show the popup window in the right-bottom corner. So if you want to override, you need override EventHandler.checkExpireEvents.

Hope this can help you a little.

Regards,

Lee

[Lobos]

Hello there,

Thanks for this information, Leeby!

I believe I have found a bug with the interval slot functionality.

Say if I change the interval slot to 10 minute increments and then create an event that goes from 9.00am to 9.10am (example). If i then go and change the interval slot to 30min and then look at that event it shows from 9am to 9am and if I go to edit it the end time is showing as "18".

this bug is apparent on your demo site as well.

Thanks!

[leeby]

Hello there,

Thanks for this information, Leeby!

I believe I have found a bug with the interval slot functionality.

Say if I change the interval slot to 10 minute increments and then create an event that goes from 9.00am to 9.10am (example). If i then go and change the interval slot to 30min and then look at that event it shows from 9am to 9am and if I go to edit it the end time is showing as "18".

this bug is apparent on your demo site as well.

Thanks!

Yes, I repeated it, thanks for your report.

Really appreciated.

Regards,

Lee

[calavera]

Hello. Great work! Does anybody experience this ? When I create an event and I click on "modify details" I want to change the start date. In current month, if I select any day from 25 to the end of the week, the date field updates with the selected date - 1. So if I would like to click on day 28, the field gets the value of day 27. If I select day 26, the actual selected date is 25. If I click on the days before 24, it works as it should. The date that I actually clicked gets inserted. Any ideas why this is happening ? Maybe it's a config issue that I've missed. Is it a controlled feature or something ? Should this be happening ? Anyway, I would like to be able to change the date without getting the previous day from the day I've actually selected. I'm using ExtJS 3.0.0 (also tested in 3.1.1, thought it's something about bugfixes of Ext) and latest version of calendar.

Thanks.

[leeby]

Hello. Great work! Does anybody experience this ? When I create an event and I click on "modify details" I want to change the start date. In current month, if I select any day from 25 to the end of the week, the date field updates with the selected date - 1. So if I would like to click on day 28, the field gets the value of day 27. If I select day 26, the actual selected date is 25. If I click on the days before 24, it works as it should. The date that I actually clicked gets inserted. Any ideas why this is happening ? Maybe it's a config issue that I've missed. Is it a controlled feature or something ? Should this be happening ? Anyway, I would like to be able to change the date without getting the previous day from the day I've actually selected. I'm using ExtJS 3.0.0 (also tested in 3.1.1, thought it's something about bugfixes of Ext) and latest version of calendar.

Thanks.

Hi, calavera

You are the first one report this, and I did a quick test on our server, it seems fine.

I will check the code later and let you know if I find any thing.

Thanks for your reporting.

Regards,

FeyaSoft Team

[calavera]

Hi, calavera

You are the first one report this, and I did a quick test on our server, it seems fine.

I will check the code later and let you know if I find any thing.

Thanks for your reporting.

Regards,

FeyaSoft Team

I ended up thinking about an ExtJS bug and I have tried a simple datepicker example on those non-workin date PC's and still there was the same problem. So it had to be an ExtJS problem, not calendar-specific problem. Then I found this: http://www.extjs.com/forum/showthread.php?p=302310#post302310 . This fix seems to be working for the people who got the same problem. It worked for me. I hope it's good from now.

Thank you.

[calavera]

Can anybody please tell me how could I refresh events after I created one event ? I like to have the same behavior as when I click the reload button next to day mode, week mode, month mode. Just need to trigger that after the event has been saved.
Also, is there any possibility to setup the calendar to work with no date/time interval, just a fixed date ? For example, if I need to create an entry for when a car part arrives in the store. I would need to setup a fixed date for that, not an interval.

Thanks.

[leeby]

Can anybody please tell me how could I refresh events after I created one event ? I like to have the same behavior as when I click the reload button next to day mode, week mode, month mode. Just need to trigger that after the event has been saved.
Also, is there any possibility to setup the calendar to work with no date/time interval, just a fixed date ? For example, if I need to create an entry for when a car part arrives in the store. I would need to setup a fixed date for that, not an interval.

Thanks.

Hi,

For refresh events, you can call

CalendarContainer.fireEvent("refresh")

after you create an event.

For the interval problem, you mean you want to create an event like '09:01-09:44', right?

Sorry, we can not do that.

Regards,

FeyaSoft Team

[calavera]

Thank you for you response. Actually, I would like to have no date and time intervals so I could setup an event at "08-04-2010 19:00" fixed. Can this be done ? Also, where should I put this: CalendarContainer.fireEvent("refresh") in order to execute after the event is saved ?

Thank you.

[leeby]

Can anybody please tell me how could I refresh events after I created one event ? I like to have the same behavior as when I click the reload button next to day mode, week mode, month mode. Just need to trigger that after the event has been saved.
Also, is there any possibility to setup the calendar to work with no date/time interval, just a fixed date ? For example, if I need to create an entry for when a car part arrives in the store. I would need to setup a fixed date for that, not an interval.

Thanks.

Hi,

I understand what you want, but it's not supported in myCalendar, the reason is make it no interval will affect the way we handle event layout, and it's not very easy to do. If you want support, you can contact fzhuang@feyasoft.com.

Regards,

FeyaSoft Team

[andrewrein]

hi. thanks for this app :) i've been looking for this kind for months... glad i stumbled upon your site..

[baubas]

Hello guys,

thank you for this nice calendar.

However I have this strange problem: when I resize my browser window (FF 3.6.3) calendar and events resizes too but all the events get doubled. I guess your script recreates events instead of repositioning and for some reason deleting the old ones does not trigger. Exactly the same problem when moving events - drag or resize elements do not get deleted (I can only remove them with a firebug).

I was not able to upload my img to this forum, so here it goes - http://baubas.info/cal_bug.jpg

The callendar is embedded in a TabPanel. Works ok if I use it standalone, like in your example.

Regards,
Donatas Olsevičius

[baubas]

Hello again,

I've found my problem. Some time ago I added the following line to my ExtJS config to fix some problems I do not remember :) Removing it solved all problems.

Ext.DomQuery.matchers[2].re = /^(?:([\[\{])(?:@)?([\w-]+)\s?(?:(=|.=)\s?(?:"(.*?)"|'(.*?)'|(.*?)))?[\]\}])/;

I'm going to rewrite your php backend to get it more flexible and easier extendable. I might share it with you if you need it after I finish it.

Regards,
Donatas Olsevičius

[baubas]

By the way, you should not send AJAX request when events are dropped on the same place it was before (start drag, move a little bit and put it where it was).

One more thing - days with events present could be marked bold in a datepicker.

[leeby]

By the way, you should not send AJAX request when events are dropped on the same place it was before (start drag, move a little bit and put it where it was).

One more thing - days with events present could be marked bold in a datepicker.

Hi, Donatas

Thanks for your report, yes, you are right, I did not check whether the position actually changed after drag/drop, I will fix it in next version.

And I am very appreciated if you can send me or attach your php on this thread. Thanks.

Regards,

Lee

feyaSoft Team

[baubas]

Few more things:

date label above datepicker is not necessary - the same information is visible on the datepicker and header of the day|week|month view. By the way, if default view is week, after render that label shows today's date.

prev|next|today buttons in the tbar of the main panel doubles the datepicker funcionality and are not necessary. Every additional component just slows down calendar render time which is not so quick.

Label before the search textfield might look better on the magnifier button. You may also consider using this one - http://www.extjs.com/deploy/dev/examples/form/custom.html

It would be great to have some kind of events' pool - additional dragdrop zone below the datepicker for the events with no date/calendar. If you look at those events like they're tasks, it's really useful to have some place to put unplanned tasks.

Colours of the calendars are now hardcoded. It would be much better to have them in a DB to be easily changeable. And there might be colours for the events individually too.

Regards,
Donatas Olsevičius

[leeby]

Hi, Donatas,

No date pool is a good idea, I will think about it, thanks.

And also thanks for these issue you found, I will try to make it better.

Regards,

Lee

feyaSoft Team


Few more things:

date label above datepicker is not necessary - the same information is visible on the datepicker and header of the day|week|month view. By the way, if default view is week, after render that label shows today's date.

prev|next|today buttons in the tbar of the main panel doubles the datepicker funcionality and are not necessary. Every additional component just slows down calendar render time which is not so quick.

Label before the search textfield might look better on the magnifier button. You may also consider using this one - http://www.extjs.com/deploy/dev/examples/form/custom.html

It would be great to have some kind of events' pool - additional dragdrop zone below the datepicker for the events with no date/calendar. If you look at those events like they're tasks, it's really useful to have some place to put unplanned tasks.

Colours of the calendars are now hardcoded. It would be much better to have them in a DB to be easily changeable. And there might be colours for the events individually too.

Regards,
Donatas Olsevičius

[conorarmstrong]

Hi there

Nice app. One prob though. The calendar_core.js file in minified. Is there an unminified version available?

Thanks

[leeby]

Hi there

Nice app. One prob though. The calendar_core.js file in minified. Is there an unminified version available?

Thanks

Hi,

If you want a full source code, you have to buy a license.

You can find details in www.feyasoft.com.

[calavera]

Hi, I would like to have less rows in monthView. Is this possible ? I just want 2 or 3 week rows there.

Thanks.

[leeby]

Yes, it's possible, need change some functions in Month view.


Hi, I would like to have less rows in monthView. Is this possible ? I just want 2 or 3 week rows there.

Thanks.

[calavera]

Can I do it myself, somehow ?

Thanks.


Yes, it's possible, need change some functions in Month view.

[leeby]

Can I do it myself, somehow ?

Thanks.

Hi,

first, you should go to recalculateWeek function in MonthView.js, at there you can change the rownum as you want, it will control the render;
second, cause you change the rownum, it will affect goBack and goNext function in MonthView.js, which make the monthview can not move forward, you have to change some code in these 2 functions.
Basically, you need change this.daySet to the day range you want to show in goBack and goNext functions.

[calavera]

Thank you for your help. I have managed to get 3 rows rendered by changing rowNum in recalculateWeek but I don't know how to change goNext and goBack functions to work. What needs to be updated ? goNext looks like this:


goNext: function () {
var shiftDay = this.shiftDay || this.dayNum;
var dayNum = this.dayNum;
var edate = this.daySet[this.daySet.length - 1];
var fdate = edate.getLastDateOfMonth();
if (edate.format("Y-m-d") == fdate.format("Y-m-d")) {
fdate = fdate.add(Date.DAY, 1);
} else {
fdate = edate.getFirstDateOfMonth();
}
this.recalculateWeek(fdate);
fdate = this.getStartDate(fdate);
this.daySet = [];
var weekNum = this.weekNum;
for (var i = 0; i < weekNum; i++) {
for (var j = 0; j < dayNum; j++) {
this.daySet[this.daySet.length] = fdate.add(Date.DAY, i * shiftDay + j);
}
}
this.resetView();
this.recalculateSize(this.body.getWidth(), this.body.getHeight());
this.checkLayout(true);
}

Thank you.


Hi,

first, you should go to recalculateWeek function in MonthView.js, at there you can change the rownum as you want, it will control the render;
second, cause you change the rownum, it will affect goBack and goNext function in MonthView.js, which make the monthview can not move forward, you have to change some code in these 2 functions.
Basically, you need change this.daySet to the day range you want to show in goBack and goNext functions.

[calavera]

Can you please help me change the daySet to something that would work for me with 3 rows in rowNum ? Or, can you explain how it works so that I can manage to change goNext and goBack functions ? I would really apreciate it and I hope I'm not bothering you. Thank you very much.


Hi,

first, you should go to recalculateWeek function in MonthView.js, at there you can change the rownum as you want, it will control the render;
second, cause you change the rownum, it will affect goBack and goNext function in MonthView.js, which make the monthview can not move forward, you have to change some code in these 2 functions.
Basically, you need change this.daySet to the day range you want to show in goBack and goNext functions.

[ffzhuang]

Hi, Calavera:

We would like to help your fix existing bug. However, it would be really hard for us to provide a new function for your. If you really need help, please send email to:

info@feyasoft.com

Regards!

FeyaSoft Team


Can you please help me change the daySet to something that would work for me with 3 rows in rowNum ? Or, can you explain how it works so that I can manage to change goNext and goBack functions ? I would really apreciate it and I hope I'm not bothering you. Thank you very much.

[Lobos]

Hi there,

I have noticed that there is a bug with daylight savings. If a user is browsing from a different timezone than that of the server there are going to be issues with the calendar.

I am in Brazil and when I go to your calendar demo http://www.feyasoft.com/main there are two October 16 dates and no oct 17 - if you add an event to either oct16th it will show up on both dates.

It also causes issues with recursion.

The post here reflects the issues quite well:

http://stackoverflow.com/questions/385306/php-date-issues-with-daylight-saving

Note the accepted answer - this may be a solution:


2 down vote accepted


Thats because you use mktime which is locale specific. That is it will convert it to the number of seconds from 00:00:00 1970-1-1 GMT, and that is offset by 1 hour with one timezone.

You should also remember that the javascript does use the same timezone as the browser, not the web page.

e.resultDate = new Date(year, month - 1, day);

This will make sure the date is the same for every viewer from every timezone.

Or you can use gmmktime and use the UTC methods in Date.


I would appreciate any input you can give on this bug - the best case scenario for me would be a way to sync the javascript DST with the server DST instead of it using the browser / client date.

Added info: I checked my localhost and it is doing the same thing, so the bug may not be server related, but I feel it is definetly something to do with daylights saving time as oct 16/17 was when brazil daylights savings time started

Thanks!

[ffzhuang]

Hi, Lobos:

Would you please help us to test in our production server www.cubedrive.com (http://www.sencha.com/forum/www.cubedrive.com) - our latest version of application (we did bunch of update for calendar). And please set your time zone as your local time zone during signup.

And any screen shot should be really help if you can. It should not relate to your browser, all the related code are set in the server side. I believe somewhere we did not set it correct.

In the future, we will update our application in our production server - www.cubedrive.com. So you'd better test there.

Thanks

FeyaSoft Team

[Lobos]

I did as you suggestion, my timezone is -3hours sao paulo time and we have just switched to daylight savings (yawn lol)

screen shot attached

[ffzhuang]

Thanks Lobos:

This is for sure a bug. We will try to fix it and let your know.

Thanks

FeyaSoft Team

[calavera]

Hello. Did anybody got a problem with the datefields large width display in calendar ? I can't seem to find out why all my datefields appear width stretched to screen, height is normal. Any idea why this could be happening ? Other datefields that I use withing the same extjs installation works fine...

Thanks.

[aridheva]

Cool =D>