select.html 2.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. {% load rapid_list %}<span class="must_reload"></span>
  2. <style scoped>
  3. table.object_list > thead > tr > td{
  4. padding-left: 0.5em;
  5. padding-right: 0.5em;
  6. padding-top: 0.5em;
  7. padding-bottom: 0.5em;
  8. vertical-align: middle;
  9. }
  10. table.object_list > tbody > tr > td{
  11. padding-left: 0.5em;
  12. padding-right: 0.5em;
  13. vertical-align: middle;
  14. }
  15. td.list-icons > *{
  16. margin-right: 1em;
  17. }
  18. tr.selectable-row > .selectable-check{
  19. font-family: FontAwesome;
  20. margin-right: 6pt;
  21. font-size: 32pt;
  22. }
  23. tr.selectable-row:not(.selected) > .selectable-check{
  24. zoom: 1;
  25. filter: alpha(opacity=0);
  26. opacity: 0;
  27. }
  28. tr.selectable-row.selected{
  29. border-radius: 5pt;
  30. box-shadow: 0pt 0pt 3pt 5pt #00ff00;
  31. }
  32. </style>
  33. <h2>{{model.model_name_plural.capitalize}}</h2>
  34. {% load rapid_filters %}
  35. {% model_filters model %}
  36. <table class="object_list rapid-object-selector table table-striped table-condensed">
  37. <thead><tr class="selectable-head">
  38. <td class="selectable-check"><!-- Espaço para um check -->&nbsp;</td>
  39. {% for f in view.fields %}
  40. {% field_header f %}
  41. {% endfor %}
  42. </tr></thead>
  43. <tbody>
  44. {% for o in view.values %}
  45. <tr class="selectable-row" id="{{ o.instance.pk }}">
  46. <td class="selectable-check"><!-- Espaço para um check -->&#xf00c;
  47. <input type="hidden" name="{{ o.instance }}" value="{{ o.instance.pk }}" class="rapid-select-id-marker"></inputhidden></td>
  48. {% for v, iter in o.values %}
  49. {% if iter %}
  50. <td>
  51. {% for val, val_data in v %}
  52. {{ val }}
  53. {% if not forloop.last %}<br>{% endif %}
  54. {% endfor %}
  55. </td>
  56. {% else %}
  57. <td>{{ v.0 }}</td>
  58. {% endif %}
  59. {% endfor %}
  60. </tr>
  61. </tbody>
  62. {% endfor %}
  63. </table>
  64. <p><a class="overlay-commit btn btn-default">Adicionar na seleção</a></p>
  65. <p>{% for a, u in model.actions %}
  66. {% if a.action.name != 'list' %}
  67. <a href="{{ u }}" class="better-in-overlay btn btn-default"><span class="fa {{ a.action.icon }}">{{ a.action.verbose_name.capitalize }}</span></a>
  68. {% endif %}
  69. {% endfor %}</p>
  70. {% pagination %}
  71. <script>
  72. $(document).ready(function(){
  73. $("tr.selectable-row").click(function(){
  74. $(this).toggleClass("selected");
  75. //$(this).filter(".selected").children(".selectable-check").text("\f00c");
  76. //$(this).not(".selected").children(".selectable-check").text(" ");
  77. });
  78. });
  79. </script>