From a40ba92d54ec6a407b2a65224b246737f788b659 Mon Sep 17 00:00:00 2001
From: Ryan Lerch <rlerch@redhat.com>
Date: Sep 06 2018 02:34:45 +0000
Subject: fix commit flags showing on the commits tab


This makes the commit flags show on the commit tab again,
which was broken after the update to the new UI.

This basically just fixes the issue, but this could def
be make to look a little better with icons and stuff,
but as the colours for these statuses are in the config file,
decided to leave this for a later time.

Fixes: #3600

---

diff --git a/pagure/templates/commits.html b/pagure/templates/commits.html
index 9563a2d..f92e8fc 100644
--- a/pagure/templates/commits.html
+++ b/pagure/templates/commits.html
@@ -185,7 +185,7 @@
                         username=username,
                         namespace=repo.namespace,
                         commitid=commit.hex, branch=branchname) }}"
-                        class="btn btn-outline-primary font-weight-bold">
+                        class="btn btn-outline-primary font-weight-bold commithash" id="c_{{ commit.hex }}">
                         <code>{{ commit.hex|short }}</code>
                       </a>
                       <a class="btn btn-outline-primary font-weight-bold" href="{{ url_for(
@@ -284,6 +284,7 @@
                           namespace=repo.namespace,
                           commitid="COMMIT_HASH") }}'
       url = url.replace("COMMIT_HASH", item.id.substring(2))
+      var commithash=
       commitUrl = commitUrl.replace("COMMIT_HASH", item.id.substring(2))
       $.ajax({
         url: url,
@@ -298,17 +299,16 @@
             }
             statuses[f['status']].push(f)
           }
-          var html = '<span>'
+          var html = ''
           var sortedStatuses = Object.keys(statuses).sort()
           for (var i in sortedStatuses) {
             s = sortedStatuses[i]
             numStatuses = statuses[s].length
             html += '<a href="' + commitUrl + '" title="' + numStatuses
             html += ' ' + s + ' flag' + (numStatuses > 1 ? 's' : '')
-            html += '" class="badge ' + statusesLabels[s] + '">'
+            html += '" class="btn ' + statusesLabels[s].replace('badge', 'btn-outline') + '">'
             html += statuses[s].length + '</a>\n'
           }
-          html += '</span>\n'
           $(html).insertBefore(item)
         }
       });