summaryrefslogtreecommitdiff
path: root/app/views/groups/milestones/new.html.haml
blob: a8e1ed77da9d44f3da9aa708635dd22ce8e9f76a (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
- page_title "Milestones"
- header_title group_title(@group, "Milestones", group_milestones_path(@group))

%h3.page-title
  New Milestone

%p.light
  This will create milestone in every selected project
%hr

= form_for @milestone, url: group_milestones_path(@group), html: { class: 'form-horizontal milestone-form gfm-form js-quick-submit js-requires-input' }  do |f|
  .row
    .col-md-6
      .form-group
        = f.label :title, "Title", class: "control-label"
        .col-sm-10
          = f.text_field :title, maxlength: 255, class: "form-control", required: true, autofocus: true
      .form-group.milestone-description
        = f.label :description, "Description", class: "control-label"
        .col-sm-10
          = render layout: 'projects/md_preview', locals: { preview_class: "md-preview" } do
            = render 'projects/zen', f: f, attr: :description, classes: 'description form-control'
            .clearfix
            .error-alert
      .form-group
        = f.label :projects, "Projects", class: "control-label"
        .col-sm-10
          = f.collection_select :project_ids, @group.projects, :id, :name,
            { selected: @group.projects.map(&:id) }, multiple: true, class: 'select2'

    .col-md-6
      .form-group
        = f.label :due_date, "Due Date", class: "control-label"
        .col-sm-10= f.hidden_field :due_date
        .col-sm-10
          .datepicker

  .form-actions
    = f.submit 'Create Milestone', class: "btn-create btn"
    = link_to "Cancel", group_milestones_path(@group), class: "btn btn-cancel"


:javascript
  $(".datepicker").datepicker({
    dateFormat: "yy-mm-dd",
    onSelect: function(dateText, inst) { $("#milestone_due_date").val(dateText) }
  }).datepicker("setDate", $.datepicker.parseDate('yy-mm-dd', $('#milestone_due_date').val()));