summaryrefslogtreecommitdiffstats
path: root/apps/bruteforcesettings/js/IPWhitelistView.js
blob: 7341c7d079715c3fdcd77af0f44dc4186433f982 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
/**
 * @copyright 2016, Roeland Jago Douma <roeland@famdouma.nl>
 *
 * @author Roeland Jago Douma <roeland@famdouma.nl>
 *
 * @license GNU AGPL version 3 or any later version
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as
 * published by the Free Software Foundation, either version 3 of the
 * License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 *
 */

(function () {

	OCA.BruteForceSettings = OCA.BruteForceSettings || {};

	var TEMPLATE_WHITELIST =
		'<tr data-id="{{id}}">'
		+ '<td><span>{{ip}}/{{mask}}</span></td>'
		+ '<td class="action-column"><span><a class="icon-delete has-tooltip" title="' + t('bruteforcesettings', 'Delete') + '"></a></span></td>'
		+ '</tr>';

	OCA.BruteForceSettings.WhitelistView = OC.Backbone.View.extend({
		collection: null,

		ipInput: undefined,
		maskInput: undefined,
		submit: undefined,

		list: undefined,
		listHeader: undefined,

		initialize: function(options) {
			this.collection = options.collection;

			this.ipInput = $('#whitelist_ip');
			this.maskInput = $('#whitelist_mask');
			this.submit = $('#whitelist_submit');
			this.submit.click(_.bind(this._addWhitelist, this));

			this.list = $('#whitelist-list');
			this.listHeader = $('#whitelist-list-header');

			this.list.on('click', 'a.icon-delete', _.bind(this._onDeleteRetention, this));
			this.listenTo(this.collection, 'sync', this.render);
		},



		reload: function() {
			var _this = this;
			var loadingWhitelists = this.collection.fetch();

			$.when(loadingWhitelists).done(function () {
				_this.render();
			});
			$.when(loadingWhitelists).fail(function () {
				OC.Notification.showTemporary(t('bruteforcesettings', 'Error while whitelists.'));
			});
		},

		template: function (data) {
			if (_.isUndefined(this._template)) {
				this._template = Handlebars.compile(TEMPLATE_WHITELIST);
			}

			return this._template(data);
		},

		render: function () {
			var _this = this;
			this.list.html('');

			this.collection.forEach(function (model) {
				var data = {
					id: model.attributes.id,
					ip: model.attributes.ip,
					mask: model.attributes.mask
				};
				var html = _this.template(data);
				var $html = $(html);
				_this.list.append($html);
			});
		},

		_onDeleteRetention: function(event) {
			var $target = $(event.target);
			var $row = $target.closest('tr');
			var id = $row.data('id');

			var whitelist = this.collection.get(id);

			if (_.isUndefined(whitelist)) {
				// Ignore event
				return;
			}

			var destroyingRetention = whitelist.destroy();

			$row.find('.icon-delete').tooltip('hide');

			var _this = this;
			$.when(destroyingRetention).fail(function () {
				OC.Notification.showTemporary(t('bruteforcesettings', 'Error while deleting a whitelist'));
			});
			$.when(destroyingRetention).always(function () {
				_this.render();
			});
		},

		_addWhitelist: function() {
			this.collection.create({
				ip: this.ipInput.val(),
				mask: this.maskInput.val()
			});
		}
	});
})();