Selectors must be written in lowercase with hyphens

app/views/backoffice/dossiers/_list.html.haml

@@ -1,4 +1,4 @@
-%table#dossiers_list.table
+%table#dossiers-list.table
   %thead
     - if smart_listing.name.to_s == 'follow_dossiers'
       %th.col-xs-1.center

app/views/backoffice/dossiers/_pref_list.html.haml

@@ -1,4 +1,4 @@
-%button#pref_list_dossier_close_action.btn.btn-danger.btn-xs.fixed-right
+%button#pref-list-dossier-close-action.btn.btn-danger.btn-xs.fixed-right
   %i.fa.fa-close
 %h3
   = t('dynamics.backoffice.pref_list.title')

app/views/backoffice/dossiers/_pref_list.js.erb

@@ -9,6 +9,6 @@ $.ajax({
     url: '/backoffice/preference_list_dossier/reload_pref_list?procedure_id=<%= @procedure_id %>',
     async: true
 }).done(function (data) {
-    $("#pref_list_menu").html(data);
+    $("#pref-list-menu").html(data);
     pref_list_dossier_actions();
 });

app/views/backoffice/dossiers/formulaire_private.js.erb

@@ -1,4 +1,4 @@
 <% flash.each do |type, message| %>
-$("#flash_message").html("<div class=\"alert alert-success move_up\" style=\"display: block:\"> <%= message.html_safe %></div>").children().fadeOut(5000)
+$("#flash_message").html("<div class=\"alert alert-success move-up\" style=\"display: block:\"> <%= message.html_safe %></div>").children().fadeOut(5000)
 <%  end %>
 <% flash.clear %>

app/views/backoffice/dossiers/index.html.haml

@@ -1,8 +1,8 @@
-#backoffice_index
-  #pref_list_menu
+#backoffice-index
+  #pref-list-menu
     = render partial: 'backoffice/dossiers/pref_list'
 
-  .default_data_block
+  .default-data-block
     .row.show-block#new_dossiers
       .header
         .col-xs-10.title
@@ -24,7 +24,7 @@
     .col-xs-3
       = link_to  'Terminés', '?liste=termine', class: 'text-success', style: "text-decoration: #{@facade_data_view.liste == 'termine'? 'underline' : ''}"
 
-  .default_data_block.default_visible
+  .default-data-block.default_visible
     .row.show-block#follow_dossiers
       .header
         .col-xs-10.title
@@ -36,7 +36,7 @@
       .body
         = smart_listing_render :follow_dossiers
 
-  .default_data_block
+  .default-data-block
     .row.show-block#all_dossiers
       .header
         .col-xs-10.title
@@ -50,7 +50,7 @@
 
 
   - if @archived_dossiers
-    .default_data_block
+    .default-data-block
       .row.show-block#archived_dossiers
         .header
           .col-xs-10.title

app/views/backoffice/dossiers/search.html.haml

@@ -1,8 +1,8 @@
-#backoffice_search
-  #pref_list_menu
+#backoffice-search
+  #pref-list-menu
     = render partial: 'backoffice/dossiers/pref_list'
 
-  .default_data_block.default_visible
+  .default-data-block.default_visible
     .row.show-block#new_dossiers
       .header
         .col-lg-10.col-md-10.col-sm-10.col-xs-10.title

app/views/backoffice/dossiers/show.html.haml

@@ -1,2 +1,2 @@
-#backoffice_dossier_show.col-xs-12
+#backoffice-dossier-show.col-xs-12
   = render partial: "dossiers/dossier_show"