debian-mirror-gitlab/app/assets/javascripts/project_new.js

105 lines
3.3 KiB
JavaScript
Raw Normal View History

2017-08-17 22:00:37 +05:30
/* eslint-disable func-names, space-before-function-paren, no-var, prefer-rest-params, wrap-iife, no-unused-vars, one-var, no-underscore-dangle, prefer-template, no-else-return, prefer-arrow-callback, max-len */
2016-09-13 17:45:13 +05:30
(function() {
2017-08-17 22:00:37 +05:30
var bind = function(fn, me) { return function() { return fn.apply(me, arguments); }; };
2016-09-13 17:45:13 +05:30
this.ProjectNew = (function() {
function ProjectNew() {
this.toggleSettings = bind(this.toggleSettings, this);
2016-09-29 09:46:39 +05:30
this.$selects = $('.features select');
2016-11-03 12:29:30 +05:30
this.$repoSelects = this.$selects.filter('.js-repo-select');
2016-09-29 09:46:39 +05:30
2016-09-13 17:45:13 +05:30
$('.project-edit-container').on('ajax:before', (function(_this) {
return function() {
$('.project-edit-container').hide();
return $('.save-project-loader').show();
};
})(this));
2017-08-17 22:00:37 +05:30
this.initVisibilitySelect();
2016-09-13 17:45:13 +05:30
this.toggleSettings();
this.toggleSettingsOnclick();
2016-11-03 12:29:30 +05:30
this.toggleRepoVisibility();
2016-09-13 17:45:13 +05:30
}
2017-08-17 22:00:37 +05:30
ProjectNew.prototype.initVisibilitySelect = function() {
const visibilityContainer = document.querySelector('.js-visibility-select');
if (!visibilityContainer) return;
const visibilitySelect = new gl.VisibilitySelect(visibilityContainer);
visibilitySelect.init();
};
2016-09-13 17:45:13 +05:30
ProjectNew.prototype.toggleSettings = function() {
2016-09-29 09:46:39 +05:30
var self = this;
this.$selects.each(function () {
2017-08-17 22:00:37 +05:30
var $select = $(this);
var className = $select.data('field')
.replace(/_/g, '-')
.replace('access-level', 'feature');
2016-09-29 09:46:39 +05:30
self._showOrHide($select, '.' + className);
});
2016-09-13 17:45:13 +05:30
};
ProjectNew.prototype.toggleSettingsOnclick = function() {
2016-09-29 09:46:39 +05:30
this.$selects.on('change', this.toggleSettings);
2016-09-13 17:45:13 +05:30
};
ProjectNew.prototype._showOrHide = function(checkElement, container) {
2016-09-29 09:46:39 +05:30
var $container = $(container);
if ($(checkElement).val() !== '0') {
2016-09-13 17:45:13 +05:30
return $container.show();
} else {
return $container.hide();
}
};
2016-11-03 12:29:30 +05:30
ProjectNew.prototype.toggleRepoVisibility = function () {
var $repoAccessLevel = $('.js-repo-access-level select');
2017-08-17 22:00:37 +05:30
var containerRegistry = document.querySelectorAll('.js-container-registry')[0];
var containerRegistryCheckbox = document.getElementById('project_container_registry_enabled');
2016-11-03 12:29:30 +05:30
this.$repoSelects.find("option[value='" + $repoAccessLevel.val() + "']")
.nextAll()
.hide();
$repoAccessLevel.off('change')
.on('change', function () {
2017-08-17 22:00:37 +05:30
var selectedVal = parseInt($repoAccessLevel.val(), 10);
2016-11-03 12:29:30 +05:30
this.$repoSelects.each(function () {
2017-08-17 22:00:37 +05:30
var $this = $(this);
var repoSelectVal = parseInt($this.val(), 10);
2016-11-03 12:29:30 +05:30
$this.find('option').show();
if (selectedVal < repoSelectVal) {
$this.val(selectedVal);
}
$this.find("option[value='" + selectedVal + "']").nextAll().hide();
});
if (selectedVal) {
this.$repoSelects.removeClass('disabled');
2017-08-17 22:00:37 +05:30
if (containerRegistry) {
containerRegistry.style.display = '';
}
2016-11-03 12:29:30 +05:30
} else {
this.$repoSelects.addClass('disabled');
2017-08-17 22:00:37 +05:30
if (containerRegistry) {
containerRegistry.style.display = 'none';
containerRegistryCheckbox.checked = false;
}
2016-11-03 12:29:30 +05:30
}
}.bind(this));
};
2016-09-13 17:45:13 +05:30
return ProjectNew;
})();
2017-08-17 22:00:37 +05:30
}).call(window);