bs4_datetime_picker 0.0.0 → 1.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 +38 -5
- data/app/assets/javascripts/bs4-datetime-picker.js +2787 -0
- data/app/assets/stylesheets/bs4-datetime-picker.css +211 -0
- data/lib/bs4_datetime_picker.rb +5 -4
- data/lib/bs4_datetime_picker/railtie.rb +18 -1
- data/lib/bs4_datetime_picker/version.rb +1 -1
- metadata +83 -5
|
@@ -0,0 +1,211 @@
|
|
|
1
|
+
.sr-only, .bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after, .bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after, .bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after, .bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after, .bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after, .bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after, .bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after, .bootstrap-datetimepicker-widget .btn[data-action="clear"]::after, .bootstrap-datetimepicker-widget .btn[data-action="today"]::after, .bootstrap-datetimepicker-widget .picker-switch::after, .bootstrap-datetimepicker-widget table th.prev::after, .bootstrap-datetimepicker-widget table th.next::after {
|
|
2
|
+
position: absolute;
|
|
3
|
+
width: 1px;
|
|
4
|
+
height: 1px;
|
|
5
|
+
margin: -1px;
|
|
6
|
+
padding: 0;
|
|
7
|
+
overflow: hidden;
|
|
8
|
+
clip: rect(0, 0, 0, 0);
|
|
9
|
+
border: 0; }
|
|
10
|
+
|
|
11
|
+
.bootstrap-datetimepicker-widget {
|
|
12
|
+
list-style: none; }
|
|
13
|
+
.bootstrap-datetimepicker-widget.dropdown-menu {
|
|
14
|
+
display: block;
|
|
15
|
+
margin: 2px 0;
|
|
16
|
+
padding: 4px;
|
|
17
|
+
width: 14rem; }
|
|
18
|
+
@media (min-width: 576px) {
|
|
19
|
+
.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
|
|
20
|
+
width: 38em; } }
|
|
21
|
+
@media (min-width: 768px) {
|
|
22
|
+
.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
|
|
23
|
+
width: 38em; } }
|
|
24
|
+
@media (min-width: 992px) {
|
|
25
|
+
.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
|
|
26
|
+
width: 38em; } }
|
|
27
|
+
.bootstrap-datetimepicker-widget.dropdown-menu:before, .bootstrap-datetimepicker-widget.dropdown-menu:after {
|
|
28
|
+
content: '';
|
|
29
|
+
display: inline-block;
|
|
30
|
+
position: absolute; }
|
|
31
|
+
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
|
|
32
|
+
border-left: 7px solid transparent;
|
|
33
|
+
border-right: 7px solid transparent;
|
|
34
|
+
border-bottom: 7px solid #ccc;
|
|
35
|
+
border-bottom-color: rgba(0, 0, 0, 0.2);
|
|
36
|
+
top: -7px;
|
|
37
|
+
left: 7px; }
|
|
38
|
+
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
|
|
39
|
+
border-left: 6px solid transparent;
|
|
40
|
+
border-right: 6px solid transparent;
|
|
41
|
+
border-bottom: 6px solid white;
|
|
42
|
+
top: -6px;
|
|
43
|
+
left: 8px; }
|
|
44
|
+
.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
|
|
45
|
+
border-left: 7px solid transparent;
|
|
46
|
+
border-right: 7px solid transparent;
|
|
47
|
+
border-top: 7px solid #ccc;
|
|
48
|
+
border-top-color: rgba(0, 0, 0, 0.2);
|
|
49
|
+
bottom: -7px;
|
|
50
|
+
left: 6px; }
|
|
51
|
+
.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
|
|
52
|
+
border-left: 6px solid transparent;
|
|
53
|
+
border-right: 6px solid transparent;
|
|
54
|
+
border-top: 6px solid white;
|
|
55
|
+
bottom: -6px;
|
|
56
|
+
left: 7px; }
|
|
57
|
+
.bootstrap-datetimepicker-widget.dropdown-menu.float-right:before {
|
|
58
|
+
left: auto;
|
|
59
|
+
right: 6px; }
|
|
60
|
+
.bootstrap-datetimepicker-widget.dropdown-menu.float-right:after {
|
|
61
|
+
left: auto;
|
|
62
|
+
right: 7px; }
|
|
63
|
+
.bootstrap-datetimepicker-widget.dropdown-menu.wider {
|
|
64
|
+
width: 16rem; }
|
|
65
|
+
.bootstrap-datetimepicker-widget .list-unstyled {
|
|
66
|
+
margin: 0; }
|
|
67
|
+
.bootstrap-datetimepicker-widget a[data-action] {
|
|
68
|
+
padding: 6px 0; }
|
|
69
|
+
.bootstrap-datetimepicker-widget a[data-action]:active {
|
|
70
|
+
box-shadow: none; }
|
|
71
|
+
.bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second {
|
|
72
|
+
width: 54px;
|
|
73
|
+
font-weight: bold;
|
|
74
|
+
font-size: 1.5em;
|
|
75
|
+
margin: 0; }
|
|
76
|
+
.bootstrap-datetimepicker-widget button[data-action] {
|
|
77
|
+
padding: 6px; }
|
|
78
|
+
.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {
|
|
79
|
+
content: "Increment Hours"; }
|
|
80
|
+
.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {
|
|
81
|
+
content: "Increment Minutes"; }
|
|
82
|
+
.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after {
|
|
83
|
+
content: "Decrement Hours"; }
|
|
84
|
+
.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
|
|
85
|
+
content: "Decrement Minutes"; }
|
|
86
|
+
.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {
|
|
87
|
+
content: "Show Hours"; }
|
|
88
|
+
.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after {
|
|
89
|
+
content: "Show Minutes"; }
|
|
90
|
+
.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after {
|
|
91
|
+
content: "Toggle AM/PM"; }
|
|
92
|
+
.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after {
|
|
93
|
+
content: "Clear the picker"; }
|
|
94
|
+
.bootstrap-datetimepicker-widget .btn[data-action="today"]::after {
|
|
95
|
+
content: "Set the date to today"; }
|
|
96
|
+
.bootstrap-datetimepicker-widget .picker-switch {
|
|
97
|
+
text-align: center; }
|
|
98
|
+
.bootstrap-datetimepicker-widget .picker-switch::after {
|
|
99
|
+
content: "Toggle Date and Time Screens"; }
|
|
100
|
+
.bootstrap-datetimepicker-widget .picker-switch td {
|
|
101
|
+
padding: 0;
|
|
102
|
+
margin: 0;
|
|
103
|
+
height: auto;
|
|
104
|
+
width: auto;
|
|
105
|
+
line-height: inherit; }
|
|
106
|
+
.bootstrap-datetimepicker-widget .picker-switch td span {
|
|
107
|
+
line-height: 2.5;
|
|
108
|
+
height: 2.5em;
|
|
109
|
+
width: 100%; }
|
|
110
|
+
.bootstrap-datetimepicker-widget table {
|
|
111
|
+
width: 100%;
|
|
112
|
+
margin: 0; }
|
|
113
|
+
.bootstrap-datetimepicker-widget table td,
|
|
114
|
+
.bootstrap-datetimepicker-widget table th {
|
|
115
|
+
text-align: center;
|
|
116
|
+
border-radius: 0.25rem; }
|
|
117
|
+
.bootstrap-datetimepicker-widget table th {
|
|
118
|
+
height: 20px;
|
|
119
|
+
line-height: 20px;
|
|
120
|
+
width: 20px; }
|
|
121
|
+
.bootstrap-datetimepicker-widget table th.picker-switch {
|
|
122
|
+
width: 145px; }
|
|
123
|
+
.bootstrap-datetimepicker-widget table th.disabled, .bootstrap-datetimepicker-widget table th.disabled:hover {
|
|
124
|
+
background: none;
|
|
125
|
+
color: #6c757d;
|
|
126
|
+
cursor: not-allowed; }
|
|
127
|
+
.bootstrap-datetimepicker-widget table th.prev::after {
|
|
128
|
+
content: "Previous Month"; }
|
|
129
|
+
.bootstrap-datetimepicker-widget table th.next::after {
|
|
130
|
+
content: "Next Month"; }
|
|
131
|
+
.bootstrap-datetimepicker-widget table thead tr:first-child th {
|
|
132
|
+
cursor: pointer; }
|
|
133
|
+
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
|
|
134
|
+
background: #e9ecef; }
|
|
135
|
+
.bootstrap-datetimepicker-widget table td {
|
|
136
|
+
height: 54px;
|
|
137
|
+
line-height: 54px;
|
|
138
|
+
width: 54px; }
|
|
139
|
+
.bootstrap-datetimepicker-widget table td.cw {
|
|
140
|
+
font-size: .8em;
|
|
141
|
+
height: 20px;
|
|
142
|
+
line-height: 20px;
|
|
143
|
+
color: #6c757d; }
|
|
144
|
+
.bootstrap-datetimepicker-widget table td.day {
|
|
145
|
+
height: 20px;
|
|
146
|
+
line-height: 20px;
|
|
147
|
+
width: 20px; }
|
|
148
|
+
.bootstrap-datetimepicker-widget table td.day:hover, .bootstrap-datetimepicker-widget table td.hour:hover, .bootstrap-datetimepicker-widget table td.minute:hover, .bootstrap-datetimepicker-widget table td.second:hover {
|
|
149
|
+
background: #e9ecef;
|
|
150
|
+
cursor: pointer; }
|
|
151
|
+
.bootstrap-datetimepicker-widget table td.old, .bootstrap-datetimepicker-widget table td.new {
|
|
152
|
+
color: #6c757d; }
|
|
153
|
+
.bootstrap-datetimepicker-widget table td.today {
|
|
154
|
+
position: relative; }
|
|
155
|
+
.bootstrap-datetimepicker-widget table td.today:before {
|
|
156
|
+
content: '';
|
|
157
|
+
display: inline-block;
|
|
158
|
+
border: solid transparent;
|
|
159
|
+
border-width: 0 0 7px 7px;
|
|
160
|
+
border-bottom-color: #007bff;
|
|
161
|
+
border-top-color: rgba(0, 0, 0, 0.2);
|
|
162
|
+
position: absolute;
|
|
163
|
+
bottom: 4px;
|
|
164
|
+
right: 4px; }
|
|
165
|
+
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
|
|
166
|
+
background-color: #007bff;
|
|
167
|
+
color: #fff;
|
|
168
|
+
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }
|
|
169
|
+
.bootstrap-datetimepicker-widget table td.active.today:before {
|
|
170
|
+
border-bottom-color: #fff; }
|
|
171
|
+
.bootstrap-datetimepicker-widget table td.disabled, .bootstrap-datetimepicker-widget table td.disabled:hover {
|
|
172
|
+
background: none;
|
|
173
|
+
color: #6c757d;
|
|
174
|
+
cursor: not-allowed; }
|
|
175
|
+
.bootstrap-datetimepicker-widget table td span {
|
|
176
|
+
display: inline-block;
|
|
177
|
+
width: 54px;
|
|
178
|
+
height: 54px;
|
|
179
|
+
line-height: 54px;
|
|
180
|
+
margin: 2px 1.5px;
|
|
181
|
+
cursor: pointer;
|
|
182
|
+
border-radius: 0.25rem; }
|
|
183
|
+
.bootstrap-datetimepicker-widget table td span:hover {
|
|
184
|
+
background: #e9ecef; }
|
|
185
|
+
.bootstrap-datetimepicker-widget table td span.active {
|
|
186
|
+
background-color: #007bff;
|
|
187
|
+
color: #fff;
|
|
188
|
+
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }
|
|
189
|
+
.bootstrap-datetimepicker-widget table td span.old {
|
|
190
|
+
color: #6c757d; }
|
|
191
|
+
.bootstrap-datetimepicker-widget table td span.disabled, .bootstrap-datetimepicker-widget table td span.disabled:hover {
|
|
192
|
+
background: none;
|
|
193
|
+
color: #6c757d;
|
|
194
|
+
cursor: not-allowed; }
|
|
195
|
+
.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
|
|
196
|
+
height: 27px;
|
|
197
|
+
line-height: 27px; }
|
|
198
|
+
|
|
199
|
+
.input-group [data-toggle="datetimepicker"] {
|
|
200
|
+
cursor: pointer; }
|
|
201
|
+
|
|
202
|
+
.bootstrap-datetimepicker-widget.dropdown-menu {
|
|
203
|
+
width: 16rem; }
|
|
204
|
+
|
|
205
|
+
.bootstrap-datetimepicker-widget table thead th {
|
|
206
|
+
border-bottom: 0px; }
|
|
207
|
+
|
|
208
|
+
.bootstrap-datetimepicker-widget table th,
|
|
209
|
+
.bootstrap-datetimepicker-widget table td {
|
|
210
|
+
line-height: 25px;
|
|
211
|
+
border-top: 0px; }
|
data/lib/bs4_datetime_picker.rb
CHANGED
|
@@ -1,4 +1,21 @@
|
|
|
1
|
+
require 'momentjs-rails'
|
|
2
|
+
require 'moment-timezone-rails'
|
|
3
|
+
require 'font-awesome-rails'
|
|
4
|
+
|
|
1
5
|
module Bs4DatetimePicker
|
|
2
|
-
|
|
6
|
+
# @description
|
|
7
|
+
#
|
|
8
|
+
#
|
|
9
|
+
class Railtie < ::Rails::Railtie; end
|
|
10
|
+
|
|
11
|
+
# @description
|
|
12
|
+
# - We just need to add the load paths to the Rails application.
|
|
13
|
+
#
|
|
14
|
+
class Engine < ::Rails::Engine
|
|
15
|
+
initializer 'bs4-datetime-picker.assets.precompile' do |app|
|
|
16
|
+
%w[stylesheets javascripts].each do |sub|
|
|
17
|
+
app.config.assets.paths << root.join('app', 'assets', sub).to_s
|
|
18
|
+
end
|
|
19
|
+
end
|
|
3
20
|
end
|
|
4
21
|
end
|
metadata
CHANGED
|
@@ -1,29 +1,105 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: bs4_datetime_picker
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version:
|
|
4
|
+
version: 1.0.4
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Robert David
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2019-08-
|
|
11
|
+
date: 2019-08-30 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
|
-
name: rails
|
|
14
|
+
name: font-awesome-rails
|
|
15
|
+
requirement: !ruby/object:Gem::Requirement
|
|
16
|
+
requirements:
|
|
17
|
+
- - ">="
|
|
18
|
+
- !ruby/object:Gem::Version
|
|
19
|
+
version: '0'
|
|
20
|
+
type: :runtime
|
|
21
|
+
prerelease: false
|
|
22
|
+
version_requirements: !ruby/object:Gem::Requirement
|
|
23
|
+
requirements:
|
|
24
|
+
- - ">="
|
|
25
|
+
- !ruby/object:Gem::Version
|
|
26
|
+
version: '0'
|
|
27
|
+
- !ruby/object:Gem::Dependency
|
|
28
|
+
name: moment-timezone-rails
|
|
15
29
|
requirement: !ruby/object:Gem::Requirement
|
|
16
30
|
requirements:
|
|
17
31
|
- - "~>"
|
|
18
32
|
- !ruby/object:Gem::Version
|
|
19
|
-
version:
|
|
33
|
+
version: '1.0'
|
|
20
34
|
type: :runtime
|
|
21
35
|
prerelease: false
|
|
22
36
|
version_requirements: !ruby/object:Gem::Requirement
|
|
23
37
|
requirements:
|
|
24
38
|
- - "~>"
|
|
25
39
|
- !ruby/object:Gem::Version
|
|
26
|
-
version:
|
|
40
|
+
version: '1.0'
|
|
41
|
+
- !ruby/object:Gem::Dependency
|
|
42
|
+
name: momentjs-rails
|
|
43
|
+
requirement: !ruby/object:Gem::Requirement
|
|
44
|
+
requirements:
|
|
45
|
+
- - ">="
|
|
46
|
+
- !ruby/object:Gem::Version
|
|
47
|
+
version: 2.10.5
|
|
48
|
+
- - "<="
|
|
49
|
+
- !ruby/object:Gem::Version
|
|
50
|
+
version: 3.0.0
|
|
51
|
+
type: :runtime
|
|
52
|
+
prerelease: false
|
|
53
|
+
version_requirements: !ruby/object:Gem::Requirement
|
|
54
|
+
requirements:
|
|
55
|
+
- - ">="
|
|
56
|
+
- !ruby/object:Gem::Version
|
|
57
|
+
version: 2.10.5
|
|
58
|
+
- - "<="
|
|
59
|
+
- !ruby/object:Gem::Version
|
|
60
|
+
version: 3.0.0
|
|
61
|
+
- !ruby/object:Gem::Dependency
|
|
62
|
+
name: rails
|
|
63
|
+
requirement: !ruby/object:Gem::Requirement
|
|
64
|
+
requirements:
|
|
65
|
+
- - ">="
|
|
66
|
+
- !ruby/object:Gem::Version
|
|
67
|
+
version: 4.2.11
|
|
68
|
+
type: :runtime
|
|
69
|
+
prerelease: false
|
|
70
|
+
version_requirements: !ruby/object:Gem::Requirement
|
|
71
|
+
requirements:
|
|
72
|
+
- - ">="
|
|
73
|
+
- !ruby/object:Gem::Version
|
|
74
|
+
version: 4.2.11
|
|
75
|
+
- !ruby/object:Gem::Dependency
|
|
76
|
+
name: bootstrap
|
|
77
|
+
requirement: !ruby/object:Gem::Requirement
|
|
78
|
+
requirements:
|
|
79
|
+
- - "~>"
|
|
80
|
+
- !ruby/object:Gem::Version
|
|
81
|
+
version: 4.3.1
|
|
82
|
+
type: :development
|
|
83
|
+
prerelease: false
|
|
84
|
+
version_requirements: !ruby/object:Gem::Requirement
|
|
85
|
+
requirements:
|
|
86
|
+
- - "~>"
|
|
87
|
+
- !ruby/object:Gem::Version
|
|
88
|
+
version: 4.3.1
|
|
89
|
+
- !ruby/object:Gem::Dependency
|
|
90
|
+
name: jquery-rails
|
|
91
|
+
requirement: !ruby/object:Gem::Requirement
|
|
92
|
+
requirements:
|
|
93
|
+
- - ">="
|
|
94
|
+
- !ruby/object:Gem::Version
|
|
95
|
+
version: '0'
|
|
96
|
+
type: :development
|
|
97
|
+
prerelease: false
|
|
98
|
+
version_requirements: !ruby/object:Gem::Requirement
|
|
99
|
+
requirements:
|
|
100
|
+
- - ">="
|
|
101
|
+
- !ruby/object:Gem::Version
|
|
102
|
+
version: '0'
|
|
27
103
|
- !ruby/object:Gem::Dependency
|
|
28
104
|
name: sqlite3
|
|
29
105
|
requirement: !ruby/object:Gem::Requirement
|
|
@@ -48,6 +124,8 @@ files:
|
|
|
48
124
|
- MIT-LICENSE
|
|
49
125
|
- README.md
|
|
50
126
|
- Rakefile
|
|
127
|
+
- app/assets/javascripts/bs4-datetime-picker.js
|
|
128
|
+
- app/assets/stylesheets/bs4-datetime-picker.css
|
|
51
129
|
- lib/bs4_datetime_picker.rb
|
|
52
130
|
- lib/bs4_datetime_picker/railtie.rb
|
|
53
131
|
- lib/bs4_datetime_picker/version.rb
|