}).
on('ajax:complete', function(e, status) {
$('.loading').hide();
+ }).
+ on('click', '.removable-tag a', function(e) {
+ $(this).parents('[data-tag-link-uuid]').eq(0).next().andSelf().remove();
+ }).
+ on('click', 'a.add-tag-button', function(e) {
+ new_tag = window.prompt("Add tag for collection "+
+ $(this).parents('tr').attr('data-object-uuid'),
+ "");
+ if (new_tag != null) {
+ $(this).
+ parent().
+ find('>span').
+ append($('<span class="label label-info removable-tag" data-tag-link-uuid=""></span>').text(new_tag).append(' <a>×</a>')).
+ append('<br/>');
+ }
+ return false;
});
})(jQuery);
-
-
-
<% @collections.each do |c| %>
-<tr class="collection">
+<tr class="collection" data-object-uuid="<%= c.uuid %>">
<td>
<%= link_to_if_arvados_object c.uuid %>
</td>
<td>
<%= raw(distance_of_time_in_words(c.created_at, Time.now).sub('about ','~').sub(' ',' ')) if c.created_at %>
</td>
- <td>
+ <td class="add-tag-button">
+ <span>
<% if @collection_info[c.uuid] %>
- <%= @collection_info[c.uuid][:tags].uniq.join ', ' %>
+ <% @collection_info[c.uuid][:tags].uniq.each do |tag| %>
+ <span class="label label-info removable-tag" data-tag-link-uuid=""><%= tag %> <a>×</a></span><br/>
+ <% end %>
<% end %>
+ </span>
+ <a class="btn btn-xs btn-info add-tag-button"><i class="glyphicon glyphicon-plus"></i> Add</a>
</td>
<td>
<% if @collection_info[c.uuid][:wanted_by_me] %>