3 files changed, 34 insertions, 5 deletions
diff --git a/module/web/static/css/default/settings.less b/module/web/static/css/default/settings.less
index 44eeddc5f..12cc31e06 100644
--- a/module/web/static/css/default/settings.less
+++ b/module/web/static/css/default/settings.less
@@ -22,6 +22,26 @@
     margin-top: 0;
   }
 
+  .plugin {
+    a {
+      padding-left: 28px;
+      background-position: 4px 2px;
+      background-repeat: no-repeat;
+      background-size: 20px 20px;
+    }
+
+    i {
+      display: none;
+    }
+
+    &:hover {
+      i {
+        display: block;
+      }
+    }
+
+  }
+
   border-top-left-radius: 0;
   border-top-right-radius: 0;
 
diff --git a/module/web/static/js/views/settings/pluginChooserModal.js b/module/web/static/js/views/settings/pluginChooserModal.js
index c7cdce244..65c412d9c 100644
--- a/module/web/static/js/views/settings/pluginChooserModal.js
+++ b/module/web/static/js/views/settings/pluginChooserModal.js
@@ -14,10 +14,9 @@ define(['jquery', 'underscore', 'app', 'views/abstract/modalView', 'text!tpl/def
                 this.events = _.extend({}, modalView.prototype.events, this.events);
                 var self = this;
                 $.ajax(App.apiRequest('getAvailablePlugins', null, {success: function(data) {
-                    self.plugins = data;
+                    self.plugins = _.sortBy(data, function(item){return item.name;});
                     self.render();
-                }
-                }));
+                }}));
             },
 
             onRender: function() {
diff --git a/module/web/static/js/views/settings/settingsView.js b/module/web/static/js/views/settings/settingsView.js
index 58507f51a..4e83322e5 100644
--- a/module/web/static/js/views/settings/settingsView.js
+++ b/module/web/static/js/views/settings/settingsView.js
@@ -9,7 +9,8 @@ define(['jquery', 'underscore', 'backbone', 'app', 'models/ConfigHolder', './con
 
             events: {
                 'click .settings-menu li > a': 'change_section',
-                'click .btn-add': 'choosePlugin'
+                'click .btn-add': 'choosePlugin',
+                'click .iconf-remove': 'deleteConfig'
             },
 
             menu: null,
@@ -110,7 +111,8 @@ define(['jquery', 'underscore', 'backbone', 'app', 'models/ConfigHolder', './con
             },
 
             failure: function() {
-
+                // TODO
+                this.config =  null;
             },
 
             change_section: function(e) {
@@ -134,6 +136,14 @@ define(['jquery', 'underscore', 'backbone', 'app', 'models/ConfigHolder', './con
 
                     self.modal.show();
                 });
+            },
+
+            deleteConfig: function(e){
+                e.stopPropagation();
+                var el = $(e.target).parent().parent();
+                var name = el.data("name");
+
+                console.log("Delete config " + name);
             }
 
         });