Use jquery-ui-rails gem instead of vendored jQuery UI

Gemfile

@@ -15,6 +15,7 @@ gem 'therubyracer', group: :therubyracer
 gem 'uglifier', '>=1.3.0'
 
 gem 'jquery-rails'
+gem 'jquery-ui-rails'
 
 # you may comment out the database driver(s) you will not be using.
 # This will prevent a native build of the driver. Building native drivers is not

Gemfile.lock

@@ -105,6 +105,8 @@ GEM
     jquery-rails (3.1.3)
       railties (>= 3.0, < 5.0)
       thor (>= 0.14, < 2.0)
+    jquery-ui-rails (5.0.5)
+      railties (>= 3.2.16)
     json (1.8.3)
     libv8 (3.16.14.7)
     mail (2.6.3)
@@ -244,6 +246,7 @@ DEPENDENCIES
   factory_girl_rails
   htmlentities
   jquery-rails
+  jquery-ui-rails
   mocha
   mysql2 (~> 0.3.17)
   paperclip

app/assets/javascripts/application.js

@@ -14,13 +14,26 @@
 //= require jquery_ujs
 //= require bootstrap-sprockets
 
+//= require jquery-ui/autocomplete
+//= require jquery-ui/datepicker
+//= require jquery-ui/datepicker-cs
+//= require jquery-ui/datepicker-de
+//= require jquery-ui/datepicker-es
+//= require jquery-ui/datepicker-fr
+//= require jquery-ui/datepicker-he
+//= require jquery-ui/datepicker-nl
+//= require jquery-ui/datepicker-ru
+//= require jquery-ui/dialog
+//= require jquery-ui/droppable
+//= require jquery-ui/effect-highlight
+//= require jquery-ui/sortable
+
 // Stuff in app/assets
 //= require tracks
 //= require tracks_pages
 //= require disable_fx_in_test
 
 // Stuff in vendor/assets
-//= require jquery-ui-1.10.0.custom.min
 //= require jquery.ui.touch-punch.min
 //= require jquery.blockUI
 //= require jquery.cookie

app/assets/javascripts/tracks_pages.js

