app/assets/javascripts/profile/add_ssh_key_validation.js


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

export default class AddSshKeyValidation {
  constructor(
    supportedAlgorithms,
    inputElement,
    warningElement,
    originalSubmitElement,
    confirmSubmitElement,
  ) {
    this.inputElement = inputElement;
    this.form = inputElement.form;

    this.supportedAlgorithms = supportedAlgorithms;
    this.publicKeyRegExp = new RegExp(`^(${this.supportedAlgorithms.join('|')})`);

    this.warningElement = warningElement;

    this.originalSubmitElement = originalSubmitElement;
    this.confirmSubmitElement = confirmSubmitElement;

    this.isValid = false;
  }

  register() {
    this.form.addEventListener('submit', (event) => this.submit(event));

    this.confirmSubmitElement.addEventListener('click', () => {
      this.isValid = true;
      this.form.submit();
    });

    this.inputElement.addEventListener('input', () => this.toggleWarning(false));
  }

  submit(event) {
    this.isValid = this.isPublicKey(this.inputElement.value);

    if (this.isValid) return true;

    event.preventDefault();
    this.toggleWarning(true);
    return false;
  }

  toggleWarning(isVisible) {
    this.warningElement.classList.toggle('hide', !isVisible);
    this.originalSubmitElement.classList.toggle('hide', isVisible);
  }

  isPublicKey(value) {
    return this.publicKeyRegExp.test(value);
  }
}