mirror of
https://github.com/openfoodfoundation/openfoodnetwork
synced 2026-01-27 21:06:49 +00:00
Add datetimepicker for order cycle opening and closing times
This commit is contained in:
@@ -7,7 +7,9 @@
|
||||
|
||||
//= require jquery
|
||||
//= require jquery_ujs
|
||||
//= require angular
|
||||
//= require jquery-ui
|
||||
//= require shared/jquery-ui-timepicker-addon
|
||||
//= require shared/angular
|
||||
//= require admin/spree_core
|
||||
//= require admin/spree_auth
|
||||
//= require admin/spree_promo
|
||||
|
||||
14
app/assets/javascripts/admin/util.js.erb
Normal file
14
app/assets/javascripts/admin/util.js.erb
Normal file
@@ -0,0 +1,14 @@
|
||||
$(document).ready(function() {
|
||||
$('.datetimepicker').datetimepicker({
|
||||
dateFormat: Spree.translations.date_picker,
|
||||
dayNames: Spree.translations.abbr_day_names,
|
||||
dayNamesMin: Spree.translations.abbr_day_names,
|
||||
monthNames: Spree.translations.month_names,
|
||||
prevText: Spree.translations.previous,
|
||||
nextText: Spree.translations.next,
|
||||
showOn: "button",
|
||||
buttonImage: "<%= asset_path 'datepicker/cal.gif' %>",
|
||||
buttonImageOnly: true,
|
||||
stepMinute: 15
|
||||
});
|
||||
});
|
||||
1882
app/assets/javascripts/shared/jquery-ui-timepicker-addon.js
vendored
Normal file
1882
app/assets/javascripts/shared/jquery-ui-timepicker-addon.js
vendored
Normal file
File diff suppressed because it is too large
Load Diff
@@ -8,6 +8,8 @@
|
||||
*= require admin/spree_auth
|
||||
*= require admin/spree_promo
|
||||
|
||||
*= require shared/jquery-ui-timepicker-addon
|
||||
|
||||
*= require_self
|
||||
*= require_tree .
|
||||
*/
|
||||
|
||||
10
app/assets/stylesheets/shared/jquery-ui-timepicker-addon.css
Normal file
10
app/assets/stylesheets/shared/jquery-ui-timepicker-addon.css
Normal file
@@ -0,0 +1,10 @@
|
||||
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
|
||||
.ui-timepicker-div dl { text-align: left; }
|
||||
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
|
||||
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
|
||||
.ui-timepicker-div td { font-size: 90%; }
|
||||
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
|
||||
|
||||
.ui-timepicker-rtl{ direction: rtl; }
|
||||
.ui-timepicker-rtl dl { text-align: right; }
|
||||
.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }
|
||||
@@ -6,9 +6,9 @@
|
||||
%br/
|
||||
|
||||
= f.label :orders_open_at, 'Orders open'
|
||||
= f.text_field :orders_open_at, 'ng-model' => 'order_cycle.orders_open_at'
|
||||
= f.text_field :orders_open_at, 'class' => 'datetimepicker', 'ng-model' => 'order_cycle.orders_open_at'
|
||||
= f.label :orders_close_at, 'Orders close'
|
||||
= f.text_field :orders_close_at, 'ng-model' => 'order_cycle.orders_close_at'
|
||||
= f.text_field :orders_close_at, 'class' => 'datetimepicker', 'ng-model' => 'order_cycle.orders_close_at'
|
||||
%br/
|
||||
|
||||
%h2 Incoming
|
||||
|
||||
Reference in New Issue
Block a user