95 lines
3.0 KiB
JavaScript
95 lines
3.0 KiB
JavaScript
/* eslint-disable func-names, space-before-function-paren, no-var, space-before-blocks, prefer-rest-params, wrap-iife, no-unused-vars, one-var, indent, no-underscore-dangle, prefer-template, no-else-return, prefer-arrow-callback, radix, padded-blocks, max-len */
|
|
(function() {
|
|
var bind = function(fn, me){ return function(){ return fn.apply(me, arguments); }; };
|
|
|
|
this.ProjectNew = (function() {
|
|
function ProjectNew() {
|
|
this.toggleSettings = bind(this.toggleSettings, this);
|
|
this.$selects = $('.features select');
|
|
this.$repoSelects = this.$selects.filter('.js-repo-select');
|
|
|
|
$('.project-edit-container').on('ajax:before', (function(_this) {
|
|
return function() {
|
|
$('.project-edit-container').hide();
|
|
return $('.save-project-loader').show();
|
|
};
|
|
})(this));
|
|
this.toggleSettings();
|
|
this.toggleSettingsOnclick();
|
|
this.toggleRepoVisibility();
|
|
}
|
|
|
|
ProjectNew.prototype.toggleSettings = function() {
|
|
var self = this;
|
|
|
|
this.$selects.each(function () {
|
|
var $select = $(this),
|
|
className = $select.data('field').replace(/_/g, '-')
|
|
.replace('access-level', 'feature');
|
|
self._showOrHide($select, '.' + className);
|
|
});
|
|
};
|
|
|
|
ProjectNew.prototype.toggleSettingsOnclick = function() {
|
|
this.$selects.on('change', this.toggleSettings);
|
|
};
|
|
|
|
ProjectNew.prototype._showOrHide = function(checkElement, container) {
|
|
var $container = $(container);
|
|
|
|
if ($(checkElement).val() !== '0') {
|
|
return $container.show();
|
|
} else {
|
|
return $container.hide();
|
|
}
|
|
};
|
|
|
|
ProjectNew.prototype.toggleRepoVisibility = function () {
|
|
var $repoAccessLevel = $('.js-repo-access-level select'),
|
|
containerRegistry = document.querySelectorAll('.js-container-registry')[0],
|
|
containerRegistryCheckbox = document.getElementById('project_container_registry_enabled');
|
|
|
|
this.$repoSelects.find("option[value='" + $repoAccessLevel.val() + "']")
|
|
.nextAll()
|
|
.hide();
|
|
|
|
$repoAccessLevel.off('change')
|
|
.on('change', function () {
|
|
var selectedVal = parseInt($repoAccessLevel.val());
|
|
|
|
this.$repoSelects.each(function () {
|
|
var $this = $(this),
|
|
repoSelectVal = parseInt($this.val());
|
|
|
|
$this.find('option').show();
|
|
|
|
if (selectedVal < repoSelectVal) {
|
|
$this.val(selectedVal);
|
|
}
|
|
|
|
$this.find("option[value='" + selectedVal + "']").nextAll().hide();
|
|
});
|
|
|
|
if (selectedVal) {
|
|
this.$repoSelects.removeClass('disabled');
|
|
|
|
if (containerRegistry) {
|
|
containerRegistry.style.display = '';
|
|
}
|
|
} else {
|
|
this.$repoSelects.addClass('disabled');
|
|
|
|
if (containerRegistry) {
|
|
containerRegistry.style.display = 'none';
|
|
containerRegistryCheckbox.checked = false;
|
|
}
|
|
}
|
|
}.bind(this));
|
|
};
|
|
|
|
return ProjectNew;
|
|
|
|
})();
|
|
|
|
}).call(this);
|