├── screenshots
    ├── Desktop user.gif
    └── Mobile user.gif
├── LICENSE
├── .gitignore
├── package.json
├── dist
    ├── css
    │   └── jquery-calendar.min.css
    └── js
    │   └── jquery-calendar.min.js
├── src
    ├── css
    │   └── jquery-calendar.css
    └── js
    │   └── jquery-calendar.js
├── example
    ├── example.html
    └── demo.html
└── README.md


/screenshots/Desktop user.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ArrobeFr/jquery-calendar/HEAD/screenshots/Desktop user.gif


--------------------------------------------------------------------------------
/screenshots/Mobile user.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ArrobeFr/jquery-calendar/HEAD/screenshots/Mobile user.gif


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2018 Arrobe
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | # Logs
 2 | logs
 3 | *.log
 4 | npm-debug.log*
 5 | yarn-debug.log*
 6 | yarn-error.log*
 7 | 
 8 | # Runtime data
 9 | pids
10 | *.pid
11 | *.seed
12 | *.pid.lock
13 | 
14 | # Directory for instrumented libs generated by jscoverage/JSCover
15 | lib-cov
16 | 
17 | # Coverage directory used by tools like istanbul
18 | coverage
19 | 
20 | # nyc test coverage
21 | .nyc_output
22 | 
23 | # Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
24 | .grunt
25 | 
26 | # Bower dependency directory (https://bower.io/)
27 | bower_components
28 | 
29 | # node-waf configuration
30 | .lock-wscript
31 | 
32 | # Compiled binary addons (https://nodejs.org/api/addons.html)
33 | build/Release
34 | 
35 | # Dependency directories
36 | node_modules/
37 | jspm_packages/
38 | 
39 | # TypeScript v1 declaration files
40 | typings/
41 | 
42 | # Optional npm cache directory
43 | .npm
44 | 
45 | # Optional eslint cache
46 | .eslintcache
47 | 
48 | # Optional REPL history
49 | .node_repl_history
50 | 
51 | # Output of 'npm pack'
52 | *.tgz
53 | 
54 | # Yarn Integrity file
55 | .yarn-integrity
56 | 
57 | # dotenv environment variables file
58 | .env
59 | 
60 | # next.js build output
61 | .next
62 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "arrobefr-jquery-calendar",
 3 |   "version": "1.0.12",
 4 |   "description": "A responsive jquery calendar scheduler built with bootstrap and moment.js",
 5 |   "main": "dist/js/jquery-calendar.min.js",
 6 |   "scripts": {
 7 |     "css-minify": "cleancss --level 2 --output dist/css/jquery-calendar.min.css src/css/jquery-calendar.css",
 8 |     "js-minify": "uglifyjs --compress --mangle --toplevel --comments /^@/ --output dist/js/jquery-calendar.min.js src/js/jquery-calendar.js"
 9 |   },
10 |   "repository": {
11 |     "type": "git",
12 |     "url": "git+https://github.com/ArrobeFr/jquery-calendar.git"
13 |   },
14 |   "keywords": [
15 |     "jquery-plugin",
16 |     "ecosystem:jquery",
17 |     "moment.js",
18 |     "bootstrap",
19 |     "calendar",
20 |     "scheduler",
21 |     "responsive"
22 |   ],
23 |   "author": "Arrobe Fr <contact@arrobe.fr> (https://www.arrobe.fr)",
24 |   "license": "MIT",
25 |   "bugs": {
26 |     "url": "https://github.com/ArrobeFr/jquery-calendar/issues"
27 |   },
28 |   "homepage": "https://github.com/ArrobeFr/jquery-calendar#readme",
29 |   "dependencies": {
30 |     "bootstrap": "^3.3.7",
31 |     "moment": "^2.22.1",
32 |     "jquery": "^3.3.1",
33 |     "jquery-touchswipe": "^1.6.18"
34 |   },
35 |   "devDependencies": {
36 |     "clean-css-cli": "^4.1.11",
37 |     "uglify-js": "^3.3.26"
38 |   },
39 |   "files": [
40 |     "dist/",
41 |     "src/",
42 |     "README.md",
43 |     "LICENSE"
44 |   ]
45 | }
46 | 


