ffoundation_datepicker_rails 0.0.2
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/MIT-LICENSE +22 -0
- data/README.md +52 -0
- data/lib/foundation_datepicker_rails.rb +6 -0
- data/lib/foundation_datepicker_rails/version.rb +3 -0
- data/vendor/assets/fonts/foundation-datepicker-rails.eot +0 -0
- data/vendor/assets/fonts/foundation-datepicker-rails.svg +13 -0
- data/vendor/assets/fonts/foundation-datepicker-rails.ttf +0 -0
- data/vendor/assets/fonts/foundation-datepicker-rails.woff +0 -0
- data/vendor/assets/javascripts/foundation-datepicker-rails.js +1202 -0
- data/vendor/assets/stylesheets/_foundation-datepicker.scss +183 -0
- data/vendor/assets/stylesheets/foundation-datepicker-rails.scss +41 -0
- metadata +129 -0
@@ -0,0 +1,183 @@
|
|
1
|
+
// fdatepicker variables and their defaults
|
2
|
+
$fdatepicker-ui-primary: #2ba6cb !default;
|
3
|
+
$fdatepicker-ui-color: #000 !default;
|
4
|
+
$fdatepicker-ui-bg: #fff !default;
|
5
|
+
$fdatepicker-ui-disabled: #eee !default;
|
6
|
+
$fdatepicker-ui-border-color: #000 !default;
|
7
|
+
$fdatepicker-ui-border-transparency: 0.2 !default;
|
8
|
+
$fdatepicker-ui-border: 1px solid rgba($fdatepicker-ui-color, $fdatepicker-ui-border-transparency) !default;
|
9
|
+
$fdatepicker-ui-shadow: 0 5px 10px rgba($fdatepicker-ui-color, $fdatepicker-ui-border-transparency) !default;
|
10
|
+
$fdatepicker-ui-border-radius: 5px;
|
11
|
+
$fdatepicker-ui-before-color: #ccc !default;
|
12
|
+
$fdatepicker-ui-old-new-color: #999 !default;
|
13
|
+
$fdatepicker-ui-text-color: #333 !default;
|
14
|
+
$fdatepicker-inline-width: 220px !default;
|
15
|
+
|
16
|
+
// uncomment if used with foundation 5 to get compatible defaults, thanks jamesstoneco
|
17
|
+
// $fdatepicker-ui-primary: $primary-color;
|
18
|
+
// $fdatepicker-ui-bg: $f-dropdown-bg;
|
19
|
+
// $fdatepicker-ui-text-color: $body-font-color;
|
20
|
+
// $fdatepicker-ui-disabled: rgba($primary-color, 0.7);
|
21
|
+
// $fdatepicker-ui-before-color: $secondary-color;
|
22
|
+
// $fdatepicker-ui-border-transparency: 0.2 !default;
|
23
|
+
// $fdatepicker-ui-border: $f-dropdown-border-style $f-dropdown-border-width $f-dropdown-border-color;
|
24
|
+
// $fdatepicker-ui-shadow: none;
|
25
|
+
// $fdatepicker-ui-border-radius: 0;
|
26
|
+
// $fdatepicker-ui-before-color: lighten($fdatepicker-ui-text-color, 30%);
|
27
|
+
// $fdatepicker-ui-old-new-color: lighten($fdatepicker-ui-text-color, 20%);
|
28
|
+
// $fdatepicker-inline-width: $f-dropdown-max-width;
|
29
|
+
|
30
|
+
@mixin datepicker() {
|
31
|
+
text-align: center;
|
32
|
+
width: 20px;
|
33
|
+
height: 20px;
|
34
|
+
border: 0;
|
35
|
+
font-size: 12px;
|
36
|
+
padding: 4px 8px;
|
37
|
+
background: $fdatepicker-ui-bg;
|
38
|
+
cursor: pointer;
|
39
|
+
}
|
40
|
+
|
41
|
+
.datepicker {
|
42
|
+
display: none;
|
43
|
+
position: absolute;
|
44
|
+
padding: 4px;
|
45
|
+
margin-top: 1px;
|
46
|
+
direction: ltr;
|
47
|
+
&.dropdown-menu {
|
48
|
+
position: absolute;
|
49
|
+
top: 100%;
|
50
|
+
left: 0;
|
51
|
+
z-index: 1000;
|
52
|
+
float: left;
|
53
|
+
display: none;
|
54
|
+
min-width: 160px;
|
55
|
+
list-style: none;
|
56
|
+
background-color: $fdatepicker-ui-bg;
|
57
|
+
border: $fdatepicker-ui-border;
|
58
|
+
|
59
|
+
-webkit-border-radius: $fdatepicker-ui-border-radius;
|
60
|
+
-moz-border-radius: $fdatepicker-ui-border-radius;
|
61
|
+
border-radius: $fdatepicker-ui-border-radius;
|
62
|
+
|
63
|
+
-webkit-box-shadow: $fdatepicker-ui-shadow;
|
64
|
+
-moz-box-shadow: $fdatepicker-ui-shadow;
|
65
|
+
box-shadow: $fdatepicker-ui-shadow;
|
66
|
+
|
67
|
+
-webkit-background-clip: padding-box;
|
68
|
+
-moz-background-clip: padding;
|
69
|
+
background-clip: padding-box;
|
70
|
+
|
71
|
+
*border-right-width: 2px;
|
72
|
+
*border-bottom-width: 2px;
|
73
|
+
color: $fdatepicker-ui-text-color;
|
74
|
+
font-size: 13px;
|
75
|
+
line-height: 18px;
|
76
|
+
th { padding: 4px 5px; }
|
77
|
+
td { padding: 4px 5px; }
|
78
|
+
}
|
79
|
+
table {
|
80
|
+
border: 0;
|
81
|
+
margin: 0;
|
82
|
+
width: auto;
|
83
|
+
tr td span {
|
84
|
+
display: block;
|
85
|
+
width: 23%;
|
86
|
+
height: 54px;
|
87
|
+
line-height: 54px;
|
88
|
+
float: left;
|
89
|
+
margin: 1%;
|
90
|
+
cursor: pointer;
|
91
|
+
}
|
92
|
+
}
|
93
|
+
td {
|
94
|
+
text-align: center;
|
95
|
+
width: 20px;
|
96
|
+
height: 20px;
|
97
|
+
border: 0;
|
98
|
+
font-size: 12px;
|
99
|
+
padding: 4px 8px;
|
100
|
+
background: $fdatepicker-ui-bg;
|
101
|
+
cursor: pointer;
|
102
|
+
&.active.day, &.active.year { background: $fdatepicker-ui-primary; }
|
103
|
+
&.old , &.new { color: $fdatepicker-ui-old-new-color; }
|
104
|
+
span.active { background: $fdatepicker-ui-primary; }
|
105
|
+
&.day.disabled { color: $fdatepicker-ui-disabled; }
|
106
|
+
}
|
107
|
+
th {
|
108
|
+
text-align: center;
|
109
|
+
width: 20px;
|
110
|
+
height: 20px;
|
111
|
+
border: 0;
|
112
|
+
font-size: 12px;
|
113
|
+
padding: 4px 8px;
|
114
|
+
background: $fdatepicker-ui-bg;
|
115
|
+
cursor: pointer;
|
116
|
+
&.active.day, &.active.year { background: $fdatepicker-ui-primary; }
|
117
|
+
&.date-switch { width: 145px; }
|
118
|
+
span.active { background: $fdatepicker-ui-primary; }
|
119
|
+
}
|
120
|
+
.cw {
|
121
|
+
font-size: 10px;
|
122
|
+
width: 12px;
|
123
|
+
padding: 0 2px 0 5px;
|
124
|
+
vertical-align: middle;
|
125
|
+
}
|
126
|
+
&.days div.datepicker-days { display: block; }
|
127
|
+
&.months div.datepicker-months { display: block; }
|
128
|
+
&.years div.datepicker-years { display: block; }
|
129
|
+
thead tr:first-child th {
|
130
|
+
cursor: pointer;
|
131
|
+
&.cw {
|
132
|
+
cursor: default;
|
133
|
+
background-color: transparent;
|
134
|
+
}
|
135
|
+
}
|
136
|
+
tfoot tr:first-child th { cursor: pointer; }
|
137
|
+
}
|
138
|
+
.datepicker-inline { width: $fdatepicker-inline-width; }
|
139
|
+
.datepicker-rtl {
|
140
|
+
direction: rtl;
|
141
|
+
table tr td span { float: right; }
|
142
|
+
}
|
143
|
+
.datepicker-dropdown {
|
144
|
+
top: 0;
|
145
|
+
left: 0;
|
146
|
+
&:before {
|
147
|
+
content: '';
|
148
|
+
display: inline-block;
|
149
|
+
border-left: 7px solid transparent;
|
150
|
+
border-right: 7px solid transparent;
|
151
|
+
border-bottom: 7px solid $fdatepicker-ui-before-color;
|
152
|
+
border-bottom-color: $fdatepicker-ui-border;
|
153
|
+
position: absolute;
|
154
|
+
top: -7px;
|
155
|
+
left: 6px;
|
156
|
+
}
|
157
|
+
&:after {
|
158
|
+
content: '';
|
159
|
+
display: inline-block;
|
160
|
+
border-left: 6px solid transparent;
|
161
|
+
border-right: 6px solid transparent;
|
162
|
+
border-bottom: 6px solid $fdatepicker-ui-bg;
|
163
|
+
position: absolute;
|
164
|
+
top: -6px;
|
165
|
+
left: 7px;
|
166
|
+
}
|
167
|
+
}
|
168
|
+
.datepicker>div,
|
169
|
+
.datepicker-dropdown::before,
|
170
|
+
.datepicker-dropdown::after { display: none; }
|
171
|
+
.datepicker-close {
|
172
|
+
position: absolute;
|
173
|
+
top: -30px;
|
174
|
+
right: 0;
|
175
|
+
width: 15px;
|
176
|
+
height: 30px;
|
177
|
+
padding: 0;
|
178
|
+
display: none;
|
179
|
+
}
|
180
|
+
.table-striped .datepicker table tr td,
|
181
|
+
.table-striped .datepicker table tr th {
|
182
|
+
background-color: transparent;
|
183
|
+
}
|
@@ -0,0 +1,41 @@
|
|
1
|
+
/*
|
2
|
+
* foundation-datepicker-rails plugin font.
|
3
|
+
* Based on Foundation Icons v 3.0 (MIT)
|
4
|
+
*/
|
5
|
+
|
6
|
+
@import "foundation-datepicker";
|
7
|
+
|
8
|
+
@font-face {
|
9
|
+
font-family: "foundation-datepicker-rails";
|
10
|
+
src:url("foundation-datepicker-rails.eot");
|
11
|
+
src:url("foundation-datepicker-rails.eot?#iefix") format("embedded-opentype"),
|
12
|
+
url("foundation-datepicker-rails.woff") format("woff"),
|
13
|
+
url("foundation-datepicker-rails.ttf") format("truetype"),
|
14
|
+
url("foundation-datepicker-rails.svg#foundation-datepicker-rails") format("svg");
|
15
|
+
font-weight: normal;
|
16
|
+
font-style: normal;
|
17
|
+
}
|
18
|
+
|
19
|
+
.fi-arrow-left:before,
|
20
|
+
.fi-x:before,
|
21
|
+
.fi-arrow-right:before {
|
22
|
+
font-family: "foundation-datepicker-rails";
|
23
|
+
font-style: normal;
|
24
|
+
font-weight: normal;
|
25
|
+
font-variant: normal;
|
26
|
+
text-transform: none;
|
27
|
+
line-height: 1;
|
28
|
+
-webkit-font-smoothing: antialiased;
|
29
|
+
display: inline-block;
|
30
|
+
text-decoration: inherit;
|
31
|
+
}
|
32
|
+
|
33
|
+
.fi-arrow-left:before {
|
34
|
+
content: "a";
|
35
|
+
}
|
36
|
+
.fi-x:before {
|
37
|
+
content: "b";
|
38
|
+
}
|
39
|
+
.fi-arrow-right:before {
|
40
|
+
content: "c";
|
41
|
+
}
|
metadata
ADDED
@@ -0,0 +1,129 @@
|
|
1
|
+
--- !ruby/object:Gem::Specification
|
2
|
+
name: ffoundation_datepicker_rails
|
3
|
+
version: !ruby/object:Gem::Version
|
4
|
+
version: 0.0.2
|
5
|
+
platform: ruby
|
6
|
+
authors:
|
7
|
+
- Aliaksandr Buhayeu
|
8
|
+
autorequire:
|
9
|
+
bindir: bin
|
10
|
+
cert_chain: []
|
11
|
+
date: 2015-10-17 00:00:00.000000000 Z
|
12
|
+
dependencies:
|
13
|
+
- !ruby/object:Gem::Dependency
|
14
|
+
name: railties
|
15
|
+
requirement: !ruby/object:Gem::Requirement
|
16
|
+
requirements:
|
17
|
+
- - ">="
|
18
|
+
- !ruby/object:Gem::Version
|
19
|
+
version: '3.1'
|
20
|
+
type: :runtime
|
21
|
+
prerelease: false
|
22
|
+
version_requirements: !ruby/object:Gem::Requirement
|
23
|
+
requirements:
|
24
|
+
- - ">="
|
25
|
+
- !ruby/object:Gem::Version
|
26
|
+
version: '3.1'
|
27
|
+
- !ruby/object:Gem::Dependency
|
28
|
+
name: foundation-rails
|
29
|
+
requirement: !ruby/object:Gem::Requirement
|
30
|
+
requirements:
|
31
|
+
- - "~>"
|
32
|
+
- !ruby/object:Gem::Version
|
33
|
+
version: '5.4'
|
34
|
+
type: :runtime
|
35
|
+
prerelease: false
|
36
|
+
version_requirements: !ruby/object:Gem::Requirement
|
37
|
+
requirements:
|
38
|
+
- - "~>"
|
39
|
+
- !ruby/object:Gem::Version
|
40
|
+
version: '5.4'
|
41
|
+
- !ruby/object:Gem::Dependency
|
42
|
+
name: sass
|
43
|
+
requirement: !ruby/object:Gem::Requirement
|
44
|
+
requirements:
|
45
|
+
- - "~>"
|
46
|
+
- !ruby/object:Gem::Version
|
47
|
+
version: '3.3'
|
48
|
+
type: :runtime
|
49
|
+
prerelease: false
|
50
|
+
version_requirements: !ruby/object:Gem::Requirement
|
51
|
+
requirements:
|
52
|
+
- - "~>"
|
53
|
+
- !ruby/object:Gem::Version
|
54
|
+
version: '3.3'
|
55
|
+
- !ruby/object:Gem::Dependency
|
56
|
+
name: bundler
|
57
|
+
requirement: !ruby/object:Gem::Requirement
|
58
|
+
requirements:
|
59
|
+
- - "~>"
|
60
|
+
- !ruby/object:Gem::Version
|
61
|
+
version: '1.7'
|
62
|
+
type: :development
|
63
|
+
prerelease: false
|
64
|
+
version_requirements: !ruby/object:Gem::Requirement
|
65
|
+
requirements:
|
66
|
+
- - "~>"
|
67
|
+
- !ruby/object:Gem::Version
|
68
|
+
version: '1.7'
|
69
|
+
- !ruby/object:Gem::Dependency
|
70
|
+
name: rake
|
71
|
+
requirement: !ruby/object:Gem::Requirement
|
72
|
+
requirements:
|
73
|
+
- - "~>"
|
74
|
+
- !ruby/object:Gem::Version
|
75
|
+
version: '10.0'
|
76
|
+
type: :development
|
77
|
+
prerelease: false
|
78
|
+
version_requirements: !ruby/object:Gem::Requirement
|
79
|
+
requirements:
|
80
|
+
- - "~>"
|
81
|
+
- !ruby/object:Gem::Version
|
82
|
+
version: '10.0'
|
83
|
+
description: "\n foundation-datepicker's JavaScripts & Stylesheets for Rails 3.1+
|
84
|
+
asset pipeline.\n Actual javascript plugin belongs to 'najlepsiwebdesigner' and
|
85
|
+
could be found\n at appropriate GitHub repo: https://github.com/najlepsiwebdesigner/foundation-datepicker\n
|
86
|
+
\ "
|
87
|
+
email:
|
88
|
+
- aliaksandr.buhayeu@gmail.com
|
89
|
+
executables: []
|
90
|
+
extensions: []
|
91
|
+
extra_rdoc_files: []
|
92
|
+
files:
|
93
|
+
- MIT-LICENSE
|
94
|
+
- README.md
|
95
|
+
- lib/foundation_datepicker_rails.rb
|
96
|
+
- lib/foundation_datepicker_rails/version.rb
|
97
|
+
- vendor/assets/fonts/foundation-datepicker-rails.eot
|
98
|
+
- vendor/assets/fonts/foundation-datepicker-rails.svg
|
99
|
+
- vendor/assets/fonts/foundation-datepicker-rails.ttf
|
100
|
+
- vendor/assets/fonts/foundation-datepicker-rails.woff
|
101
|
+
- vendor/assets/javascripts/foundation-datepicker-rails.js
|
102
|
+
- vendor/assets/stylesheets/_foundation-datepicker.scss
|
103
|
+
- vendor/assets/stylesheets/foundation-datepicker-rails.scss
|
104
|
+
homepage: https://github.com/aliaksandrb/foundation_datepicker_rails
|
105
|
+
licenses:
|
106
|
+
- MIT
|
107
|
+
metadata: {}
|
108
|
+
post_install_message:
|
109
|
+
rdoc_options: []
|
110
|
+
require_paths:
|
111
|
+
- lib
|
112
|
+
required_ruby_version: !ruby/object:Gem::Requirement
|
113
|
+
requirements:
|
114
|
+
- - ">="
|
115
|
+
- !ruby/object:Gem::Version
|
116
|
+
version: '0'
|
117
|
+
required_rubygems_version: !ruby/object:Gem::Requirement
|
118
|
+
requirements:
|
119
|
+
- - ">="
|
120
|
+
- !ruby/object:Gem::Version
|
121
|
+
version: '0'
|
122
|
+
requirements: []
|
123
|
+
rubyforge_project:
|
124
|
+
rubygems_version: 2.2.2
|
125
|
+
signing_key:
|
126
|
+
specification_version: 4
|
127
|
+
summary: Packed actual version of foundation-datepicker plugin for Rails 3.1+ asset
|
128
|
+
pipeline
|
129
|
+
test_files: []
|