1 files changed, 128 insertions, 0 deletions
diff --git a/apps/bruteforcesettings/js/IPWhitelistView.js b/apps/bruteforcesettings/js/IPWhitelistView.js
new file mode 100644
index 00000000000..da711ae1225
--- /dev/null
+++ b/apps/bruteforcesettings/js/IPWhitelistView.js
@@ -0,0 +1,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><a class="icon-delete has-tooltip" title="' + t('bruteforcesettings', 'Delete') + '">BAD CSS</a></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()
+			});
+		}
+	});
+})();