refacto(assets): refactoring of application sass and js

app/assets/javascripts/application.js

@@ -10,5 +10,21 @@
 // Read Sprockets README (https://github.com/rails/sprockets#sprockets-directives) for details
 // about supported directives.
 //
-//= require_tree .
+//= require jquery/dist/jquery
+//= require jquery-ujs/src/rails
+//= require bootstrap/dist/js/bootstrap
+//= require jquery-backstretch
+//= require waypoints/lib/jquery.waypoints
+//= require jquery-timepicker/jquery.timepicker
+//= require bootstrap-datepicker/js/bootstrap-datepicker
+//= require bootstrap-datepicker/dist/locales/bootstrap-datepicker.it.min
+//= require bootstrap-datepicker/dist/locales/bootstrap-datepicker.it.min
+//= require multiselect/js/jquery.multi-select
+//= require wowjs/dist/wow
+//= require retinajs/dist/retina
+//= require intro.js/intro
+//= require datatables.min
+//= require crud_datatables
 //= require cookies_eu
+//= require topnav
+//= require nicEdit

app/assets/javascripts/crud_datatables.js

@@ -1,4 +1,4 @@
-function initializeCrudTable(url,tableId, buttonsIdOrClass){
+initializeCrudTable = (url,tableId, buttonsIdOrClass) => {
   var crudTable = $(tableId).DataTable({
     'buttons': ['copy', 'excel', 'pdf'],
     'processing': true,

app/assets/javascripts/topnav.js.erb

@@ -1,28 +1,28 @@
-$().ready(function() {
+$().ready(() => {
 
-	/*
-	    Navigation
-	*/
-	// toggle "navbar-no-bg" class
-	$('.top-content .text').waypoint(function() {
+	/*  Navigation */
+	$('.top-content .text').waypoint(() => {
 		$('nav').toggleClass('navbar-no-bg');
 	});
 
-    /*
-        Background slideshow
-    */
+    /* Background slideshow */
     $('.top-content').backstretch("<%= asset_path('background.jpg') %>");
 
-    $('#top-navbar-1').on('shown.bs.collapse', function(){
+    $('#top-navbar-1').on('shown.bs.collapse', () => {
     	$('.top-content').backstretch("resize");
     });
-    $('#top-navbar-1').on('hidden.bs.collapse', function(){
+    $('#top-navbar-1').on('hidden.bs.collapse', () => {
     	$('.top-content').backstretch("resize");
     });
 
-    /*
-        Wow
-    */
+    /* Dropdowns */
+    $('.dropdown-toggle').dropdown();
+
+    /* Wow */
     new WOW().init();
 
+    /* Placeholders */
+    $('input[type="text"], input[type="password"], textarea').each(() => {
+        $(this).val( $(this).attr('placeholder') );
+    });
 });

app/assets/stylesheets/application.scss

@@ -0,0 +1,23 @@
+/*
+ * This is a manifest file that'll be compiled into node_modules.css, which will include all the files
+ * listed below.
+ *
+*/
+
+
+@import 'sass_bootstrap';
+@import 'sass_fontawesome';
+@import 'sass_multiselect';
+
+@import 'wowjs/css/libs/animate';
+@import 'jquery-timepicker/jquery.timepicker';
+@import 'bootstrap-datepicker/dist/css/bootstrap-datepicker.min';
+@import 'intro.js/introjs';
+@import 'intro.js/themes/introjs-modern';
+@import 'css/datatables';
+@import 'cookies_eu';
+
+@import 'style';
+@import 'navbar_styles';
+@import 'share_buttons';
+@import 'custom_style';

app/assets/stylesheets/sass_bootstrap.scss

@@ -0,0 +1,11 @@
+$bs-font-path: 'bootstrap/fonts';
+@import 'bootstrap/dist/css/bootstrap.min';
+@font-face {
+  font-family: 'Glyphicons Halflings';
+  src: asset-url('#{$bs-font-path}/glyphicons-halflings-regular.eot');
+  src: asset-url('#{$bs-font-path}/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
+  asset-url('#{$bs-font-path}/glyphicons-halflings-regular.woff2') format('woff2'),
+  asset-url('#{$bs-font-path}/glyphicons-halflings-regular.woff') format('woff'),
+  asset-url('#{$bs-font-path}/glyphicons-halflings-regular.ttf') format('truetype'),
+  asset-url('#{$bs-font-path}/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
+};

app/assets/stylesheets/font_path_overwrite.scss → app/assets/stylesheets/sass_fontawesome.scss

@@ -1,7 +1,5 @@
 $fa-font-path: "font-awesome/fonts";
-
 @import 'font-awesome/scss/font-awesome';
-
 @font-face {
   font-family: 'FontAwesome';
   src: asset-url('#{$fa-font-path}/fontawesome-webfont.eot');

app/assets/stylesheets/sass_multiselect.scss

@@ -0,0 +1,6 @@
+$ms-img-path: 'multiselect/js/img';
+@import 'multiselect/css/multi-select';
+.ms-container{
+  background: transparent asset-url('#{$ms-img-path}/switch.png') no-repeat 50% 50%;
+  width: 370px;
+}

app/views/layouts/application.html.haml

@@ -5,7 +5,7 @@
     = render partial: 'layouts/metadata'
 
     %link{ href: 'https://fonts.googleapis.com/css?family=Josefin+Sans:300,400|Roboto:300,400,500', rel: 'stylesheet' }/
-    = stylesheet_link_tag 'node_modules.css'
+    = stylesheet_link_tag 'application.css'
 
     / = stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track' => true
     / = javascript_include_tag 'application', 'data-turbolinks-track' => true
@@ -14,7 +14,7 @@
       = javascript_include_tag 'https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js'
       = javascript_include_tag 'https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js'
 
-    = javascript_include_tag 'node_modules.js'
+    = javascript_include_tag 'application.js'
 
     %link{ href: asset_path('favicon.ico'), rel: 'shortcut icon', type: 'image/x-icon' }/