app/assets/javascripts/pipeline_schedules/pipeline_schedule_form_bundle.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

import Vue from 'vue';
import IntervalPatternInput from './components/interval_pattern_input';
import TimezoneDropdown from './components/timezone_dropdown';
import TargetBranchDropdown from './components/target_branch_dropdown';

document.addEventListener('DOMContentLoaded', () => {
  const IntervalPatternInputComponent = Vue.extend(IntervalPatternInput);
  const intervalPatternMount = document.getElementById('interval-pattern-input');
  const initialCronInterval = intervalPatternMount ? intervalPatternMount.dataset.initialInterval : '';

  new IntervalPatternInputComponent({
    propsData: {
      initialCronInterval,
    },
  }).$mount(intervalPatternMount);

  const formElement = document.getElementById('new-pipeline-schedule-form');
  gl.timezoneDropdown = new TimezoneDropdown();
  gl.targetBranchDropdown = new TargetBranchDropdown();
  gl.pipelineScheduleFieldErrors = new gl.GlFieldErrors(formElement);
});