Add push password handling for ee push pull

app/assets/javascripts/pages/projects/settings/repository/show/push_pull.js

@@ -10,7 +10,6 @@ export default class PushPull {
     this.$form = $('.js-mirror-form', this.$container);
     this.$urlInput = $('.js-mirror-url', this.$form);
     this.$protectedBranchesInput = $('.js-mirror-protected', this.$form);
-    this.$mirrorDirectionSelect = $('.js-mirror-direction', this.$form);
     this.$table = $('.js-mirrors-table-body', this.$container);
     this.mirrorEndpoint = this.$form.data('projectMirrorEndpoint');
   }

ee/app/assets/javascripts/pages/projects/settings/repository/show/ee_push_pull.js

@@ -8,6 +8,8 @@ export default class EEPushPull extends PushPull {
   constructor(...args) {
     super(...args);
 
+    this.$password = undefined;
+    this.$mirrorDirectionSelect = $('.js-mirror-direction', this.$form);
     this.$insertionPoint = $('.js-form-insertion-point', this.$form);
     this.$repoCount = $('.js-mirrored-repo-count', this.$container);
     this.directionFormMap = {
@@ -24,6 +26,17 @@ export default class EEPushPull extends PushPull {
     super.init();
   }
 
+  updateUrl() {
+    let val = this.$urlInput.val();
+
+    if (this.$password) {
+      const password = this.$password.val();
+      if (password) val = val.replace('@', `:${password}@`);
+    }
+
+    $('.js-mirror-url-hidden', this.$form).val(val);
+  }
+
   handleUpdate() {
     return this.hideForm()
       .then(() => {
@@ -63,10 +76,14 @@ export default class EEPushPull extends PushPull {
     this.updateUrl();
     this.updateProtectedBranches();
 
-    if (direction === 'pull') this.initMirrorPull();
+    if (direction === 'pull') return this.initMirrorPull();
+    return this.initMirrorPush();
   }
 
   initMirrorPull() {
+    this.$password.off('input.updateUrl');
+    this.$password = undefined;
+
     const mirrorPull = new MirrorPull('.js-mirror-form');
 
     if (this.$urlInput.val() !== '') mirrorPull.handleRepositoryUrlInput();
@@ -75,6 +92,11 @@ export default class EEPushPull extends PushPull {
     this.initSelect2();
   }
 
+  initMirrorPush() {
+    this.$password = $('.js-password', this.$form);
+    this.$password.on('input.updateUrl', () => this.debouncedUpdateUrl());
+  }
+
   initSelect2() {
     $('.js-mirror-user', this.$form).select2({
       width: 'resolve',