Commit 077442d454e215b7d454e6a47cbe92fff18a9d2a
1 parent
cbdb8c12
Exists in
master
and in
29 other branches
Source tree visualization github-like
Showing
4 changed files
with
51 additions
and
16 deletions
Show diff stats
534 Bytes
3.31 KB
plugins/mezuro/public/style.css
| 1 | 1 | .link { |
| 2 | 2 | cursor: pointer; |
| 3 | -} | |
| 4 | 3 | \ No newline at end of file |
| 4 | +} | |
| 5 | + | |
| 6 | +.source-tree{ | |
| 7 | + background: #e7e7e7; | |
| 8 | + border: groove 1px #666; | |
| 9 | +} | |
| 10 | + | |
| 11 | +.icon { | |
| 12 | + width: 20px; | |
| 13 | +} | |
| 14 | + | |
| 15 | +.source-tree-text{ | |
| 16 | + font-family: Arial, Impact; | |
| 17 | + font-size: 12px; | |
| 18 | + border-left: solid 1px #666; | |
| 19 | +} | |
| 20 | + | |
| 21 | +a:link,active,visited .ancestor{ | |
| 22 | + font-family: Arial, Impact; | |
| 23 | + color: #5E5400; | |
| 24 | +} | |
| 25 | + | |
| 26 | +.path{ | |
| 27 | + font-family: Arial, Impact; | |
| 28 | + font-size: 14px; | |
| 29 | + font-style: underline; | |
| 30 | + display: inline; | |
| 31 | +} | ... | ... |
plugins/mezuro/views/content_viewer/_source_tree.rhtml
| ... | ... | @@ -2,28 +2,36 @@ |
| 2 | 2 | <% module_name = source_tree.module.name %> |
| 3 | 3 | <% module_label = "#{module_name} (#{source_tree.module.granularity})" %> |
| 4 | 4 | |
| 5 | -<% if module_name != project_name %> | |
| 6 | - <a href="#" class="source-tree-link" data-module-name="<%= project_name %>"> | |
| 7 | - <%= project_name %> | |
| 8 | - </a> | |
| 9 | -<% end %> | |
| 5 | +<p><h2 class="path"> | |
| 6 | + <% if module_name != project_name %> | |
| 7 | + <a href="#" class="source-tree-link" data-module-name="<%= project_name %>"> | |
| 8 | + <%= project_name %> | |
| 9 | + </a> | |
| 10 | + <% end %> | |
| 11 | + | |
| 10 | 12 | |
| 11 | 13 | <% split_link = source_tree.module.ancestor_names %> |
| 12 | 14 | <% split_link.each do |link| %> |
| 13 | - <a href="#" class="source-tree-link" data-module-name="<%= link %>"> | |
| 15 | + /<a href="#" class="source-tree-link" data-module-name="<%= link %>"> | |
| 14 | 16 | <%= link.split(".").last %> |
| 15 | 17 | </a> |
| 16 | -<% end %> | |
| 17 | - | |
| 18 | + <% end %> | |
| 19 | +</h2></p> | |
| 20 | + | |
| 18 | 21 | <% if source_tree.children %> |
| 19 | - <table> | |
| 22 | + <table border="0" class="source-tree"> | |
| 20 | 23 | <% source_tree.children.each do |child| %> |
| 21 | - <tr> | |
| 22 | - <td> | |
| 23 | - <a href='#' class="source-tree-link" data-module-name="<%= child.module.name %>"> | |
| 24 | - <%= "#{child.module.name} (#{child.module.granularity})" %> | |
| 25 | - </td> | |
| 26 | - </tr> | |
| 24 | + <% if child.module.granularity=='PACKAGE' %> | |
| 25 | + <tr> | |
| 26 | + <td class="icon"><%= image_tag('/plugins/mezuro/images/folder.png')%></td> | |
| 27 | + <td class="source-tree-text"><a href='#' class="source-tree-link" data-module-name="<%= child.module.name %>"><%= child.module.name %></a></td> | |
| 28 | + </tr> | |
| 29 | + <% else %> | |
| 30 | + <tr> | |
| 31 | + <td class="icon"><%= image_tag('/plugins/mezuro/images/file.png') %></td> | |
| 32 | + <td class="source-tree-text"><%= child.module.name %></td> | |
| 33 | + </tr> | |
| 34 | + <% end %> | |
| 27 | 35 | <% end %> |
| 28 | 36 | </table> |
| 29 | 37 | <% end %> | ... | ... |