carendar 0.0.3 → 0.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/README.md +16 -5
- data/app/assets/stylesheets/_carendar.sass +13 -6
- data/lib/carendar/version.rb +1 -1
- metadata +2 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 39151e66bc2007a34996b90ed561de6663e355e6
|
|
4
|
+
data.tar.gz: d9b530ee004c525015e4a197b22d29a714a5f8aa
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 3b4b7fb479b634b576a9633bb1c4ba121bc69514e30f92eac3447cd81ad529332f699fb95da81b60145eccf916dde9cf659e6d8a5e771599bc85024f368d4d9c
|
|
7
|
+
data.tar.gz: baa6bab8ac04b243910ea0f45eca208db292854483aeab3ff4d8b8a5cf41c9d38d32a9e6c8b77397c96fa8d7420241bc92656d7afae0a5135a866b0ddbc7204b
|
data/README.md
CHANGED
|
@@ -2,9 +2,14 @@
|
|
|
2
2
|
|
|
3
3
|
Pure CSS rendering for week calendars.
|
|
4
4
|
|
|
5
|
+
Limitations
|
|
6
|
+
|
|
7
|
+
* For positioning days have to rastered. The example shows a 5 minute grid. The times of the events have to be rounded to the grid. The grid resolution can be passed as parameter to the sass mixin
|
|
8
|
+
* No events across day borders
|
|
9
|
+
|
|
5
10
|
## Demo
|
|
6
11
|
|
|
7
|
-
Visit the [demo rails app](https://carendar-demo.herokuapp.com/)
|
|
12
|
+
Visit the [demo rails app](https://carendar-demo.herokuapp.com/) and the [source for the demo](https://github.com/axelerator/carendar-demo)
|
|
8
13
|
|
|
9
14
|
## Installation
|
|
10
15
|
|
|
@@ -30,17 +35,23 @@ First you have to create a `Calendar` object containing all calendar items.
|
|
|
30
35
|
Carendar::Calendar.new(first_day, last_day, array_of_item_hashes)
|
|
31
36
|
|
|
32
37
|
This can be constructed from a simple array of hashes, where each item is represented by hash with the keys
|
|
33
|
-
`starts_at
|
|
38
|
+
`starts_at, ends_at, options`.
|
|
34
39
|
|
|
35
40
|
Styling is provided via sass mixin. You have to at least include the `carendar` mixin to get
|
|
36
41
|
the layout.
|
|
37
|
-
Custom styling is easily done by selecting the child classes of your calendar class.
|
|
38
42
|
|
|
43
|
+
The mixin takes three parameters
|
|
44
|
+
|
|
45
|
+
* Height of a day for the week view
|
|
46
|
+
* Height of a day got the month vew
|
|
47
|
+
* resolution of the minutes grid for the week view (for positioning events relative to the top)
|
|
48
|
+
|
|
49
|
+
Custom styling is easily done by selecting the child classes of your calendar class.
|
|
39
50
|
|
|
40
51
|
@import 'carendar'
|
|
41
52
|
|
|
42
|
-
.
|
|
43
|
-
+carendar(500px, 5)
|
|
53
|
+
.my-calendar
|
|
54
|
+
+carendar(500px, 50px, 5)
|
|
44
55
|
.day
|
|
45
56
|
border-left: 1px solid #EEE
|
|
46
57
|
border-top: 1px solid #EEE
|
|
@@ -3,6 +3,17 @@
|
|
|
3
3
|
margin: 0
|
|
4
4
|
list-style-type: none
|
|
5
5
|
|
|
6
|
+
=carendar-flexbox
|
|
7
|
+
display: -webkit-box
|
|
8
|
+
display: -moz-box
|
|
9
|
+
display: -ms-flexbox
|
|
10
|
+
display: -webkit-flex
|
|
11
|
+
display: flex
|
|
12
|
+
-webkit-flex-direction: row
|
|
13
|
+
-webkit-flex-wrap: wrap
|
|
14
|
+
flex-direction: row
|
|
15
|
+
flex-wrap: wrap
|
|
16
|
+
|
|
6
17
|
=carendar($week-day-height: 500px, $month-day-height: 50px, $min-per-slot: 5)
|
|
7
18
|
$min-per-day: 60 * 24
|
|
8
19
|
$slots-per-day: $min-per-day / $min-per-slot
|
|
@@ -10,9 +21,7 @@
|
|
|
10
21
|
+unstyled-carender-list
|
|
11
22
|
width: 100%
|
|
12
23
|
&.week
|
|
13
|
-
|
|
14
|
-
flex-direction: row
|
|
15
|
-
flex-wrap: wrap
|
|
24
|
+
+carendar-flexbox
|
|
16
25
|
.day
|
|
17
26
|
width: (100.0% / 7.1)
|
|
18
27
|
.items
|
|
@@ -39,9 +48,7 @@
|
|
|
39
48
|
&[data-offset-right='#{$i}']
|
|
40
49
|
right: $i * 10%
|
|
41
50
|
&.month
|
|
42
|
-
|
|
43
|
-
flex-direction: row
|
|
44
|
-
flex-wrap: wrap
|
|
51
|
+
+carendar-flexbox
|
|
45
52
|
.day
|
|
46
53
|
width: (100.0% / 7)
|
|
47
54
|
.items
|
data/lib/carendar/version.rb
CHANGED
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: carendar
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.0.
|
|
4
|
+
version: 0.0.4
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Axel Tetzlaff
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2015-03-
|
|
11
|
+
date: 2015-03-24 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: bundler
|