summaryrefslogtreecommitdiff
path: root/app/assets/javascripts/new_branch_form.js
blob: 918c6e408a2f6722a4b6c38aae7d8d2e60f36a0b (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
/* eslint-disable func-names, consistent-return, no-return-assign, no-else-return, @gitlab/i18n/no-non-i18n-strings */

import $ from 'jquery';
import RefSelectDropdown from './ref_select_dropdown';

export default class NewBranchForm {
  constructor(form, availableRefs) {
    this.validate = this.validate.bind(this);
    this.branchNameError = form.find('.js-branch-name-error');
    this.name = form.find('.js-branch-name');
    this.ref = form.find('#ref');
    new RefSelectDropdown($('.js-branch-select'), availableRefs); // eslint-disable-line no-new
    this.setupRestrictions();
    this.addBinding();
    this.init();
  }

  addBinding() {
    return this.name.on('blur', this.validate);
  }

  init() {
    if (this.name.length && this.name.val().length > 0) {
      return this.name.trigger('blur');
    }
  }

  setupRestrictions() {
    const startsWith = {
      pattern: /^(\/|\.)/g,
      prefix: "can't start with",
      conjunction: 'or',
    };
    const endsWith = {
      pattern: /(\/|\.|\.lock)$/g,
      prefix: "can't end in",
      conjunction: 'or',
    };
    const invalid = {
      pattern: /(\s|~|\^|:|\?|\*|\[|\\|\.\.|@\{|\/{2,}){1}/g,
      prefix: "can't contain",
      conjunction: ', ',
    };
    const single = {
      pattern: /^@+$/g,
      prefix: "can't be",
      conjunction: 'or',
    };
    return (this.restrictions = [startsWith, invalid, endsWith, single]);
  }

  validate() {
    const { indexOf } = [];

    this.branchNameError.empty();
    const unique = function(values, value) {
      if (indexOf.call(values, value) === -1) {
        values.push(value);
      }
      return values;
    };
    const formatter = function(values, restriction) {
      const formatted = values.map(value => {
        switch (false) {
          case !/\s/.test(value):
            return 'spaces';
          case !/\/{2,}/g.test(value):
            return 'consecutive slashes';
          default:
            return `'${value}'`;
        }
      });
      return `${restriction.prefix} ${formatted.join(restriction.conjunction)}`;
    };
    const validator = (errors, restriction) => {
      const matched = this.name.val().match(restriction.pattern);
      if (matched) {
        return errors.concat(formatter(matched.reduce(unique, []), restriction));
      } else {
        return errors;
      }
    };
    const errors = this.restrictions.reduce(validator, []);
    if (errors.length > 0) {
      const errorMessage = $('<span/>').text(errors.join(', '));
      return this.branchNameError.append(errorMessage);
    }
  }
}