bs4_datetime_picker 0.0.0 → 1.0.4

Sign up to get free protection for your applications and to get access to all the features.
Files changed (8) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +38 -5
  3. data/app/assets/javascripts/bs4-datetime-picker.js +2787 -0
  4. data/app/assets/stylesheets/bs4-datetime-picker.css +211 -0
  5. data/lib/bs4_datetime_picker.rb +5 -4
  6. data/lib/bs4_datetime_picker/railtie.rb +18 -1
  7. data/lib/bs4_datetime_picker/version.rb +1 -1
  8. metadata +83 -5
data/app/assets/stylesheets/bs4-datetime-picker.css ADDED
@@ -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,5 +1,6 @@
1
- require "bs4_datetime_picker/railtie"
1
+ require 'bs4_datetime_picker/railtie'
2
2
 
3
- module Bs4DatetimePicker
4
- # Your code goes here...
5
- end
3
+ # @description
4
+ # - Simple module wrapper for the gem.
5
+ #
6
+ module Bs4DatetimePicker; end
data/lib/bs4_datetime_picker/railtie.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
- class Railtie < ::Rails::Railtie
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
data/lib/bs4_datetime_picker/version.rb CHANGED
@@ -1,3 +1,3 @@
1
1
  module Bs4DatetimePicker
2
- VERSION = '0.0.0'.freeze
2
+ VERSION = '1.0.4'.freeze
3
3
  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: 0.0.0
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-29 00:00:00.000000000 Z
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: 5.2.3
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: 5.2.3
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