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
126
127
128
129
130
131
132
133
<button id="dialog-show-dialog-1f0161df-89f2-4076-9bfb-99ba9d2cffe9" data-show-dialog-id="dialog-1f0161df-89f2-4076-9bfb-99ba9d2cffe9" aria-labelledby="tooltip-dad65dfb-31d1-48e1-a50d-95a477f82e2c" 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-dad65dfb-31d1-48e1-a50d-95a477f82e2c" for="dialog-show-dialog-1f0161df-89f2-4076-9bfb-99ba9d2cffe9" popover="manual" data-direction="s" data-type="label" data-view-component="true" class="sr-only position-absolute">Edit reminder</tool-tip><dialog-helper> <dialog id="dialog-1f0161df-89f2-4076-9bfb-99ba9d2cffe9" aria-modal="true" aria-labelledby="dialog-1f0161df-89f2-4076-9bfb-99ba9d2cffe9-title" aria-describedby="dialog-1f0161df-89f2-4076-9bfb-99ba9d2cffe9-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-1f0161df-89f2-4076-9bfb-99ba9d2cffe9-title"> Edit reminder </h1> </div> <div class="Overlay-actionWrap"> <button data-close-dialog-id="dialog-1f0161df-89f2-4076-9bfb-99ba9d2cffe9" 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-1f0161df-89f2-4076-9bfb-99ba9d2cffe9-title"> <div data-view-component="true" class="Overlay-body"><turbo-frame id="reminder_modal_body"> <form id="reminder-form" action="/work_packages/1033/reminders/1035" accept-charset="UTF-8" method="post"><input type="hidden" name="_method" value="patch" autocomplete="off" /><input type="hidden" name="authenticity_token" value="mLhD3C9M7iQZHX047jJZWU0kvdKnVgOQKtW77-B7Ah-AxerP_MqO6nUYZ9xj8pD0cOeGcRyEDB_hN9bY4XTbGg" 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"> Datum <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="Datum" aria-required="true" aria-describedby="validation-cded0255-bfc3-4ab9-8777-9d308b8ec986" 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-cded0255-bfc3-4ab9-8777-9d308b8ec986" 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"> Zeit <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:57" placeholder="Zeit" aria-required="true" aria-describedby="validation-2940bc47-4d8d-4de9-88ad-65c74b5d8e1e caption-2940bc47-4d8d-4de9-88ad-65c74b5d8e1e" 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-2940bc47-4d8d-4de9-88ad-65c74b5d8e1e" 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-2940bc47-4d8d-4de9-88ad-65c74b5d8e1e">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"> Anmerkung </label> <div class="FormControl-input-wrap FormControl-input-width--auto"> <input placeholder="Warum richten Sie diese Erinnerung ein?" aria-describedby="validation-730d995f-19ff-47e4-a945-59945de073a9" 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-730d995f-19ff-47e4-a945-59945de073a9" 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-between d-flex flex-row"> <div data-view-component="true"> <button formaction="/work_packages/1033/reminders/1035" formmethod="delete" type="submit" data-view-component="true" class="Button--danger Button--medium Button"> <span class="Button-content"> <span class="Button-label">Erinnerung entfernen</span> </span> </button> </div> <div data-view-component="true" class="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">Abbrechen</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">Speichern</span> </span> </button> </div> </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: "Edit reminder")) do |d| d.with_show_button(icon: :clock, "aria-label": "Edit reminder") d.with_body do render(WorkPackages::Reminder::ModalBodyComponent.new(remindable:, reminder:, errors:)) end end%>No params configured.