Fix styling for repository installation status.

galaxyproject · Feb 16, 2017 · afc7b1c · afc7b1c
1 parent 9688b7b
commit afc7b1c
Show file tree

Hide file tree

Showing 2 changed files with 50 additions and 6 deletions.
diff --git a/client/galaxy/scripts/mvc/toolshed/repo-status-view.js b/client/galaxy/scripts/mvc/toolshed/repo-status-view.js
@@ -53,6 +53,18 @@ define(['mvc/toolshed/toolshed-model'], function(toolshed_model) {
         },
 
         templateRepoStatus: _.template([
+            '<style type="text/css">',
+                '.state-color-new,',
+                '.state-color-deactivated,',
+                '.state-color-uninstalled { border-color:#bfbfbf; background:#eee }',
+                '.state-color-cloning,',
+                '.state-color-setting-tool-versions,',
+                '.state-color-installing-repository-dependencies,',
+                '.state-color-installing-tool-dependencies,',
+                '.state-color-loading-proprietary-datatypes { border-color:#AAAA66; background:#FFFFCC }',
+                '.state-color-installed { border-color:#20b520; background:#b0f1b0 }',
+                '.state-color-error { border-color:#dd1b15; background:#f9c7c5 }',
+            '</style>',
             '<table id="grid-table" class="grid">',
                 '<thead id="grid-table-header">',
                     '<tr>',
@@ -66,11 +78,43 @@ define(['mvc/toolshed/toolshed-model'], function(toolshed_model) {
                 '<tbody id="grid-table-body">',
                     '<% _.each(repositories, function(repository) { %>',
                         '<tr>',
-                            '<td><div id="" class=""><label id="repo-name-<%= repository.get("id") %>" for="<%= repository.get("id") %>"><%= repository.get("name") %></label></div></td>',
-                            '<td><div id="" class=""><label id="repo-desc-<%= repository.get("id") %>" for="<%= repository.get("id") %>"><%= repository.get("description") %></label></div></td>',
-                            '<td><div id="" class=""><label id="repo-user-<%= repository.get("id") %>" for="<%= repository.get("id") %>"><%= repository.get("owner") %></label></div></td>',
-                            '<td><div id="" class=""><label id="repo-changeset-<%= repository.get("id") %>" for="<%= repository.get("id") %>"><%= repository.get("changeset_revision") %></label></div></td>',
-                            '<td><div id="" class=""><label id="RepositoryStatus-<%= repository.get("id") %>" for="<%= repository.get("id") %>"><div class="repo-status count-box state-color-<%= repository.get("status").toLowerCase() %>" id="RepositoryStatus-<%= repository.get("id") %>"><%= repository.get("status") %></div></label></div></td>',
+                            '<td>',
+                                '<div id="" class="">',
+                                    '<label id="repo-name-<%= repository.get("id") %>" for="<%= repository.get("id") %>">',
+                                        '<%= repository.get("name") %>',
+                                    '</label>',
+                                '</div>',
+                            '</td>',
+                            '<td>',
+                                '<div id="" class="">',
+                                    '<label id="repo-desc-<%= repository.get("id") %>" for="<%= repository.get("id") %>">',
+                                        '<%= repository.get("description") %>',
+                                    '</label>',
+                                '</div>',
+                            '</td>',
+                            '<td>',
+                                '<div id="" class="">',
+                                    '<label id="repo-user-<%= repository.get("id") %>" for="<%= repository.get("id") %>">',
+                                        '<%= repository.get("owner") %>',
+                                    '</label>',
+                                '</div>',
+                            '</td>',
+                            '<td>',
+                                '<div id="" class="">',
+                                    '<label id="repo-changeset-<%= repository.get("id") %>" for="<%= repository.get("id") %>">',
+                                        '<%= repository.get("changeset_revision") %>',
+                                    '</label>',
+                                '</div>',
+                            '</td>',
+                            '<td>',
+                                '<div id="" class="">',
+                                    '<label id="RepositoryStatus-<%= repository.get("id") %>" for="<%= repository.get("id") %>">',
+                                        '<div class="repo-status count-box state-color-<%= repository.get("status").toLowerCase().replace(" ", "-") %>" id="RepositoryStatus-<%= repository.get("id") %>">',
+                                            '<%= repository.get("status") %>',
+                                        '</div>',
+                                    '</label>',
+                                '</div>',
+                            '</td>',
                         '</tr>',
                     '<% }); %>',
                 '</tbody>',

diff --git a/static/scripts/mvc/toolshed/repo-status-view.js b/static/scripts/mvc/toolshed/repo-status-view.js