@@ -111,6 +111,7 @@ var TracksPages = {
     TodoItems.setup_autocomplete_for_predecessor();
   },
   setup_datepicker: function() {
+    $.datepicker.setDefaults($.datepicker.regional[i18n_locale]);
     $('input.Date').datepicker({
         'dateFormat': dateFormat,
         'firstDay': weekStart,

app/assets/stylesheets/application.css.scss

@@ -13,7 +13,10 @@
  *= require_self
  */
 
-@import "../../../vendor/assets/stylesheets/jquery-ui-1.10.0.custom.min";
+@import "jquery-ui/autocomplete";
+@import "jquery-ui/datepicker";
+@import "jquery-ui/dialog";
+@import "jquery-ui/sortable";
 
 .legacy-ui {
   @import "../../../vendor/assets/stylesheets/superfish-navbar";

app/helpers/application_helper.rb

@@ -169,14 +169,6 @@ module ApplicationHelper
     return js.html_safe
   end
 
-  def javascript_tag_for_i18n_datepicker
-    locale = I18n.locale
-    # do not include en as locale since this the available by default
-    if locale && locale != :en
-      javascript_include_tag("i18n/jquery.ui.datepicker-#{locale}.js")
-    end
-  end
-
   def done_path(controller_name, type)
     case controller_name
     when "contexts"

config/initializers/assets.rb

@@ -5,7 +5,7 @@ Rails.application.config.assets.version = '1.0'
 
 # Precompile additional assets.
 # application.js, application.css, and all non-JS/CSS in app/assets folder are already added.
-Rails.application.config.assets.precompile += %w( print.css mobile.css *.gif *.png )
+Rails.application.config.assets.precompile += %w( print.css mobile.css )
 
 # add /app/assets/swfs to asset pipeline for charts
 Rails.application.config.assets.paths << Rails.root.join("app", "assets", "swfs")

vendor/assets/javascripts/i18n/jquery.ui.datepicker-cs.js

@@ -1,23 +0,0 @@
-/* Czech initialisation for the jQuery UI date picker plugin. */
-/* Written by Pavel Župa (pavel.zupa@gmail.com). */
-jQuery(function($){
-	$.datepicker.regional['cs'] = {
-		closeText: 'zavřít',
-		prevText: 'předchozí',
-		nextText: 'další',
-		currentText: 'dnes',
-		monthNames: ['Leden','Únor','Březen','Duben','Květen','Červen',
-		'Červenec','Srpen','Září','Říjen','Listopad','Prosinec'],
-		monthNamesShort: ['Led','Úno','Bře','Dub','Kvě','Čer',
-		'Čec','Srp','Zář','Říj','Lis','Pro'],
-		dayNames: ['Neděle','Pondělí','Úterý','Středa','Čtvrtek','Pátek','Sobota'],
-		dayNamesShort: ['Ne','Po','Út','St','Čt','Pá','So'],
-		dayNamesMin: ['Ne','Po','Út','St','Čt','Pá','So'],
-		weekHeader: 'č.',
-		dateFormat: 'dd.mm.yy',
-		firstDay: 1,
-		isRTL: false,
-		showMonthAfterYear: false,
-		yearSuffix: ''};
-	$.datepicker.setDefaults($.datepicker.regional['cs']);
-});

vendor/assets/javascripts/i18n/jquery.ui.datepicker-de.js

@@ -1,23 +0,0 @@
-/* German initialisation for the jQuery UI date picker plugin. */
-/* Written by Milian Wolff (mail@milianw.de). */
-jQuery(function($){
-	$.datepicker.regional['de'] = {
-		closeText: 'schließen',
-		prevText: '<zurück',
-		nextText: 'Vor>',
-		currentText: 'heute',
-		monthNames: ['Januar','Februar','März','April','Mai','Juni',
-		'Juli','August','September','Oktober','November','Dezember'],
-		monthNamesShort: ['Jan','Feb','Mär','Apr','Mai','Jun',
-		'Jul','Aug','Sep','Okt','Nov','Dez'],
-		dayNames: ['Sonntag','Montag','Dienstag','Mittwoch','Donnerstag','Freitag','Samstag'],
-		dayNamesShort: ['So','Mo','Di','Mi','Do','Fr','Sa'],
-		dayNamesMin: ['So','Mo','Di','Mi','Do','Fr','Sa'],
-		weekHeader: 'Wo',
-		dateFormat: 'dd.mm.yy',
-		firstDay: 1,
-		isRTL: false,
-		showMonthAfterYear: false,
-		yearSuffix: ''};
-	$.datepicker.setDefaults($.datepicker.regional['de']);
-});

vendor/assets/javascripts/i18n/jquery.ui.datepicker-es.js

@@ -1,23 +0,0 @@
-/* Inicialización en español para la extensión 'UI date picker' para jQuery. */
-/* Traducido por Vester (xvester@gmail.com). */
-jQuery(function($){
-	$.datepicker.regional['es'] = {
-		closeText: 'Cerrar',
-		prevText: '<Ant',
-		nextText: 'Sig>',
-		currentText: 'Hoy',
-		monthNames: ['Enero','Febrero','Marzo','Abril','Mayo','Junio',
-		'Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre'],
-		monthNamesShort: ['Ene','Feb','Mar','Abr','May','Jun',
-		'Jul','Ago','Sep','Oct','Nov','Dic'],
-		dayNames: ['Domingo','Lunes','Martes','Miércoles','Jueves','Viernes','Sábado'],
-		dayNamesShort: ['Dom','Lun','Mar','Mié','Juv','Vie','Sáb'],
-		dayNamesMin: ['Do','Lu','Ma','Mi','Ju','Vi','Sá'],
-		weekHeader: 'Sm',
-		dateFormat: 'dd/mm/yy',
-		firstDay: 1,
-		isRTL: false,
-		showMonthAfterYear: false,
-		yearSuffix: ''};
-	$.datepicker.setDefaults($.datepicker.regional['es']);
-});

vendor/assets/javascripts/i18n/jquery.ui.datepicker-fr.js

@@ -1,23 +0,0 @@
-/* French initialisation for the jQuery UI date picker plugin. */
-/* Written by Keith Wood (kbwood{at}iinet.com.au) and Stéphane Nahmani (sholby@sholby.net). */
-jQuery(function($){
-	$.datepicker.regional['fr'] = {
-		closeText: 'Fermer',
-		prevText: '<Préc',
-		nextText: 'Suiv>',
-		currentText: 'Courant',
-		monthNames: ['Janvier','Février','Mars','Avril','Mai','Juin',
-		'Juillet','Août','Septembre','Octobre','Novembre','Décembre'],
-		monthNamesShort: ['Jan','Fév','Mar','Avr','Mai','Jun',
-		'Jul','Aoû','Sep','Oct','Nov','Déc'],
-		dayNames: ['Dimanche','Lundi','Mardi','Mercredi','Jeudi','Vendredi','Samedi'],
-		dayNamesShort: ['Dim','Lun','Mar','Mer','Jeu','Ven','Sam'],
-		dayNamesMin: ['Di','Lu','Ma','Me','Je','Ve','Sa'],
-		weekHeader: 'Sm',
-		dateFormat: 'dd/mm/yy',
-		firstDay: 1,
-		isRTL: false,
-		showMonthAfterYear: false,
-		yearSuffix: ''};
-	$.datepicker.setDefaults($.datepicker.regional['fr']);
-});

vendor/assets/javascripts/i18n/jquery.ui.datepicker-he.js

@@ -1,23 +0,0 @@
-/* Hebrew initialisation for the UI Datepicker extension. */
-/* Written by Amir Hardon (ahardon at gmail dot com). */
-jQuery(function($){
-	$.datepicker.regional['he'] = {
-		closeText: 'סגור',
-		prevText: '<הקודם',
-		nextText: 'הבא>',
-		currentText: 'היום',
-		monthNames: ['ינואר','פברואר','מרץ','אפריל','מאי','יוני',
-		'יולי','אוגוסט','ספטמבר','אוקטובר','נובמבר','דצמבר'],
-		monthNamesShort: ['1','2','3','4','5','6',
-		'7','8','9','10','11','12'],
-		dayNames: ['ראשון','שני','שלישי','רביעי','חמישי','שישי','שבת'],
-		dayNamesShort: ['א\'','ב\'','ג\'','ד\'','ה\'','ו\'','שבת'],
-		dayNamesMin: ['א\'','ב\'','ג\'','ד\'','ה\'','ו\'','שבת'],
-		weekHeader: 'Wk',
-		dateFormat: 'dd/mm/yy',
-		firstDay: 0,
-		isRTL: true,
-		showMonthAfterYear: false,
-		yearSuffix: ''};
-	$.datepicker.setDefaults($.datepicker.regional['he']);
-});

vendor/assets/javascripts/i18n/jquery.ui.datepicker-nl.js

@@ -1,23 +0,0 @@
-/* Dutch (UTF-8) initialisation for the jQuery UI date picker plugin. */
-/* Written by Mathias Bynens <http://mathiasbynens.be/> */
-jQuery(function($){
-	$.datepicker.regional['nl'] = {
-		closeText: 'Sluiten',
-		prevText: '←',
-		nextText: '→',
-		currentText: 'Vandaag',
-		monthNames: ['januari', 'februari', 'maart', 'april', 'mei', 'juni',
-		'juli', 'augustus', 'september', 'oktober', 'november', 'december'],
-		monthNamesShort: ['jan', 'feb', 'maa', 'apr', 'mei', 'jun',
-		'jul', 'aug', 'sep', 'okt', 'nov', 'dec'],
-		dayNames: ['zondag', 'maandag', 'dinsdag', 'woensdag', 'donderdag', 'vrijdag', 'zaterdag'],
-		dayNamesShort: ['zon', 'maa', 'din', 'woe', 'don', 'vri', 'zat'],
-		dayNamesMin: ['zo', 'ma', 'di', 'wo', 'do', 'vr', 'za'],
-		weekHeader: 'Wk',
-		dateFormat: 'dd-mm-yy',
-		firstDay: 1,
-		isRTL: false,
-		showMonthAfterYear: false,
-		yearSuffix: ''};
-	$.datepicker.setDefaults($.datepicker.regional['nl']);
-});