revert popover in management

app/assets/javascripts/management.js

@@ -12,11 +12,12 @@
 //
 //= require jquery
 //= require jquery_ujs
-//= require turbolinks
+//= require bootstrap-sprockets
 //= require jquery.turbolinks
 // www.chartjs.org/docs/
 //= require Chart
 //= require locastyle
+//= require turbolinks
 //= require_tree ./management
 
 var visualised,non_visualised;

app/assets/javascripts/management/institutions.coffee

 $ ->
-  $(document).on 'popover:opened', (e) ->
+  $(document).on 'click', '*[data-institution]', ->
+    e = $(this)
+    e.popover({content: "Carregando..."}).popover('show')
     all = undefined
     objects = undefined
-    institution_id = $('[class=institution]',e.target).data('institution')
-    if institution_id?
-      url = '/institutions/' + institution_id + '/users.json'
-      $.get '/users/list.json', (d) ->
-        all = d
-        $.get url, (d) ->
-          object = d
+    institution_id = $(this).data('institution')
+    url = '/institutions/' + institution_id + '/users.json'
+    $.get '/users/list.json', (d) ->
+      all = d
+      $.get url, (d) ->
+        object = d
 
-          # generate a lookup table for object's collections id
-          lookup = {}
-          i = 0
-          len = object.length
-          while i < len
-            lookup[object[i].id] = object[i]
-            i++
+        # generate a lookup table for object's collections id
+        lookup = {}
+        i = 0
+        len = object.length
+        while i < len
+          lookup[object[i].id] = object[i]
+          i++
 
-          # mark checked objects
-          i = 0
-          len = all.length
-          html = ''
-          while i < len
-            name = 'user_' + all[i].rid.split(':').slice(-1)[0]
-            html += '<input type="checkbox" class="institutional-user-element" data-uid="' + all[i].id + '" data-institution-id="' + institution_id + '" id="' + name + '"'
-            if lookup[all[i].id] != undefined
-              html += " checked"
-            html += '>'
-            html += '<label for="' + name + '">' + all[i].name + '</label><br/>'
-            ++i
+        # mark checked objects
+        i = 0
+        len = all.length
+        html = ''
+        while i < len
+          name = 'user_' + all[i].rid.split(':').slice(-1)[0]
+          html += '<input type="checkbox" class="institutional-user-element" data-uid="' + all[i].id + '" data-institution-id="' + institution_id + '" id="' + name + '"'
+          if lookup[all[i].id] != undefined
+            html += " checked"
+          html += '>'
+          html += '<label for="' + name + '">' + all[i].name + '</label><br/>'
+          ++i
 
-          $('.ls-popover-content').html(html)
-        return
+        $('.popover-content').html(html)
+      return
     return
   return
 

app/assets/stylesheets/management.scss

@@ -14,3 +14,6 @@
  *= require locastyle
  *= require_self
  */
+
+ @import "bootstrap-sprockets";
+ @import "bootstrap";

app/views/management/institutions/index.html.erb

@@ -25,7 +25,7 @@
         <td><%= institution.address %></td>
         <td><%= institution.description %></td>
         <!-- <td class="ls-txt-right ls-regroup"><%= link_to 'Editar', edit_management_institution_path(institution.id) %></td> -->
-        <td><%= link_to 'Usuários', 'javascript:void(0);', class: 'ls-btn-primary', 'data-institution': ERB::Util.url_encode(institution.id), 'data-ls-module': 'popover', 'data-content': '<span class="institution" data-institution="'+institution.id+'"></span>Carregando...', 'data-placement': 'bottom' %></td>
+        <td><%= link_to 'Usuários', 'javascript:void(0);', 'data-institution':ERB::Util.url_encode(institution.id) %></td>
         <td><%= link_to 'Excluir', management_institution_path(institution.id), method: :delete, data: { confirm: 'Você tem certeza?' } %></td>
       </tr>
     <% end %>