--- /dev/null
+// On loading of a collection, enable the "lock" button and
+// disable all file modification controls (upload, rename, delete)
+$(document).
+ on('click', '.collection-tag-save, .collection-tag-cancel', function(event) {
+ $('.edit-collection-tags').removeClass('disabled');
+ $('.collection-tag-add').addClass('hide');
+ $('.collection-tag-remove').addClass('hide');
+ $('.collection-tag-save').addClass('hide');
+ $('.collection-tag-cancel').addClass('hide');
+ $('.collection-tag-field').prop("contenteditable", false);
+ }).
+ on('click', '.edit-collection-tags', function(event) {
+ $('.edit-collection-tags').addClass('disabled');
+ $('.collection-tag-add').removeClass('hide');
+ $('.collection-tag-remove').removeClass('hide');
+ $('.collection-tag-save').removeClass('hide');
+ $('.collection-tag-cancel').removeClass('hide');
+ $('.collection-tag-field').prop("contenteditable", true);
+ $('div').remove('.collection-tags-status-label');
+ }).
+ on('click', '.collection-tag-save', function(e){
+ var tag_data = {};
+ var $tags = $(".collection-tags-table");
+ $tags.find('tr').each(function (i, el) {
+ var $tds = $(this).find('td');
+ var $key = $tds.eq(1).text();
+ if ($key && $key.trim().length > 0) {
+ tag_data[$key.trim()] = $tds.eq(2).text().trim();
+ }
+ });
+
+ $.ajax($(location).attr('pathname')+'/save_tags', {
+ type: 'POST',
+ data: {tag_data}
+ }).success(function(data, status, jqxhr) {
+ $('.collection-tags-status').append('<div class="collection-tags-status-label alert alert-success"><p class="contain-align-left">Saved successfully.</p></div>');
+ }).fail(function(jqxhr, status, error) {
+ $('.collection-tags-status').append('<div class="collection-tags-status-label alert alert-danger"><p class="contain-align-left">We are sorry. There was an error saving tags. Please try again.</p></div>');
+ });
+ });
+
+jQuery(function($){
+ $(document).on('click', '.collection-tag-remove', function(e) {
+ $(this).parents('tr').detach();
+ });
+
+ $(document).on('click', '.collection-tag-add', function(e) {
+ var $collection_tags = $(this).closest('.collection-tags-container');
+ var $clone = $collection_tags.find('tr.hide').clone(true).removeClass('hide');
+ $collection_tags.find('table').append($clone);
+ });
+});
--- /dev/null
+<%
+ tags = object.properties[:tags]
+%>
+
+ <% tags.andand.each do |k, v| %>
+ <tr class="collection-tag-<%=k%>">
+ <td>
+ <i class="glyphicon glyphicon-remove collection-tag-remove hide" style="cursor: pointer;"></i>
+ </td>
+ <td class="collection-tag-field">
+ <%= k %>
+ </td>
+ <td class="collection-tag-field">
+ <%= v %>
+ </td>
+ </tr>
+ <% end %>
+
+ <!-- A hidden row to add new tag -->
+ <tr class="collection-tag-hidden hide">
+ <td>
+ <i class="glyphicon glyphicon-remove collection-tag-remove hide" style="cursor: pointer"></i>
+ </td>
+ <td class="collection-tag-field"></td>
+ <td class="collection-tag-field"></td>
+ </tr>
--- /dev/null
+<%
+ object = @object unless object
+%>
+
+ <div class="collection-tags-container" style="padding-left:2em;padding-right:2em;">
+ <% if object.editable? %>
+ <p title="Edit tags" id="edit-collection-tags">
+ <button type="button" class="btn btn-primary edit-collection-tags">Edit</button>
+ </p>
+ <% end %>
+
+ <table class="table table-condensed table-fixedlayout collection-tags-table" border="1">
+ <colgroup>
+ <col width="5%" />
+ <col width="25%" />
+ <col width="70%" />
+ </colgroup>
+
+ <thead>
+ <tr>
+ <th></th>
+ <th>Key</th>
+ <th>Value</th>
+ </tr>
+ </thead>
+
+ <tbody class="collection-tag-rows">
+ <%= render partial: 'show_tag_rows', locals: {object: object} %>
+ </tbody>
+ </table>
+ <div>
+ <% if object.editable? %>
+ <div class="pull-left">
+ <button class="btn btn-primary btn-sm collection-tag-add hide"><i class="glyphicon glyphicon-plus"></i> Add new tag </button>
+ </div>
+ <div class="pull-right">
+ <%= link_to(save_tags_collection_path, {class: 'btn btn-primary collection-tag-save hide', :remote => true, method: 'post', return_to: request.url}) do %>
+ Save
+ <% end %>
+ <button type="button" class="btn btn-sm btn-primary collection-tag-cancel hide">Cancel</button>
+ </div>
+
+ <div><div class="collection-tags-status"/></div></div>
+ <% end %>
+ </div>
+ </div>