From a33d90de836f4d11a27d6abd5ac66cd24f2bd9ba Mon Sep 17 00:00:00 2001
From: chouseknecht <chouseknecht@me.com>
Date: Wed, 5 Jun 2013 10:26:53 -0400
Subject: [PATCH] Added support for button labels and tool tips on related
 sets.

---
 ansibleworks/ui/static/js/forms/Users.js      | 10 +++++---
 .../ui/static/lib/ansible/form-generator.js   | 25 ++++++++++++-------
 2 files changed, 23 insertions(+), 12 deletions(-)

diff --git a/ansibleworks/ui/static/js/forms/Users.js b/ansibleworks/ui/static/js/forms/Users.js
index 95856f0225..7c442c4357 100644
--- a/ansibleworks/ui/static/js/forms/Users.js
+++ b/ansibleworks/ui/static/js/forms/Users.js
@@ -162,7 +162,9 @@ angular.module('UserFormDefinition', [])
                 actions: { 
                     add: {
                         ngClick: "add('credentials')",
-                        icon: 'icon-plus'
+                        icon: 'icon-plus',
+                        label: 'Add',
+                        awToolTip: 'Add a credential for this user'
                         },
                     },
 
@@ -181,13 +183,15 @@ angular.module('UserFormDefinition', [])
                         label: 'Edit',
                         ngClick: "edit('credentials', \{\{ credential.id \}\}, '\{\{ credential.name \}\}')",
                         icon: 'icon-edit',
-                        class: 'btn-success'
+                        class: 'btn-success',
+                        awToolTip: 'Edit the credential'
                         },
                     delete: {
                         label: 'Delete',
                         ngClick: "delete('credentials', \{\{ credential.id \}\}, '\{\{ credential.name \}\}', 'credentials')",
                         icon: 'icon-remove',
-                        class: 'btn-danger'
+                        class: 'btn-danger',
+                        awToolTip: 'Delete the credential'
                         }
                     }
 
diff --git a/ansibleworks/ui/static/lib/ansible/form-generator.js b/ansibleworks/ui/static/lib/ansible/form-generator.js
index 22e9584933..60d3315375 100644
--- a/ansibleworks/ui/static/lib/ansible/form-generator.js
+++ b/ansibleworks/ui/static/lib/ansible/form-generator.js
@@ -814,10 +814,15 @@ angular.module('FormGenerator', ['GeneratorHelpers'])
 
                  // Add actions(s)
                  html += "<div class=\"list-actions\">\n";
-                 for (var action in form.related[itm].actions) {
+                 for (var act in form.related[itm].actions) {
+                     var action = form.related[itm].actions[act];
                      html += "<button class=\"btn btn-small btn-success\" ";
-                     html += this.attr(form.related[itm]['actions'][action],'ngClick');
-                     html += "><i class=\"" + form.related[itm]['actions'][action].icon + "\"></i></button>\n";
+                     html += this.attr(action,'ngClick');
+                     html += (action.awToolTip) ? this.attr(action,'awToolTip') : "";
+                     html += (action.awToolTip) ? "data-placement=\"right\" " : "";
+                     html += "><i class=\"" + action.icon + "\"></i>";
+                     html += (action.label) ? " " + action.label : "";
+                     html += "</button>\n";
                  }
                  html += "</div>\n";
                 
@@ -866,13 +871,15 @@ angular.module('FormGenerator', ['GeneratorHelpers'])
                  
                  // Row level actions
                  html += "<td class=\"actions\">";
-                 for (action in form.related[itm].fieldActions) {
+                 for (act in form.related[itm].fieldActions) {
+                     var action = form.related[itm].fieldActions[act];
                      html += "<button class=\"btn btn-small"; 
-                     html += (form.related[itm]['fieldActions'][action].class) ?
-                         " " + form.related[itm]['fieldActions'][action].class : "";
-                     html += "\" " + this.attr(form.related[itm]['fieldActions'][action],'ngClick') +
-                         ">" + this.icon(form.related[itm]['fieldActions'][action].icon);
-                     html += (form.related[itm].fieldActions[action].label) ?  " " + form.related[itm].fieldActions[action].label : ""; 
+                     html += (action.class) ? " " + action.class : "";
+                     html += "\" " + this.attr(action,'ngClick');
+                     html += (action.awToolTip) ? this.attr(action,'awToolTip') : "";
+                     html += (action.awToolTip) ? "data-placement=\"top\" " : "";
+                     html += ">" + this.icon(action.icon);
+                     html += (action.label) ?  " " + action.label : ""; 
                      html += "</button> ";
                  }
                  html += "</td>";