adds manage columns page [fixes SCI-2218]

app/assets/javascripts/application.js.erb

@@ -227,7 +227,7 @@ var HelperModule = (function(){
                           '<button type="button" class="close" ' +
                           'data-dismiss="alert" aria-label="Close">' +
                           '<span aria-hidden="true">×</span></button>' +
-                            '<span class="glyphicon' + glyphSign + '"></span>' +
+                            '<span class="glyphicon' + glyphSign + '"></span>&nbsp;' +
                             '<span>' + message + '</span>' +
                           '</div>' +
                         '</div>';

app/assets/javascripts/repositories/repository_datatable.js.erb

@@ -1514,7 +1514,6 @@ var RepositoryDatatable = (function(global) {
       initSorting();
       toggleColumnVisibility();
       initEditColumns();
-      initDeleteColumns();
     });
     $('#repository-columns-dropdown').on('show.bs.dropdown', function() {
       loadColumnsNames();

app/assets/javascripts/repository_columns/index.js

@@ -0,0 +1,47 @@
+(function() {
+  'use strict';
+
+  function initEditCoumnModal() {}
+
+  function initDeleteColumnModal() {
+    $('[data-action="destroy"]').on('click', function() {
+      var element = $(this);
+      var modal_html = $("#deleteRepositoryColumn");
+      $.get(element.closest('li').attr('data-destroy-url'), function(data) {
+        modal_html.find('.modal-body').html(data.html)
+                                                .promise()
+                                                .done(function() {
+          modal_html.modal('show');
+          initSubmitAction(modal_html, $(modal_html.find('form')));
+        });
+
+      })
+    });
+  }
+
+  function initSubmitAction(modal, form) {
+    modal.find('[data-action="delete"]').on('click', function() {
+      form.submit();
+      modal.modal('hide')
+      animateSpinner();
+      processResponse(form);
+    });
+  }
+
+
+  function processResponse(form) {
+    form.on('ajax:success', function(e, data) {
+      $('.list-group-item[data-id="' + data.id + '"]').remove();
+      HelperModule.flashAlertMsg(data.message, 'success');
+      animateSpinner(null, false);
+    }).on('ajax:error', function(e, xhr, status, error) {
+      HelperModule.flashAlertMsg(error.message, 'danger');
+      animateSpinner(null, false);
+    })
+  }
+
+  $(document).ready(function() {
+    initEditCoumnModal();
+    initDeleteColumnModal();
+  })
+})()

app/assets/stylesheets/themes/repositories.scss

@@ -0,0 +1,30 @@
+@import "constants";
+
+.repository-columns-header {
+  margin-top: 30px;
+}
+
+.repository-columns-body {
+  margin-top: 50px
+}
+
+.repository-columns-body .list-group-item {
+  padding: 28px;
+
+  .controlls {
+    margin-top: -18px;
+  }
+
+  span {
+    margin-top: -10px;
+  }
+
+  .glyphicon-trash {
+    margin-right: 10px;
+    color: $color-milano-red;
+
+    &:hover {
+      cursor: pointer;
+    }
+  }
+}

app/assets/stylesheets/themes/scinote.scss

@@ -1,7 +1,8 @@
-@import 'constants';
+@import "constants";
 @import "mixins";
 @import "main_navigation";
 @import "buttons";
+@import "repositories";
 
 /** Layout **/
 

app/controllers/repository_columns_controller.rb

@@ -1,10 +1,15 @@
 class RepositoryColumnsController < ApplicationController
   include InputSanitizeHelper
 
-  before_action :load_vars, except: :create
-  before_action :load_vars_nested, only: :create
+  before_action :load_vars, except: %i(create index)
+  before_action :load_vars_nested, only: %i(create index)
   before_action :check_create_permissions, only: :create
-  before_action :check_manage_permissions, except: :create
+  before_action :check_manage_permissions, except: %i(create index)
+  before_action :load_repository_columns, only: :index
+
+  def index
+
+  end
 
   def create
     @repository_column = RepositoryColumn.new(repository_column_params)
@@ -77,6 +82,7 @@ class RepositoryColumnsController < ApplicationController
 
   def destroy
     @del_repository_column = @repository_column.dup
+    column_id = @repository_column.id
     respond_to do |format|
       format.json do
         if @repository_column.destroy
@@ -85,9 +91,17 @@ class RepositoryColumnsController < ApplicationController
             params[:repository_column][:column_index],
             current_user
           )
-          render json: { status: :ok }
+          render json: {
+            message: t('libraries.repository_columns.destroy.success_flash',
+                       name: @del_repository_column.name),
+            id: column_id,
+            status: :ok
+          }
         else
-          render json: { status: :unprocessable_entity }
+          render json: {
+            message: t('libraries.repository_columns.destroy.error_flash'),
+            status: :unprocessable_entity
+          }
         end
       end
     end
@@ -107,6 +121,10 @@ class RepositoryColumnsController < ApplicationController
     render_404 unless @repository
   end
 
+  def load_repository_columns
+    @repository_columns = @repository.repository_columns.order(:created_at)
+  end
+
   def check_create_permissions
     render_403 unless can_create_repository_columns?(@repository.team)
   end

app/views/repository_columns/_delete_column_modal.html.erb

@@ -0,0 +1,16 @@
+<div class="modal fade" id="deleteRepositoryColumn" tabindex="-1" role="dialog" aria-labelledby="deleteRepositoryColumnLabel">
+  <div class="modal-dialog" role="document">
+    <div class="modal-content">
+      <div class="modal-header">
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+        <h4 class="modal-title"><%= t("repositories.modal_delete_column.title") %></h4>
+      </div>
+      <div class="modal-body">
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-primary" data-action="delete"><%= t("repositories.modal_delete_column.delete") %></button>
+        <button type="button" class="btn btn-default" data-dismiss="modal"><%= t("general.cancel")%></button>
+      </div>
+    </div>
+  </div>
+</div>

app/views/repository_columns/_delete_column_modal_body.html.erb

@@ -0,0 +1,19 @@
+<%= bootstrap_form_for @repository_column,
+                       url: repository_repository_column_path(@repository,
+                                                              @repository_column),
+                       remote: true,                                        
+                       method: :delete,
+                       data: { role: "destroy-repository-column-form",
+                               id: @repository_column.id} do |f| %>
+  <%= f.hidden_field :column_index, value: column_index %>
+  <p><%= t("repositories.modal_delete_column.message", column: @repository_column.name) %></p>
+  <div class="alert alert-danger" role="alert">
+    <span class="glyphicon glyphicon-exclamation-sign"></span>
+    &nbsp;
+    <%= t("repositories.modal_delete_column.alert_heading") %>
+    <ul>
+      <li><%= t("repositories.modal_delete_column.alert_line_1", nr: @repository_column.repository_cells.count) %></li>
+      <li><%= t("repositories.modal_delete_column.alert_line_2") %></li>
+    </ul>
+  </div>
+<% end %>

app/views/repository_columns/index.html.erb

@@ -0,0 +1,50 @@
+<% provide(:head_title, t('libraries.repository_columns.head_title', repository: @repository.name)) %>
+<div>
+  <div class="repository-columns-header container">
+    <div class="row">
+      <%= link_to t('libraries.repository_columns.index.back_to_repository_html', repository: @repository.name),
+                  repository_path(@repository) %>
+    </div>
+    <div class="row">
+      <div class="col-md-6 text-left page-title">
+        <h2><strong><%=t 'libraries.repository_columns.index.manage_column' %></strong></h2>
+      </div>
+      <div class="col-md-6 text-right">
+        <button class="btn btn-primary btn-lg">
+          <span class="glyphicon glyphicon-plus"></span>&nbsp;<%=t 'libraries.repository_columns.index.new_column' %>
+        </button>
+      </div>
+    </div>
+  </div>
+  <div class="repository-columns-body container">
+    <ul class="list-group"
+        data-repository-id="<%= @repository.id %>">
+      <% if @repository_columns.length.zero? %>
+        <li class="list-group-item text-center">
+          <strong><%=t 'libraries.repository_columns.index.no_column' %></strong>
+        </li>
+      <% else %>
+        <% @repository_columns.each do |column| %>
+          <% cache column do %>
+            <li class="list-group-item"
+                data-id="<%= column.id %>"
+                data-destroy-url="<%= repository_columns_destroy_html_path(@repository, column) %>">
+              <span class="pull-left"><%= column.name %></span>
+              <span class="controlls pull-right">
+                <span class="glyphicon glyphicon-trash"
+                      aria-hidden="true"
+                      data-action="destroy"></span>&nbsp;
+                      <button class="btn btn-primary" data-action="edit">
+                      <%=t 'libraries.repository_columns.index.edit_column'%>
+                    </button>
+              </span>
+            </li>
+          <% end %>
+        <% end %>
+      <% end %>
+    </ul>
+  </div>
+</div>
+
+<%= render partial: 'delete_column_modal' %>
+<%= javascript_include_tag "repository_columns/index", "data-turbolinks-track" => true %>

config/initializers/assets.rb

@@ -83,6 +83,7 @@ Rails.application.config.assets.precompile +=
 Rails.application.config.assets.precompile +=
   %w(repositories/my_module_repository.js)
 Rails.application.config.assets.precompile += %w(activities/index.js)
+Rails.application.config.assets.precompile += %w(repository_columns/index.js)
 
 # Libraries needed for Handsontable formulas
 Rails.application.config.assets.precompile += %w(lodash.js)

config/locales/en.yml

@@ -985,6 +985,18 @@ en:
     no_records_unassigned_flash: "No items were unassigned from task"
     default_column: 'Name'
 
+  libraries:
+    repository_columns:
+      head_title: '%{repository} | Manage Columns'
+      destroy:
+        success_flash: "Column %{name} was successfully deleted."
+        error_flash: "Something went wrong! Please try again later."
+      index:
+        manage_column: "Manage Columns"
+        new_column: "New"
+        no_column: "No columns"
+        edit_column: "Edit"
+        back_to_repository_html: "<span class='glyphicon glyphicon-chevron-left'></span> Back to %{repository}"
   repository_row:
     modal_info:
       head_title: "Information for item '%{repository_row}'"

config/routes.rb

@@ -468,11 +468,11 @@ Rails.application.routes.draw do
            to: 'repository_rows#delete_records',
            as: 'delete_records',
            defaults: { format: 'json' }
-      post 'repository_columns/:id/destroy_html',
+      get 'repository_columns/:id/destroy_html',
            to: 'repository_columns#destroy_html',
            as: 'columns_destroy_html'
 
-      resources :repository_columns, only: %i(create edit update destroy)
+      resources :repository_columns, only: %i(index create edit update destroy)
       resources :repository_rows, only: %i(create edit update)
       member do
         post 'parse_sheet'