Add support for row actions to detail pages

Add support for performing actions on an object from the object's
detail page. Actions are displayed in the page header, in a
row of buttons. To use this newly added capability, `row=True`
must be passed as a parameter to the render_row_actions method,
when called from a DetailView.

Change-Id: I4fd96433f9514242c21d6c47f79bf83f3a5e4fc0
Implements: blueprint detail-pages-ia

horizon/static/horizon/js/horizon.tables.js

@@ -138,8 +138,10 @@ horizon.datatables = {
       var action_buttons = $(this).find(".table_actions button.btn-danger");
 
       // Buttons should be enabled only if there are checked checkboxes
-      action_buttons.toggleClass("disabled",
-                                 !checkboxes.filter(":checked").length);
+      if (checkboxes.length) {
+        action_buttons.toggleClass("disabled",
+          !checkboxes.filter(":checked").length);
+        }
     });
   },
 

horizon/tables/base.py

@@ -982,8 +982,10 @@ class DataTableOptions(object):
         self.template = getattr(options,
                                 'template',
                                 'horizon/common/_data_table.html')
-        self.row_actions_template = \
-            'horizon/common/_data_table_row_actions.html'
+        self.row_actions_dropdown_template = ('horizon/common/_data_table_'
+                                              'row_actions_dropdown.html')
+        self.row_actions_row_template = ('horizon/common/_data_table_'
+                                         'row_actions_row.html')
         self.table_actions_template = \
             'horizon/common/_data_table_table_actions.html'
         self.context_var_name = unicode(getattr(options,
@@ -1388,11 +1390,16 @@ class DataTable(object):
         self.set_multiselect_column_visibility(len(bound_actions) > 0)
         return table_actions_template.render(context)
 
-    def render_row_actions(self, datum, pull_right=True):
+    def render_row_actions(self, datum, pull_right=True, row=False):
         """Renders the actions specified in ``Meta.row_actions`` using the
-        current row data.
+        current row data. If `row` is True, the actions are rendered in a row
+        of buttons. Otherwise they are rendered in a dropdown box.
         """
-        template_path = self._meta.row_actions_template
+        if row:
+            template_path = self._meta.row_actions_row_template
+        else:
+            template_path = self._meta.row_actions_dropdown_template
+
         row_actions_template = template.loader.get_template(template_path)
         bound_actions = self.get_row_actions(datum)
         extra_context = {"row_actions": bound_actions,

horizon/templates/horizon/common/_data_table_row_action_row.html

@@ -0,0 +1,11 @@
+{% if action.method != "GET" %}
+  <button {{ action.attr_string|safe }} name="action" value="{{ action.table.name }}__{{ action.name }}__{{ row_id }}" type="submit">
+    {% if action.icon != None %}<span class="glyphicon glyphicon-{{ action.icon }}"></span> {% endif %}
+    {{ action.verbose_name }}
+  </button>
+{% else %}
+  <a href='{{ action.bound_url }}' title='{{ action.verbose_name }}' {{ action.attr_string|safe }}>
+    {% if action.icon != None %}<span class="glyphicon glyphicon-{{ action.icon }}"></span> {% endif %}
+    {{ action.verbose_name }}
+  </a>
+{% endif %}

horizon/templates/horizon/common/_data_table_row_actions_dropdown.html

@@ -5,14 +5,14 @@
 <div class="btn-group {% if pull_right %}pull-right{% endif %}">
     {% for action in row_actions %}
         {% if forloop.first %}
-          {% include "horizon/common/_data_table_row_action.html" %}
+          {% include "horizon/common/_data_table_row_action_dropdown.html" %}
           <a class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown" href="#">
             <span class="caret"></span>
           </a>
           <ul class="dropdown-menu row_actions clearfix">
         {% else %}
           <li class="clearfix">
-              {% include "horizon/common/_data_table_row_action.html" %}
+              {% include "horizon/common/_data_table_row_action_dropdown.html" %}
           </li>
         {% endif %}
         {% if forloop.last %}
@@ -22,8 +22,6 @@
 </div>
 {% endif %}
 {% if row_actions|length == 1%}
-  {% for action in row_actions %}
-    {% include "horizon/common/_data_table_row_action.html" %}
-  {% endfor %}
+  {% include "horizon/common/_data_table_row_action_dropdown.html" with action=row_actions.0%}
 {% endif %}
 {% endspaceless %}

horizon/templates/horizon/common/_data_table_row_actions_row.html

@@ -0,0 +1,8 @@
+{% load i18n %}
+<div class="table_actions clearfix">
+{% block table_actions %}
+  {% for action in row_actions %}
+    {%  include "horizon/common/_data_table_row_action_row.html" %}
+  {% endfor %}
+{% endblock table_actions %}
+</div>