reflectcal / reflectcal

Fast and simple web-calendar. https://reflectcal.com

Reflectcal

Reflect calendar is web calendar, aimed to be fast, minimalistic and functional.

Demo https://www.reflectcal.com/.

Installation and run

1. Clone this repository locally.

mkdir reflectcal
cd reflectcal
git clone https://github.com/alexeykomov/reflectcal.git

2. Runtimes - Install Java, Python and Node.js. Node.js must be at least of version v0.12.2.

3. Install MongoDB. Create storage folder for it, may as well start an instance.

mkdir mongostorage
mongod --dbpath mongostorage

4. Globally install following node modules - Express, Grunt, Less, Bunyan.

npm install express -g
npm install less -g
npm install grunt-cli -g
npm install bunyan -g

5. Locally to project, install all needed node modules.

cd reflectcal
npm install

6. Go to Google developers console and:

a. Create project for this particular app instance. Name it like something that reflects both app and particular machine from where app is launched, like "Reflect calendar on Alex's iMac".

b. Under API and auth/Credentials menu, create new Client ID with Web application bullet point.

c. In field "Authorized JavaScript origins" put http://localhost:3000/.

d. In field "Authorized redirect URIs" put http://localhost:3000/auth/google/callback. Note that you may insert your own part instead of http://localhost:3000.

e. Dowload JSON file and put it in your application root, near app.js.

6. Compile from sources.

grunt compile-all

7. Launch an application.

node --harmony app

8. Go to http://localhost:3000/

reflectcal's Issues

Enhance settings and event panes.

Make them centered and better styled.

Side pane is too high in Safari.

When sliding panes too quick, they are not propely hidden.

Restructure calendarsInProgress, eventsInProgress to hold actual calendars and events, for backup.

Make mask more precise using mask layer.

We could introduce mask-layer div and add/remove mask as element inside of it using appendChild/removeChild, which are very performant on new browser engines. Hopefully this will also make mask more precise, without pixel errors like now, say, in Chrome.

Implement light (flat) buttons.

Sometimes when creating event end date is not valid (red), though it appears valid.

Edit event pane - delete button is shifted.

Hide week mode for small screens.

Use matchMedia.

After event edit, main pane is not updated.

Try larger font for day/week labels, My Calendars labels.

Use datalist for time picker.

Review components update mechanism.

Interconnected with #26

Scroll to events on initial load.

Make event creation by touching grid.

Make more space between buttons in control pane.

All day pane is shifted at wrong offset from the right.

Use GitHub icons.

https://octicons.github.com/

When changing event start, make event end change accordingly.

Firefox OS - add native date inputs.

Minical doesn't get updated.

Migrate templates to soy.

After calendar collection is deleted, view doesn't return to main screen.

Chrome mobile - wrong size of date inputs.

Do not show 'other calendars' when there's 0 of them.

Make labels contain inputs, so that click area will be bigger.

Settings object should be placed outside of settings pane.

Settings object belongs to whole application, not just one module - settings pane.

Refactor control.js to different file and make button, tab and checkbox inherit from it.

This is for better future compatibility when we will update Closure Library.

Hide all day mode for small screens.

Timezone bug - event behave differently in another timezone.

First needed to be confirmed.

Make side pane automatically hidden for tablet.

Relayout top pane so that buttons have similar position both for large and small screens.

Depends on #26

Make more soft, pastel colors.

We may use this tool: https://kuler.adobe.com/create/color-wheel/
Reference colors:
http://prntscr.com/6j10fx
http://prntscr.com/6j10vo

In Firefox on OS X scrollbars have lower z-index than chips.

Use js momentum scroller only on iOS, use native scrolling elsewhere.

Mobile browsers are affected.

Chrome is just fine using native scrolling. It's smoother than js one.
Firefox OS native scrolling is considerably faster than js one. But then we will trade scrolling speed for slower tap - Firefox OS has tap delay, which we now won't be able to suppress, since preventDefault on touchstart will prevent native scrolling.
Windows phone is yet to be tested, but js scrolling is slow.
Firefox Android is yet to be tested.

But iOS native scrolling has a problem - it not always starts right after touch, sometimes it needs a 'focus' tap before. Basically it means that sometimes you need to tap several times for scrolling to start. In this case, js scrolling is better, and it's very fast on iOS, too. Yet one reason to make js scrolling in iOS is tap delay.

Make native date inputs for Firefox Mobile.

Make more lightweight hour grid.

Expand/collapse of the side pane doesn't update main pane.

Make all callbacks conform to function(error, result) {} signature.

Make mailer daemon.

Create alerts.

Use native Notifications API. https://developer.mozilla.org/en-US/docs/Web/API/notification

Cannot save event through form.

Regression: event in 23:59 for day mode isn't shown.

Remove dialogs for mobile.

Refactor to promise-based APIs on server.

Momentum scroller transition bug.

When starting fast TO_BOUNDS transition and stop it with touchstart, it stops where it is.
But then, when trying to scroll, element's position jumps to start (if we scrolled to start) or to end (if we scrolled to end).

Create gray background and make control panes use the same one.

Depends on #26 .

Refactor public decorateInternal to new setElement method.

We have some call which use protected decorateInternal method - it is vaque and against protected visibility. From what I can see those calls just set this.element_ in component, so we can introduce new setElement method exactly for this purpose.

Escape button doesn't work on event pane.

Protect events and calendars from access of non-owner.