')).parent().data('animated', false);
-
- if ($element.data('animated') !== false)
- $div.addClass('switch-animate').data('animated', true);
-
- $div
- .append($switchLeft)
- .append($label)
- .append($switchRight);
-
- $element.find('>div').addClass(
- $element.find('input').is(':checked') ? 'switch-on' : 'switch-off'
- );
-
- if ($element.find('input').is(':disabled'))
- $(this).addClass('deactivate');
-
- var changeStatus = function ($this) {
- $this.siblings('label').trigger('mousedown').trigger('mouseup').trigger('click');
- };
-
- $element.on('keydown', function (e) {
- if (e.keyCode === 32) {
- e.stopImmediatePropagation();
- e.preventDefault();
- changeStatus($(e.target).find('span:first'));
- }
- });
-
- $switchLeft.on('click', function (e) {
- changeStatus($(this));
- });
-
- $switchRight.on('click', function (e) {
- changeStatus($(this));
- });
-
- $element.find('input').on('change', function (e) {
- var $this = $(this)
- , $element = $this.parent()
- , thisState = $this.is(':checked')
- , state = $element.is('.switch-off');
-
- e.preventDefault();
-
- $element.css('left', '');
-
- if (state === thisState) {
-
- if (thisState)
- $element.removeClass('switch-off').addClass('switch-on');
- else $element.removeClass('switch-on').addClass('switch-off');
-
- if ($element.data('animated') !== false)
- $element.addClass("switch-animate");
-
- $element.parent().trigger('switch-change', {'el': $this, 'value': thisState})
- }
- });
-
- $element.find('label').on('mousedown touchstart', function (e) {
- var $this = $(this);
- moving = false;
-
- e.preventDefault();
- e.stopImmediatePropagation();
-
- $this.closest('div').removeClass('switch-animate');
-
- if ($this.closest('.switch').is('.deactivate'))
- $this.unbind('click');
- else {
- $this.on('mousemove touchmove', function (e) {
- var $element = $(this).closest('.switch')
- , relativeX = (e.pageX || e.originalEvent.targetTouches[0].pageX) - $element.offset().left
- , percent = (relativeX / $element.width()) * 100
- , left = 25
- , right = 75;
-
- moving = true;
-
- if (percent < left)
- percent = left;
- else if (percent > right)
- percent = right;
-
- $element.find('>div').css('left', (percent - right) + "%")
- });
-
- $this.on('click touchend', function (e) {
- var $this = $(this)
- , $target = $(e.target)
- , $myCheckBox = $target.siblings('input');
-
- e.stopImmediatePropagation();
- e.preventDefault();
-
- $this.unbind('mouseleave');
-
- if (moving)
- $myCheckBox.prop('checked', !(parseInt($this.parent().css('left')) < -25));
- else $myCheckBox.prop("checked", !$myCheckBox.is(":checked"));
-
- moving = false;
- $myCheckBox.trigger('change');
- });
-
- $this.on('mouseleave', function (e) {
- var $this = $(this)
- , $myCheckBox = $this.siblings('input');
-
- e.preventDefault();
- e.stopImmediatePropagation();
-
- $this.unbind('mouseleave');
- $this.trigger('mouseup');
-
- $myCheckBox.prop('checked', !(parseInt($this.parent().css('left')) < -25)).trigger('change');
- });
-
- $this.on('mouseup', function (e) {
- e.stopImmediatePropagation();
- e.preventDefault();
-
- $(this).unbind('mousemove');
- });
- }
- });
- }
- );
- },
- toggleActivation: function () {
- $(this).toggleClass('deactivate');
- },
- isActive: function () {
- return !$(this).hasClass('deactivate');
- },
- setActive: function (active) {
- if (active)
- $(this).removeClass('deactivate');
- else $(this).addClass('deactivate');
- },
- toggleState: function (skipOnChange) {
- var $input = $(this).find('input:checkbox');
- $input.prop('checked', !$input.is(':checked')).trigger('change', skipOnChange);
- },
- setState: function (value, skipOnChange) {
- $(this).find('input:checkbox').prop('checked', value).trigger('change', skipOnChange);
- },
- status: function () {
- return $(this).find('input:checkbox').is(':checked');
- },
- destroy: function () {
- var $div = $(this).find('div')
- , $checkbox;
-
- $div.find(':not(input:checkbox)').remove();
-
- $checkbox = $div.children();
- $checkbox.unwrap().unwrap();
-
- $checkbox.unbind('change');
-
- return $checkbox;
- }
- };
-
- if (methods[method])
- return methods[method].apply(this, Array.prototype.slice.call(arguments, 1));
- else if (typeof method === 'object' || !method)
- return methods.init.apply(this, arguments);
- else
- $.error('Method ' + method + ' does not exist!');
- };
-}(jQuery);
-
-$(function () {
- $('.switch')['bootstrapSwitch']();
-});
diff --git a/UI/Mixins/backbone.bootstrap.switch.mixin.js b/UI/Mixins/backbone.bootstrap.switch.mixin.js
deleted file mode 100644
index 4ebc2a9cb..000000000
--- a/UI/Mixins/backbone.bootstrap.switch.mixin.js
+++ /dev/null
@@ -1,59 +0,0 @@
-'use strict';
-
-var oldItemViewRender = Marionette.ItemView.prototype.render;
-var oldItemCollectionViewRender = Marionette.CollectionView.prototype.render;
-
-
-Marionette.View.prototype.viewName = function () {
- if (this.template) {
- var regex = new RegExp('\/', 'g');
-
- return this.template
- .toLocaleLowerCase()
- .replace('template', '')
- .replace(regex, '-');
- }
-
- return undefined;
-};
-
-Marionette.ItemView.prototype.self$ = function (selector) {
- return this.$(selector).not("[class*='iv-'] " + selector);
-};
-
-Marionette.ItemView.prototype.render = function () {
-
- var result = oldItemViewRender.apply(this, arguments);
-
-
- //check to see if el has bindings (name attribute)
- // any element that has a name attribute and isn't child of another view.
- if (this.self$('[name]').length > 0) {
- if (!this.model) {
- throw 'view ' + this.viewName() + ' has binding attributes but model is not defined';
- }
-
- if (!this._modelBinder) {
- this._modelBinder = new Backbone.ModelBinder();
- }
-
- window.console.log('binding ' + this.viewName());
-
- this._modelBinder.bind(this.model, this.el);
- }
-
- this.self$('.switch').bootstrapSwitch();
- this.$el.addClass('iv-' + this.viewName());
-
-
- return result;
-};
-
-Marionette.CollectionView.prototype.render = function () {
-
- if (this.model) {
- NzbDrone.ModelBinder.bind(this.model, this.el);
- }
-
- return oldItemCollectionViewRender.apply(this, arguments);
-};
\ No newline at end of file
diff --git a/UI/Mixins/backbone.modelbinder.mixin.js b/UI/Mixins/backbone.modelbinder.mixin.js
index 4ebc2a9cb..c25bcd509 100644
--- a/UI/Mixins/backbone.modelbinder.mixin.js
+++ b/UI/Mixins/backbone.modelbinder.mixin.js
@@ -42,7 +42,6 @@ Marionette.ItemView.prototype.render = function () {
this._modelBinder.bind(this.model, this.el);
}
- this.self$('.switch').bootstrapSwitch();
this.$el.addClass('iv-' + this.viewName());
diff --git a/UI/Settings/Naming/NamingTemplate.html b/UI/Settings/Naming/NamingTemplate.html
index efdfcf310..bb1b5b555 100644
--- a/UI/Settings/Naming/NamingTemplate.html
+++ b/UI/Settings/Naming/NamingTemplate.html
@@ -5,7 +5,16 @@
-
+
+
@@ -16,7 +25,16 @@
-
+
+
@@ -27,7 +45,16 @@
-
+
+
@@ -38,9 +65,16 @@
-
+
+
+ On
+ Off
+
+
+
+
+
@@ -51,13 +85,19 @@
-
+
-
+
+ On
+ Off
+
+
+
+
+
+
-