complete assets

lib/cybele/app_builder.rb

@@ -88,8 +88,6 @@ def setup_asset_precompile
     config.time_zone = 'Istanbul'
     config.i18n.fallbacks = true
     config.active_job.queue_adapter = :sidekiq
-    # Do not swallow errors in after_commit/after_rollback callbacks.
-    config.active_record.raise_in_transactional_callbacks = true
       RUBY
 
       inject_into_file 'config/application.rb', config, :after => '# config.i18n.default_locale = :de'
@@ -105,6 +103,15 @@ def convert_application_css_to_sass
       copy_file 'app/assets/stylesheets/application.css.sass', 'app/assets/stylesheets/application.css.sass'
     end
 
+    def copy_vendor_assets
+      copy_file 'vendor/assets/javascripts/jquery.datetimepicker.js', 'vendor/assets/javascripts/jquery.datetimepicker.js'
+      copy_file 'vendor/assets/javascripts/nprogress.js', 'vendor/assets/javascripts/nprogress.js'
+      copy_file 'vendor/assets/javascripts/jquery.maskedinput.min.js', 'vendor/assets/javascripts/jquery.maskedinput.min.js'
+
+      copy_file 'vendor/assets/stylesheets/jquery.datetimepicker.css', 'vendor/assets/stylesheets/jquery.datetimepicker.css'
+      copy_file 'vendor/assets/stylesheets/nprogress.css', 'vendor/assets/stylesheets/nprogress.css'
+    end
+
     def configure_smtp
       remove_file 'config/settings/production.yml'
       copy_file 'config/settings/production.yml', 'config/settings/production.yml'

lib/cybele/generators/app_generator.rb

@@ -28,6 +28,7 @@ def customization
       invoke :install_gems
       invoke :gitignore_files_and_folders
       invoke :setup_bootstrap_sass_coffee
+      invoke :copy_vendor_files
       invoke :setup_rails_config
       invoke :setup_staging_environment
       invoke :configure_mail_setting
@@ -115,6 +116,11 @@ def setup_bootstrap_sass_coffee
       build :convert_application_css_to_sass
     end
 
+    def copy_vendor_files
+      say 'Copy vendor assets'
+      build :copy_vendor_assets
+    end
+
     def configure_mail_setting
       say 'Setup mail settings'
       build :configure_action_mailer

templates/app/assets/javascripts/application.js.coffee

@@ -14,4 +14,65 @@
 #= require jquery_ujs
 #= require turbolinks
 #= require bootstrap
-#= require_tree .
+#= require chosen-jquery
+#= require jquery.maskedinput.min
+#= require jquery.datetimepicker
+#= require nprogress
+
+class @App
+
+  @tooltip = ->
+    $('[data-toggle="tooltip"]').tooltip()
+    $('[data-toggle="toolbar-tooltip"]').tooltip()
+
+  @ready = ->
+    App.tooltip()
+
+    $('.datetimepicker').datetimepicker
+      format: $('.datetimepicker').data('format')
+      step: 60
+      lang: 'tr'
+      minDate: 0
+      defaultTime: '12:00'
+
+    $( "[data-mask]").each (index, element) ->
+      $element = $(element)
+      $element.mask($element.data('mask'))
+
+    $('.chosen-select').chosen
+      allow_single_deselect: true
+      placeholder_text: $('.chosen-select').attr('include_blank')
+
+    $('.chosen-select-with-width').chosen
+      allow_single_deselect: true
+      placeholder_text: $('.chosen-select-with-width').attr('include_blank')
+      width: '370px'
+
+    $('form[data-turboform]').on('submit', (e) ->
+      Turbolinks.visit @action + (if @action.indexOf('?') == -1 then '?' else '&') + $(this).serialize()
+      false
+    )
+
+$(document).ready(App.ready)
+$(document).on('page:load', App.ready)
+$(window).on('page:load', App.ready)
+
+# Turbolinks events
+$(document).on 'page:fetch', ->
+  NProgress.start()
+  return
+$(document).on 'page:change', ->
+  NProgress.done()
+  return
+$(document).on 'page:restore', ->
+  NProgress.remove()
+  return
+# jQuery events
+# Trigger whenever ajax start
+$(document).ajaxStart ->
+  NProgress.start()
+  return
+# Complete the NProcess when ajax end
+$(document).ajaxComplete ->
+  NProgress.done()
+  return

templates/app/assets/stylesheets/application.css.sass

@@ -9,10 +9,13 @@
  * compiled file, but it's generally better to create a new file per style scope.
  *
  *= require_self
- *= require_tree .
 
 @import "compass"
 @import "bootstrap"
+@import 'nprogress'
+@import "bootstrap-chosen"
+@import "jquery.datetimepicker"
+@import "nprogress"
 
 body
   padding-top: 20px