OLD | NEW |
(Empty) | |
| 1 [define title]Add a Field[end] |
| 2 [define category_css]css/ph_detail.css[end] |
| 3 [include "../framework/master-header.ezt" "showtabs"] |
| 4 |
| 5 <a href="/p/[projectname]/adminLabels">‹ Back to field list</a><br><br> |
| 6 |
| 7 |
| 8 <h4>Add a custom field</h4> |
| 9 |
| 10 <form action="create.do" method="POST"> |
| 11 <input type="hidden" name="token" value="[form_token]"> |
| 12 |
| 13 <table cellspacing="8" class="rowmajor vt"> |
| 14 <tr> |
| 15 <th width="1%">Name:</th> |
| 16 <td> |
| 17 <input id="fieldname" name="name" size="30" value="[initial_field_name]" c
lass="acob"> |
| 18 <span id="fieldnamefeedback" class="fielderror" style="margin-left:1em"> |
| 19 [if-any errors.field_name][errors.field_name][end] |
| 20 </span> |
| 21 </td> |
| 22 </tr> |
| 23 |
| 24 <tr> |
| 25 <th>Description:</th> |
| 26 <td> |
| 27 <textarea name="docstring" rows="4" cols="75">[initial_field_docstring]</t
extarea> |
| 28 </td> |
| 29 </tr> |
| 30 |
| 31 <tr> |
| 32 <th>Type:</th> |
| 33 <td> |
| 34 <select id="field_type" name="field_type"> |
| 35 <option value="enum_type" [is initial_type "enum_type"]selected="selecte
d"[end]>Enum</option> |
| 36 <option value="int_type" [is initial_type "int_type"]selected="selected"
[end]>Integer</option> |
| 37 <option value="str_type" [is initial_type "str_type"]selected="selected"
[end]>String</option> |
| 38 <option value="user_type" [is initial_type "user_type"]selected="selecte
d"[end]>User</option> |
| 39 </select> |
| 40 </td> |
| 41 </tr> |
| 42 |
| 43 <tr> |
| 44 <th>Applicable:</th> |
| 45 <td>When issue type is: |
| 46 <select id="applicable_type" name="applicable_type"> |
| 47 <option value="" [is initial_applicable_type ""]selected="selected"[end]
>Anything</option> |
| 48 <option disabled="disabled">----</option> |
| 49 [for well_known_issue_types] |
| 50 <option value="[well_known_issue_types]" [is initial_applicable_type w
ell_known_issue_types]selected="selected"[end]>[well_known_issue_types]</option> |
| 51 [end] |
| 52 </select> |
| 53 [# TODO(jrobbins): AND with free-form applicability predicate.] |
| 54 </td> |
| 55 </tr> |
| 56 |
| 57 <tr> |
| 58 <th>Required:</th> |
| 59 <td> |
| 60 <input type="checkbox" id="is_required" name="is_required" class="acob" |
| 61 [if-any initial_is_required]checked="checked"[end]> |
| 62 <label for="is_required">Required when applicable</label> |
| 63 </td> |
| 64 </tr> |
| 65 |
| 66 <tr> |
| 67 <th>Multivalued:</th> |
| 68 <td> |
| 69 <input type="checkbox" name="is_multivalued" class="acob" |
| 70 [if-any initial_is_multivalued]checked="checked"[end]> |
| 71 </td> |
| 72 </tr> |
| 73 |
| 74 <tr id="choices_row" style="display:none"> |
| 75 <th>Choices:</th> |
| 76 <td> |
| 77 <textarea id="choices" name="choices" rows="10" cols="75" style="tab-size:
12" |
| 78 >[initial_choices]</textarea> |
| 79 </td> |
| 80 </tr> |
| 81 |
| 82 <tr id="int_row" style="display:none"> |
| 83 <th>Validation:</th> |
| 84 <td> |
| 85 Min value: <input type="number" name="min_value" style="text-align:right;
width: 4em"> |
| 86 Max value: <input type="number" name="max_value" style="text-align:right;
width: 4em"><br> |
| 87 </td> |
| 88 </tr> |
| 89 |
| 90 <tr id="str_row" style="display:none"> |
| 91 <th>Validation:</th> |
| 92 <td> |
| 93 Regex: <input type="text" name="regex" size="30"><br> |
| 94 </td> |
| 95 </tr> |
| 96 |
| 97 <tr id="user_row" style="display:none"> |
| 98 <th>Validation:</th> |
| 99 <td> |
| 100 <input type="checkbox" name="needs_member" id="needs_member" class="acob" |
| 101 [if-any initial_needs_member]checked[end]> |
| 102 <label for="needs_member">User must be a project member</label><br> |
| 103 <span id="needs_perm_span" style="margin-left:1em"> |
| 104 Required permission: |
| 105 <input type="text" name="needs_perm" id="needs_perm" size="20" |
| 106 value="[initial_needs_perm]" class="acob"> |
| 107 </span><br> |
| 108 </td> |
| 109 </tr> |
| 110 <tr id="user_row2" style="display:none"> |
| 111 <th>Permissions:</th> |
| 112 <td> |
| 113 The users named in this field is granted this permission on this issue:<br
> |
| 114 [# TODO(jrobbins): one-click way to specify View vs. EditIssue vs. any cus
tom perm.] |
| 115 <input type="text" name="grants_perm" id="grants_perm" class="acob" |
| 116 size="20" value="[initial_grants_perm]" autocomplete="off"> |
| 117 </td> |
| 118 </tr> |
| 119 <tr id="user_row3" style="display:none"> |
| 120 <th>Notification:</th> |
| 121 <td> |
| 122 The users named in this field will be notified via email whenever:<br> |
| 123 <select name="notify_on"> |
| 124 <option value="never" [is initial_notify_on "0"]selected="selected"[end] |
| 125 >No notifications</option> |
| 126 <option value="any_comment" [is initial_notify_on "1"]selected="selected
"[end] |
| 127 >Any change or comment is added</option> |
| 128 </select> |
| 129 </td> |
| 130 </tr> |
| 131 |
| 132 <th>Admins:</th> |
| 133 <td> |
| 134 <input id="member_admins" name="admin_names" size="75" value="[initial_adm
ins]" |
| 135 autocomplete="off" class="acob"> |
| 136 <span class="fielderror" style="margin-left:1em"> |
| 137 [if-any errors.field_admins][errors.field_admins][end] |
| 138 </span> |
| 139 </td> |
| 140 </tr> |
| 141 |
| 142 <tr> |
| 143 <td></td> |
| 144 <td> |
| 145 <input id="submit_btn" type="submit" name="submit" value="Create field"> |
| 146 </td> |
| 147 </tr> |
| 148 |
| 149 </table> |
| 150 </form> |
| 151 |
| 152 [include "../framework/footer-script.ezt"] |
| 153 |
| 154 <script type="text/javascript" nonce="[nonce]"> |
| 155 runOnLoad(function() { |
| 156 _fetchOptions('[projectname]', 'issueOptions', |
| 157 CS_env.token, [project.cached_content_timestamp]); |
| 158 |
| 159 _onload(); |
| 160 var submit = document.getElementById('submit_btn'); |
| 161 submit.disabled = 'disabled'; |
| 162 var fieldname = document.getElementById('fieldname'); |
| 163 var oldName = ''; |
| 164 fieldname.focus(); |
| 165 |
| 166 var fieldNameRE = /^[[]a-zA-Z]([[]-_]?[[]a-zA-Z0-9])*$/; |
| 167 |
| 168 function checkFieldName() { |
| 169 name = fieldname.value; |
| 170 if (name != oldName) { |
| 171 oldName = name; |
| 172 feedback = document.getElementById('fieldnamefeedback'); |
| 173 submit.disabled = 'disabled'; |
| 174 if (name == '') { |
| 175 feedback.innerText = 'Please choose a field name'; |
| 176 } else if (!fieldNameRE.test(name)) { |
| 177 feedback.innerText = 'Invalid field name'; |
| 178 } else if (name.length > 30) { |
| 179 feedback.innerText = 'Field name is too long'; |
| 180 } else { |
| 181 _checkFieldNameOnServer('[projectname]', name, CS_env.token); |
| 182 } |
| 183 } |
| 184 } |
| 185 |
| 186 setInterval(checkFieldName, 700); |
| 187 |
| 188 function updateForm(new_type) { |
| 189 var choices_row = document.getElementById('choices_row'); |
| 190 choices_row.style.display = (new_type == 'enum_type') ? '' : 'none'; |
| 191 |
| 192 var int_row = document.getElementById('int_row'); |
| 193 int_row.style.display = (new_type == 'int_type') ? '' : 'none'; |
| 194 |
| 195 var str_row = document.getElementById('str_row'); |
| 196 str_row.style.display = (new_type == 'str_type') ? '' : 'none'; |
| 197 |
| 198 var user_row_display = (new_type == 'user_type') ? '' : 'none'; |
| 199 document.getElementById('user_row').style.display = user_row_display; |
| 200 document.getElementById('user_row2').style.display = user_row_display; |
| 201 document.getElementById('user_row3').style.display = user_row_display; |
| 202 } |
| 203 |
| 204 var type_select = document.getElementById('field_type'); |
| 205 updateForm(type_select.value); |
| 206 type_select.addEventListener("change", function() { |
| 207 updateForm(type_select.value); |
| 208 }); |
| 209 |
| 210 var needs_perm_span = document.getElementById('needs_perm_span'); |
| 211 var needs_perm = document.getElementById('needs_perm'); |
| 212 function enableNeedsPerm(enable) { |
| 213 needs_perm_span.style.color = enable ? 'inherit' : '#999'; |
| 214 needs_perm.disabled = enable ? '' : 'disabled'; |
| 215 if (!enable) needs_perm.value = ''; |
| 216 } |
| 217 enableNeedsPerm(false); |
| 218 |
| 219 var needs_member = document.getElementById("needs_member"); |
| 220 if (needs_member) |
| 221 needs_member.addEventListener("change", function() { |
| 222 enableNeedsPerm(needs_member.checked); |
| 223 }); |
| 224 |
| 225 var acobElements = document.getElementsByClassName("acob"); |
| 226 for (var i = 0; i < acobElements.length; ++i) { |
| 227 var el = acobElements[[]i]; |
| 228 el.addEventListener("focus", function(event) { |
| 229 _acrob(null); |
| 230 _acof(event); |
| 231 }); |
| 232 } |
| 233 }); |
| 234 </script> |
| 235 |
| 236 |
| 237 [include "../framework/master-footer.ezt"] |
OLD | NEW |