add and delete accounts, db will be resetted

3 files changed, 23 insertions, 7 deletions

diff --git a/module/web/static/js/views/accounts/accountListView.js b/module/web/static/js/views/accounts/accountListView.js
index ea01f679e..68dffaa98 100644
--- a/module/web/static/js/views/accounts/accountListView.js
+++ b/module/web/static/js/views/accounts/accountListView.js
@@ -26,8 +26,10 @@ define(['jquery', 'underscore', 'backbone', 'app', 'collections/AccountList', '.
 
             render: function() {
                 var self = this;
+                App.vent.trigger('accounts:destroyContent');
+                // TODO trs cant' be animated
                 this.accounts.each(function(account) {
-                    self.content.append(new accountView({model: account}).render().el);
+                    self.content.appendWithHeight(new accountView({model: account}).render().el);
                 });
             },
 
diff --git a/module/web/static/js/views/accounts/accountModal.js b/module/web/static/js/views/accounts/accountModal.js
index 898b10a89..755ffd510 100644
--- a/module/web/static/js/views/accounts/accountModal.js
+++ b/module/web/static/js/views/accounts/accountModal.js
@@ -52,8 +52,17 @@ define(['jquery', 'underscore', 'app', 'views/abstract/modalView', 'text!tpl/def
             add: function(e) {
                 e.stopPropagation();
                 if (this.select) {
-                    var plugin = this.select.val();
-                    // TODO
+                    var plugin = this.select.val(),
+                        login = this.$('#login').val(),
+                        password = this.$('#password').val(),
+                        self = this;
+
+                    $.ajax(App.apiRequest('updateAccount', {
+                        plugin: plugin, login: login, password: password
+                    }, { success: function() {
+                        App.accountView.refresh();
+                        self.hide();
+                    }}));
                 }
             }
         });
diff --git a/module/web/static/js/views/accounts/accountView.js b/module/web/static/js/views/accounts/accountView.js
index f310e4cc2..7d6306523 100644
--- a/module/web/static/js/views/accounts/accountView.js
+++ b/module/web/static/js/views/accounts/accountView.js
@@ -1,18 +1,23 @@
-define(['jquery', 'underscore', 'backbone', 'app'],
-    function($, _, Backbone, App) {
+define(['jquery', 'underscore', 'backbone', 'app', '../abstract/itemView'],
+    function($, _, Backbone, App, itemView) {
 
         // Renders settings over view page
-        return Backbone.View.extend({
+        return itemView.extend({
 
-            el: "li",
+            el: "tr",
+            template: _.compile($('#template-account').html()),
 
             events: {
+                'click .btn-danger': 'deleteItem'
             },
 
             initialize: function() {
+                this.listenTo(this.model, 'remove', this.unrender);
+                this.listenTo(App.vent, 'accounts:destroyContent', this.destroy);
             },
 
             render: function() {
+                this.$el.html(this.template(this.model.toJSON()));
                 return this;
             }
         });