Add calendar view to appointments

[jkleinsc]

We need to add a calendar view. This calendar view should support a weekly view and a daily view.
Like the appointment search (/appointments/search), you should be able to filter on:
Doctor
Type
Location

On the calendar the following items should display with a link to appointment details:

First Name
Last Name
Doctor to be seen

[ghost]

I can take this one if nobody minds.

[jkleinsc]

It's yours @BogdanAlexandru.

[garylm]

Date Format Question: Since a lot of countries use a date format of DD/MM/YYYY vs MM/DD/YYYY should the format be an option/setting?

[jkleinsc]

@garylm HospitalRun uses Moment.js to do date formatting, in particular we use the locale formatting options available. See http://momentjs.com/docs/#/displaying/format/, in particular the subsection there titled "Localized formats".

[ghost]

Info on progress:

You can find a .gif with messed up colors showing it live here: http://imgur.com/a5rILVu
Not shown in the gif, but can be done: clicking on an appointment to edit it.

I've used FullCalendar. As far as features are concerned, the only thing left to do is filtering (location filter missing right now). Plenty left in the testing and polishing area though.

A neat thing to add I think would be double-clicking a day in the calendar to start a new appointment creation at that day, but this feels like a good candidate for a separate issue (the PR for this is already growing big).

Will be back with a WIP PR soon.

[garylm]

So.... Does this imply there will be a 'calendar date format' setting?

[jkleinsc]

@garylm there doesn't need to be a calendar date format setting. Moment.js' localized format allows us to display dates localized to the user's locale.

[garylm]

So how do we set the user's locale?

[jkleinsc]

@garylm I was under the impression that momentjs automatically set the user's locale based on the user's browser using navigator.language (https://developer.mozilla.org/en-US/docs/Web/API/NavigatorLanguage/language), but it turns out that we need to add code to do that, eg:

moment.locale(navigator.language.toLowerCase());

[garylm]

The reason I was asking is that I have spent the last 3 months in Europe and I have yet to have any web form default to the European date format.