x
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
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
<button id="dialog-show-dialog-eee56bd0-278b-4b41-9bf6-20cfcbd97a74" data-show-dialog-id="dialog-eee56bd0-278b-4b41-9bf6-20cfcbd97a74" aria-labelledby="tooltip-f4f61ec4-4a70-4c38-885e-32c7dbebc5f9" type="button" data-view-component="true" class="Button Button--iconOnly Button--secondary Button--medium"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-clock Button-visual"> <path d="M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0ZM1.5 8a6.5 6.5 0 1 0 13 0 6.5 6.5 0 0 0-13 0Zm7-3.25v2.992l2.028.812a.75.75 0 0 1-.557 1.392l-2.5-1A.751.751 0 0 1 7 8.25v-3.5a.75.75 0 0 1 1.5 0Z"></path> </svg></button><tool-tip id="tooltip-f4f61ec4-4a70-4c38-885e-32c7dbebc5f9" for="dialog-show-dialog-eee56bd0-278b-4b41-9bf6-20cfcbd97a74" popover="manual" data-direction="s" data-type="label" data-view-component="true" class="sr-only position-absolute">Create reminder</tool-tip><dialog-helper> <dialog id="dialog-eee56bd0-278b-4b41-9bf6-20cfcbd97a74" aria-modal="true" aria-labelledby="dialog-eee56bd0-278b-4b41-9bf6-20cfcbd97a74-title" aria-describedby="dialog-eee56bd0-278b-4b41-9bf6-20cfcbd97a74-description" data-view-component="true" class="Overlay Overlay-whenNarrow Overlay--size-medium Overlay--motion-scaleFade Overlay--disableScroll"> <div data-view-component="true" class="Overlay-header"> <div class="Overlay-headerContentWrap"> <div class="Overlay-titleWrap"> <h1 class="Overlay-title " id="dialog-eee56bd0-278b-4b41-9bf6-20cfcbd97a74-title"> Create reminder </h1> </div> <div class="Overlay-actionWrap"> <button data-close-dialog-id="dialog-eee56bd0-278b-4b41-9bf6-20cfcbd97a74" aria-label="Close" type="button" data-view-component="true" class="close-button Overlay-closeButton"><svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-x"> <path d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z"></path> </svg></button> </div> </div> </div> <scrollable-region data-labelled-by="dialog-eee56bd0-278b-4b41-9bf6-20cfcbd97a74-title"> <div data-view-component="true" class="Overlay-body"><turbo-frame id="reminder_modal_body"> <form id="reminder-form" action="/work_packages/1006/reminders" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QdG0lUkCXwBRgt09Ih6BwTJQM3m5-hOc8iqmtrLCv-0C31SfUE45d-78rKbOYtcz7_9q6jMeIo2iM2uc-wAe-w" autocomplete="off" /> <div data-view-component="true" class="reminder-modal-body--form-flex-container d-flex flex-column"> <div data-view-component="true"> <div class="FormControl-spacingWrapper"> <div data-view-component="true"> <primer-text-field class="FormControl width-full FormControl--fullWidth"> <label class="FormControl-label" for="reminder_remind_at_date"> Date <span aria-hidden="true">*</span> </label> <div class="FormControl-input-wrap FormControl-input-wrap--leadingVisual FormControl-input-width--auto"> <span class="FormControl-input-leadingVisualWrap"> <svg data-target="primer-text-field.leadingVisual" aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-calendar FormControl-input-leadingVisual"> <path d="M4.75 0a.75.75 0 0 1 .75.75V2h5V.75a.75.75 0 0 1 1.5 0V2h1.25c.966 0 1.75.784 1.75 1.75v10.5A1.75 1.75 0 0 1 13.25 16H2.75A1.75 1.75 0 0 1 1 14.25V3.75C1 2.784 1.784 2 2.75 2H4V.75A.75.75 0 0 1 4.75 0ZM2.5 7.5v6.75c0 .138.112.25.25.25h10.5a.25.25 0 0 0 .25-.25V7.5Zm10.75-4H2.75a.25.25 0 0 0-.25.25V6h11V3.75a.25.25 0 0 0-.25-.25Z"></path> </svg> </span> <input type="date" value="2025-04-02" placeholder="Date" aria-required="true" aria-describedby="validation-f65c7f42-b722-4665-8ac5-207cdce97315" data-target="primer-text-field.inputElement " class="FormControl-input FormControl-medium" name="reminder[remind_at_date]" id="reminder_remind_at_date" /> </div> <div class="FormControl-inlineValidation" id="validation-f65c7f42-b722-4665-8ac5-207cdce97315" hidden="hidden"> <span class="FormControl-inlineValidation--visual" data-target="primer-text-field.validationSuccessIcon" hidden><svg aria-hidden="true" height="12" viewBox="0 0 12 12" version="1.1" width="12" data-view-component="true" class="octicon octicon-check-circle-fill"> <path d="M6 0a6 6 0 1 1 0 12A6 6 0 0 1 6 0Zm-.705 8.737L9.63 4.403 8.392 3.166 5.295 6.263l-1.7-1.702L2.356 5.8l2.938 2.938Z"></path> </svg></span> <span class=" FormControl-inlineValidation--visual" data-target="primer-text-field.validationErrorIcon"><svg aria-hidden="true" height="12" viewBox="0 0 12 12" version="1.1" width="12" data-view-component="true" class="octicon octicon-alert-fill"> <path d="M4.855.708c.5-.896 1.79-.896 2.29 0l4.675 8.351a1.312 1.312 0 0 1-1.146 1.954H1.33A1.313 1.313 0 0 1 .183 9.058ZM7 7V3H5v4Zm-1 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"></path> </svg></span> <span></span> </div> </primer-text-field> </div> </div> </div> <div data-view-component="true"> <div class="FormControl-spacingWrapper"> <div data-view-component="true"> <primer-text-field class="FormControl width-full FormControl--fullWidth"> <label class="FormControl-label" for="reminder_remind_at_time"> Time <span aria-hidden="true">*</span> </label> <div class="FormControl-input-wrap FormControl-input-wrap--leadingVisual FormControl-input-width--auto"> <span class="FormControl-input-leadingVisualWrap"> <svg data-target="primer-text-field.leadingVisual" aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-clock FormControl-input-leadingVisual"> <path d="M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0ZM1.5 8a6.5 6.5 0 1 0 13 0 6.5 6.5 0 0 0-13 0Zm7-3.25v2.992l2.028.812a.75.75 0 0 1-.557 1.392l-2.5-1A.751.751 0 0 1 7 8.25v-3.5a.75.75 0 0 1 1.5 0Z"></path> </svg> </span> <input type="time" value="12:56" placeholder="Time" aria-required="true" aria-describedby="validation-32869e6e-4261-47b5-a0c1-f8a14802a6e2 caption-32869e6e-4261-47b5-a0c1-f8a14802a6e2" data-target="primer-text-field.inputElement " class="FormControl-input FormControl-medium" name="reminder[remind_at_time]" id="reminder_remind_at_time" /> </div> <div class="FormControl-inlineValidation" id="validation-32869e6e-4261-47b5-a0c1-f8a14802a6e2" hidden="hidden"> <span class="FormControl-inlineValidation--visual" data-target="primer-text-field.validationSuccessIcon" hidden><svg aria-hidden="true" height="12" viewBox="0 0 12 12" version="1.1" width="12" data-view-component="true" class="octicon octicon-check-circle-fill"> <path d="M6 0a6 6 0 1 1 0 12A6 6 0 0 1 6 0Zm-.705 8.737L9.63 4.403 8.392 3.166 5.295 6.263l-1.7-1.702L2.356 5.8l2.938 2.938Z"></path> </svg></span> <span class=" FormControl-inlineValidation--visual" data-target="primer-text-field.validationErrorIcon"><svg aria-hidden="true" height="12" viewBox="0 0 12 12" version="1.1" width="12" data-view-component="true" class="octicon octicon-alert-fill"> <path d="M4.855.708c.5-.896 1.79-.896 2.29 0l4.675 8.351a1.312 1.312 0 0 1-1.146 1.954H1.33A1.313 1.313 0 0 1 .183 9.058ZM7 7V3H5v4Zm-1 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"></path> </svg></span> <span></span> </div> <span class="FormControl-caption" id="caption-32869e6e-4261-47b5-a0c1-f8a14802a6e2">UTC+02:00</span> </primer-text-field> </div> </div> </div> <div data-view-component="true"> <div class="FormControl-spacingWrapper"> <div data-view-component="true"> <primer-text-field class="FormControl width-full FormControl--fullWidth"> <label class="FormControl-label" for="reminder_note"> Note </label> <div class="FormControl-input-wrap FormControl-input-width--auto"> <input placeholder="Why are you setting this reminder?" aria-describedby="validation-54517377-feef-445d-ae77-053c4312d200" data-target="primer-text-field.inputElement " class="FormControl-input FormControl-medium" type="text" value="This is a reminder" name="reminder[note]" id="reminder_note" /> </div> <div class="FormControl-inlineValidation" id="validation-54517377-feef-445d-ae77-053c4312d200" hidden="hidden"> <span class="FormControl-inlineValidation--visual" data-target="primer-text-field.validationSuccessIcon" hidden><svg aria-hidden="true" height="12" viewBox="0 0 12 12" version="1.1" width="12" data-view-component="true" class="octicon octicon-check-circle-fill"> <path d="M6 0a6 6 0 1 1 0 12A6 6 0 0 1 6 0Zm-.705 8.737L9.63 4.403 8.392 3.166 5.295 6.263l-1.7-1.702L2.356 5.8l2.938 2.938Z"></path> </svg></span> <span class=" FormControl-inlineValidation--visual" data-target="primer-text-field.validationErrorIcon"><svg aria-hidden="true" height="12" viewBox="0 0 12 12" version="1.1" width="12" data-view-component="true" class="octicon octicon-alert-fill"> <path d="M4.855.708c.5-.896 1.79-.896 2.29 0l4.675 8.351a1.312 1.312 0 0 1-1.146 1.954H1.33A1.313 1.313 0 0 1 .183 9.058ZM7 7V3H5v4Zm-1 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"></path> </svg></span> <span></span> </div> </primer-text-field> </div> </div> </div> <div data-view-component="true" class="flex-justify-end d-flex flex-row"> <div data-view-component="true" class="mr-2"> <button data-controller="primer-to-angular-modal" data-application-target="dynamic" data-action="click->primer-to-angular-modal#close" data-test-selector="op-reminder-modal-close-button" type="button" data-view-component="true" class="Button--secondary Button--medium Button"> <span class="Button-content"> <span class="Button-label">Cancel</span> </span> </button> </div> <div data-view-component="true"> <button type="submit" data-view-component="true" class="Button--primary Button--medium Button"> <span class="Button-content"> <span class="Button-label">Set reminder</span> </span> </button> </div> </div> </div> </form> </turbo-frame></div> </scrollable-region> </dialog></dialog-helper>No notes provided.
1
2
3
4
5
6
7
8
<%= render(Primer::Alpha::Dialog.new(title: "Create reminder")) do |d| d.with_show_button(icon: :clock, "aria-label": "Create reminder") d.with_body do render(WorkPackages::Reminder::ModalBodyComponent.new(remindable:, reminder:, errors:)) end end%>No params configured.