--------------------------------------------------------------------------------
/dist/css/jquery-calendar.min.css:
--------------------------------------------------------------------------------
1 | /*!
2 |  * @class Calendar ~jquery-calendar plugin~ (https://github.com/ArrobeFr/jquery-calendar)
3 |  * @author Developped by Arrobe (https://www.arrobe.fr)
4 |  * @license Licensed under MIT (https://github.com/ArrobeFr/jquery-calendar/blob/master/LICENSE)
5 |  */.calendar{position:relative}.calendar-events-day>ul,.calendar-events>ul,.calendar-month-day-header>ul,.calendar-month-events-day>ul,.calendar-timeline>ul{list-style-type:none;padding:0}.calendar-timeline>ul>li:after{position:absolute;content:'';border-bottom:1px solid #eaeaea}.calendar-event{overflow:hidden}.calendar-categories{margin-bottom:10px;overflow-x:auto;width:100%;z-index:10}li.calendar-event>a{text-decoration:none}em.event-content,em.event-name{font-style:normal}.calendar .calendar-timeline{display:block;height:100%;left:0;position:absolute;top:0;width:100%}.calendar .calendar-timeline li{position:relative}.calendar .calendar-timeline li::after{background:#eaeaea;bottom:0;height:1px;left:60px;position:absolute;width:calc(100% - 60px)}.calendar .calendar-timeline li:last-of-type::after{display:none}.calendar .calendar-timeline li span{-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);display:inline-block;transform:translateY(-50%)}.calendar .calendar-events{float:left;margin-left:60px;position:relative;width:calc(100% - 60px);z-index:1}.calendar-events-day,.calendar-month-day-header{overflow:hidden;border:1px solid #eaeaea;float:left;margin-bottom:0}.calendar .calendar-events .calendar-day-header,.calendar-month-day-header>div{border-bottom:1px solid #eaeaea;display:table;padding:0;width:100%}.calendar .calendar-events .calendar-day-header>span{display:table-cell;font-weight:700;line-height:1.2;margin-bottom:0;padding:0 .5em;text-align:center;vertical-align:middle}.calendar-events-day>ul,.calendar-month-day-header>ul{-webkit-overflow-scrolling:touch;display:block;overflow:auto;overflow-x:hidden;padding:0;position:relative}.calendar-events-day>ul::after,.calendar-month-day-header>ul::after{clear:both;color:transparent;display:none;height:100%;opacity:0;width:1px}.calendar .calendar-events .calendar-event{-ms-flex-negative:1;-webkit-transition:opacity .2s,background .2s;border-radius:2px;box-shadow:inset 0 -3px 0 rgba(0,0,0,.2);box-shadow:0 10px 20px rgba(0,0,0,.1),inset 0 -3px 0 rgba(0,0,0,.2);flex-shrink:1;float:left;height:auto;left:-1px;margin-right:0;max-width:none;position:absolute;transition:opacity .2s,background .2s;width:calc(100% + 2px);z-index:3}.calendar-month-event{-ms-flex-negative:1;-webkit-transition:opacity .2s,background .2s;border-radius:2px;box-shadow:inset 0 -3px 0 rgba(0,0,0,.2);flex-shrink:1;float:left;left:-1px;margin-right:0;max-width:none;position:absolute;transition:opacity .2s,background .2s;width:calc(100% + 2px);z-index:3}.calendar .calendar-events .calendar-event:last-of-type{margin-right:0}.calendar .calendar-events .calendar-event a{display:block;height:100%;padding:2px}.calendar-events-day:not(:first-of-type),.calendar-month-day-header:not(:first-of-type){border-left-width:0}.calendar .calendar-events .calendar-event.selected-event{visibility:hidden}.calendar.loading .calendar-events .calendar-event{opacity:0}.calendar .event-date,.calendar .event-name{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;color:#fff;display:block;font-weight:700}.calendar .event-content{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;color:#fff;display:block}.calendar-daynote .event-content,.calendar-daynote .event-date,.calendar-daynote .event-name,.calendar-label-daynote{color:#000}.calendar .event-name{font-size:1.8rem}.calendar .event-date{font-size:1.4rem;line-height:1.2;margin-bottom:.2em;opacity:.7}.calendar-month{font-weight:700;border:1px solid #eaeaea;border-bottom:none}.calendar-month-day-header>div{text-align:center;font-weight:700}.calendar-month-events-day>span{color:#bdbdbd}.daytoweek,.monthtoweek,.weektoday,.weektomonth{cursor:pointer}.daytoweek:hover,.monthtoweek:hover,.weektoday:hover,.weektomonth:hover{background-color:#f5f5f5}


--------------------------------------------------------------------------------
/src/css/jquery-calendar.css:
--------------------------------------------------------------------------------
  1 | /*!
  2 |  * @class Calendar ~jquery-calendar plugin~ (https://github.com/ArrobeFr/jquery-calendar)
  3 |  * @author Developped by Arrobe (https://www.arrobe.fr)
  4 |  * @license Licensed under MIT (https://github.com/ArrobeFr/jquery-calendar/blob/master/LICENSE)
  5 |  */
  6 | 
  7 | .calendar {
  8 | position:relative
  9 | }
 10 | 
 11 | .calendar-events>ul,.calendar-timeline>ul,.calendar-events-day>ul,.calendar-month-day-header>ul,.calendar-month-events-day>ul {
 12 | list-style-type:none;
 13 | padding:0
 14 | }
 15 | 
 16 | .calendar-timeline>ul>li:after {
 17 | position: absolute;
 18 | content: '';
 19 | border-bottom: 1px solid rgb(234,234,234);
 20 | }
 21 | 
 22 | .calendar-event {
 23 | overflow:hidden
 24 | }
 25 | 
 26 | .calendar-categories {
 27 | margin-bottom:10px;
 28 | overflow-x:auto;
 29 | width:100%;
 30 | z-index:10
 31 | }
 32 | 
 33 | li.calendar-event>a {
 34 | text-decoration:none
 35 | }
 36 | 
 37 | em.event-name,em.event-content {
 38 | font-style:normal
 39 | }
 40 | 
 41 | .calendar .calendar-timeline {
 42 | display:block;
 43 | height:100%;
 44 | left:0;
 45 | position:absolute;
 46 | top:0;
 47 | width:100%
 48 | }
 49 | 
 50 | .calendar .calendar-timeline li {
 51 | position:relative
 52 | }
 53 | 
 54 | .calendar .calendar-timeline li::after {
 55 | background:#EAEAEA;
 56 | bottom:0;
 57 | height:1px;
 58 | left:60px;
 59 | position:absolute;
 60 | width:calc(100% - 60px)
 61 | }
 62 | 
 63 | .calendar .calendar-timeline li:last-of-type::after {
 64 | display:none
 65 | }
 66 | 
 67 | .calendar .calendar-timeline li span {
 68 | -ms-transform:translateY(-50%);
 69 | -webkit-transform:translateY(-50%);
 70 | display:inline-block;
 71 | transform:translateY(-50%)
 72 | }
 73 | 
 74 | .calendar .calendar-events {
 75 | float:left;
 76 | margin-left:60px;
 77 | position:relative;
 78 | width:calc(100% - 60px);
 79 | z-index:1
 80 | }
 81 | 
 82 | .calendar-events-day, .calendar-month-day-header {
 83 | overflow: hidden;
 84 | border:1px solid #EAEAEA;
 85 | float:left;
 86 | margin-bottom:0
 87 | }
 88 | 
 89 | .calendar .calendar-events .calendar-day-header, .calendar-month-day-header>div {
 90 | border-bottom:1px solid #EAEAEA;
 91 | display:table;
 92 | padding:0;
 93 | width:100%
 94 | }
 95 | 
 96 | .calendar .calendar-events .calendar-day-header > span {
 97 | display:table-cell;
 98 | font-weight:700;
 99 | line-height:1.2;
100 | margin-bottom:0;
101 | padding:0 .5em;
102 | text-align:center;
103 | vertical-align:middle
104 | }
105 | 
106 | .calendar-events-day > ul, .calendar-month-day-header > ul {
107 | -webkit-overflow-scrolling:touch;
108 | display:block;
109 | overflow:auto;
110 | overflow-x:hidden;
111 | padding:0;
112 | position:relative
113 | }
114 | 
115 | .calendar-events-day > ul::after, .calendar-month-day-header > ul::after {
116 | clear:both;
117 | color:transparent;
118 | display:none;
119 | height:100%;
120 | opacity:0;
121 | width:1px
122 | }
123 | 
124 | .calendar .calendar-events .calendar-event {
125 | -ms-flex-negative:1;
126 | -webkit-transition:opacity .2s,background .2s;
127 | border-radius:2px;
128 | box-shadow:inset 0 -3px 0 rgba(0,0,0,0.2);
129 | box-shadow:0 10px 20px rgba(0,0,0,0.1),inset 0 -3px 0 rgba(0,0,0,0.2);
130 | flex-shrink:1;
131 | float:left;
132 | height:auto;
133 | left:-1px;
134 | margin-right:0;
135 | max-width:none;
136 | position:absolute;
137 | transition:opacity .2s,background .2s;
138 | width:calc(100% + 2px);
139 | z-index:3
140 | }
141 | 
142 | .calendar-month-event {
143 | -ms-flex-negative:1;
144 | -webkit-transition:opacity .2s,background .2s;
145 | border-radius:2px;
146 | box-shadow:inset 0 -3px 0 rgba(0,0,0,0.2);
147 | flex-shrink:1;
148 | float:left;
149 | left:-1px;
150 | margin-right:0;
151 | max-width:none;
152 | position:absolute;
153 | transition:opacity .2s,background .2s;
154 | width:calc(100% + 2px);
155 | z-index:3
156 | }
157 | 
158 | .calendar .calendar-events .calendar-event:last-of-type {
159 | margin-right:0
160 | }
161 | 
162 | .calendar .calendar-events .calendar-event a {
163 | display:block;
164 | height:100%;
165 | padding:2px
166 | }
167 | 
168 | .calendar-events-day:not(:first-of-type), .calendar-month-day-header:not(:first-of-type) {
169 | border-left-width:0
170 | }
171 | 
172 | .calendar .calendar-events .calendar-event.selected-event {
173 | visibility:hidden
174 | }
175 | 
176 | .calendar.loading .calendar-events .calendar-event {
177 | opacity:0
178 | }
179 | 
180 | .calendar .event-name,.calendar .event-date {
181 | -moz-osx-font-smoothing:grayscale;
182 | -webkit-font-smoothing:antialiased;
183 | color:#fff;
184 | display:block;
185 | font-weight:700
186 | }
187 | 
188 | .calendar .event-content {
189 | -moz-osx-font-smoothing:grayscale;
190 | -webkit-font-smoothing:antialiased;
191 | color:#fff;
192 | display:block
193 | }
194 | 
195 | .calendar-daynote .event-name,.calendar-daynote .event-date, .calendar-daynote .event-content, .calendar-label-daynote {
196 | color:#000;
197 | }
198 | 
199 | .calendar .event-name {
200 | font-size:1.8rem;
201 | }
202 | 
203 | .calendar .event-date {
204 | font-size:1.4rem;
205 | line-height:1.2;
206 | margin-bottom:.2em;
207 | opacity:.7
208 | }
209 | 
210 | .calendar-month {
211 |   font-weight: bold;
212 |   border: 1px solid #EAEAEA;
213 |   border-bottom: none;
214 | }
215 | 
216 | .calendar-month-day-header>div {
217 |   text-align: center;
218 |   font-weight: bold;
219 | }
220 | 
221 | .calendar-month-events-day>span {
222 |   color: #BDBDBD ;
223 | }
224 | 
225 | .weektoday, .monthtoweek, .daytoweek, .weektomonth {
226 |   cursor: pointer;
227 | }
228 | 
229 | .weektoday:hover, .monthtoweek:hover, .daytoweek:hover, .weektomonth:hover {
230 |   background-color: #F5F5F5;
231 | }
232 | 


--------------------------------------------------------------------------------
/example/example.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="fr">
  3 | <head>
  4 |   <meta charset="utf-8">
  5 |   <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6 |   <meta name="viewport" content="width=device-width, initial-scale=1">
  7 |   <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
  8 |   <script src="../node_modules/jquery/dist/jquery.min.js"></script>
  9 |   <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
 10 |   <script src="../node_modules/moment/min/moment-with-locales.min.js"></script>
 11 |   <script src="../node_modules/jquery-touchswipe/jquery.touchSwipe.min.js"></script>
 12 |   <script src="../dist/js/jquery-calendar.min.js"></script>
 13 |   <link rel="stylesheet" href="../dist/css/jquery-calendar.min.css">
 14 |   <title>Calendar</title>
 15 | </head>
 16 | <body>
 17 |   <script>
 18 |     $(document).ready(function(){
 19 |       moment.locale('en');
 20 |       var now = moment();
 21 | 
 22 |       /**
 23 |        * Many events
 24 |        */
 25 |       var events = [
 26 |         {
 27 |           start: now.startOf('week').add(9, 'h').format('X'),
 28 |           end: now.startOf('week').add(10, 'h').format('X'),
 29 |           title: '1',
 30 |           content: 'Hello World! <br> <p>Foo Bar</p>',
 31 |           category:'Professionnal'
 32 |         },
 33 |         {
 34 |           start: now.startOf('week').add(10, 'h').format('X'),
 35 |           end: now.startOf('week').add(11, 'h').format('X'),
 36 |           title: '2',
 37 |           content: 'Hello World! <br> <p>Foo Bar</p>',
 38 |           category:'Professionnal'
 39 |         },
 40 |         {
 41 |           start: now.startOf('week').add(11, 'h').format('X'),
 42 |           end: now.startOf('week').add(12, 'h').format('X'),
 43 |           title: '3',
 44 |           content: 'Hello World! <br> <p>Foo Bar</p>',
 45 |           category:'Personnal'
 46 |         },
 47 |         {
 48 |           start: now.startOf('week').add(1, 'days').add(9, 'h').format('X'),
 49 |           end: now.startOf('week').add(1, 'days').add(10, 'h').format('X'),
 50 |           title: '4',
 51 |           content: 'Hello World! <br> <p>Foo Bar</p>',
 52 |           category:'Personnal'
 53 |         },
 54 |         {
 55 |           start: now.startOf('week').add(1, 'days').add(9, 'h').add(30, 'm').format('X'),
 56 |           end: now.startOf('week').add(1, 'days').add(10, 'h').add(30, 'm').format('X'),
 57 |           title: '5',
 58 |           content: 'Hello World! <br> <p>Foo Bar</p>',
 59 |           category:'Arrobe'
 60 |         },
 61 |         {
 62 |           start: now.startOf('week').add(1, 'days').add(11, 'h').format('X'),
 63 |           end: now.startOf('week').add(1, 'days').add(12, 'h').format('X'),
 64 |           title: '6',
 65 |           content: 'Hello World! <br> <p>Foo Bar</p>',
 66 |           category:'Another category'
 67 |         },
 68 |         {
 69 |           start: now.startOf('week').add(2, 'days').add(9, 'h').format('X'),
 70 |           end: now.startOf('week').add(2, 'days').add(10, 'h').format('X'),
 71 |           title: '7',
 72 |           content: 'Hello World! <br> <p>Foo Bar</p>',
 73 |           category:'Personnal'
 74 |         },
 75 |         {
 76 |           start: now.startOf('week').add(2, 'days').add(9, 'h').add(30, 'm').format('X'),
 77 |           end: now.startOf('week').add(2, 'days').add(10, 'h').add(30, 'm').format('X'),
 78 |           title: '8',
 79 |           content: 'Hello World! <br> <p>Foo Bar</p>',
 80 |           category:'Professionnal'
 81 |         },
 82 |         {
 83 |           start: now.startOf('week').add(2, 'days').add(10, 'h').format('X'),
 84 |           end: now.startOf('week').add(2, 'days').add(11, 'h').format('X'),
 85 |           title: '9',
 86 |           content: 'Hello World! <br> <p>Foo Bar</p>',
 87 |           category:'Personnal'
 88 |         },
 89 |         {
 90 |           start: now.startOf('week').add(3, 'days').add(9, 'h').format('X'),
 91 |           end: now.startOf('week').add(3, 'days').add(10, 'h').format('X'),
 92 |           title: '10',
 93 |           content: 'Hello World! <br> <p>Foo Bar</p>',
 94 |           category:'Professionnal'
 95 |         },
 96 |         {
 97 |           start: now.startOf('week').add(3, 'days').add(9, 'h').add(15, 'm').format('X'),
 98 |           end: now.startOf('week').add(3, 'days').add(10, 'h').add(15, 'm').format('X'),
 99 |           title: '11',
100 |           content: 'Hello World! <br> <p>Foo Bar</p>',
101 |           category:'Personnal'
102 |         },
103 |         {
104 |           start: now.startOf('week').add(3, 'days').add(9, 'h').add(30, 'm').format('X'),
105 |           end: now.startOf('week').add(3, 'days').add(10, 'h').add(30, 'm').format('X'),
106 |           title: '12',
107 |           content: 'Hello World! <br> <p>Foo Bar</p>',
108 |           category:'Anything else'
109 |         },
110 |         {
111 |           start: now.startOf('week').add(4, 'days').add(9, 'h').format('X'),
112 |           end: now.startOf('week').add(4, 'days').add(12, 'h').format('X'),
113 |           title: '13',
114 |           content: 'Hello World! <br> <p>Foo Bar</p>',
115 |           category:'Private'
116 |         },
117 |         {
118 |           start: now.startOf('week').add(4, 'days').add(9, 'h').add(30, 'm').format('X'),
119 |           end: now.startOf('week').add(4, 'days').add(10, 'h').format('X'),
120 |           title: '14',
121 |           content: 'Hello World! <br> <p>Foo Bar</p>',
122 |           category:'No more creative category name'
123 |         },
124 |         {
125 |           start: now.startOf('week').add(4, 'days').add(11, 'h').format('X'),
126 |           end: now.startOf('week').add(4, 'days').add(11, 'h').add(30, 'm').format('X'),
127 |           title: '15',
128 |           content: 'Hello World! <br> <p>Foo Bar</p>',
129 |           category:'Professionnal'
130 |         },
131 |         {
132 |          start: now.startOf('week').add(5, 'days').add(10, 'h').format('X'),
133 |          end: now.startOf('week').add(5, 'days').add(12, 'h').format('X'),
134 |          title: '17',
135 |          content: 'Hello World! <br> <p>Foo Bar</p>',
136 |          category:'Private'
137 |        },
138 |        {
139 |          start: now.startOf('week').add(5, 'days').add(9, 'h').add(30, 'm').format('X'),
140 |          end: now.startOf('week').add(5, 'days').add(10, 'h').add(30, 'm').format('X'),
141 |          title: '16',
142 |          content: 'Hello World! <br> <p>Foo Bar</p>',
143 |          category:'Course'
144 |        },
145 |        {
146 |          start: now.startOf('week').add(5, 'days').add(11, 'h').add(30, 'm').format('X'),
147 |          end: now.startOf('week').add(5, 'days').add(12, 'h').add(30, 'm').format('X'),
148 |          title: '18',
149 |          content: 'Hello World! <br> <p>Foo Bar</p>',
150 |          category:'No more creative category name'
151 |        },
152 |        {
153 |          start: now.startOf('week').add(5, 'days').add(12, 'h').format('X'),
154 |          end: now.startOf('week').add(5, 'days').add(13, 'h').format('X'),
155 |          title: '19',
156 |          content: 'Hello World! <br> <p>Foo Bar</p>',
157 |          category:'Another one'
158 |        },
159 |        {
160 |          start: now.startOf('week').add(5, 'days').add(12, 'h').add(15, 'm').format('X'),
161 |          end: now.startOf('week').add(5, 'days').add(13, 'h').format('X'),
162 |          title: '21',
163 |          content: 'Hello World! <br> <p>Foo Bar</p>',
164 |          category:'One again'
165 |        },
166 |        {
167 |          start: now.startOf('week').add(5, 'days').add(12, 'h').add(45, 'm').format('X'),
168 |          end: now.startOf('week').add(5, 'days').add(13, 'h').add(45, 'm').format('X'),
169 |          title: '22',
170 |          content: 'Hello World! <br> <p>Foo Bar</p>',
171 |          category:'Encore'
172 |        },
173 |        {
174 |          start: now.startOf('week').add(5, 'days').add(13, 'h').add(45, 'm').format('X'),
175 |          end: now.startOf('week').add(5, 'days').add(14, 'h').format('X'),
176 |          title: '23',
177 |          content: 'Hello World! <br> <p>Foo Bar</p>',
178 |          category:'Professionnal'
179 |        },
180 |        {
181 |          start: now.startOf('week').add(5, 'days').add(12, 'h').format('X'),
182 |          end: now.startOf('week').add(5, 'days').add(14, 'h').add(30, 'm').format('X'),
183 |          title: '20',
184 |          content: 'Hello World! <br> <p>Foo Bar</p>',
185 |          category:'Private'
186 |        },
187 |        {
188 |          start: now.startOf('week').add(5, 'days').add(13, 'h').add(45, 'm').format('X'),
189 |          end: now.startOf('week').add(5, 'days').add(15, 'h').format('X'),
190 |          title: '27',
191 |          content: 'Hello World! <br> <p>Foo Bar</p>',
192 |          category:'Encore'
193 |        },
194 |        {
195 |          start: now.startOf('week').add(5, 'days').add(14, 'h').add(30, 'm').format('X'),
196 |          end: now.startOf('week').add(5, 'days').add(15, 'h').format('X'),
197 |          title: '28',
198 |          content: 'Hello World! <br> <p>Foo Bar</p>',
199 |          category:'Private'
200 |        },
201 |        {
202 |          start: now.startOf('week').add(6, 'days').add(9, 'h').format('X'),
203 |          end: now.startOf('week').add(6, 'days').add(11, 'h').format('X'),
204 |          title: '24',
205 |          content: 'Hello World! <br> <p>Foo Bar</p>',
206 |          category:'Foo'
207 |        },
208 |        {
209 |          start: now.startOf('week').add(6, 'days').add(9, 'h').format('X'),
210 |          end: now.startOf('week').add(6, 'days').add(11, 'h').format('X'),
211 |          title: '25',
212 |          content: 'Hello World! <br> <p>Foo Bar</p>',
213 |          category:'Bar'
214 |        },
215 |        {
216 |          start: now.startOf('week').add(6, 'days').add(9, 'h').format('X'),
217 |          end: now.startOf('week').add(6, 'days').add(11, 'h').format('X'),
218 |          title: '26',
219 |          content: 'Hello World! <br> <p>Foo Bar</p>',
220 |          category:'Baz'
221 |        },
222 |       ];
223 | 
224 |       /**
225 |        * A daynote
226 |        */
227 |       var daynotes = [
228 |         {
229 |           time: now.startOf('week').add(15, 'h').add(30, 'm').format('X'),
230 |           title: 'Leo\'s holiday',
231 |           content: 'yo',
232 |           category: 'holiday'
233 |         }
234 |       ];
235 | 
236 |       /**
237 |        * Init the calendar
238 |        */
239 |       var calendar = $('#calendar').Calendar({
240 |         locale: 'en',
241 |         weekday: {
242 |           timeline: {
243 |             intervalMinutes: 30,
244 |             fromHour: 9
245 |           }
246 |         },
247 |         events: events,
248 |         daynotes: daynotes
249 |       }).init();
250 | 
251 |       /**
252 |        * Listening for events
253 |        */
254 | 
255 |       $('#calendar').on('Calendar.init', function(event, instance, before, current, after){
256 |         console.log('event : Calendar.init');
257 |         console.log(instance);
258 |         console.log(before);
259 |         console.log(current);
260 |         console.log(after);
261 |       });
262 |       $('#calendar').on('Calendar.daynote-mouseenter', function(event, instance, elem){
263 |         console.log('event : Calendar.daynote-mouseenter');
264 |         console.log(instance);
265 |         console.log(elem);
266 |       });
267 |       $('#calendar').on('Calendar.daynote-mouseleave', function(event, instance, elem){
268 |         console.log('event : Calendar.daynote-mouseleave');
269 |         console.log(instance);
270 |         console.log(elem);
271 |       });
272 |       $('#calendar').on('Calendar.event-mouseenter', function(event, instance, elem){
273 |         console.log('event : Calendar.event-mouseenter');
274 |         console.log(instance);
275 |         console.log(elem);
276 |       });
277 |       $('#calendar').on('Calendar.event-mouseleave', function(event, instance, elem){
278 |         console.log('event : Calendar.event-mouseleave');
279 |         console.log(instance);
280 |         console.log(elem);
281 |       });
282 |       $('#calendar').on('Calendar.daynote-click', function(event, instance, elem, evt){
283 |         console.log('event : Calendar.daynote-click');
284 |         console.log(instance);
285 |         console.log(elem);
286 |         console.log(evt);
287 |       });
288 |       $('#calendar').on('Calendar.event-click', function(event, instance, elem, evt){
289 |         console.log('event : Calendar.event-click');
290 |         console.log(instance);
291 |         console.log(elem);
292 |         console.log(evt);
293 |       });
294 |     });
295 |   </script>
296 |   <div class="container-fluid">
297 |     <div class="row">
298 |       <div class="col-xs-12">
299 |         <h1>Wow ! That calendar works !</h1>
300 |         <div id="calendar"></div>
301 |       </div>
302 |     </div>
303 |   </div>
304 | </body>
305 | </html>
306 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
  1 | # jquery-calendar
  2 | 
  3 | A responsive jquery calendar scheduler built with bootstrap and moment.js
  4 | 
  5 | ## Switch to bootstrap 4
  6 | 
  7 | It was released with bootstrap 4 ! [Here it is](https://github.com/ArrobeFr/jquery-calendar-bs4)
  8 | 
  9 | ## Screenshots
 10 | 
 11 | Screenshots are made using the `example/example.html`. There is events on one week only, so some parts of calendar are empty.
 12 | 
 13 | ### Desktop user
 14 | 
 15 | ![screenshots/Desktop user.gif](https://raw.githubusercontent.com/ArrobeFr/jquery-calendar/master/screenshots/Desktop%20user.gif)
 16 | 
 17 | ### Mobile user
 18 | 
 19 | ![screenshots/Mobile user.gif](https://raw.githubusercontent.com/ArrobeFr/jquery-calendar/master/screenshots/Mobile%20user.gif)
 20 | 
 21 | ## Demo
 22 | 
 23 | [Here is a full demo](https://cdn.rawgit.com/ArrobeFr/jquery-calendar/7b9d42aa/example/demo.html)
 24 | 
 25 | ## Installation
 26 | 
 27 | ### Using NPM
 28 | 
 29 | `npm install arrobefr-jquery-calendar`
 30 | 
 31 | ### Using a CDN
 32 | 
 33 | *use of the latest version on cdn.jsdelivr.net*
 34 | 
 35 | ```html
 36 | <script src="https://cdn.jsdelivr.net/npm/arrobefr-jquery-calendar@1.0.11/dist/js/jquery-calendar.min.js"></script>
 37 | <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/arrobefr-jquery-calendar@1.0.11/dist/css/jquery-calendar.min.css">
 38 | ```
 39 | 
 40 | ## Usage
 41 | 
 42 | ### Simple example
 43 | 
 44 | ```html
 45 | <!DOCTYPE html>
 46 | <html lang="fr">
 47 | <head>
 48 |   <meta charset="utf-8">
 49 |   <meta http-equiv="X-UA-Compatible" content="IE=edge">
 50 |   <meta name="viewport" content="width=device-width, initial-scale=1">
 51 |   <link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css">
 52 |   <script src="node_modules/jquery/dist/jquery.min.js"></script>
 53 |   <script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
 54 |   <script src="node_modules/moment/min/moment-with-locales.min.js"></script>
 55 |   <script src="node_modules/jquery-touchswipe/jquery.touchSwipe.min.js"></script>
 56 |   <script src="node_modules/arrobefr-jquery-calendar/dist/js/jquery-calendar.min.js"></script>
 57 |   <link rel="stylesheet" href="node_modules/arrobefr-jquery-calendar/dist/css/jquery-calendar.min.css">
 58 |   <title>Calendar</title>
 59 | </head>
 60 | <body>
 61 |   <div class="container-fluid">
 62 |     <div class="row">
 63 |       <div class="col-xs-12">
 64 |         <div id="calendar"></div>
 65 |       </div>
 66 |     </div>
 67 |   </div>
 68 |   <script>
 69 |     $(document).ready(function(){
 70 |       moment.locale('fr');
 71 |       var now = moment();
 72 |       $('#calendar').Calendar({
 73 |         events: [
 74 |           { // An event on the current week on Wednesday from 10h to 12h
 75 |             start: now.startOf('week').isoWeekday(3).startOf('day').add(10, 'h'),
 76 |             end: now.startOf('week').isoWeekday(3).startOf('day').add(12, 'h'),
 77 |             title: 'An event title !',
 78 |             content: 'Hello World! <br>Foo Bar<p class="text-right">Wow this text is right aligned !</p>',
 79 |             category: 'A test category name'
 80 |           }
 81 |         ]
 82 |       }).init();
 83 |     });
 84 |   </script>
 85 | </body>
 86 | </html>
 87 | ```
 88 | 
 89 | ## Full documentation
 90 | 
 91 | ### HTML
 92 | 
 93 | Add a div somewhere that is unique, with an id for example
 94 | 
 95 | ```html
 96 | <div id="calendar"></div>
 97 | ```
 98 | 
 99 | ### JavaScript
100 | 
101 | #### Configuration
102 | 
103 | |Argument|Type|Default value|Link / Description|
104 | |--|--|--|--|
105 | |`locale`|*string*|**'fr'**|[See Moment.js docs](https://momentjs.com/docs/#/i18n/changing-locale/)|
106 | |`enableKeyboard`|*boolean*|**true**|Enables or disables the keyboard shortcuts|
107 | |`defaultView.largeScreen`|*string*|**'week'**|Defines the default view to load for large screen, **value must be 'day', 'week', 'month'**|
108 | |`defaultView.smallScreen`|*string*|**'day'**|Defines the default view to load for small screen, **value must be 'day', 'week', 'month'**|
109 | |`defaultView.smallScreenThreshold`|*integer*|**1000**|Defines the threshold to consider a screen small. The value is in pixels|
110 | |`weekday.timeline.fromHour`|*integer*|**7**|Start hour of timeline|
111 | |`weekday.timeline.toHour`|*integer*|**20**|End hour of timeline|
112 | |`weekday.timeline.intervalMinutes`|*integer*|**60**|The time interval of timeline ; each 5, 15, 30, 60, 120, ... minutes|
113 | |`weekday.timeline.format`|*string*|**'HH:mm'**|The time format in timeline and modal ; [see Moment.js docs](https://momentjs.com/docs/#/parsing/string-format/)|
114 | |`weekday.timeline.heightPx`|*integer*|**50**|The height in pixels of timeline, it must not be under the bootstrap font-size|
115 | |`weekday.timeline.autoResize`|*boolean*|**true**|If true, it resizes the timeline if events are out of interval [fromHour;toHour]. **It will only extend time interval, it will not reduce !**|
116 | |`weekday.dayline.weekdays`|*array*|**[1, 2, 3, 4, 5]**|The days to display ; 0 is first day of week depending of the locale ; [see Moment.js docs](https://momentjs.com/docs/#/get-set/iso-weekday/)|
117 | |`weekday.dayline.format`|*string*|**'dddd DD/MM'**|The time format of days ; [see Moment.js docs](https://momentjs.com/docs/#/parsing/string-format/)|
118 | |`weekday.dayline.heightPx`|*integer*|**30**|The height in pixels of dayline, it must not be under the bootstrap font-size|
119 | |`weekday.dayline.month.format`|*string*|**'MMMM YYYY'**|The time format of month header ; [see Moment.js docs](https://momentjs.com/docs/#/parsing/string-format/)|
120 | |`weekday.dayline.month.heightPx`|*integer*|**30**|The height in pixels of month header|
121 | |`weekday.dayline.month.weekFormat`|*string*|**'w'**|The format of week number ; [see Moment.js docs](https://momentjs.com/docs/#/parsing/string-format/)|
122 | |`unixTimestamp`|*integer*|**moment().format('X')**|Any timestamp in the week to display, defaults to current week|
123 | |`event.hover.delay`|*integer*|**500**|Time to wait hover before display full event|
124 | |`colors.events`|*array*|**[some colors from materialui]**|A set of colors used as background of events in hexadecimal format; example : `['#283593']` ; (Source colors using 800)[https://www.materialui.co/colors]|
125 | |`colors.daynotes`|*array*|**[some colors from materialui]**|A set of colors used as background of day notes in hexadecimal format; example : `['#283593']` ; (Source colors using 200)[https://www.materialui.co/colors]|
126 | |`colors.random`|*boolean*|**true**|Randomize the color order|
127 | |`categories.enable`|*boolean*|**true**|Enable or disable the categories header|
128 | |`categories.hover.delay`|*integer*|**500**|Milliseconds to wait before animation|
129 | |`now.enable`|*boolean*|**false**|Enable or disable a `<hr>` that represents the current time (now)|
130 | |`now.refresh`|*boolean*|**false**|Enable or disable the refresh of this `<hr>`, it follows the time|
131 | |`now.heightPx`|*integer*|**1**|The `<hr>`'s weight|
132 | |`now.style`|*string*|**'solid'**|The `<hr>`'s style, see [CSS border style docs](https://www.w3schools.com/cssref/pr_border-style.asp)|
133 | |`now.color`|*string*|**'#03A9F4'**|The `<hr>`'s color|
134 | |`events`|*array*|**[]**|An array of events object, see the docs of **Events array** below|
135 | |`daynotes`|*array*|**[]**|An array of object, see the docs of **DayNotes array** below|
136 | 
137 | #### Events array
138 | 
139 | ##### Attributes
140 | 
141 | The array of events contains objects that have these attributes :
142 | 
143 | |Attribute|Type|Description|
144 | |--|--|--|
145 | |`start`|*integer*|The start timestamp of event|
146 | |`end`|*integer*|The end timestamp of event|
147 | |`title`|*string*|Any text|
148 | |`content`|*string*|HTML content|
149 | |`category`|*string*|**Optionnal** if you want different colors grouped by a category or something else|
150 | 
151 | #### DayNotes array
152 | 
153 | ##### Attributes
154 | 
155 | The array of events contains objects that have these attributes :
156 | 
157 | |Attribute|Type|Description|
158 | |--|--|--|
159 | |`time`|*integer*|Any timestamp in the day|
160 | |`title`|*string*|Any text|
161 | |`content`|*string*|HTML content|
162 | |`category`|*string*|**Optionnal** if you want different colors grouped by a category or something else|
163 | 
164 | #### Functions
165 | 
166 | ##### Example
167 | 
168 | ```js
169 | var calendar = $('#calendar').Calendar({...});
170 | var result = calendar.function(); // It is just an example, replace "function" by one of the list below
171 | ```
172 | 
173 | ##### Functions list
174 | 
175 | |Function|Arguments|Return|Note|
176 | |--|--|--|--|
177 | |`init`||*Calendar instance*|**It must be called after any modification to re-draw the calendar**|
178 | |`getEvents`||Array of events objects|*Returns events loaded in this instance of Calendar*|
179 | |`setEvents`|Array of events objects|*Calendar instance*|**It replaces events !**|
180 | |`addEvents`|Array of events objects|*Calendar instance*|*It just adds events (it not replaces events)*|
181 | |`getDaynotes`||Array of day notes objects|*Returns day notes loaded in this instance of Calendar*|
182 | |`setDaynotes`|Array of day notes objects|*Calendar instance*|**It replaces day notes !**|
183 | |`addDaynotes`|Array of day notes objects|*Calendar instance*|*It just adds day notes (it not replaces day notes)*|
184 | |`getInitTime`||String : milliseconds|*It returns the time with string "ms"*|
185 | |`getViewInterval`||Array of 2 integers (unix timestamps)|*It returns the from and to timestamp of current view*|
186 | |`getNextViewInterval`||Array of 2 integers (unix timestamps)|*It returns the from and to timestamp of the next view (if user click or swipe to right)*|
187 | |`getPrevViewInterval`||Array of 2 integers (unix timestamps)|*It returns the from and to timestamp of the previous view (if user click or swipe to left)*|
188 | |`getTimestamp`||Integer : the current unix timestamp viewed||
189 | |`setTimestamp`|Integer : a unix timestamp|*Calendar instance*|*It not affects the view, you have to call init to display the update*|
190 | |`getView`||String : the current view|*It returns 'day', 'week' or 'month'*|
191 | |`setView`|String : 'day' or 'week' or 'month'|*Calendar instance*|*It not affects the view, you have to call init to display the update*|
192 | |`getEventCategoryColor`|String : any category|String : a hexadecimal color prepended by #|It affects events only. Return example : `'#C62828'`|
193 | |`getEventCategoriesColors`||Array of objects|It affects events only. Return example : `[{category:"Personnal", color: "#FF8F00"}, {category:"Professionnal", color:"#AD1457"}]`|
194 | |`setEventCategoriesColors`|Array of objects|*Calendar instance*|It affects events only. *See example of* `getEventCategoriesColors`|
195 | |`getDaynoteCategoryColor`|String : any category|String : a hexadecimal color prepended by #|It affects day notes only. Return example : `'#EF9A9A'`|
196 | |`getDaynoteCategoriesColors`||Array of objects|It affects day notes only. Return example : `[{category:"Public holiday", color: "#B39DDB"}]`|
197 | |`setDaynoteCategoriesColors`|Array of objects|*Calendar instance*|It affects day notes only. *See example of* `getDaynoteCategoriesColors`|
198 | |`getEventColors`||Array of strings|It affects the events only. It returns an array of hexadecimal colors prepended by a #, example : `["#FF8F00", "#9E9D24", "#EF6C00"]`|
199 | |`setEventColors`|Array of strings|*Calendar instance*|It affects the events only.  *See example of* `getEventColors`|
200 | |`getDaynoteColors`||Array of strings|It affects the day notes only. It returns an array of hexadecimal colors prepended by a #, example : `["#FF8F00", "#9E9D24", "#EF6C00"]`|
201 | |`setDaynoteColors`|Array of strings|*Calendar instance*|It affects the day notes only.  *See example of* `getEventColors`|
202 | 
203 | #### Events
204 | 
205 | ##### Example
206 | 
207 | ```js
208 | var calendar = $('#calendar').Calendar({...});
209 | $('#calendar').on('event name', function(event, arg1, arg2, ...){...});
210 | $('#calendar').unbind('event name').on('event name', function(event, arg1, arg2, ...){...});
211 | ```
212 | 
213 | ##### Cancel default event action
214 | 
215 | Example : deactivate the click on event or day note
216 | 
217 | ```js
218 | var calendar = $('#calendar').Calendar({...});
219 | $('#calendar').unbind('Calendar.event-click');
220 | ```
221 | 
222 | ##### Events list
223 | 
224 | ###### Calendar.init
225 | 
226 | - `Calendar.init`
227 | - When
228 |   - View changes (day, week or month)
229 |   - View moves (left or right)
230 |   - Manually called by you
231 | - Arguments
232 |   - `event`
233 |     - The jQuery event
234 |   - `instance`
235 |     - The Calendar instance
236 |   - `before`
237 |     - An array of 2 unix timestamp of the previous view (on left)
238 |     - Example on a week `[1526248800, 1526853599]`
239 |   - `current`
240 |     - An array of 2 unix timestamp of the current view
241 |     - Example on a week `[1526853600, 1527458399]`
242 |   - `after`
243 |     - An array of 2 unix timestamp of the next view (on right)
244 |     - Example on a week `[1527458400, 1528063199]`
245 | - Example :
246 | 
247 | ```js
248 | var calendar = $('#calendar').Calendar({...});
249 | $('#calendar').on('Calendar.init', function(event, instance, before, current, after){
250 |   console.log(event);     // jQuery event
251 |   console.log(instance);  // Equals to var calendar above
252 |   console.log(before);    // Array of the past view interval [unixTimestampFrom, unixTimestampTo]
253 |   console.log(current);   // Array of the current view interval [unixTimestampFrom, unixTimestampTo]
254 |   console.log(after);     // Array of the next view interval [unixTimestampFrom, unixTimestampTo]
255 | });
256 | ```
257 | 
258 | ###### Calendar.daynote-mouseenter and Calendar.event-mouseenter
259 | 
260 | - `Calendar.daynote-mouseenter` and `Calendar.event-mouseenter`
261 | - When
262 |   - The mouse is hover an event or a day note for a while (see `event.hover.delay` under configuration)
263 | - Default
264 |   - Enlarge the event or day note over the others
265 | - Arguments
266 |   - `event`
267 |     - The jQuery event
268 |   - `instance`
269 |     - The Calendar instance
270 |   - `elem`
271 |     - The jQuery element which triggered the event
272 | - Example :
273 | 
274 | ```js
275 | var calendar = $('#calendar').Calendar({...});
276 | $('#calendar').on('Calendar.daynote.mouseenter', function(event, instance, elem){
277 |   console.log(event);     // jQuery event
278 |   console.log(instance);  // Equals to var calendar above
279 |   console.log(elem);      // Use elem to make an animation or somthing else
280 | });
281 | ```
282 | 
283 | ###### Calendar.daynote-mouseleave and Calendar.event-mouseleave
284 | 
285 | - `Calendar.daynote-mouseleave` and `Calendar.event-mouseleave`
286 | - It is the same as `Calendar.daynote-mouseenter` and `Calendar.event-mouseenter` but when the mouse leave the event
287 | - Default, restore the event or day note state before the default of `Calendar.daynote-mouseenter` and `Calendar.event-mouseenter`
288 | 
289 | ###### Calendar.daynote-click and Calendar.event-click
290 | 
291 | - `Calendar.daynote-click` and `Calendar.event-click`
292 | - When
293 |   - The user click or touch an event or a day note
294 | - Default
295 |   - Opens a bootstrap modal to display the event
296 | - Arguments
297 |   - `event`
298 |     - The jQuery event
299 |   - `instance`
300 |     - The Calendar instance
301 |   - `elem`
302 |     - The jQuery element which triggered the event
303 |   - `evt`
304 |     - The event object you gived which triggered the event (so you have : start, end, title, content, category, anything else if you gived more attributes)
305 | - Example :
306 | 
307 | ```js
308 | var calendar = $('#calendar').Calendar({...});
309 | $('#calendar').on('Calendar.daynote-click', function(event, instance, elem, evt){
310 |   console.log(event);     // jQuery event
311 |   console.log(instance);  // Equals to var calendar above
312 |   console.log(elem);      // Use elem to make an animation or somthing else
313 |   console.log(evt);       // You have all informations to display it in a modal
314 | });
315 | ```
316 | 
317 | ## Contributing
318 | 
319 | Feel free to report bugs or make a pull request ;-)
320 | 


--------------------------------------------------------------------------------
/example/demo.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="fr">
  3 | <head>
  4 |   <meta charset="utf-8">
  5 |   <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6 |   <meta name="viewport" content="width=device-width, initial-scale=1">
  7 |   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
  8 |   <script src="https://cdn.jsdelivr.net/npm/jquery@3.3.1/dist/jquery.min.js"></script>
  9 |   <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
 10 |   <script src="https://cdn.jsdelivr.net/npm/moment@2.22.1/min/moment-with-locales.min.js"></script>
 11 |   <script src="https://cdn.jsdelivr.net/npm/jquery-touchswipe@1.6.18/jquery.touchSwipe.min.js"></script>
 12 |   <script src="https://cdn.jsdelivr.net/npm/eonasdan-bootstrap-datetimepicker@4.17.47/build/js/bootstrap-datetimepicker.min.js"></script>
 13 |   <script src="https://cdn.jsdelivr.net/npm/arrobefr-jquery-calendar@1.0.12/dist/js/jquery-calendar.min.js"></script>
 14 |   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/arrobefr-jquery-calendar@1.0.12/dist/css/jquery-calendar.min.css">
 15 |   <script src="https://cdn.jsdelivr.net/npm/pouchdb@6.4.3/dist/pouchdb.min.js"></script>
 16 |   <title>Calendar</title>
 17 | </head>
 18 | <body>
 19 |   <div class="container-fluid">
 20 |     <!-- A title ! -->
 21 |     <div class="row">
 22 |       <div class="col-xs-12">
 23 |         <h1>Calendar demo <small></small></h1>
 24 |         <a href="https://github.com/ArrobeFr/jquery-calendar"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub"></a>
 25 |       </div>
 26 |     </div>
 27 |     <div class="row">
 28 |       <div class="col-xs-12">
 29 |         <!-- Button to open create modal -->
 30 |         <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#modal-create">
 31 |           <i class="glyphicon glyphicon-plus"></i> Create an event
 32 |         </button>
 33 |         <!-- Button to random generate events -->
 34 |         <button type="button" class="btn btn-info" id="random">
 35 |           <i class="glyphicon glyphicon-gift"></i> Add a random event
 36 |         </button>
 37 |         <hr class="featurette-divider">
 38 |       </div>
 39 |     </div>
 40 |     <!-- The calendar -->
 41 |     <div class="row">
 42 |       <div class="col-xs-12">
 43 |         <div id="calendar"></div>
 44 |       </div>
 45 |     </div>
 46 |   </div>
 47 |   <!-- Create modal -->
 48 |   <div id="modal-create" class="modal fade" tabindex="-1" role="dialog" data-backdrop="static">
 49 |     <div class="modal-dialog modal-lg" role="document">
 50 |       <div class="modal-content">
 51 |         <div class="modal-header">
 52 |           <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
 53 |           <h4 class="modal-title">Create an event</h4>
 54 |         </div>
 55 |         <div class="modal-body">
 56 |           <div class="container-fluid">
 57 |             <div class="row">
 58 |               <div class="col-xs-12">
 59 |                 <!-- Create form -->
 60 |                 <form id="form-create" class="form">
 61 |                   <input type="text" placeholder="From" class="start form-control dtp">
 62 |                   <input type="text" placeholder="To" class="end form-control dtp">
 63 |                   <input type="text" placeholder="Title" class="title form-control">
 64 |                   <textarea placeholder="Content" class="content form-control"></textarea>
 65 |                   <input type="text" placeholder="Category" class="category form-control">
 66 |                   <!-- Create button -->
 67 |                   <button type="submit" class="btn btn-success">
 68 |                     <i class="glyphicon glyphicon-plus"></i> Create
 69 |                   </button>
 70 |                 </form>
 71 |               </div>
 72 |             </div>
 73 |           </div>
 74 |         </div>
 75 |       </div>
 76 |     </div>
 77 |   </div>
 78 |   <!-- Update and delete modal -->
 79 |   <div id="modal-update" class="modal fade" tabindex="-1" role="dialog" data-backdrop="static">
 80 |     <div class="modal-dialog modal-lg" role="document">
 81 |       <div class="modal-content">
 82 |         <div class="modal-header">
 83 |           <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
 84 |           <h4 class="modal-title">Update an event</h4>
 85 |         </div>
 86 |         <div class="modal-body">
 87 |           <div class="container-fluid">
 88 |             <div class="row">
 89 |               <div class="col-xs-12">
 90 |                 <!-- Update form -->
 91 |                 <form id="form-update" class="form">
 92 |                   <input type="hidden" class="_id">
 93 |                   <input type="hidden" class="_rev">
 94 |                   <input type="text" placeholder="From" class="start form-control dtp">
 95 |                   <input type="text" placeholder="To" class="end form-control dtp">
 96 |                   <input type="text" placeholder="Title" class="title form-control">
 97 |                   <textarea placeholder="Content" class="content form-control"></textarea>
 98 |                   <input type="text" placeholder="Category" class="category form-control">
 99 |                   <!-- Update button -->
100 |                   <button type="submit" class="btn btn-warning">
101 |                     <i class="glyphicon glyphicon-pencil"></i> Update
102 |                   </button>
103 |                   <!-- Update button -->
104 |                   <button type="button" class="btn btn-danger pull-right delete">
105 |                     <i class="glyphicon glyphicon-trash"></i> Delete
106 |                   </button>
107 |                 </form>
108 |               </div>
109 |             </div>
110 |           </div>
111 |         </div>
112 |       </div>
113 |     </div>
114 |   </div>
115 | 
116 |   <script>
117 |     $(document).ready(function(){
118 |       $('.dtp').datetimepicker();
119 | 
120 |       var Calendar = $('#calendar').Calendar();
121 |       Calendar.init();
122 |       console.log(Calendar);
123 | 
124 |       var eventsDB = new PouchDB('events');
125 | 
126 |       function UUID4(){
127 |         function S4() {
128 |           return (((1+Math.random())*0x10000)|0).toString(16).substring(1);
129 |         }
130 |         return (S4() + S4() + "-" + S4() + "-4" + S4().substr(0,3) + "-" + S4() + "-" + S4() + S4() + S4()).toLowerCase();
131 |       }
132 | 
133 |       /**
134 |        * GET
135 |        */
136 |       eventsDB.allDocs({
137 |         include_docs: true
138 |       }).then(function(result){
139 |         var events = [];
140 |         for (var i=0; i<result.rows.length; i++){
141 |           events.push({
142 |             _id: result.rows[i].doc._id,
143 |             _rev: result.rows[i].doc._rev,
144 |             start: result.rows[i].doc.start,
145 |             end: result.rows[i].doc.end,
146 |             title: result.rows[i].doc.title,
147 |             content: result.rows[i].doc.content,
148 |             category: result.rows[i].doc.category
149 |           });
150 |         }
151 |         Calendar.addEvents(events);
152 |         Calendar.init();
153 |       }).catch(function (err){
154 |         console.error(err);
155 |       });
156 | 
157 |       /**
158 |        * CREATE
159 |        */
160 |       $('#form-create').on('submit', function(event){
161 |         event.preventDefault();
162 |         var form = $(event.target);
163 |         var e = {
164 |           _id: UUID4(),
165 |           start: form.find('.start').data("DateTimePicker").date().unix(),
166 |           end: form.find('.end').data("DateTimePicker").date().unix(),
167 |           title: form.find('.title').val(),
168 |           content: form.find('.content').val().replace(/([^>\r\n]?)(\r\n|\n\r|\r|\n)/g, '$1<br>$2'),
169 |           category: form.find('.category').val()
170 |         };
171 |         eventsDB.put(e).then(function(response){
172 |           e._rev = response.rev;
173 |           Calendar.addEvents(e);
174 |           Calendar.init();
175 |           $('#modal-create').modal('hide');
176 |         }).catch(function(err){
177 |           console.error(err);
178 |         });
179 |       });
180 | 
181 |       /**
182 |        * UPDATE and DELETE event : replace the default modal by our modal (#modal-update)
183 |        */
184 |       $('#calendar').unbind('Calendar.event-click').on('Calendar.event-click', function(event, instance, elem, evt){
185 |         $('#form-update').find('._id').val(evt._id);
186 |         $('#form-update').find('._rev').val(evt._rev);
187 |         $('#form-update').find('.start').data("DateTimePicker").date(moment.unix(evt.start));
188 |         $('#form-update').find('.end').data("DateTimePicker").date(moment.unix(evt.end));
189 |         $('#form-update').find('.title').val(evt.title);
190 |         $('#form-update').find('.content').val(evt.content.replace(/<br>/g, '\n'));
191 |         $('#form-update').find('.category').val(evt.category);
192 |         $('#modal-update').modal('show');
193 |       });
194 | 
195 |       /**
196 |        * UPDATE
197 |        */
198 |       $('#form-update').on('submit', function(event){
199 |         event.preventDefault();
200 |         var form = $(event.target);
201 |         var e = {
202 |           _id: form.find('._id').val(),
203 |           _rev: form.find('._rev').val(),
204 |           start: form.find('.start').data("DateTimePicker").date().unix(),
205 |           end: form.find('.end').data("DateTimePicker").date().unix(),
206 |           title: form.find('.title').val(),
207 |           content: form.find('.content').val().replace(/\n/g, '<br>'),
208 |           category: form.find('.category').val()
209 |         };
210 |         eventsDB.put(e).then(function(response){
211 |           var events = Calendar.getEvents();
212 |           for (var i=0; i<events.length; i++){
213 |             if (events[i]._id == e._id){
214 |               events[i]._rev = response.rev;
215 |               events[i].start = e.start;
216 |               events[i].end = e.end;
217 |               events[i].title = e.title;
218 |               events[i].content = e.content;
219 |               events[i].category = e.category;
220 |             }
221 |           }
222 |           Calendar.init();
223 |           $('#modal-update').modal('hide');
224 |         }).catch(function(err){
225 |           console.error(err);
226 |         });
227 |       });
228 | 
229 |       /**
230 |        * DELETE
231 |        */
232 |       $('#form-update').find('.delete').click(function(){
233 |         var form = $('#form-update');
234 |         eventsDB.remove(form.find('._id').val(), form.find('._rev').val()).then(function(response){
235 |           var events = Calendar.getEvents();
236 |           for (var i=0; i<events.length; i++){
237 |             if (events[i]._id == response.id){
238 |               events.splice(i, 1);
239 |             }
240 |           }
241 |           Calendar.init();
242 |           $('#modal-update').modal('hide');
243 |         }).catch(function(err){
244 |           console.error(err);
245 |         });
246 |       });
247 | 
248 |       /**
249 |        * Random event
250 |        */
251 |       $('#random').click(function(){
252 |         $(this).attr("disabled", true);
253 |         var titles = [
254 |           'A New Hope',
255 |           'The Empire Strikes Back',
256 |           'Return of the Jedi',
257 |           'The Phantom Menace',
258 |           'Attack of the Clones',
259 |           'Revenge of the Sith',
260 |           'The Force Awakens',
261 |           'The Last Jedi',
262 |           'Darth Vader',
263 |           'Obi-Wan Kenobi',
264 |           'Luke Skywalker',
265 |           'Han Solo',
266 |           'Princess Leia'
267 |         ];
268 |         var contents = [
269 |           'It is a period of civil war. Rebel spaceships, striking from a hidden base, have won their first victory against the evil Galactic Empire. During the battle, Rebel spies managed to steal secret plans to the Empire’s ultimate weapon, the DEATH STAR, an armored space station with enough power to destroy an entire planet.',
270 |           'Pursued by the Empire’s sinister agents, Princess Leia races home aboard her starship, custodian of the stolen plans that can save her people and restore freedom to the galaxy…',
271 |           'It is a dark time for the Rebellion. Although the Death Star has been destroyed, Imperial troops have driven the Rebel forces from their hidden base and pursued them across the galaxy.',
272 |           'Evading the dreaded Imperial Starfleet, a group of freedom fighters led by Luke Skywalker has established a new secret base on the remote ice world of Hoth.',
273 |           'The evil lord Darth Vader, obsessed with finding young Skywalker, has dispatched thousands of remote probes into the far reaches of space….',
274 |           'Luke Skywalker has returned to his home planet of Tatooine in an attempt to rescue his friend Han Solo from the clutches of the vile gangster Jabba the Hutt.',
275 |           'Little does Luke know that the GALACTIC EMPIRE has secretly begun construction on a new armored space station even more powerful than the first dreaded Death Star.',
276 |           'When completed, this ultimate weapon will spell certain doom for the small band of rebels struggling to restore freedom to the galaxy...',
277 |           'Turmoil has engulfed the Galactic Republic. The taxation of trade routes to outlying star systems is in dispute.',
278 |           'Hoping to resolve the matter with a blockade of deadly battleships, the greedy Trade Federation has stopped all shipping to the small planet of Naboo.',
279 |           'While the congress of the Republic endlessly debates this alarming chain of events, the Supreme Chancellor has secretly dispatched two Jedi Knights, the guardians of peace and justice in the galaxy, to settle the conflict....',
280 |           'There is unrest in the Galactic Senate. Several thousand solar systems have declared their intentions to leave the Republic. This separatist movement, under the leadership of the mysterious Count Dooku, has made it difficult for the limited number of Jedi Knights to maintain peace and order in the galaxy.',
281 |           'Senator Amidala, the former Queen of Naboo, is returning to the Galactic Senate to vote on the critical issue of creating an ARMY OF THE REPUBLIC to assist the overwhelmed Jedi....',
282 |           'War! The Republic is crumbling under attacks by the ruthless Sith Lord, Count Dooku. There are heroes on both sides. Evil is everywhere. In a stunning move, the fiendish droid leader, General Grievous, has swept into the Republic capital and kidnapped Chancellor Palpatine, leader of the Galactic Senate.',
283 |           'As the Separatist Droid Army attempts to flee the besieged capital with their valuable hostage, two Jedi Knights lead a desperate mission to rescue the captive Chancellor....'
284 |         ];
285 |         var categories = [
286 |           'Alderaan',
287 |           'Jedi',
288 |           'Force',
289 |           'Bespin',
290 |           'Corellia',
291 |           'Coruscant',
292 |           'Dagobah',
293 |           'Dantooine',
294 |           'Dathomir',
295 |           'Devaron',
296 |           'Endor',
297 |           'Géonosis',
298 |           'Hoth',
299 |           'Kamino',
300 |           'Kashyyyk',
301 |           'Kessel',
302 |           'Mon Cala',
303 |           'Mustafar',
304 |           'Naboo',
305 |           'Ryloth',
306 |           'Tatooine',
307 |           'Yavin IV'
308 |         ];
309 |         var interval = Calendar.getViewInterval();
310 |         var min = interval[0];
311 |         var max = interval[1] - (30 * 60);
312 |         var from = parseInt(Math.random() * (max - min) + min);
313 |         var to = parseInt(Math.random() * (parseInt(moment.unix(from).endOf('day').subtract(1, 'h').format('X')) - (from + 30 * 60)) + (from + 600));
314 |         var title = titles[parseInt(Math.random() * (titles.length - 1))];
315 |         var content = contents[parseInt(Math.random() * (contents.length - 1))];
316 |         var category = categories[parseInt(Math.random() * (categories.length - 1))];
317 |         var e = {
318 |           _id: UUID4(),
319 |           start: from,
320 |           end: to,
321 |           title: title,
322 |           content: content,
323 |           category: category
324 |         };
325 |         eventsDB.put(e).then(function(response){
326 |           e._rev = response.rev;
327 |           Calendar.addEvents(e);
328 |           Calendar.init();
329 |           $('#random').removeAttr("disabled");
330 |         }).catch(function(err){
331 |           console.error(err);
332 |         });
333 |       });
334 |     });
335 |   </script>
336 | </body>
337 | </html>
338 | 


--------------------------------------------------------------------------------
/dist/js/jquery-calendar.min.js:
--------------------------------------------------------------------------------
1 | /*
2 |  * @class Calendar ~jquery-calendar plugin~ (https://github.com/ArrobeFr/jquery-calendar)
3 |  * @author Developped by Arrobe (https://www.arrobe.fr)
4 |  * @license Licensed under MIT (https://github.com/ArrobeFr/jquery-calendar/blob/master/LICENSE)
5 |  */
6 | jQuery(document).ready(function(f){function n(e,t){if("function"==typeof moment){var n=["#C62828","#AD1457","#6A1B9A","#4527A0","#283593","#1565C0","#0277BD","#00838F","#00695C","#2E7D32","#558B2F","#9E9D24","#F9A825","#FF8F00","#EF6C00","#D84315","#4E342E","#424242","#37474F","#212121"],a=["#EF9A9A","#F48FB1","#CE93D8","#B39DDB","#9FA8DA","#90CAF9","#81D4FA","#80DEEA","#80CBC4","#A5D6A7","#C5E1A5","#E6EE9C","#FFF59D","#FFE082","#FFCC80","#FFAB91","#BCAAA4","#EEEEEE","#B0BEC5"];return this.conf={locale:t.locale?t.locale:"fr",view:"week",enableKeyboard:!t.enableKeyboard||t.enableKeyboard,defaultView:{largeScreen:t.defaultView&&t.defaultView.largeScreen?t.defaultView.largeScreen:"week",smallScreen:t.defaultView&&t.defaultView.smallScreen?t.defaultView.smallScreen:"day",smallScreenThreshold:t.defaultView&&t.defaultView.smallScreenThreshold?t.defaultView.smallScreenThreshold:1e3},weekday:{timeline:{fromHour:t.weekday&&t.weekday.timeline&&t.weekday.timeline.fromHour?t.weekday.timeline.fromHour:7,toHour:t.weekday&&t.weekday.timeline&&t.weekday.timeline.toHour?t.weekday.timeline.toHour:20,intervalMinutes:t.weekday&&t.weekday.timeline&&t.weekday.timeline.intervalMinutes?t.weekday.timeline.intervalMinutes:60,format:t.weekday&&t.weekday.timeline&&t.weekday.timeline.format?t.weekday.timeline.format:"HH:mm",heightPx:t.weekday&&t.weekday.timeline&&t.weekday.timeline.heightPx?t.weekday.timeline.heightPx:50,autoResize:!t.weekday||(!t.weekday.timeline||(void 0===t.weekday.timeline.autoResize||t.weekday.timeline.autoResize))},dayline:{weekdays:t.weekday&&t.weekday.dayline&&t.weekday.dayline.weekdays?t.weekday.dayline.weekdays:[0,1,2,3,4,5,6],format:t.weekday&&t.weekday.dayline&&t.weekday.dayline.format?t.weekday.dayline.format:"dddd DD/MM",heightPx:t.weekday&&t.weekday.dayline&&t.weekday.dayline.heightPx&&t.weekday.dayline.heightPx&&31<t.weekday.dayline.heightPx?t.weekday.dayline.heightPx:31,month:{format:t.weekday&&t.weekday.dayline&&t.weekday.dayline.month&&t.weekday.dayline.month.format?t.weekday.dayline.month.format:"MMMM YYYY",heightPx:t.weekday&&t.weekday.dayline&&t.weekday.dayline.month&&t.weekday.dayline.month.heightPx?t.weekday.dayline.month.heightPx:30,weekFormat:t.weekday&&t.weekday.dayline&&t.weekday.dayline.month&&t.weekday.dayline.month.weekFormat?t.weekday.dayline.month.weekFormat:"w"}}},month:{format:t.month&&t.month.format?t.month.format:"MMMM YYYY",heightPx:t.month&&t.month.heightPx&&31<t.month.heightPx?t.month.heightPx:31,weekline:{format:t.month&&t.month.weekline&&t.month.weekline.format?t.month.weekline.format:"w",heightPx:t.month&&t.month.weekline&&t.month.weekline.heightPx?t.month.weekline.heightPx:80},dayheader:{weekdays:t.month&&t.month.dayheader&&t.month.dayheader.weekdays?t.month.dayheader.weekdays:[0,1,2,3,4,5,6],format:t.month&&t.month.dayheader&&t.month.dayheader.format?t.month.dayheader.format:"dddd",heightPx:t.month&&t.month.dayheader&&t.month.dayheader.heightPx?t.month.dayheader.heightPx:30},day:{format:t.month&&t.month.day&&t.month.day.format?t.month.day.format:"DD/MM"}},unixTimestamp:t.unixTimestamp?t.unixTimestamp:moment().format("X"),event:{hover:{delay:t.event&&t.event.hover&&t.event.hover.delay?t.event.hover.delay:500}},colors:{events:t.colors&&t.colors.events?t.colors.events:n,daynotes:t.colors&&t.colors.daynotes?t.colors.daynotes:a,random:!t.colors||(!t.colors.random||t.colors.random)},categories:{enable:!t.categories||(void 0===t.categories.enable||t.categories.enable),hover:{delay:t.categories&&t.categories.hover&&t.categories.hover.delay?t.categories.hover.delay:500}},now:{enable:!!t.now&&(void 0!==t.now.enable&&t.now.enable),refresh:!!t.now&&(void 0!==t.now.refresh&&t.now.refresh),heightPx:t.now&&t.now.heightPx?t.now.heightPx:1,style:t.now&&t.now.style?t.now.style:"solid",color:t.now&&t.now.color?t.now.color:"#03A9F4"}},moment.locale(this.conf.locale),this.setEventColors(this.conf.colors.events),this.setDaynoteColors(this.conf.colors.daynotes),this.eventCategoryColor=[],this.daynoteCategoryColor=[],this.userEventCategoryColor=[],this.userDaynoteCategoryColor=[],this.setEvents(t.events?t.events:[]),this.setDaynotes(t.daynotes?t.daynotes:[]),"mobile"==this.mobileQuery()?this.setView(this.conf.defaultView.smallScreen):this.setView(this.conf.defaultView.largeScreen),this.element=e,this.initTime=!1,this}console.error("Calendar require Moment.js !")}var t,o;n.prototype.init=function(){var e=Date.now();return this.element.addClass("loading"),this.calculateCurrentInterval(),f(this.element).trigger("Calendar.init",[this,this.getPrevViewInterval(),this.getViewInterval(),this.getNextViewInterval()]),f(this.element).html(""),f(this.element).hasClass("calendar")||f(this.element).addClass("calendar"),"day"!=this.getView()&&"week"!=this.getView()||this.conf.weekday.timeline.autoResize&&this.resizeTimeline(),this.drawCategories(),"day"!=this.getView()&&"week"!=this.getView()||(this.weekDrawTime(),this.weekDrawDays(),this.weekDrawDaynotes(),this.weekDrawEvents()),"month"==this.getView()&&(this.monthDrawWeek(),this.monthDrawWeekNumbers(),this.monthDrawWeekDays(),this.monthDrawDaynotes(),this.monthDrawEvents()),this.drawModal(),this.drawNow(),this.positionEvents(),this.hoverEventOrDaynote(),this.clickEventOrDaynote(),this.addBtnLeftRight(),this.addSwipe(),this.clickSwitchView(),this.keyboardSwitchView(),this.defaultEvents(),this.element.removeClass("loading"),this.initTime=Date.now()-e+"ms",this},n.prototype.defaultEvents=function(){if(null==this.binded){var e=function(e,t,n){e.isDefaultPrevented()||(parseInt(n.css("top"))>=n.closest("ul").height()/2-t.conf.weekday.timeline.heightPx?(heightPx=parseInt(n.css("top"))+parseInt(n.css("height")),n.css("z-index",10).animate({height:heightPx,top:0,width:"100%",left:0},50)):(heightPx=n.closest("ul").height()-parseInt(n.css("top")),n.css("z-index",10).animate({height:heightPx,width:"100%",left:0},50)),n.find(".event-name").removeClass("hidden"),n.find(".event-content").removeClass("hidden"))};f(self.element).off("Calendar.event-mouseenter",e).on("Calendar.event-mouseenter",e),f(self.element).off("Calendar.daynote-mouseenter",e).on("Calendar.daynote-mouseenter",e);var t=function(e,t,n){e.isDefaultPrevented()||(n.css("z-index","auto").animate({height:parseFloat(n.attr("data-height"))+"px",top:parseFloat(n.attr("data-top")),width:parseFloat(n.attr("data-width"))+"%",left:parseFloat(n.attr("data-left"))+"%"},50),n.find(".event-content").addClass("hidden"))};f(self.element).off("Calendar.event-mouseleave",t).on("Calendar.event-mouseleave",t),f(self.element).off("Calendar.daynote-mouseleave",t).on("Calendar.daynote-mouseleave",t);var n=function(e,t,n,a){e.isDefaultPrevented()||(modal=f(t.element).find("#calendar-modal"),rgb=t.hexToRgb(n.attr("data-color")),modal.css("background","rgba("+rgb.r+", "+rgb.g+", "+rgb.b+", 0.5)"),modal.find(".modal-title").append(n.attr("data-title")+" "),modal.find(".modal-body").append(f("<h4>").append(f(this).closest(".calendar-events-day").find("span").html()).append(" ").append(f("<small>").text(n.find(".event-date").text()))),modal.find(".modal-body").append(n.find(".event-content").html()),modal.modal("show"),modal.on("hidden.bs.modal",function(e){f(e.target).find(".modal-title").html(""),f(e.target).find(".modal-body").html("")}))};f(self.element).off("Calendar.event-click",n).on("Calendar.event-click",n),f(self.element).off("Calendar.daynote-click",n).on("Calendar.daynote-click",n);var a=function(e,t,n){if(!e.isDefaultPrevented()){var a=t.element.find('.calendar-event[data-category="'+f(n).text()+'"]');"false"==f(n).attr("data-clicked")&&a.animate({opacity:0},200,function(){a.css("display","none"),f(n).css("background-color","#E0E0E0"),f(n).attr("data-clicked",!0)}),"true"==f(n).attr("data-clicked")&&(a.css("display","list-item"),f(n).css("background-color",f(n).attr("data-color")),a.animate({opacity:1},200,function(){f(n).attr("data-clicked",!1)}))}};f(self.element).off("Calendar.category-event-click",a).on("Calendar.category-event-click",a),f(self.element).off("Calendar.category-daynote-click",a).on("Calendar.category-daynote-click",a);var o=function(e,t,n){e.isDefaultPrevented()||t.element.find(".calendar-event").each(function(e,t){f(t).attr("data-category")!=n.text()&&f(t).css("opacity",.2)})};f(self.element).off("Calendar.category-event-mouseenter",o).on("Calendar.category-event-mouseenter",o),f(self.element).off("Calendar.category-daynote-mouseenter",o).on("Calendar.category-daynote-mouseenter",o);var i=function(e,t,n){e.isDefaultPrevented()||t.element.find(".calendar-event").each(function(e,t){f(t).css("opacity",1)})};f(self.element).off("Calendar.category-event-mouseleave",i).on("Calendar.category-event-mouseleave",i),f(self.element).off("Calendar.category-daynote-mouseleave",i).on("Calendar.category-daynote-mouseleave",i),this.binded=!0}},n.prototype.weekDrawTime=function(){f(this.element).append(f("<div>",{class:"calendar-timeline"})),f(this.element).find("div.calendar-timeline").css("padding-top",this.conf.weekday.dayline.heightPx+"px");var e=this.conf.weekday.dayline.month.heightPx;this.conf.categories.enable&&(e+=30),f(this.element).find("div.calendar-timeline").css("margin-top",e+"px"),f(this.element).find("div.calendar-timeline").append(f("<ul>")),ul=f(this.element).find("div.calendar-timeline").find("ul"),time=moment(moment()).startOf("Week"),time.add(this.conf.weekday.timeline.fromHour,"H");for(var t=(60*(this.conf.weekday.timeline.toHour+1)-60*this.conf.weekday.timeline.fromHour)/this.conf.weekday.timeline.intervalMinutes,n=0;n<t;)li=f("<li>"),li.append(f("<span>").text(time.format(this.conf.weekday.timeline.format))),li.height(this.conf.weekday.timeline.heightPx),ul.append(li),time.add(this.conf.weekday.timeline.intervalMinutes,"m"),n++},n.prototype.weekDrawDays=function(){f(this.element).append(f("<div>",{class:"calendar-events"}));var e=f("<div>",{class:"calendar-month"}).css("height",this.conf.weekday.dayline.month.heightPx+"px").css("text-align","center").css("padding-top",(this.conf.weekday.dayline.month.heightPx-20)/2+"px");"week"==this.getView()&&(e.text(this.miscUcfirstString(moment.unix(this.conf.unixTimestamp).format(this.conf.weekday.dayline.month.format))),e.addClass("weektomonth")),"day"==this.getView()&&(e.text(this.miscUcfirstString(moment.unix(this.conf.unixTimestamp).format(this.conf.weekday.dayline.month.weekFormat))),e.addClass("daytoweek")),f(this.element).find("div.calendar-events").append(e),f(this.element).find("div.calendar-events").append(f("<ul>")),ul=f(this.element).find("div.calendar-events").find("ul");for(var t=this.getViewDays(),n=0;n<t.length;n++)time=moment.unix(t[n]),li=f("<li>",{class:"calendar-events-day"}),li.css("width",100/t.length+"%"),(e=f("<div>",{class:"calendar-day-header"})).height(this.conf.weekday.dayline.heightPx),0==n&&"desktop"==this.mobileQuery()&&e.append(f("<button>",{class:"btn btn-sm btn-default btn-move-calendar"}).attr("data-direction","left").append(f("<i>",{class:"glyphicon glyphicon-arrow-left"}))),e.append(f("<span>").addClass("weektoday").css("width","100%").text(this.miscUcfirstString(time.format(this.conf.weekday.dayline.format)))),n==t.length-1&&"desktop"==this.mobileQuery()&&e.append(f("<button>",{class:"btn btn-sm btn-default btn-move-calendar"}).attr("data-direction","right").append(f("<i>",{class:"glyphicon glyphicon-arrow-right"}))),li.append(e),li.attr("data-time",time.startOf("day").format("X")),li.append(f("<ul>")),li.find("ul").height(60/this.conf.weekday.timeline.intervalMinutes*(this.conf.weekday.timeline.toHour-this.conf.weekday.timeline.fromHour)*this.conf.weekday.timeline.heightPx+60/this.conf.weekday.timeline.intervalMinutes*this.conf.weekday.timeline.heightPx),ul.append(li);var a=0;f(this.element).find(".calendar-day-header").each(function(){f(this).height()>a&&(a=f(this).height())}),f(this.element).find(".calendar-day-header").each(function(){f(this).height(a)})},n.prototype.monthDrawWeek=function(){f(this.element).append(f("<div>",{class:"calendar-events"}));var e=f("<div>",{class:"calendar-month"});e.css("height",this.conf.month.heightPx+"px"),"desktop"==this.mobileQuery()&&e.append(f("<button>",{class:"btn btn-sm btn-default btn-move-calendar"}).attr("data-direction","left").append(f("<i>",{class:"glyphicon glyphicon-arrow-left"}))),e.append(f("<span>").css("position","absolute").css("top",this.conf.month.heightPx/2+"px").css("right","50%").css("transform","translate(50%,-50%)").text(this.miscUcfirstString(moment.unix(this.conf.unixTimestamp).format(this.conf.month.format)))),"desktop"==this.mobileQuery()&&e.append(f("<button>",{class:"btn btn-sm btn-default btn-move-calendar"}).css("float","right").attr("data-direction","right").append(f("<i>",{class:"glyphicon glyphicon-arrow-right"}))),f(this.element).find("div.calendar-events").append(e),f(this.element).find("div.calendar-events").append(f("<ul>")),ul=f(this.element).find("div.calendar-events").find("ul");for(var t=moment.unix(this.conf.unixTimestamp).startOf("month"),n=parseInt(t.format("MM")),a=parseInt(t.format("w")),o=0;parseInt(t.format("MM"))==n;){for(o++;parseInt(t.format("w"))==a;)t.add(1,"days");a=parseInt(t.format("w"))}for(var i=0;i<this.conf.month.dayheader.weekdays.length;i++){t=moment().startOf("week").add(this.conf.month.dayheader.weekdays[i],"days");var r=f("<li>",{class:"calendar-month-day-header"});r.append(f("<div>").css("height",this.conf.month.dayheader.heightPx+"px").css("padding-top",(this.conf.month.dayheader.heightPx-20)/2+"px").text(this.miscUcfirstString(t.format(this.conf.month.dayheader.format)))),r.css("width",100/this.conf.month.dayheader.weekdays.length+"%"),r.append(f("<ul>").css("height",o*this.conf.month.weekline.heightPx+"px")),ul.append(r)}var s=0;f(this.element).find(".calendar-month-day-header").each(function(){var e=f(this).find("div");f(e).height()>s&&(s=f(e).height())}),f(this.element).find(".calendar-month-day-header").each(function(){var e=f(this).find("div");f(e).height(s)})},n.prototype.monthDrawWeekNumbers=function(){f(this.element).append(f("<div>",{class:"calendar-timeline"}));var e=this.conf.month.dayheader.heightPx;e+=this.conf.month.heightPx,this.conf.categories.enable&&(e+=30),e+=2,f(this.element).find("div.calendar-timeline").css("margin-top",e+"px"),f(this.element).find("div.calendar-timeline").append(f("<ul>")),ul=f(this.element).find("div.calendar-timeline").find("ul");for(var t=moment.unix(this.conf.unixTimestamp).startOf("month"),n=parseInt(t.format("MM")),a=parseInt(t.format("w"));parseInt(t.format("MM"))==n;){for(li=f("<li>",{class:"monthtoweek"}),li.append(f("<span>").attr("data-timestamp",t.format("X")).text(t.format(this.conf.month.weekline.format)).css("margin-top",this.conf.month.weekline.heightPx/2+"px")),li.height(this.conf.month.weekline.heightPx),ul.append(li);parseInt(t.format("w"))==a;)t.add(1,"days");a=parseInt(t.format("w"))}},n.prototype.monthDrawWeekDays=function(){for(var e=this.getViewDays(),t=parseInt(moment.unix(e[0]).weekday()),n=moment.unix(e[0]);0<t;){n=n.subtract(1,"days");var a=this.element.find(".calendar-events>ul>.calendar-month-day-header>div:contains('"+this.miscUcfirstString(n.format(this.conf.month.dayheader.format))+"')").parent().find("ul");(o=f("<li>")).css("height",this.conf.month.weekline.heightPx+"px"),f(a).append(o),t--}for(t=0;t<e.length;t++){var o;a=this.element.find(".calendar-events>ul>.calendar-month-day-header>div:contains('"+this.miscUcfirstString(moment.unix(e[t]).format(this.conf.month.dayheader.format))+"')").parent().find("ul");(o=f("<li>",{class:"calendar-month-events-day"})).css("height",this.conf.month.weekline.heightPx+"px"),o.attr("data-time-from",moment.unix(e[t]).startOf("day").format("X")),o.attr("data-time-to",moment.unix(e[t]).endOf("day").format("X")),o.append(f("<span>").text(moment.unix(e[t]).format(this.conf.month.day.format))),f(a).append(o)}this.element.find(".calendar-month-events-day").each(function(){f(this).append(f("<ul>"))})},n.prototype.drawCategories=function(){if(this.determineEventsCategories(),this.determineDaynotesCategories(),this.conf.categories.enable){for(var e=f("<div>",{class:"calendar-categories"}).css("height","20px"),t=0;t<this.eventCategoryColor.length;t++){(n=f("<span>",{class:"label label-default calendar-label"})).css("margin-right","5px"),n.css("background-color",this.eventCategoryColor[t].color),n.css("cursor","pointer"),n.attr("data-color",this.eventCategoryColor[t].color),n.attr("data-clicked",!1),n.text(this.eventCategoryColor[t].category),e.append(n)}for(t=0;t<this.daynoteCategoryColor.length;t++){var n;(n=f("<span>",{class:"label label-default calendar-label calendar-label-daynote"})).css("margin-right","5px"),n.css("background-color",this.daynoteCategoryColor[t].color),n.css("cursor","pointer"),n.attr("data-color",this.daynoteCategoryColor[t].color),n.attr("data-clicked",!1),n.text(this.daynoteCategoryColor[t].category),e.append(n)}this.element.prepend(e),this.hoverCategory(),this.clickCategory()}},n.prototype.hoverCategory=function(){var e=this;this.element.find(".calendar-label").hover(function(){elem=f(this),setTimeoutConst=setTimeout(function(){elem.hasClass("calendar-label-daynote")?f(e.element).trigger("Calendar.category-daynote-mouseenter",[e,elem]):f(e.element).trigger("Calendar.category-event-mouseenter",[e,elem])},e.conf.categories.hover.delay)},function(){clearTimeout(setTimeoutConst),elem=f(this),elem.hasClass("calendar-label-daynote")?f(e.element).trigger("Calendar.category-daynote-mouseleave",[e,elem]):f(e.element).trigger("Calendar.category-event-mouseleave",[e,elem])})},n.prototype.clickCategory=function(){var t=this;this.element.find(".calendar-label").click(function(e){f(e.target).hasClass("calendar-label-daynote")?f(t.element).trigger("Calendar.category-daynote-click",[t,elem]):f(t.element).trigger("Calendar.category-event-click",[t,elem])})},n.prototype.positionEvents=function(){"day"!=this.getView()&&"week"!=this.getView()||this.positionEventsInWeek(),"month"==this.getView()&&this.positionEventsInMonth()},n.prototype.positionEventsInWeek=function(){self=this,zeroLast=0,this.element.find(".calendar-event").each(function(e){start=parseInt(f(this).attr("data-start")),end=parseInt(f(this).attr("data-end")),duration=end-start,zero=parseInt(f(this).closest("li.calendar-events-day").attr("data-time"))+60*self.conf.weekday.timeline.fromHour*60,zero>zeroLast&&(zeroLast=zero),eventTop=(start-zero)/60/self.conf.weekday.timeline.intervalMinutes*self.conf.weekday.timeline.heightPx-1,eventHeight=duration/60/self.conf.weekday.timeline.intervalMinutes*self.conf.weekday.timeline.heightPx+1,endsOnCurrent=0,nbEventNotOnCurrent=!1,nbEventOnCurrent=0,tmp=[],currentElement=f(this),f(this).closest("ul").find("li.calendar-event").each(function(e,t){f(t)[0]!=currentElement[0]&&(parseInt(currentElement.attr("data-start"))<parseInt(f(t).attr("data-end"))&&parseInt(currentElement.attr("data-end"))>parseInt(f(t).attr("data-start"))&&(tmp.push(f(t)),nbEventOnCurrent++),parseInt(currentElement.attr("data-start"))<parseInt(f(t).attr("data-end"))&&parseInt(currentElement.attr("data-end"))>parseInt(f(t).attr("data-end"))?endsOnCurrent++:parseInt(currentElement.attr("data-start"))==parseInt(f(t).attr("data-start"))&&parseInt(f(t).attr("data-index"))<parseInt(currentElement.attr("data-index"))&&endsOnCurrent++)});var t=[];t.push(parseInt(currentElement.attr("data-start"))),t.push(parseInt(currentElement.attr("data-end")));for(e=0;e<tmp.length;e++)parseInt(tmp[e].attr("data-start"))>=parseInt(currentElement.attr("data-start"))&&parseInt(tmp[e].attr("data-start"))<=parseInt(currentElement.attr("data-end"))&&t.push(parseInt(tmp[e].attr("data-start"))),parseInt(tmp[e].attr("data-end"))>=parseInt(currentElement.attr("data-start"))&&parseInt(tmp[e].attr("data-end"))<=parseInt(currentElement.attr("data-end"))&&t.push(parseInt(tmp[e].attr("data-end")));(t=self.miscUniqueArray(t)).sort(function(e,t){return t<e?1:-1});for(e=0;e<t.length;e++){for(var n=0,a=0;a<tmp.length;a++)t[e]>parseInt(tmp[a].attr("data-start"))&&t[e]<=parseInt(tmp[a].attr("data-end"))&&n++;(0<n&&n>nbEventNotOnCurrent||!1===nbEventNotOnCurrent)&&(nbEventNotOnCurrent=n)}currentElement.attr("data-events",nbEventNotOnCurrent+1),currentElement.attr("data-divider",nbEventNotOnCurrent+1);for(e=0;e<tmp.length;e++)parseInt(tmp[e].attr("data-divider"))>parseInt(currentElement.attr("data-divider"))&&currentElement.attr("data-divider",tmp[e].attr("data-divider"));var o=[];for(e=0;e<parseInt(currentElement.attr("data-divider"));e++){o[e]=!1;for(a=0;a<tmp.length;a++)for(var i=0;i<String(tmp[a].attr("data-positions")).split(",").length;i++){String(tmp[a].attr("data-positions")).split(",")[i]==e&&(o[e]=!0)}}currentElement.attr("data-positions",-1);for(e=0;-1==parseInt(currentElement.attr("data-positions"));){if(!1===o[e]&&(currentElement.attr("data-positions",e),1<parseInt(currentElement.attr("data-divider"))-parseInt(currentElement.attr("data-events"))+1))for(;!1===o[e+1];)currentElement.attr("data-positions",currentElement.attr("data-positions")+","+(e+1)),e++;e++}eventWidth=100/(parseInt(currentElement.attr("data-divider"))/String(currentElement.attr("data-positions")).split(",").length),eventLeft=String(currentElement.attr("data-positions")).split(",")[0]/parseInt(currentElement.attr("data-divider"))*100,self.setEventPosition(this,eventTop,eventHeight,eventLeft,eventWidth)})},n.prototype.positionEventsInMonth=function(){var r=this;this.element.find("li.calendar-month-events-day").each(function(){var i=f(this).find(".calendar-event").length;f(this).find(".calendar-event").each(function(e){var t=parseInt(f(this).closest(".calendar-month-events-day").index())*r.conf.month.weekline.heightPx+20-1,n=r.conf.month.weekline.heightPx-21+1,a=100/i,o=100/i*e;r.setEventPosition(this,t,n,o,a)})})},n.prototype.setEventPosition=function(e,t,n,a,o){f(e).attr("data-top",t),f(e).attr("data-height",n),f(e).attr("data-left",a),f(e).attr("data-width",o),f(e).css({top:t+"px",height:n+"px",left:a+"%",width:o+"%"})},n.prototype.weekDrawEvents=function(){for(var t=0;t<this.events.length;t++)e=this.events[t],day=!1,fromHour=this.conf.weekday.timeline.fromHour,toHour=this.conf.weekday.timeline.toHour,interval=this.conf.weekday.timeline.intervalMinutes,f(this.element).find(".calendar-events-day").each(function(t,n){e.start>=parseInt(f(n).attr("data-time"))+60*fromHour*60&&e.end<=parseInt(f(n).attr("data-time"))+60*toHour*60+60/interval*interval*60&&(day=n)}),!1===day||this.drawEventsOrDaynotes(day,t,moment.unix(e.start).format("X"),moment.unix(e.end).format("X"),e.title,e.content,e.category,this.getEventCategoryColor(e.category),moment.unix(e.start).format(this.conf.weekday.timeline.format)+" - "+moment.unix(e.end).format(this.conf.weekday.timeline.format),["calendar-event"])},n.prototype.weekDrawDaynotes=function(){for(var t=0;t<this.daynotes.length;t++)if(e=this.daynotes[t],day=!1,f(this.element).find(".calendar-events-day").each(function(t,n){parseInt(moment.unix(e.time).startOf("day").format("X"))==parseInt(f(n).attr("data-time"))&&(day=n)}),!1===day);else{color=this.getDaynoteCategoryColor(e.category);var n=this.conf.weekday.timeline.fromHour,a=this.conf.weekday.timeline.toHour+parseInt(this.conf.weekday.timeline.intervalMinutes/60),o=60*(this.conf.weekday.timeline.intervalMinutes/60-parseInt(this.conf.weekday.timeline.intervalMinutes/60));this.drawEventsOrDaynotes(day,t,moment.unix(e.time).startOf("day").add(n,"h").format("X"),moment.unix(e.time).startOf("day").add(a,"h").add(o,"m").format("X"),e.title,e.content,e.category,this.getDaynoteCategoryColor(e.category),"",["calendar-event","calendar-daynote"])}},n.prototype.drawEventsOrDaynotes=function(e,t,n,o,i,r,s,d,l,m){for(var h=f("<li>"),c=0;c<m.length;c++)h.addClass(m[c]);h.attr("data-index",t),h.attr("data-start",n),h.attr("data-end",o),h.attr("data-title",i),h.attr("data-content",r),h.attr("data-category",s),h.attr("data-color",d),h.css("background",d),a=f("<a>",{href:"#"}),a.append(f("<em>",{class:"event-name"}).text(i)),a.append(f("<em>",{class:"event-content hidden"})),a.find(".event-content").append(f("<b>",{class:"event-date"}).html(l)),a.find(".event-content").append(f("<br>")),a.find(".event-content").append(r),h.append(a),f(e).find("ul").append(h)},n.prototype.monthDrawEvents=function(){for(var t=0;t<this.events.length;t++)e=this.events[t],day=!1,f(this.element).find(".calendar-month-events-day").each(function(t,n){e.start>=parseInt(f(n).attr("data-time-from"))&&e.end<=parseInt(f(n).attr("data-time-to"))&&(day=n)}),!1===day||this.drawEventsOrDaynotes(day,t,moment.unix(e.start).format("X"),moment.unix(e.end).format("X"),e.title,e.content,e.category,this.getEventCategoryColor(e.category),moment.unix(e.start).format(this.conf.month.day.format)+" : "+moment.unix(e.start).format(this.conf.weekday.timeline.format)+" - "+moment.unix(e.end).format(this.conf.weekday.timeline.format),["calendar-event"])},n.prototype.monthDrawDaynotes=function(){for(var t=0;t<this.daynotes.length;t++)e=this.daynotes[t],day=!1,f(this.element).find(".calendar-month-events-day").each(function(t,n){e.time>=parseInt(f(n).attr("data-time-from"))&&e.time<=parseInt(f(n).attr("data-time-to"))&&(day=n)}),!1===day||this.drawEventsOrDaynotes(day,t,moment.unix(e.time).startOf("day").format("X"),moment.unix(e.time).endOf("day").format("X"),e.title,e.content,e.category,this.getDaynoteCategoryColor(e.category),moment.unix(e.time).format(this.conf.month.day.format),["calendar-event","calendar-daynote"])},n.prototype.drawModal=function(){modal='<div class="modal fade" id="calendar-modal" tabindex="-1" role="dialog">',modal+='<div class="modal-dialog" role="document">',modal+='<div class="modal-content">',modal+='<div class="modal-header">',modal+='<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>',modal+='<h3 class="modal-title"></h3>',modal+="</div>",modal+='<div class="modal-body">',modal+="</div>",modal+="</div>",modal+="</div>",modal+="</div>",f(this.element).append(modal)},n.prototype.drawNow=function(){if(this.conf.now.enable){var e=f("<hr>",{class:"featurette-divider calendar-now"});e.css("width","100%"),e.css("position","absolute"),e.css("z-index",3),e.css("border-top",this.conf.now.heightPx+"px "+this.conf.now.style+" "+this.conf.now.color);var t=(moment().format("X")-moment().startOf("day").add(this.conf.weekday.timeline.fromHour,"h").format("X"))/60/this.conf.weekday.timeline.intervalMinutes*this.conf.weekday.timeline.heightPx-this.conf.weekday.timeline.heightPx/2;if(e.css("top",t+"px"),this.element.find('li.calendar-events-day[data-time="'+moment().startOf("day").format("X")+'"]').find("ul").append(e),this.conf.now.refresh){var n=this;setInterval(function(){var e=n.element.find("hr.calendar-now").remove();(e=f("<hr>",{class:"featurette-divider calendar-now"})).css("width","100%"),e.css("position","absolute"),e.css("z-index",2),e.css("border-top",n.conf.now.heightPx+"px "+n.conf.now.style+" "+n.conf.now.color);var t=(moment().format("X")-moment().startOf("day").add(n.conf.weekday.timeline.fromHour,"h").format("X"))/60/n.conf.weekday.timeline.intervalMinutes*n.conf.weekday.timeline.heightPx-n.conf.weekday.timeline.heightPx/2;e.css("top",t+"px"),n.element.find('li.calendar-events-day[data-time="'+moment().startOf("day").format("X")+'"]').find("ul").append(e)},1e4)}}},n.prototype.hoverEventOrDaynote=function(){var t=this;this.element.find(".calendar-event").each(function(){var e;f(this).hover(function(){elem=f(this),e=setTimeout(function(){elem.hasClass("calendar-daynote")?f(t.element).trigger("Calendar.daynote-mouseenter",[t,elem]):f(t.element).trigger("Calendar.event-mouseenter",[t,elem])},t.conf.event.hover.delay)},function(){clearTimeout(e),elem=f(this),elem.hasClass("calendar-daynote")?f(t.element).trigger("Calendar.daynote-mouseleave",[t,elem]):f(t.element).trigger("Calendar.event-mouseleave",[t,elem])})})},n.prototype.clickEventOrDaynote=function(){(self=this).element.find(".calendar-event").each(function(){f(this).click(function(e){elem=f(e.target),"LI"===elem.prop("nodeName")||elem.hasClass("calendar-event")||(elem=elem.closest("li.calendar-event")),elem.hasClass("calendar-daynote")?f(self.element).trigger("Calendar.daynote-click",[self,elem,self.daynotes[parseInt(elem.attr("data-index"))]]):f(self.element).trigger("Calendar.event-click",[self,elem,self.events[parseInt(elem.attr("data-index"))]])})})},n.prototype.resizeTimeline=function(){for(var e=0;e<this.events.length;e++)parseInt(moment.unix(this.events[e].start).format("HH"))<this.conf.weekday.timeline.fromHour&&(this.conf.weekday.timeline.fromHour=parseInt(moment.unix(this.events[e].start).format("HH"))),parseInt(this.events[e].end)>parseInt(moment.unix(this.events[e].end).startOf("day").add(this.conf.weekday.timeline.toHour,"hour").format("X"))&&(this.conf.weekday.timeline.toHour=parseInt(moment.unix(this.events[e].end).hour()),this.conf.weekday.timeline.toHour<23&&this.conf.weekday.timeline.toHour++)},n.prototype.getViewDays=function(){var e=[];if("day"==this.getView()&&e.push(parseInt(moment.unix(this.conf.unixTimestamp).format("X"))),"week"==this.getView())for(var t=0;t<this.conf.weekday.dayline.weekdays.length;t++)e.push(parseInt(moment.unix(this.conf.unixTimestamp).startOf("week").add(this.conf.weekday.dayline.weekdays[t],"days").format("X")));if("month"==this.getView()){var n=moment.unix(this.conf.unixTimestamp).daysInMonth(),a=moment.unix(this.conf.unixTimestamp).startOf("month");for(t=0;t<n;t++)e.push(parseInt(a.startOf("day").format("X"))),a.add(1,"days")}return e},n.prototype.addBtnLeftRight=function(){var t=this;this.element.find(".btn-move-calendar").click(function(e){elem=f(e.target),"BUTTON"!==elem.prop("nodeName")&&(elem=elem.closest(".btn-move-calendar")),t.moveCurrentIntervalView(f(elem).attr("data-direction"))})},n.prototype.addSwipe=function(){var n=this;n.element.find(".calendar-events").swipe({swipe:function(e,t){"left"!=t&&"right"!=t||("left"==t?t="right":"right"==t&&(t="left"),n.moveCurrentIntervalView(t))},threshold:100,allowPageScroll:"auto"})},n.prototype.clickSwitchView=function(){var e=this;f(this.element).find(".monthtoweek").click(function(){e.setTimestamp(parseInt(f(this).find("span").attr("data-timestamp"))),e.setView("week"),e.init()}),f(this.element).find(".weektomonth").click(function(){e.setView("month"),e.init()}),f(this.element).find(".daytoweek").click(function(){e.setView("week"),e.init()}),f(this.element).find(".weektoday").click(function(){e.setTimestamp(f(this).closest(".calendar-events-day").attr("data-time")),e.setView("day"),e.init()})},n.prototype.keyboardSwitchView=function(){if(this.conf.enableKeyboard){var t=this;f(window).unbind("keydown").on("keydown",function(e){37==e.keyCode&&e.ctrlKey&&t.moveCurrentIntervalView("left"),39==e.keyCode&&e.ctrlKey&&t.moveCurrentIntervalView("right"),38==e.keyCode&&e.ctrlKey&&("week"==t.getView()&&(t.setView("month"),t.init()),"day"==t.getView()&&(t.setView("week"),t.init())),40==e.keyCode&&e.ctrlKey&&("week"==t.getView()&&(t.setView("day"),t.init()),"month"==t.getView()&&(t.setView("week"),t.init()))})}},n.prototype.moveCurrentIntervalView=function(e){var t;"day"==this.getView()&&(t="days"),"week"==this.getView()&&(t="week"),"month"==this.getView()&&(t="month"),"left"==e&&(this.conf.unixTimestamp=parseInt(moment.unix(self.conf.unixTimestamp).subtract(1,t).format("X"))),"right"==e&&(this.conf.unixTimestamp=parseInt(moment.unix(self.conf.unixTimestamp).add(1,t).format("X"))),this.init()},n.prototype.mobileQuery=function(){return f(window).width()<this.conf.defaultView.smallScreenThreshold?"mobile":"desktop"},n.prototype.hexToRgb=function(e){e=e.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i,function(e,t,n,a){return t+t+n+n+a+a});var t=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);return t?{r:parseInt(t[1],16),g:parseInt(t[2],16),b:parseInt(t[3],16)}:null},n.prototype.calculateCurrentInterval=function(){var e=this.getViewDays();this.fromTimestamp=parseInt(moment.unix(e[0]).startOf("day").format("X")),this.toTimestamp=parseInt(moment.unix(e[e.length-1]).endOf("day").format("X"))},n.prototype.getCategories=function(t,n,a){for(var o=[],i=0;i<t.length;i++)e=t[i],parseInt(e[n])>=parseInt(this.fromTimestamp)&&parseInt(e[a])<=parseInt(this.toTimestamp)&&o.push(e.category);return o=this.miscUniqueArray(o)},n.prototype.getCategoryColor=function(e,t,n,a){for(var o=0;o<t.length;o++)if(t[o].category==e)return t[o].color;for(o=0;o<n.length;o++){used=!1;for(var i=0;i<t.length;i++)t[i].color==n[o]&&(used=!0);if(!used)return t.push({category:e,color:n[o]}),n[o]}return a},n.prototype.getEventsCategories=function(){return this.getCategories(this.events,"start","end")},n.prototype.determineEventsCategories=function(){var e=this.getEventsCategories();this.eventCategoryColor=0<this.userEventCategoryColor.length?this.userEventCategoryColor:[];for(var t=0;t<e.length;t++)this.getEventCategoryColor(e[t])},n.prototype.getEventCategoryColor=function(e){return this.getCategoryColor(e,this.eventCategoryColor,this.conf.colors.events,"#000000")},n.prototype.getEventCategoriesColors=function(){return this.eventCategoryColor},n.prototype.setEventCategoriesColors=function(e){return this.userEventCategoryColor=e,this},n.prototype.getDaynotesCategories=function(){return this.getCategories(this.daynotes,"time","time")},n.prototype.determineDaynotesCategories=function(){var e=this.getDaynotesCategories();this.daynoteCategoryColor=0<this.userDaynoteCategoryColor.length?this.userDaynoteCategoryColor:[];for(var t=0;t<e.length;t++)this.getDaynoteCategoryColor(e[t])},n.prototype.getDaynoteCategoryColor=function(e){return this.getCategoryColor(e,this.daynoteCategoryColor,this.conf.colors.daynotes,"#FEFEFE")},n.prototype.getDaynoteCategoriesColors=function(){return this.daynoteCategoryColor},n.prototype.setDaynoteCategoriesColors=function(e){this.userDaynoteCategoryColor=e},n.prototype.getEventColors=function(){return this.conf.colors.events},n.prototype.setEventColors=function(e){return this.conf.colors.events=this.miscDedupeArray(e),this.conf.colors.random&&this.conf.colors.events.sort(function(){return.5-Math.random()}),this},n.prototype.getDaynoteColors=function(){return this.conf.colors.daynotes},n.prototype.setDaynoteColors=function(e){return this.conf.colors.daynotes=this.miscDedupeArray(e),this.conf.colors.random&&this.conf.colors.daynotes.sort(function(){return.5-Math.random()}),this},n.prototype.getEvents=function(){return this.events},n.prototype.setEvents=function(e){return this.events=e||[],this.events.sort(function(e,t){return e.start>t.start?1:-1}),this},n.prototype.addEvents=function(e){return this.events=this.events.concat(e),this.events.sort(function(e,t){return e.start>t.start?1:-1}),this},n.prototype.getDaynotes=function(){return this.daynotes},n.prototype.setDaynotes=function(e){return this.daynotes=e||[],this.daynotes.sort(function(e,t){return e.start>t.start?1:-1}),this},n.prototype.addDaynotes=function(e){return this.daynotes.concat(e),this.daynotes.sort(function(e,t){return e.start>t.start?1:-1}),this},n.prototype.getInitTime=function(){return this.initTime},n.prototype.getViewInterval=function(){return[this.fromTimestamp,this.toTimestamp]},n.prototype.getNextViewInterval=function(){return"day"==this.getView()?[parseInt(moment.unix(this.fromTimestamp).add(1,"d").format("X")),parseInt(moment.unix(this.toTimestamp).add(1,"d").format("X"))]:"week"==this.getView()?[parseInt(moment.unix(this.fromTimestamp).add(1,"w").format("X")),parseInt(moment.unix(this.toTimestamp).add(1,"w").format("X"))]:"month"==this.getView()?[parseInt(moment.unix(this.fromTimestamp).add(1,"M").format("X")),parseInt(moment.unix(this.toTimestamp).add(1,"M").format("X"))]:void 0},n.prototype.getPrevViewInterval=function(){return"day"==this.getView()?[parseInt(moment.unix(this.fromTimestamp).subtract(1,"d").format("X")),parseInt(moment.unix(this.toTimestamp).subtract(1,"d").format("X"))]:"week"==this.getView()?[parseInt(moment.unix(this.fromTimestamp).subtract(1,"w").format("X")),parseInt(moment.unix(this.toTimestamp).subtract(1,"w").format("X"))]:"month"==this.getView()?[parseInt(moment.unix(this.fromTimestamp).subtract(1,"M").format("X")),parseInt(moment.unix(this.toTimestamp).subtract(1,"M").format("X"))]:void 0},n.prototype.getTimestamp=function(){return this.conf.unixTimestamp},n.prototype.setTimestamp=function(e){return this.conf.unixTimestamp=parseInt(e),this},n.prototype.getView=function(){return this.conf.view},n.prototype.setView=function(e){return"day"!=e&&"week"!=e&&"month"!=e||(this.conf.view=e),this},n.prototype.miscDedupeArray=function(e){e=e.concat();for(var t=0;t<e.length;++t)for(var n=t+1;n<e.length;++n)e[t]===e[n]&&e.splice(n--,1);return e},n.prototype.miscUniqueArray=function(e){e=e.concat();for(var t=0;t<e.length;++t)for(var n=t+1;n<e.length;++n)e[t]===e[n]&&e.splice(n--,1);return e},n.prototype.miscUcfirstString=function(e){return e.charAt(0).toUpperCase()+e.slice(1)},objSchedulesPlan=[],jQuery.extend(jQuery.fn,{Calendar:function(e){var t=new n(f(this),void 0===e?{}:e);return objSchedulesPlan.push(t),t}}),pause1=500,window.addEventListener("orientationchange",function(){clearTimeout(t),t=setTimeout(function(){objSchedulesPlan.forEach(function(e){e.init()})},500)}),pause2=500,window.addEventListener("resize",function(){clearTimeout(o),o=setTimeout(function(){objSchedulesPlan.forEach(function(e){"desktop"==e.mobileQuery()&&e.init()})},500)})});


--------------------------------------------------------------------------------
/src/js/jquery-calendar.js:
--------------------------------------------------------------------------------
   1 | /*
   2 |  * @class Calendar ~jquery-calendar plugin~ (https://github.com/ArrobeFr/jquery-calendar)
   3 |  * @author Developped by Arrobe (https://www.arrobe.fr)
   4 |  * @license Licensed under MIT (https://github.com/ArrobeFr/jquery-calendar/blob/master/LICENSE)
   5 |  */
   6 | 
   7 | jQuery(document).ready(function($){
   8 | 
   9 |   function Calendar(element, Args) {
  10 |     // Check Moment.js dependency
  11 |     if (typeof(moment) !== 'function'){
  12 |       console.error('Calendar require Moment.js !');
  13 |       return;
  14 |     }
  15 | 
  16 |     // Pre-defined events colors
  17 |     var eventColors = [     // https://www.materialui.co/colors (800)
  18 |       '#C62828',  // Red
  19 |       '#AD1457',  // Pink
  20 |       '#6A1B9A',  // Purple
  21 |       '#4527A0',  // Deep Purple
  22 |       '#283593',  // Indigo
  23 |       '#1565C0',  // Blue
  24 |       '#0277BD',  // Light Blue
  25 |       '#00838F',  // Cyan
  26 |       '#00695C',  // Teal
  27 |       '#2E7D32',  // Green
  28 |       '#558B2F',  // Light Green
  29 |       '#9E9D24',  // Lime
  30 |       '#F9A825',  // Yellow
  31 |       '#FF8F00',  // Amber
  32 |       '#EF6C00',  // Orange
  33 |       '#D84315',  // Deep Orange
  34 |       '#4E342E',  // Brown
  35 |       '#424242',  // Grey
  36 |       '#37474F',  // Blue Grey
  37 |       '#212121',  // Grey (900)
  38 |     ];
  39 | 
  40 |     // Pre-defined events colors
  41 |     var daynoteColors = [     // https://www.materialui.co/colors (800)
  42 |       '#EF9A9A',  // Red
  43 |       '#F48FB1',  // Pink
  44 |       '#CE93D8',  // Purple
  45 |       '#B39DDB',  // Deep Purple
  46 |       '#9FA8DA',  // Indigo
  47 |       '#90CAF9',  // Blue
  48 |       '#81D4FA',  // Light Blue
  49 |       '#80DEEA',  // Cyan
  50 |       '#80CBC4',  // Teal
  51 |       '#A5D6A7',  // Green
  52 |       '#C5E1A5',  // Light Green
  53 |       '#E6EE9C',  // Lime
  54 |       '#FFF59D',  // Yellow
  55 |       '#FFE082',  // Amber
  56 |       '#FFCC80',  // Orange
  57 |       '#FFAB91',  // Deep Orange
  58 |       '#BCAAA4',  // Brown
  59 |       '#EEEEEE',  // Grey
  60 |       '#B0BEC5'   // Blue Grey
  61 |     ];
  62 | 
  63 |     // Define default configuration
  64 |     this.conf = {
  65 |       locale: (Args.locale) ? Args.locale : 'fr',
  66 |       view: 'week',
  67 |       enableKeyboard: (Args.enableKeyboard) ? Args.enableKeyboard : true,
  68 |       defaultView: {
  69 |         largeScreen: (Args.defaultView) ? (Args.defaultView.largeScreen) ? (Args.defaultView.largeScreen) : 'week' : 'week',
  70 |         smallScreen: (Args.defaultView) ? (Args.defaultView.smallScreen) ? (Args.defaultView.smallScreen) : 'day' : 'day',
  71 |         smallScreenThreshold: (Args.defaultView) ? (Args.defaultView.smallScreenThreshold) ? (Args.defaultView.smallScreenThreshold) : 1000 : 1000
  72 |       },
  73 |       weekday: {
  74 |         timeline: {
  75 |           fromHour: (Args.weekday) ? (Args.weekday.timeline) ? (Args.weekday.timeline.fromHour) ? Args.weekday.timeline.fromHour : 7 : 7 : 7,
  76 |           toHour: (Args.weekday) ? (Args.weekday.timeline) ? (Args.weekday.timeline.toHour) ? Args.weekday.timeline.toHour : 20 : 20 : 20,
  77 |           intervalMinutes: (Args.weekday) ? (Args.weekday.timeline) ? (Args.weekday.timeline.intervalMinutes) ? Args.weekday.timeline.intervalMinutes : 60 : 60 : 60,
  78 |           format: (Args.weekday) ? (Args.weekday.timeline) ? (Args.weekday.timeline.format) ? Args.weekday.timeline.format : 'HH:mm' : 'HH:mm' : 'HH:mm',
  79 |           heightPx: (Args.weekday) ? (Args.weekday.timeline) ? (Args.weekday.timeline.heightPx) ? Args.weekday.timeline.heightPx : 50 : 50 : 50,
  80 |           autoResize: (Args.weekday) ? (Args.weekday.timeline) ? (Args.weekday.timeline.autoResize !== undefined) ? Args.weekday.timeline.autoResize : true : true : true
  81 |         },
  82 |         dayline: {
  83 |           weekdays: (Args.weekday) ? (Args.weekday.dayline) ? (Args.weekday.dayline.weekdays) ? Args.weekday.dayline.weekdays : [0, 1, 2, 3, 4, 5, 6] : [0, 1, 2, 3, 4, 5, 6] : [0, 1, 2, 3, 4, 5, 6],
  84 |           format: (Args.weekday) ? (Args.weekday.dayline) ? (Args.weekday.dayline.format) ? Args.weekday.dayline.format : 'dddd DD/MM' : 'dddd DD/MM' : 'dddd DD/MM',
  85 |           heightPx: (Args.weekday) ? (Args.weekday.dayline) ? (Args.weekday.dayline.heightPx) ? Args.weekday.dayline.heightPx ? (Args.weekday.dayline.heightPx > 31) ? Args.weekday.dayline.heightPx : 31 : 31 : 31 : 31 : 31,
  86 |           month: {
  87 |             format: (Args.weekday) ? (Args.weekday.dayline) ? (Args.weekday.dayline.month) ? (Args.weekday.dayline.month.format) ? Args.weekday.dayline.month.format : 'MMMM YYYY' : 'MMMM YYYY' : 'MMMM YYYY' : 'MMMM YYYY',
  88 |             heightPx: (Args.weekday) ? (Args.weekday.dayline) ? (Args.weekday.dayline.month) ? (Args.weekday.dayline.month.heightPx) ? Args.weekday.dayline.month.heightPx : 30 : 30 : 30 : 30,
  89 |             weekFormat: (Args.weekday) ? (Args.weekday.dayline) ? (Args.weekday.dayline.month) ? (Args.weekday.dayline.month.weekFormat) ? Args.weekday.dayline.month.weekFormat : 'w' : 'w' : 'w' : 'w'
  90 |           }
  91 |         }
  92 |       },
  93 |       month: {
  94 |         format: (Args.month) ? (Args.month.format) ? Args.month.format : 'MMMM YYYY' : 'MMMM YYYY',
  95 |         heightPx: (Args.month) ? (Args.month.heightPx) ? (Args.month.heightPx > 31) ? Args.month.heightPx : 31 : 31 : 31,
  96 |         weekline: {
  97 |           format: (Args.month) ? (Args.month.weekline) ? (Args.month.weekline.format) ? Args.month.weekline.format : 'w' : 'w' : 'w',
  98 |           heightPx: (Args.month) ? (Args.month.weekline) ? (Args.month.weekline.heightPx) ? Args.month.weekline.heightPx : 80 : 80 : 80
  99 |         },
 100 |         dayheader: {
 101 |           weekdays: (Args.month) ? (Args.month.dayheader) ? (Args.month.dayheader.weekdays) ? Args.month.dayheader.weekdays : [0, 1, 2, 3, 4, 5, 6] : [0, 1, 2, 3, 4, 5, 6] : [0, 1, 2, 3, 4, 5, 6],
 102 |           format: (Args.month) ? (Args.month.dayheader) ? (Args.month.dayheader.format) ? Args.month.dayheader.format : 'dddd' : 'dddd' : 'dddd',
 103 |           heightPx: (Args.month) ? (Args.month.dayheader) ? (Args.month.dayheader.heightPx) ? Args.month.dayheader.heightPx : 30 : 30 : 30
 104 |         },
 105 |         day: {
 106 |           format: (Args.month) ? (Args.month.day) ? (Args.month.day.format) ? Args.month.day.format : 'DD/MM' : 'DD/MM' : 'DD/MM'
 107 |         }
 108 |       },
 109 |       unixTimestamp: (Args.unixTimestamp) ? Args.unixTimestamp : moment().format('X'),
 110 |       event: {
 111 |         hover: {
 112 |           delay: (Args.event) ? (Args.event.hover) ? (Args.event.hover.delay) ? Args.event.hover.delay : 500 : 500 : 500
 113 |         }
 114 |       },
 115 |       colors: {
 116 |         events: (Args.colors) ? (Args.colors.events) ? Args.colors.events : eventColors : eventColors,
 117 |         daynotes: (Args.colors) ? (Args.colors.daynotes) ? Args.colors.daynotes : daynoteColors : daynoteColors,
 118 |         random: (Args.colors) ? (Args.colors.random) ? Args.colors.random : true : true
 119 |       },
 120 |       categories: {
 121 |         enable: (Args.categories) ? (Args.categories.enable !== undefined) ? Args.categories.enable : true : true,
 122 |         hover: {
 123 |           delay: (Args.categories) ? (Args.categories.hover) ? (Args.categories.hover.delay) ? Args.categories.hover.delay : 500 : 500 : 500
 124 |         }
 125 |       },
 126 |       now: {
 127 |         enable: (Args.now) ? (Args.now.enable !== undefined) ? (Args.now.enable) : false : false,
 128 |         refresh: (Args.now) ? (Args.now.refresh !== undefined) ? (Args.now.refresh) : false : false,
 129 |         heightPx: (Args.now) ? (Args.now.heightPx) ? (Args.now.heightPx) : 1 : 1,
 130 |         style: (Args.now) ? (Args.now.style) ? (Args.now.style) : 'solid' : 'solid',
 131 |         color: (Args.now) ? (Args.now.color) ? (Args.now.color) : '#03A9F4' : '#03A9F4'
 132 |       }
 133 |     };
 134 | 
 135 |     // Sets moment's locale
 136 |     moment.locale(this.conf.locale);
 137 | 
 138 |     // Sets colors
 139 |     this.setEventColors(this.conf.colors.events);
 140 |     this.setDaynoteColors(this.conf.colors.daynotes);
 141 | 
 142 |     // Create array to associate colors and categories
 143 |     this.eventCategoryColor = [];
 144 |     this.daynoteCategoryColor = [];
 145 | 
 146 |     // Create array to associate colors and categories as defined by setEventCategoriesColors or setDaynoteCategoriesColors
 147 |     this.userEventCategoryColor = [];
 148 |     this.userDaynoteCategoryColor = [];
 149 | 
 150 |     // Load events
 151 |     this.setEvents((Args.events) ? Args.events : []);
 152 | 
 153 |     // Load day notes
 154 |     this.setDaynotes((Args.daynotes) ? Args.daynotes : []);
 155 | 
 156 |     // Define the default view
 157 |     if (this.mobileQuery() == 'mobile'){
 158 |       this.setView(this.conf.defaultView.smallScreen);
 159 |     }else{
 160 |       this.setView(this.conf.defaultView.largeScreen);
 161 |     }
 162 | 
 163 |     // Init
 164 |     this.element = element;
 165 |     this.initTime = false;
 166 |     return this;
 167 |   }
 168 | 
 169 |   Calendar.prototype.init = function() {
 170 |     var millis = Date.now();
 171 |     this.element.addClass('loading');
 172 |     this.calculateCurrentInterval();
 173 |     $(this.element).trigger('Calendar.init', [
 174 |       this,
 175 |       this.getPrevViewInterval(),
 176 |       this.getViewInterval(),
 177 |       this.getNextViewInterval()
 178 |     ]);
 179 |     $(this.element).html('');
 180 |     if (!$(this.element).hasClass('calendar')){
 181 |       $(this.element).addClass('calendar');
 182 |     }
 183 |     if (this.getView() == 'day' || this.getView() == 'week'){
 184 |       if (this.conf.weekday.timeline.autoResize){
 185 |         this.resizeTimeline();
 186 |       }
 187 |     }
 188 |     this.drawCategories();
 189 |     if (this.getView() == 'day' || this.getView() == 'week'){
 190 |       this.weekDrawTime();
 191 |       this.weekDrawDays();
 192 |       this.weekDrawDaynotes();
 193 |       this.weekDrawEvents();
 194 |     }
 195 |     if (this.getView() == 'month'){
 196 |       this.monthDrawWeek();
 197 |       this.monthDrawWeekNumbers();
 198 |       this.monthDrawWeekDays();
 199 |       this.monthDrawDaynotes();
 200 |       this.monthDrawEvents();
 201 |     }
 202 |     this.drawModal();
 203 |     this.drawNow();
 204 |     this.positionEvents();
 205 |     this.hoverEventOrDaynote();
 206 |     this.clickEventOrDaynote();
 207 |     this.addBtnLeftRight();
 208 |     this.addSwipe();
 209 |     this.clickSwitchView();
 210 |     this.keyboardSwitchView();
 211 |     this.defaultEvents();
 212 |     this.element.removeClass('loading');
 213 |     this.initTime = (Date.now()-millis)+'ms';
 214 |     return this;
 215 |   };
 216 | 
 217 |   Calendar.prototype.defaultEvents = function() {
 218 |     if (this.binded == undefined){
 219 |       var eventMouseenterDefault = function(event, self, elem){
 220 |         if (!event.isDefaultPrevented()){
 221 |           if (parseInt(elem.css('top')) >= (elem.closest('ul').height() / 2) - self.conf.weekday.timeline.heightPx){
 222 |             heightPx = parseInt(elem.css('top')) + parseInt(elem.css('height'));
 223 |             elem
 224 |               .css('z-index', 10)
 225 |               .animate({
 226 |                 height:heightPx,
 227 |                 top:0,
 228 |                 width:'100%',
 229 |                 left:0
 230 |               }, 50)
 231 |             ;
 232 |           }else{
 233 |             heightPx = elem.closest('ul').height() - parseInt(elem.css('top'));
 234 |             elem
 235 |               .css('z-index', 10)
 236 |               .animate({
 237 |                 height:heightPx,
 238 |                 width:'100%',
 239 |                 left:0
 240 |               }, 50)
 241 |             ;
 242 |           }
 243 |           elem.find('.event-name').removeClass('hidden');
 244 |           elem.find('.event-content').removeClass('hidden');
 245 |         }
 246 |       };
 247 |       $(self.element).off('Calendar.event-mouseenter', eventMouseenterDefault).on('Calendar.event-mouseenter', eventMouseenterDefault);
 248 |       $(self.element).off('Calendar.daynote-mouseenter', eventMouseenterDefault).on('Calendar.daynote-mouseenter', eventMouseenterDefault);
 249 |       var eventMouseleaveDefault = function(event, self, elem){
 250 |         if (!event.isDefaultPrevented()){
 251 |           elem
 252 |             .css('z-index', 'auto')
 253 |             .animate({
 254 |               height:parseFloat(elem.attr('data-height'))+'px',
 255 |               top:parseFloat(elem.attr('data-top')),
 256 |               width:parseFloat(elem.attr('data-width'))+'%',
 257 |               left:parseFloat(elem.attr('data-left'))+'%'
 258 |             }, 50)
 259 |           ;
 260 |           elem.find('.event-content').addClass('hidden');
 261 |         }
 262 |       };
 263 |       $(self.element).off('Calendar.event-mouseleave', eventMouseleaveDefault).on('Calendar.event-mouseleave', eventMouseleaveDefault);
 264 |       $(self.element).off('Calendar.daynote-mouseleave', eventMouseleaveDefault).on('Calendar.daynote-mouseleave', eventMouseleaveDefault);
 265 |       var eventClickDefault = function(event, self, elem, evt){
 266 |         if (!event.isDefaultPrevented()){
 267 |           modal = $(self.element).find('#calendar-modal');
 268 |           rgb = self.hexToRgb(elem.attr('data-color'));
 269 |           modal.css('background', 'rgba('+rgb.r+', '+rgb.g+', '+rgb.b+', 0.5)');
 270 |           modal.find('.modal-title').append(elem.attr('data-title')+' ');
 271 |           modal.find('.modal-body').append(
 272 |             $('<h4>').append(
 273 |               $(this).closest('.calendar-events-day').find('span').html()
 274 |             ).append(
 275 |               ' '
 276 |             ).append(
 277 |               $('<small>').text(elem.find('.event-date').text())
 278 |             )
 279 |           );
 280 |           modal.find('.modal-body').append(elem.find('.event-content').html());
 281 |           modal.modal('show');
 282 |           modal.on('hidden.bs.modal', function (e) {
 283 |             $(e.target).find('.modal-title').html('');
 284 |             $(e.target).find('.modal-body').html('');
 285 |           });
 286 |         }
 287 |       };
 288 |       $(self.element).off('Calendar.event-click', eventClickDefault).on('Calendar.event-click', eventClickDefault);
 289 |       $(self.element).off('Calendar.daynote-click', eventClickDefault).on('Calendar.daynote-click', eventClickDefault);
 290 |       var eventCategoryClickDefault = function(event, self, elem){
 291 |         if (!event.isDefaultPrevented()){
 292 |           var events = self.element.find('.calendar-event[data-category="'+$(elem).text()+'"]');
 293 |           if ($(elem).attr('data-clicked') == 'false'){
 294 |             events.animate({
 295 |               opacity: 0
 296 |             }, 200, function(){
 297 |               events.css('display', 'none');
 298 |               $(elem).css('background-color', '#E0E0E0');
 299 |               $(elem).attr('data-clicked', true);
 300 |             });
 301 |           }
 302 |           if ($(elem).attr('data-clicked') == 'true'){
 303 |             events.css('display', 'list-item');
 304 |             $(elem).css('background-color', $(elem).attr('data-color'));
 305 |             events.animate({
 306 |               opacity: 1
 307 |             }, 200, function(){
 308 |               $(elem).attr('data-clicked', false);
 309 |             });
 310 |           }
 311 |         }
 312 |       };
 313 |       $(self.element).off('Calendar.category-event-click', eventCategoryClickDefault).on('Calendar.category-event-click', eventCategoryClickDefault);
 314 |       $(self.element).off('Calendar.category-daynote-click', eventCategoryClickDefault).on('Calendar.category-daynote-click', eventCategoryClickDefault);
 315 |       var eventCategoryMouseenterDefault = function(event, self, elem){
 316 |         if (!event.isDefaultPrevented()){
 317 |           self.element.find('.calendar-event').each(function(i, e){
 318 |             if ($(e).attr('data-category') != elem.text()){
 319 |               $(e).css('opacity', 0.2);
 320 |             }
 321 |           });
 322 |         }
 323 |       };
 324 |       $(self.element).off('Calendar.category-event-mouseenter', eventCategoryMouseenterDefault).on('Calendar.category-event-mouseenter', eventCategoryMouseenterDefault);
 325 |       $(self.element).off('Calendar.category-daynote-mouseenter', eventCategoryMouseenterDefault).on('Calendar.category-daynote-mouseenter', eventCategoryMouseenterDefault);
 326 |       var eventCategoryMouseleaveDefault = function(event, self, elem){
 327 |         if (!event.isDefaultPrevented()){
 328 |           self.element.find('.calendar-event').each(function(i, e){
 329 |             $(e).css('opacity', 1);
 330 |           });
 331 |         }
 332 |       };
 333 |       $(self.element).off('Calendar.category-event-mouseleave', eventCategoryMouseleaveDefault).on('Calendar.category-event-mouseleave', eventCategoryMouseleaveDefault);
 334 |       $(self.element).off('Calendar.category-daynote-mouseleave', eventCategoryMouseleaveDefault).on('Calendar.category-daynote-mouseleave', eventCategoryMouseleaveDefault);
 335 |       this.binded = true;
 336 |     }
 337 |   };
 338 | 
 339 |   Calendar.prototype.weekDrawTime = function() {
 340 |     $(this.element).append($('<div>', {
 341 |       class: 'calendar-timeline'
 342 |     }));
 343 |     $(this.element).find('div.calendar-timeline').css('padding-top', this.conf.weekday.dayline.heightPx+'px');
 344 |     var marginTop = this.conf.weekday.dayline.month.heightPx;
 345 |     if (this.conf.categories.enable){
 346 |       marginTop += 30;
 347 |     }
 348 |     $(this.element).find('div.calendar-timeline').css('margin-top', marginTop+'px');
 349 | 
 350 |     $(this.element).find('div.calendar-timeline').append($('<ul>'));
 351 | 
 352 |     ul = $(this.element).find('div.calendar-timeline').find('ul');
 353 | 
 354 |     time = moment(moment()).startOf('Week');
 355 |     time.add(this.conf.weekday.timeline.fromHour, 'H');
 356 | 
 357 |     var limit = (((this.conf.weekday.timeline.toHour+1)*60) - (this.conf.weekday.timeline.fromHour * 60)) / this.conf.weekday.timeline.intervalMinutes;
 358 |     var i = 0;
 359 |     while (i < limit){
 360 |       li = $('<li>');
 361 |       li.append($('<span>').text(time.format(this.conf.weekday.timeline.format)));
 362 |       li.height(this.conf.weekday.timeline.heightPx);
 363 |       ul.append(li);
 364 |       time.add(this.conf.weekday.timeline.intervalMinutes, 'm');
 365 |       i++;
 366 |     }
 367 |   };
 368 | 
 369 |   Calendar.prototype.weekDrawDays = function() {
 370 |     $(this.element).append($('<div>', {
 371 |       class: 'calendar-events'
 372 |     }));
 373 | 
 374 |     var div = $('<div>', {
 375 |       class: 'calendar-month'
 376 |     })
 377 |       .css('height', this.conf.weekday.dayline.month.heightPx+'px')
 378 |       .css('text-align', 'center')
 379 |       .css('padding-top', (this.conf.weekday.dayline.month.heightPx-20)/2+'px')
 380 |     ;
 381 |     if (this.getView() == 'week'){
 382 |       div.text(this.miscUcfirstString(moment.unix(this.conf.unixTimestamp).format(this.conf.weekday.dayline.month.format)));
 383 |       div.addClass('weektomonth');
 384 |     }
 385 |     if (this.getView() == 'day'){
 386 |       div.text(this.miscUcfirstString(moment.unix(this.conf.unixTimestamp).format(this.conf.weekday.dayline.month.weekFormat)));
 387 |       div.addClass('daytoweek');
 388 |     }
 389 |     $(this.element).find('div.calendar-events').append(div);
 390 | 
 391 |     $(this.element).find('div.calendar-events').append($('<ul>'));
 392 | 
 393 |     ul = $(this.element).find('div.calendar-events').find('ul');
 394 | 
 395 |     var days = this.getViewDays();
 396 | 
 397 |     for (var i=0; i<days.length; i++){
 398 |       time = moment.unix(days[i]);
 399 | 
 400 |       li = $('<li>', {
 401 |         class: 'calendar-events-day'
 402 |       });
 403 |       li.css('width',100/days.length+'%');
 404 |       div = $('<div>', {
 405 |         class: 'calendar-day-header'
 406 |       });
 407 |       div.height(this.conf.weekday.dayline.heightPx);
 408 |       if (i == 0 && this.mobileQuery() == 'desktop'){
 409 |         div.append($('<button>', {
 410 |           class: 'btn btn-sm btn-default btn-move-calendar'
 411 |         }).attr('data-direction', 'left').append($('<i>', {
 412 |           class: 'glyphicon glyphicon-arrow-left'
 413 |         })));
 414 |       }
 415 |       div.append($('<span>')
 416 |         .addClass('weektoday')
 417 |         .css('width', '100%')
 418 |         .text(this.miscUcfirstString(time.format(this.conf.weekday.dayline.format)))
 419 |       );
 420 |       if (i == days.length - 1 && this.mobileQuery() == 'desktop'){
 421 |         div.append($('<button>', {
 422 |           class: 'btn btn-sm btn-default btn-move-calendar'
 423 |         }).attr('data-direction', 'right').append($('<i>', {
 424 |           class: 'glyphicon glyphicon-arrow-right'
 425 |         })));
 426 |       }
 427 |       li.append(div);
 428 |       li.attr('data-time', time.startOf('day').format('X'));
 429 |       li.append($('<ul>'));
 430 |       li.find('ul').height(((60 / this.conf.weekday.timeline.intervalMinutes) * (this.conf.weekday.timeline.toHour - this.conf.weekday.timeline.fromHour) * this.conf.weekday.timeline.heightPx) + ((60 / this.conf.weekday.timeline.intervalMinutes) * this.conf.weekday.timeline.heightPx));
 431 |       ul.append(li);
 432 |     }
 433 | 
 434 |     var maxHeight = 0;
 435 |     $(this.element).find('.calendar-day-header').each(function(){
 436 |       if ($(this).height() > maxHeight){
 437 |         maxHeight = $(this).height();
 438 |       }
 439 |     });
 440 |     $(this.element).find('.calendar-day-header').each(function(){
 441 |       $(this).height(maxHeight);
 442 |     });
 443 |   };
 444 | 
 445 |   Calendar.prototype.monthDrawWeek = function() {
 446 |     $(this.element).append($('<div>', {
 447 |       class: 'calendar-events'
 448 |     }));
 449 |     var div = $('<div>', {
 450 |       class: 'calendar-month'
 451 |     });
 452 |     div.css('height', this.conf.month.heightPx+'px');
 453 | 
 454 |     if (this.mobileQuery() == 'desktop'){
 455 |       div.append($('<button>', {
 456 |         class: 'btn btn-sm btn-default btn-move-calendar'
 457 |       })
 458 |         .attr('data-direction', 'left')
 459 |         .append($('<i>', {
 460 |           class: 'glyphicon glyphicon-arrow-left'
 461 |         }))
 462 |       );
 463 |     }
 464 |     div.append($('<span>')
 465 |       .css('position', 'absolute')
 466 |       .css('top', this.conf.month.heightPx/2+'px')
 467 |       .css('right', '50%')
 468 |       .css('transform', 'translate(50%,-50%)')
 469 |       .text(this.miscUcfirstString(moment.unix(this.conf.unixTimestamp).format(this.conf.month.format)))
 470 |     );
 471 |     if (this.mobileQuery() == 'desktop'){
 472 |       div.append($('<button>', {
 473 |         class: 'btn btn-sm btn-default btn-move-calendar'
 474 |       })
 475 |         .css('float', 'right')
 476 |         .attr('data-direction', 'right')
 477 |         .append($('<i>', {
 478 |           class: 'glyphicon glyphicon-arrow-right'
 479 |         }))
 480 |       );
 481 |     }
 482 | 
 483 |     $(this.element).find('div.calendar-events').append(div);
 484 |     $(this.element).find('div.calendar-events').append($('<ul>'));
 485 | 
 486 |     ul = $(this.element).find('div.calendar-events').find('ul');
 487 | 
 488 |     var time = moment.unix(this.conf.unixTimestamp).startOf('month');
 489 |     var month = parseInt(time.format('MM'));
 490 |     var week = parseInt(time.format('w'));
 491 |     var nbWeeks=0;
 492 |     while (parseInt(time.format('MM')) == month){
 493 |       nbWeeks++;
 494 |       while (parseInt(time.format('w')) == week){
 495 |         time.add(1, 'days');
 496 |       }
 497 |       week = parseInt(time.format('w'));
 498 |     }
 499 | 
 500 |     for (var i=0; i<this.conf.month.dayheader.weekdays.length; i++){
 501 |       var time = moment().startOf('week').add(this.conf.month.dayheader.weekdays[i], 'days');
 502 |       var li = $('<li>', {
 503 |         class: 'calendar-month-day-header'
 504 |       });
 505 |       li.append($('<div>')
 506 |         .css('height', this.conf.month.dayheader.heightPx+'px')
 507 |         .css('padding-top', (this.conf.month.dayheader.heightPx-20)/2+'px')
 508 |         .text(this.miscUcfirstString(time.format(this.conf.month.dayheader.format)))
 509 |       );
 510 |       li.css('width', 100/this.conf.month.dayheader.weekdays.length+'%');
 511 |       li.append($('<ul>').css('height', nbWeeks*this.conf.month.weekline.heightPx+'px'));
 512 |       ul.append(li);
 513 |     }
 514 |     var maxHeight = 0;
 515 |     $(this.element).find('.calendar-month-day-header').each(function(){
 516 |       var e = $(this).find('div');
 517 |       if ($(e).height() > maxHeight){
 518 |         maxHeight = $(e).height();
 519 |       }
 520 |     });
 521 |     $(this.element).find('.calendar-month-day-header').each(function(){
 522 |       var e = $(this).find('div');
 523 |       $(e).height(maxHeight);
 524 |     });
 525 |   };
 526 | 
 527 |   Calendar.prototype.monthDrawWeekNumbers = function() {
 528 |     $(this.element).append($('<div>', {
 529 |       class: 'calendar-timeline'
 530 |     }));
 531 |     var marginTop = this.conf.month.dayheader.heightPx;
 532 |     marginTop += this.conf.month.heightPx;
 533 |     if (this.conf.categories.enable){
 534 |       marginTop += 30;
 535 |     }
 536 |     marginTop += 2;
 537 |     $(this.element).find('div.calendar-timeline').css('margin-top', marginTop+'px');
 538 |     $(this.element).find('div.calendar-timeline').append($('<ul>'));
 539 | 
 540 |     ul = $(this.element).find('div.calendar-timeline').find('ul');
 541 | 
 542 |     var time = moment.unix(this.conf.unixTimestamp).startOf('month');
 543 |     var month = parseInt(time.format('MM'));
 544 |     var week = parseInt(time.format('w'));
 545 |     while (parseInt(time.format('MM')) == month){
 546 |       li = $('<li>', {
 547 |         class: 'monthtoweek'
 548 |       });
 549 |       li.append($('<span>')
 550 |         .attr('data-timestamp', time.format('X'))
 551 |         .text(time.format(this.conf.month.weekline.format)).css('margin-top', this.conf.month.weekline.heightPx/2+'px')
 552 |       );
 553 |       li.height(this.conf.month.weekline.heightPx);
 554 |       ul.append(li);
 555 |       while (parseInt(time.format('w')) == week){
 556 |         time.add(1, 'days');
 557 |       }
 558 |       week = parseInt(time.format('w'));
 559 |     }
 560 |   };
 561 | 
 562 |   Calendar.prototype.monthDrawWeekDays = function() {
 563 |     var days = this.getViewDays();
 564 | 
 565 |     var i = parseInt(moment.unix(days[0]).weekday());
 566 |     var time = moment.unix(days[0]);
 567 |     while (i>0){
 568 |       time = time.subtract(1, 'days');
 569 |       var targetUl = this.element.find(".calendar-events>ul>.calendar-month-day-header>div:contains('"+this.miscUcfirstString(time.format(this.conf.month.dayheader.format))+"')").parent().find('ul');
 570 |       var li = $('<li>');
 571 |       li.css('height', this.conf.month.weekline.heightPx+'px');
 572 |       $(targetUl).append(li);
 573 |       i--;
 574 |     }
 575 | 
 576 |     for (var i=0; i<days.length; i++){
 577 |       var targetUl = this.element.find(".calendar-events>ul>.calendar-month-day-header>div:contains('"+this.miscUcfirstString(moment.unix(days[i]).format(this.conf.month.dayheader.format))+"')").parent().find('ul');
 578 |       var li = $('<li>', {
 579 |         class: 'calendar-month-events-day'
 580 |       });
 581 |       li.css('height', this.conf.month.weekline.heightPx+'px');
 582 |       li.attr('data-time-from', moment.unix(days[i]).startOf('day').format('X'));
 583 |       li.attr('data-time-to', moment.unix(days[i]).endOf('day').format('X'));
 584 |       li.append($('<span>').text(moment.unix(days[i]).format(this.conf.month.day.format)));
 585 |       $(targetUl).append(li);
 586 |     }
 587 | 
 588 |     this.element.find('.calendar-month-events-day').each(function() {
 589 |       $(this).append($('<ul>'));
 590 |     });
 591 |   };
 592 | 
 593 |   Calendar.prototype.drawCategories = function() {
 594 |     this.determineEventsCategories();
 595 |     this.determineDaynotesCategories();
 596 | 
 597 |     if (this.conf.categories.enable){
 598 |       var div = $('<div>', {
 599 |         class:'calendar-categories'
 600 |       }).css('height', '20px');
 601 |       for (var i=0; i<this.eventCategoryColor.length; i++){
 602 |         var label = $('<span>', {
 603 |           class: 'label label-default calendar-label'
 604 |         });
 605 |         label.css('margin-right', '5px');
 606 |         label.css('background-color', this.eventCategoryColor[i].color);
 607 |         label.css('cursor', 'pointer');
 608 |         label.attr('data-color', this.eventCategoryColor[i].color);
 609 |         label.attr('data-clicked', false);
 610 |         label.text(this.eventCategoryColor[i].category);
 611 |         div.append(label);
 612 |       }
 613 |       for (var i=0; i<this.daynoteCategoryColor.length; i++){
 614 |         var label = $('<span>', {
 615 |           class: 'label label-default calendar-label calendar-label-daynote'
 616 |         });
 617 |         label.css('margin-right', '5px');
 618 |         label.css('background-color', this.daynoteCategoryColor[i].color);
 619 |         label.css('cursor', 'pointer');
 620 |         label.attr('data-color', this.daynoteCategoryColor[i].color);
 621 |         label.attr('data-clicked', false);
 622 |         label.text(this.daynoteCategoryColor[i].category);
 623 |         div.append(label);
 624 |       }
 625 |       this.element.prepend(div);
 626 |       this.hoverCategory();
 627 |       this.clickCategory();
 628 |     }
 629 |   };
 630 | 
 631 |   Calendar.prototype.hoverCategory = function(){
 632 |     var self = this;
 633 |     this.element.find('.calendar-label').hover(
 634 |       function(){
 635 |         elem = $(this);
 636 |         setTimeoutConst = setTimeout(function(){
 637 |           if (elem.hasClass('calendar-label-daynote')){
 638 |             $(self.element).trigger('Calendar.category-daynote-mouseenter', [
 639 |               self,
 640 |               elem
 641 |             ]);
 642 |           }else{
 643 |             $(self.element).trigger('Calendar.category-event-mouseenter', [
 644 |               self,
 645 |               elem
 646 |             ]);
 647 |           }
 648 |         }, self.conf.categories.hover.delay);
 649 |       },
 650 |       function(){
 651 |         clearTimeout(setTimeoutConst);
 652 |         elem = $(this);
 653 |         if (elem.hasClass('calendar-label-daynote')){
 654 |           $(self.element).trigger('Calendar.category-daynote-mouseleave', [
 655 |             self,
 656 |             elem
 657 |           ]);
 658 |         }else{
 659 |           $(self.element).trigger('Calendar.category-event-mouseleave', [
 660 |             self,
 661 |             elem
 662 |           ]);
 663 |         }
 664 |       }
 665 |     );
 666 |   };
 667 | 
 668 |   Calendar.prototype.clickCategory = function(){
 669 |     var self = this;
 670 |     this.element.find('.calendar-label').click(function(event){
 671 |       if ($(event.target).hasClass('calendar-label-daynote')){
 672 |         $(self.element).trigger('Calendar.category-daynote-click', [
 673 |           self,
 674 |           elem
 675 |         ]);
 676 |       }else{
 677 |         $(self.element).trigger('Calendar.category-event-click', [
 678 |           self,
 679 |           elem
 680 |         ]);
 681 |       }
 682 |     });
 683 |   };
 684 | 
 685 |   Calendar.prototype.positionEvents = function() {
 686 |     if (this.getView() == 'day' || this.getView() == 'week'){
 687 |       this.positionEventsInWeek();
 688 |     }
 689 |     if (this.getView() == 'month'){
 690 |       this.positionEventsInMonth();
 691 |     }
 692 |   };
 693 | 
 694 |   Calendar.prototype.positionEventsInWeek = function() {
 695 |     self = this;
 696 |     zeroLast = 0;
 697 |     this.element.find('.calendar-event').each(function(i){
 698 |       // Place each event in the grid -> need to set top position and height
 699 |       start = parseInt($(this).attr('data-start'));
 700 |       end = parseInt($(this).attr('data-end'));
 701 |       duration = end - start;
 702 |       zero = parseInt($(this).closest('li.calendar-events-day').attr('data-time'))+(self.conf.weekday.timeline.fromHour*60*60);
 703 |       if (zero > zeroLast){
 704 |         zeroLast = zero;
 705 |       }
 706 |       eventTop = ((start - zero) / 60 / self.conf.weekday.timeline.intervalMinutes * self.conf.weekday.timeline.heightPx) - 1;
 707 |       eventHeight = (duration / 60 / self.conf.weekday.timeline.intervalMinutes * self.conf.weekday.timeline.heightPx) + 1;
 708 | 
 709 |       endsOnCurrent = 0;
 710 |       nbEventNotOnCurrent = false;
 711 |       nbEventOnCurrent = 0;
 712 |       tmp = [];
 713 |       currentElement = $(this);
 714 |       $(this).closest('ul').find('li.calendar-event').each(function(j, e){
 715 |         if ($(e)[0] != currentElement[0]){
 716 |           if (parseInt(currentElement.attr('data-start')) < parseInt($(e).attr('data-end')) && parseInt(currentElement.attr('data-end')) > parseInt($(e).attr('data-start'))) {
 717 |             tmp.push($(e));
 718 |             nbEventOnCurrent++;
 719 |           }
 720 |           if (parseInt(currentElement.attr('data-start')) < parseInt($(e).attr('data-end')) && parseInt(currentElement.attr('data-end')) > parseInt($(e).attr('data-end'))){
 721 |             endsOnCurrent++;
 722 |           }else if (parseInt(currentElement.attr('data-start')) == parseInt($(e).attr('data-start')) && parseInt($(e).attr('data-index')) < parseInt(currentElement.attr('data-index'))){
 723 |             endsOnCurrent++;
 724 |           }
 725 |         }
 726 |       });
 727 | 
 728 |       var dates = [];
 729 |       dates.push(parseInt(currentElement.attr('data-start')));
 730 |       dates.push(parseInt(currentElement.attr('data-end')));
 731 | 
 732 |       for (var i=0; i<tmp.length; i++){
 733 |         if (parseInt(tmp[i].attr('data-start')) >= parseInt(currentElement.attr('data-start')) && parseInt(tmp[i].attr('data-start')) <= parseInt(currentElement.attr('data-end'))){
 734 |           dates.push(parseInt(tmp[i].attr('data-start')));
 735 |         }
 736 |         if (parseInt(tmp[i].attr('data-end')) >= parseInt(currentElement.attr('data-start')) && parseInt(tmp[i].attr('data-end')) <= parseInt(currentElement.attr('data-end'))){
 737 |           dates.push(parseInt(tmp[i].attr('data-end')));
 738 |         }
 739 |       }
 740 | 
 741 |       dates = self.miscUniqueArray(dates);
 742 |       dates.sort(function(a,b) {return (a > b) ? 1 : -1;});
 743 | 
 744 |       for (var i=0; i<dates.length; i++){
 745 |         var enMemeTemps=0;
 746 |         for (var j=0; j<tmp.length; j++){
 747 |           if (dates[i] > parseInt(tmp[j].attr('data-start')) && dates[i] <= parseInt(tmp[j].attr('data-end'))){
 748 |             enMemeTemps++;
 749 |           }
 750 |         }
 751 |         if ((enMemeTemps > 0 && enMemeTemps > nbEventNotOnCurrent) || nbEventNotOnCurrent === false){
 752 |           nbEventNotOnCurrent = enMemeTemps;
 753 |         }
 754 |       }
 755 | 
 756 |       currentElement.attr('data-events', nbEventNotOnCurrent + 1);
 757 |       currentElement.attr('data-divider', nbEventNotOnCurrent + 1);
 758 | 
 759 |       for (var i=0; i<tmp.length; i++){
 760 |         if (parseInt(tmp[i].attr('data-divider')) > parseInt(currentElement.attr('data-divider'))){
 761 |           currentElement.attr('data-divider', tmp[i].attr('data-divider'));
 762 |         }
 763 |       }
 764 | 
 765 |       var positions = [];
 766 |       for (var i=0; i<parseInt(currentElement.attr('data-divider')); i++){
 767 |         positions[i] = false;
 768 |         for (var j=0; j<tmp.length; j++){
 769 |           for (var k=0; k<String(tmp[j].attr('data-positions')).split(',').length; k++){
 770 |             var position = String(tmp[j].attr('data-positions')).split(',')[k];
 771 |             if (position == i){
 772 |               positions[i] = true;
 773 |             }
 774 |           }
 775 |         }
 776 |       }
 777 | 
 778 |       currentElement.attr('data-positions', -1);
 779 | 
 780 |       var i = 0;
 781 |       while (parseInt(currentElement.attr('data-positions')) == -1){
 782 |         if (positions[i] === false){
 783 |           currentElement.attr('data-positions', i);
 784 |           if (parseInt(currentElement.attr('data-divider')) - parseInt(currentElement.attr('data-events')) + 1 > 1){
 785 |             while (positions[i+1] === false){
 786 |               currentElement.attr('data-positions', currentElement.attr('data-positions')+','+(i+1));
 787 |               i++;
 788 |             }
 789 |           }
 790 |         }
 791 |         i++;
 792 |       }
 793 | 
 794 |       eventWidth = 100 / (parseInt(currentElement.attr('data-divider')) / String(currentElement.attr('data-positions')).split(',').length);
 795 |       eventLeft = (String(currentElement.attr('data-positions')).split(',')[0] / parseInt(currentElement.attr('data-divider'))) * 100;
 796 | 
 797 |       self.setEventPosition(this, eventTop, eventHeight, eventLeft, eventWidth);
 798 |     });
 799 |   };
 800 | 
 801 |   Calendar.prototype.positionEventsInMonth = function() {
 802 |     var self = this;
 803 |     this.element.find('li.calendar-month-events-day').each(function(){
 804 |       var n = $(this).find('.calendar-event').length;
 805 |       $(this).find('.calendar-event').each(function(i){
 806 | 
 807 |         var eventTop = (parseInt($(this).closest('.calendar-month-events-day').index()) * self.conf.month.weekline.heightPx) + 20 - 1;
 808 |         var eventHeight = self.conf.month.weekline.heightPx - 21 + 1;
 809 |         var eventWidth = 100/n;
 810 |         var eventLeft = (100/n)*i;
 811 | 
 812 |         self.setEventPosition(this, eventTop, eventHeight, eventLeft, eventWidth);
 813 |       });
 814 |     });
 815 |   };
 816 | 
 817 |   Calendar.prototype.setEventPosition = function(elem, eventTop, eventHeight, eventLeft, eventWidth) {
 818 |     $(elem).attr('data-top', eventTop);
 819 |     $(elem).attr('data-height', eventHeight);
 820 |     $(elem).attr('data-left', eventLeft);
 821 |     $(elem).attr('data-width', eventWidth);
 822 | 
 823 |     $(elem).css({
 824 |       top: (eventTop) + 'px',
 825 |       height: (eventHeight) + 'px',
 826 |       left: eventLeft + '%',
 827 |       width: eventWidth + '%'
 828 |     });
 829 |   };
 830 | 
 831 |   Calendar.prototype.weekDrawEvents = function() {
 832 |     for (var i=0; i<this.events.length; i++){
 833 |       e = this.events[i];
 834 |       day = false;
 835 |       fromHour = this.conf.weekday.timeline.fromHour;
 836 |       toHour = this.conf.weekday.timeline.toHour;
 837 |       interval = this.conf.weekday.timeline.intervalMinutes;
 838 |       $(this.element).find('.calendar-events-day').each(function(i, d){
 839 |         if (e.start >= (parseInt($(d).attr('data-time'))+fromHour*60*60) && e.end <= (parseInt($(d).attr('data-time'))+toHour*60*60)+((60/interval)*interval*60)){
 840 |           day = d;
 841 |         }
 842 |       });
 843 |       if (day === false){
 844 |         //console.warn('Event '+i+' out of current view');
 845 |       }else{
 846 |         this.drawEventsOrDaynotes(
 847 |           day,
 848 |           i,
 849 |           moment.unix(e.start).format('X'),
 850 |           moment.unix(e.end).format('X'),
 851 |           e.title,
 852 |           e.content,
 853 |           e.category,
 854 |           this.getEventCategoryColor(e.category),
 855 |           moment.unix(e.start).format(this.conf.weekday.timeline.format)+' - '+moment.unix(e.end).format(this.conf.weekday.timeline.format),
 856 |           ['calendar-event']
 857 |         );
 858 |       }
 859 |     }
 860 |   };
 861 | 
 862 |   Calendar.prototype.weekDrawDaynotes = function() {
 863 |     for (var i=0; i<this.daynotes.length; i++){
 864 |       e = this.daynotes[i];
 865 |       day = false;
 866 |       $(this.element).find('.calendar-events-day').each(function(i, d){
 867 |         if (parseInt(moment.unix(e.time).startOf('day').format('X')) == parseInt($(d).attr('data-time'))) {
 868 |           day = d;
 869 |         }
 870 |       });
 871 | 
 872 |       if (day === false){
 873 |         //console.warn('Event '+i+' out of current view');
 874 |       }else{
 875 |         color = this.getDaynoteCategoryColor(e.category);
 876 |         var from = this.conf.weekday.timeline.fromHour;
 877 |         var toHour = this.conf.weekday.timeline.toHour + parseInt(this.conf.weekday.timeline.intervalMinutes / 60);
 878 |         var toMin = ((this.conf.weekday.timeline.intervalMinutes / 60) - parseInt(this.conf.weekday.timeline.intervalMinutes / 60))*60;
 879 |         this.drawEventsOrDaynotes(
 880 |           day,
 881 |           i,
 882 |           moment.unix(e.time).startOf('day').add(from, 'h').format('X'),
 883 |           moment.unix(e.time).startOf('day').add(toHour, 'h').add(toMin, 'm').format('X'),
 884 |           e.title,
 885 |           e.content,
 886 |           e.category,
 887 |           this.getDaynoteCategoryColor(e.category),
 888 |           '',
 889 |           ['calendar-event', 'calendar-daynote']
 890 |         );
 891 |       }
 892 |     }
 893 |   };
 894 | 
 895 |   Calendar.prototype.drawEventsOrDaynotes = function(e, index, start, end, title, content, category, color, time_interval, classes) {
 896 |     var li = $('<li>');
 897 |     for (var i=0; i<classes.length; i++){
 898 |       li.addClass(classes[i]);
 899 |     }
 900 |     li.attr('data-index', index);
 901 |     li.attr('data-start', start);
 902 |     li.attr('data-end', end);
 903 |     li.attr('data-title', title);
 904 |     li.attr('data-content', content);
 905 |     li.attr('data-category', category);
 906 |     li.attr('data-color', color);
 907 |     li.css('background', color);
 908 |     a = $('<a>', {
 909 |       href: '#'
 910 |     });
 911 |     a.append($('<em>', {
 912 |       class: 'event-name'
 913 |     }).text(title));
 914 |     a.append($('<em>', {
 915 |       class: 'event-content hidden'
 916 |     }));
 917 | 
 918 |     a.find('.event-content').append($('<b>', {
 919 |       class: 'event-date'
 920 |     }).html(time_interval));
 921 |     a.find('.event-content').append($('<br>'));
 922 |     a.find('.event-content').append(content);
 923 | 
 924 |     li.append(a);
 925 |     $(e).find('ul').append(li);
 926 |   };
 927 | 
 928 |   Calendar.prototype.monthDrawEvents = function() {
 929 |     for (var i=0; i<this.events.length; i++){
 930 |       e = this.events[i];
 931 |       day = false;
 932 |       $(this.element).find('.calendar-month-events-day').each(function(i, d){
 933 |         if (e.start >= (parseInt($(d).attr('data-time-from'))) && e.end <= (parseInt($(d).attr('data-time-to')))){
 934 |           day = d;
 935 |         }
 936 |       });
 937 |       if (day === false){
 938 |         //console.warn('Event '+i+' out of current view');
 939 |       }else{
 940 |         this.drawEventsOrDaynotes(
 941 |           day,
 942 |           i,
 943 |           moment.unix(e.start).format('X'),
 944 |           moment.unix(e.end).format('X'),
 945 |           e.title,
 946 |           e.content,
 947 |           e.category,
 948 |           this.getEventCategoryColor(e.category),
 949 |           moment.unix(e.start).format(this.conf.month.day.format)+' : '+moment.unix(e.start).format(this.conf.weekday.timeline.format)+' - '+moment.unix(e.end).format(this.conf.weekday.timeline.format),
 950 |           ['calendar-event']
 951 |         );
 952 |       }
 953 |     }
 954 |   };
 955 | 
 956 |   Calendar.prototype.monthDrawDaynotes = function() {
 957 |     for (var i=0; i<this.daynotes.length; i++){
 958 |       e = this.daynotes[i];
 959 |       day = false;
 960 |       $(this.element).find('.calendar-month-events-day').each(function(i, d){
 961 |         if (e.time >= (parseInt($(d).attr('data-time-from'))) && e.time <= (parseInt($(d).attr('data-time-to')))){
 962 |           day = d;
 963 |         }
 964 |       });
 965 |       if (day === false){
 966 |         //console.warn('Event '+i+' out of current view');
 967 |       }else{
 968 |         this.drawEventsOrDaynotes(
 969 |           day,
 970 |           i,
 971 |           moment.unix(e.time).startOf('day').format('X'),
 972 |           moment.unix(e.time).endOf('day').format('X'),
 973 |           e.title,
 974 |           e.content,
 975 |           e.category,
 976 |           this.getDaynoteCategoryColor(e.category),
 977 |           moment.unix(e.time).format(this.conf.month.day.format),
 978 |           ['calendar-event', 'calendar-daynote']
 979 |         );
 980 |       }
 981 |     }
 982 |   };
 983 | 
 984 |   Calendar.prototype.drawModal = function() {
 985 |     modal = '<div class="modal fade" id="calendar-modal" tabindex="-1" role="dialog">';
 986 |     modal+= '<div class="modal-dialog" role="document">';
 987 |     modal+= '<div class="modal-content">';
 988 |     modal+= '<div class="modal-header">';
 989 |     modal+= '<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>';
 990 |     modal+= '<h3 class="modal-title"></h3>';
 991 |     modal+= '</div>';
 992 |     modal+= '<div class="modal-body">';
 993 |     modal+= '</div>';
 994 |     modal+= '</div>';
 995 |     modal+= '</div>';
 996 |     modal+= '</div>';
 997 |     $(this.element).append(modal);
 998 |   };
 999 | 
1000 |   Calendar.prototype.drawNow = function() {
1001 |     if (this.conf.now.enable){
1002 |       var hr = $('<hr>', {
1003 |         class: 'featurette-divider calendar-now'
1004 |       });
1005 |       hr.css('width', '100%');
1006 |       hr.css('position', 'absolute');
1007 |       hr.css('z-index', 3);
1008 |       hr.css('border-top', this.conf.now.heightPx+'px '+this.conf.now.style+' '+this.conf.now.color);
1009 |       var top = ((moment().format('X') - moment().startOf('day').add(this.conf.weekday.timeline.fromHour, 'h').format('X')) / 60 / this.conf.weekday.timeline.intervalMinutes * this.conf.weekday.timeline.heightPx) - (this.conf.weekday.timeline.heightPx / 2);
1010 |       hr.css('top', top+'px');
1011 |       this.element.find('li.calendar-events-day[data-time="'+moment().startOf('day').format('X')+'"]').find('ul').append(hr);
1012 |       if (this.conf.now.refresh){
1013 |         var self = this;
1014 |         setInterval(function(){
1015 |           var hr = self.element.find('hr.calendar-now').remove();
1016 |           var hr = $('<hr>', {
1017 |             class: 'featurette-divider calendar-now'
1018 |           });
1019 |           hr.css('width', '100%');
1020 |           hr.css('position', 'absolute');
1021 |           hr.css('z-index', 2);
1022 |           hr.css('border-top', self.conf.now.heightPx+'px '+self.conf.now.style+' '+self.conf.now.color);
1023 |           var top = ((moment().format('X') - moment().startOf('day').add(self.conf.weekday.timeline.fromHour, 'h').format('X')) / 60 / self.conf.weekday.timeline.intervalMinutes * self.conf.weekday.timeline.heightPx) - (self.conf.weekday.timeline.heightPx / 2);
1024 |           hr.css('top', top+'px');
1025 |           self.element.find('li.calendar-events-day[data-time="'+moment().startOf('day').format('X')+'"]').find('ul').append(hr);
1026 |         }, 10000);
1027 |       }
1028 |     }
1029 |   };
1030 | 
1031 |   Calendar.prototype.hoverEventOrDaynote = function() {
1032 |     var self = this;
1033 |     this.element.find('.calendar-event').each(function(){
1034 |       var setTimeoutConst;
1035 |       $(this).hover(
1036 |         function(){
1037 |           elem = $(this);
1038 |           setTimeoutConst = setTimeout(function(){
1039 |             if (elem.hasClass('calendar-daynote')){
1040 |               $(self.element).trigger('Calendar.daynote-mouseenter', [
1041 |                 self,
1042 |                 elem
1043 |               ]);
1044 |             }else{
1045 |               $(self.element).trigger('Calendar.event-mouseenter', [
1046 |                 self,
1047 |                 elem
1048 |               ]);
1049 |             }
1050 | 
1051 |           }, self.conf.event.hover.delay);
1052 |         },
1053 |         function(){
1054 |           clearTimeout(setTimeoutConst);
1055 |           elem = $(this);
1056 |           if (elem.hasClass('calendar-daynote')){
1057 |             $(self.element).trigger('Calendar.daynote-mouseleave', [
1058 |               self,
1059 |               elem
1060 |             ]);
1061 |           }else{
1062 |             $(self.element).trigger('Calendar.event-mouseleave', [
1063 |               self,
1064 |               elem
1065 |             ]);
1066 |           }
1067 | 
1068 |         }
1069 |       );
1070 |     });
1071 |   };
1072 | 
1073 |   Calendar.prototype.clickEventOrDaynote = function() {
1074 |     self = this;
1075 |     this.element.find('.calendar-event').each(function(){
1076 |       $(this).click(function(event){
1077 |         elem = $(event.target);
1078 |         if (elem.prop('nodeName') !== 'LI' && !elem.hasClass('calendar-event')){
1079 |           elem = elem.closest('li.calendar-event');
1080 |         }
1081 |         if (elem.hasClass('calendar-daynote')){
1082 |           $(self.element).trigger('Calendar.daynote-click', [
1083 |             self,
1084 |             elem,
1085 |             self.daynotes[parseInt(elem.attr('data-index'))]
1086 |           ]);
1087 |         }else{
1088 |           $(self.element).trigger('Calendar.event-click', [
1089 |             self,
1090 |             elem,
1091 |             self.events[parseInt(elem.attr('data-index'))]
1092 |           ]);
1093 |         }
1094 |       });
1095 |     });
1096 |   };
1097 | 
1098 |   Calendar.prototype.resizeTimeline = function() {
1099 |     for (var j=0; j<this.events.length; j++){
1100 |       if (parseInt(moment.unix(this.events[j].start).format('HH')) < this.conf.weekday.timeline.fromHour){
1101 |         this.conf.weekday.timeline.fromHour = parseInt(moment.unix(this.events[j].start).format('HH'));
1102 |       }
1103 |       if (parseInt(this.events[j].end) > parseInt(moment.unix(this.events[j].end).startOf('day').add(this.conf.weekday.timeline.toHour, 'hour').format('X'))){
1104 |         this.conf.weekday.timeline.toHour = parseInt(moment.unix(this.events[j].end).hour());
1105 |         if (this.conf.weekday.timeline.toHour < 23){
1106 |           this.conf.weekday.timeline.toHour++;
1107 |         }
1108 |       }
1109 |     }
1110 |   };
1111 | 
1112 |   Calendar.prototype.getViewDays = function() {
1113 |     var days = [];
1114 |     if (this.getView() == 'day'){
1115 |       days.push(parseInt(moment.unix(this.conf.unixTimestamp).format('X')));
1116 |     }
1117 |     if (this.getView() == 'week'){
1118 |       for (var i=0; i<this.conf.weekday.dayline.weekdays.length; i++){
1119 |         days.push(parseInt(moment.unix(this.conf.unixTimestamp).startOf('week').add(this.conf.weekday.dayline.weekdays[i], 'days').format('X')));
1120 |       }
1121 |     }
1122 |     if (this.getView() == 'month'){
1123 |       var nbDaysInMonth = moment.unix(this.conf.unixTimestamp).daysInMonth();
1124 |       var time = moment.unix(this.conf.unixTimestamp).startOf('month');
1125 |       for (var i=0; i<nbDaysInMonth; i++){
1126 |         days.push(parseInt(time.startOf('day').format('X')));
1127 |         time.add(1, 'days');
1128 |       }
1129 |     }
1130 |     return days;
1131 |   };
1132 | 
1133 |   Calendar.prototype.addBtnLeftRight = function() {
1134 |     var self = this;
1135 |     this.element.find('.btn-move-calendar').click(function(event){
1136 |       elem = $(event.target);
1137 |       if (elem.prop('nodeName') !== 'BUTTON'){
1138 |         elem = elem.closest('.btn-move-calendar');
1139 |       }
1140 |       self.moveCurrentIntervalView($(elem).attr('data-direction'));
1141 |     });
1142 |   };
1143 | 
1144 |   Calendar.prototype.addSwipe = function() {
1145 |     var self = this;
1146 |     self.element.find('.calendar-events').swipe({
1147 |       swipe:function(event, direction) {
1148 |         if (direction == 'left' || direction == 'right'){
1149 |           // Le swipe est à l'envers
1150 |           if (direction == 'left'){
1151 |             direction = 'right';
1152 |           }else if (direction == 'right'){
1153 |             direction = 'left';
1154 |           }
1155 |           self.moveCurrentIntervalView(direction);
1156 |         }
1157 |       },
1158 |       threshold: 100,
1159 |       allowPageScroll: 'auto'
1160 |     });
1161 |   };
1162 | 
1163 |   Calendar.prototype.clickSwitchView = function() {
1164 |     var self = this;
1165 |     // monthtoweek
1166 |     $(this.element).find('.monthtoweek').click(function(){
1167 |       self.setTimestamp(parseInt($(this).find('span').attr('data-timestamp')));
1168 |       self.setView('week');
1169 |       self.init();
1170 |     });
1171 |     // weektomonth
1172 |     $(this.element).find('.weektomonth').click(function(){
1173 |       self.setView('month');
1174 |       self.init();
1175 |     });
1176 |     // daytoweek
1177 |     $(this.element).find('.daytoweek').click(function(){
1178 |       self.setView('week');
1179 |       self.init();
1180 |     });
1181 |     // weektoday
1182 |     $(this.element).find('.weektoday').click(function(){
1183 |       self.setTimestamp($(this).closest('.calendar-events-day').attr('data-time'));
1184 |       self.setView('day');
1185 |       self.init();
1186 |     });
1187 |   };
1188 | 
1189 |   Calendar.prototype.keyboardSwitchView = function() {
1190 |     if (!this.conf.enableKeyboard){
1191 |       return;
1192 |     }
1193 |     var self = this;
1194 |     $(window).unbind('keydown').on('keydown', function(x){
1195 |       // Ctrl + left
1196 |       if (x.keyCode == 37 && x.ctrlKey){
1197 |         self.moveCurrentIntervalView('left');
1198 |       }
1199 |       // Ctrl + right
1200 |       if (x.keyCode == 39 && x.ctrlKey){
1201 |         self.moveCurrentIntervalView('right');
1202 |       }
1203 |       // Ctrl + up
1204 |       if (x.keyCode == 38 && x.ctrlKey){
1205 |         if (self.getView() == 'week'){
1206 |           self.setView('month');
1207 |           self.init();
1208 |         }
1209 |         if (self.getView() == 'day'){
1210 |           self.setView('week');
1211 |           self.init();
1212 |         }
1213 |       }
1214 |       // Ctrl + down
1215 |       if (x.keyCode == 40 && x.ctrlKey){
1216 |         if (self.getView() == 'week'){
1217 |           self.setView('day');
1218 |           self.init();
1219 |         }
1220 |         if (self.getView() == 'month'){
1221 |           self.setView('week');
1222 |           self.init();
1223 |         }
1224 |       }
1225 |     });
1226 |   };
1227 | 
1228 |   Calendar.prototype.moveCurrentIntervalView = function(direction) {
1229 |     var word;
1230 |     if (this.getView() == 'day'){
1231 |       word = 'days';
1232 |     }
1233 |     if (this.getView() == 'week'){
1234 |       word = 'week';
1235 |     }
1236 |     if (this.getView() == 'month'){
1237 |       word = 'month';
1238 |     }
1239 |     if (direction == 'left'){
1240 |       this.conf.unixTimestamp = parseInt(moment.unix(self.conf.unixTimestamp).subtract(1, word).format('X'));
1241 |     }
1242 |     if (direction == 'right'){
1243 |       this.conf.unixTimestamp = parseInt(moment.unix(self.conf.unixTimestamp).add(1, word).format('X'));
1244 |     }
1245 |     this.init();
1246 |   };
1247 | 
1248 |   Calendar.prototype.mobileQuery = function() {
1249 |     if ($(window).width() < this.conf.defaultView.smallScreenThreshold){
1250 |       return 'mobile'
1251 |     }
1252 |     return 'desktop';
1253 |   };
1254 | 
1255 |   Calendar.prototype.hexToRgb = function(hex) {
1256 |     var shorthandRegex = /^#?([a-f\d])([a-f\d])([a-f\d])$/i;
1257 |     hex = hex.replace(shorthandRegex, function(m, r, g, b) {
1258 |       return r + r + g + g + b + b;
1259 |     });
1260 |     var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
1261 |     return result ? {
1262 |       r: parseInt(result[1], 16),
1263 |       g: parseInt(result[2], 16),
1264 |       b: parseInt(result[3], 16)
1265 |     } : null;
1266 |   }
1267 | 
1268 |   Calendar.prototype.calculateCurrentInterval = function() {
1269 |     var days = this.getViewDays();
1270 |     this.fromTimestamp = parseInt(moment.unix(days[0]).startOf('day').format('X'));
1271 |     this.toTimestamp = parseInt(moment.unix(days[days.length-1]).endOf('day').format('X'));
1272 |   };
1273 | 
1274 |   Calendar.prototype.getCategories = function(object, attribute1, attribute2){
1275 |     var categories = [];
1276 |     for (var i=0; i<object.length; i++){
1277 |       e = object[i];
1278 |       if (parseInt(e[attribute1]) >= parseInt(this.fromTimestamp) && parseInt(e[attribute2]) <= parseInt(this.toTimestamp)){
1279 |         categories.push(e.category);
1280 |       }
1281 |     }
1282 |     categories = this.miscUniqueArray(categories);
1283 |     return categories;
1284 |   };
1285 | 
1286 |   Calendar.prototype.getCategoryColor = function(category, object, colors, color) {
1287 |     for (var i=0; i<object.length; i++){
1288 |       if (object[i].category == category){
1289 |         return object[i].color;
1290 |       }
1291 |     }
1292 |     for (var i=0; i<colors.length; i++){
1293 |       used = false;
1294 |       for (var j=0; j<object.length; j++){
1295 |         if (object[j].color == colors[i]){
1296 |           used = true;
1297 |         }
1298 |       }
1299 |       if (!used){
1300 |         object.push({
1301 |           category: category,
1302 |           color: colors[i]
1303 |         });
1304 |         return colors[i];
1305 |       }
1306 |     }
1307 |     return color;
1308 |   };
1309 | 
1310 |   Calendar.prototype.getEventsCategories = function() {
1311 |     return this.getCategories(this.events, 'start', 'end');
1312 |   };
1313 | 
1314 |   Calendar.prototype.determineEventsCategories = function() {
1315 |     var categories = this.getEventsCategories();
1316 |     this.eventCategoryColor = (this.userEventCategoryColor.length > 0) ? this.userEventCategoryColor : [];
1317 |     for (var i=0; i<categories.length; i++){
1318 |       this.getEventCategoryColor(categories[i]);
1319 |     }
1320 |   };
1321 | 
1322 |   Calendar.prototype.getEventCategoryColor = function(category) {
1323 |     return this.getCategoryColor(category, this.eventCategoryColor, this.conf.colors.events, '#000000');
1324 |   };
1325 | 
1326 |   Calendar.prototype.getEventCategoriesColors = function() {
1327 |     return this.eventCategoryColor;
1328 |   };
1329 | 
1330 |   Calendar.prototype.setEventCategoriesColors = function(categoriesColors) {
1331 |     this.userEventCategoryColor = categoriesColors;
1332 |     return this;
1333 |   };
1334 | 
1335 |   Calendar.prototype.getDaynotesCategories = function() {
1336 |     return this.getCategories(this.daynotes, 'time', 'time');
1337 |   };
1338 | 
1339 |   Calendar.prototype.determineDaynotesCategories = function() {
1340 |     var categories = this.getDaynotesCategories();
1341 |     this.daynoteCategoryColor = (this.userDaynoteCategoryColor.length > 0) ? this.userDaynoteCategoryColor : [];
1342 |     for (var i=0; i<categories.length; i++){
1343 |       this.getDaynoteCategoryColor(categories[i]);
1344 |     }
1345 |   };
1346 | 
1347 |   Calendar.prototype.getDaynoteCategoryColor = function(category) {
1348 |     return this.getCategoryColor(category, this.daynoteCategoryColor, this.conf.colors.daynotes, '#FEFEFE');
1349 |   };
1350 | 
1351 |   Calendar.prototype.getDaynoteCategoriesColors = function() {
1352 |     return this.daynoteCategoryColor;
1353 |   };
1354 | 
1355 |   Calendar.prototype.setDaynoteCategoriesColors = function(categoriesColors) {
1356 |     this.userDaynoteCategoryColor = categoriesColors;
1357 |   };
1358 | 
1359 |   Calendar.prototype.getEventColors = function() {
1360 |     return this.conf.colors.events;
1361 |   };
1362 | 
1363 |   Calendar.prototype.setEventColors = function(array) {
1364 |     this.conf.colors.events = this.miscDedupeArray(array);
1365 |     if (this.conf.colors.random){
1366 |       this.conf.colors.events.sort(function() {return 0.5 - Math.random();});
1367 |     }
1368 |     return this;
1369 |   };
1370 | 
1371 |   Calendar.prototype.getDaynoteColors = function() {
1372 |     return this.conf.colors.daynotes;
1373 |   };
1374 | 
1375 |   Calendar.prototype.setDaynoteColors = function(array) {
1376 |     this.conf.colors.daynotes = this.miscDedupeArray(array);
1377 |     if (this.conf.colors.random){
1378 |       this.conf.colors.daynotes.sort(function() {return 0.5 - Math.random();});
1379 |     }
1380 |     return this;
1381 |   };
1382 | 
1383 |   Calendar.prototype.getEvents = function() {
1384 |     return this.events;
1385 |   };
1386 | 
1387 |   Calendar.prototype.setEvents = function(events) {
1388 |     this.events = (events) ? events : [];
1389 |     this.events.sort(function(a,b) {return (a.start > b.start) ? 1 : -1;});
1390 |     return this;
1391 |   };
1392 | 
1393 |   Calendar.prototype.addEvents = function(events) {
1394 |     this.events = this.events.concat(events);
1395 |     this.events.sort(function(a,b) {return (a.start > b.start) ? 1 : -1;});
1396 |     return this;
1397 |   };
1398 | 
1399 |   Calendar.prototype.getDaynotes = function() {
1400 |     return this.daynotes;
1401 |   };
1402 | 
1403 |   Calendar.prototype.setDaynotes = function(daynotes) {
1404 |     this.daynotes = (daynotes) ? daynotes : [];
1405 |     this.daynotes.sort(function(a,b) {return (a.start > b.start) ? 1 : -1;});
1406 |     return this;
1407 |   };
1408 | 
1409 |   Calendar.prototype.addDaynotes = function(daynotes) {
1410 |     this.daynotes.concat(daynotes);
1411 |     this.daynotes.sort(function(a,b) {return (a.start > b.start) ? 1 : -1;});
1412 |     return this;
1413 |   };
1414 | 
1415 |   Calendar.prototype.getInitTime = function() {
1416 |     return this.initTime;
1417 |   };
1418 | 
1419 |   Calendar.prototype.getViewInterval = function() {
1420 |     return [this.fromTimestamp, this.toTimestamp];
1421 |   };
1422 | 
1423 |   Calendar.prototype.getNextViewInterval = function() {
1424 |     if (this.getView() == 'day'){
1425 |       return [
1426 |         parseInt(moment.unix(this.fromTimestamp).add(1, 'd').format('X')),
1427 |         parseInt(moment.unix(this.toTimestamp).add(1, 'd').format('X'))
1428 |       ];
1429 |     }
1430 |     if (this.getView() == 'week'){
1431 |       return [
1432 |         parseInt(moment.unix(this.fromTimestamp).add(1, 'w').format('X')),
1433 |         parseInt(moment.unix(this.toTimestamp).add(1, 'w').format('X'))
1434 |       ];
1435 |     }
1436 |     if (this.getView() == 'month'){
1437 |       return [
1438 |         parseInt(moment.unix(this.fromTimestamp).add(1, 'M').format('X')),
1439 |         parseInt(moment.unix(this.toTimestamp).add(1, 'M').format('X'))
1440 |       ];
1441 |     }
1442 |   };
1443 | 
1444 |   Calendar.prototype.getPrevViewInterval = function() {
1445 |     if (this.getView() == 'day'){
1446 |       return [
1447 |         parseInt(moment.unix(this.fromTimestamp).subtract(1, 'd').format('X')),
1448 |         parseInt(moment.unix(this.toTimestamp).subtract(1, 'd').format('X'))
1449 |       ];
1450 |     }
1451 |     if (this.getView() == 'week'){
1452 |       return [
1453 |         parseInt(moment.unix(this.fromTimestamp).subtract(1, 'w').format('X')),
1454 |         parseInt(moment.unix(this.toTimestamp).subtract(1, 'w').format('X'))
1455 |       ];
1456 |     }
1457 |     if (this.getView() == 'month'){
1458 |       return [
1459 |         parseInt(moment.unix(this.fromTimestamp).subtract(1, 'M').format('X')),
1460 |         parseInt(moment.unix(this.toTimestamp).subtract(1, 'M').format('X'))
1461 |       ];
1462 |     }
1463 |   };
1464 | 
1465 |   Calendar.prototype.getTimestamp = function() {
1466 |     return this.conf.unixTimestamp;
1467 |   };
1468 | 
1469 |   Calendar.prototype.setTimestamp = function(timestamp) {
1470 |     this.conf.unixTimestamp = parseInt(timestamp);
1471 |     return this;
1472 |   };
1473 | 
1474 |   Calendar.prototype.getView = function(){
1475 |     return this.conf.view;
1476 |   };
1477 | 
1478 |   Calendar.prototype.setView = function(view){
1479 |     if (view == 'day' || view == 'week' || view == 'month') {
1480 |       this.conf.view = view;
1481 |     }
1482 |     return this;
1483 |   };
1484 | 
1485 |   Calendar.prototype.miscDedupeArray = function(a) {
1486 |     a = a.concat();
1487 |     for (var i=0; i<a.length; ++i) {
1488 |       for (var j=i+1; j<a.length; ++j) {
1489 |         if(a[i] === a[j]){
1490 |           a.splice(j--, 1);
1491 |         }
1492 |       }
1493 |     }
1494 |     return a;
1495 |   };
1496 | 
1497 |   Calendar.prototype.miscUniqueArray = function(a) {
1498 |     a = a.concat();
1499 |     for(var i=0; i<a.length; ++i) {
1500 |       for(var j=i+1; j<a.length; ++j) {
1501 |         if(a[i] === a[j])
1502 |           a.splice(j--, 1);
1503 |       }
1504 |     }
1505 |     return a;
1506 |   };
1507 | 
1508 |   Calendar.prototype.miscUcfirstString = function(s) {
1509 |     return s.charAt(0).toUpperCase() + s.slice(1);
1510 |   };
1511 | 
1512 |   objSchedulesPlan = [];
1513 | 
1514 |   // Initialization
1515 |   jQuery.extend(jQuery.fn, {
1516 |     Calendar: function(objArgs){
1517 |       var c = new Calendar($(this), (objArgs === undefined) ? {} : objArgs);
1518 |       objSchedulesPlan.push(c);
1519 |       return c;
1520 |     }
1521 |   });
1522 | 
1523 |   // Reinitialization on screen rotation
1524 |   var resizeListener1;
1525 |   pause1 = 500;
1526 |   window.addEventListener("orientationchange", function() {
1527 |     clearTimeout(resizeListener1);
1528 |     resizeListener1 = setTimeout(function(){
1529 |       objSchedulesPlan.forEach(function(obj){
1530 |         obj.init();
1531 |       });
1532 |     }, pause1);
1533 |   });
1534 | 
1535 |   // Reinitialization on screen resize if not mobile
1536 |   var resizeListener2;
1537 |   pause2 = 500;
1538 |   window.addEventListener("resize", function() {
1539 |     clearTimeout(resizeListener2);
1540 |     resizeListener2 = setTimeout(function(){
1541 |       objSchedulesPlan.forEach(function(obj){
1542 |         if (obj.mobileQuery() == 'desktop'){
1543 |           obj.init();
1544 |         }
1545 |       });
1546 |     }, pause2);
1547 |   });
1548 | 
1549 | });
1550 | 


--------------------------------------------------------------------------------