refactor VisibilitySelect class to ES module syntax
This commit is contained in:
parent
f890939609
commit
6149c2e230
4 changed files with 5 additions and 9 deletions
|
@ -160,7 +160,6 @@ import './user_tabs';
|
|||
import './username_validator';
|
||||
import './users_select';
|
||||
import './version_check_image';
|
||||
import './visibility_select';
|
||||
|
||||
// eslint-disable-next-line global-require, import/no-commonjs
|
||||
if (process.env.NODE_ENV !== 'production') require('./test_utils/');
|
||||
|
|
|
@ -1,5 +1,7 @@
|
|||
/* 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 */
|
||||
|
||||
import VisibilitySelect from './visibility_select';
|
||||
|
||||
function highlightChanges($elm) {
|
||||
$elm.addClass('highlight-changes');
|
||||
setTimeout(() => $elm.removeClass('highlight-changes'), 10);
|
||||
|
@ -30,7 +32,7 @@ function highlightChanges($elm) {
|
|||
ProjectNew.prototype.initVisibilitySelect = function() {
|
||||
const visibilityContainer = document.querySelector('.js-visibility-select');
|
||||
if (!visibilityContainer) return;
|
||||
const visibilitySelect = new gl.VisibilitySelect(visibilityContainer);
|
||||
const visibilitySelect = new VisibilitySelect(visibilityContainer);
|
||||
visibilitySelect.init();
|
||||
|
||||
const $visibilitySelect = $(visibilityContainer).find('select');
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
class VisibilitySelect {
|
||||
export default class VisibilitySelect {
|
||||
constructor(container) {
|
||||
if (!container) throw new Error('VisibilitySelect requires a container element as argument 1');
|
||||
this.container = container;
|
||||
|
@ -19,6 +19,3 @@ class VisibilitySelect {
|
|||
this.helpBlock.textContent = this.select.querySelector('option:checked').dataset.description;
|
||||
}
|
||||
}
|
||||
|
||||
window.gl = window.gl || {};
|
||||
window.gl.VisibilitySelect = VisibilitySelect;
|
||||
|
|
|
@ -1,8 +1,6 @@
|
|||
import '~/visibility_select';
|
||||
import VisibilitySelect from '~/visibility_select';
|
||||
|
||||
(() => {
|
||||
const VisibilitySelect = gl.VisibilitySelect;
|
||||
|
||||
describe('VisibilitySelect', function () {
|
||||
const lockedElement = document.createElement('div');
|
||||
lockedElement.dataset.helpBlock = 'lockedHelpBlock';
|
||||
|
|
Loading…
Reference in a new issue