Index: branches/RL2/extensions/Gadgets/Gadgets.i18n.php |
— | — | @@ -73,10 +73,15 @@ |
74 | 74 | # For the ext.gadgets.gadgetmanager module |
75 | 75 | 'gadgets-gadget-create' => 'Create', |
76 | 76 | 'gadgets-gadget-create-tooltip' => 'Create new gadget', |
77 | | - 'gadgetmanager-editor-title' => 'Editing $1:', |
| 77 | + 'gadgetmanager-editor-title-editing' => 'Editing $1:', |
| 78 | + 'gadgetmanager-editor-title-creating' => 'Creating a new gadget', |
78 | 79 | 'gadgetmanager-editor-removeprop-tooltip' => 'Remove this item', |
79 | 80 | 'gadgetmanager-editor-save' => 'Save gadget', |
80 | 81 | 'gadgetmanager-editor-cancel' => 'Cancel', |
| 82 | + 'gadgetmanager-prop-id' => 'Gadget id', |
| 83 | + 'gadgetmanager-prop-id-error-blank' => 'Id cannot be empty.', |
| 84 | + 'gadgetmanager-prop-id-error-illegal' => 'Illegal characters detected.', |
| 85 | + 'gadgetmanager-prop-id-error-taken' => 'A gadget by this id already exists.', |
81 | 86 | 'gadgetmanager-propsgroup-settings' => 'Gadget settings', |
82 | 87 | 'gadgetmanager-propsgroup-module' => 'Module properties', |
83 | 88 | 'gadgetmanager-prop-scripts' => 'Scripts', |
— | — | @@ -89,6 +94,7 @@ |
90 | 95 | 'gadgetmanager-prop-hidden' => 'Hide gadget', |
91 | 96 | 'gadgetmanager-prop-shared' => 'Share gadget', |
92 | 97 | 'gadgetmanager-comment-modify' => 'Modified definition of gadget [[Special:Gadgets/$1|$1]]', |
| 98 | + 'gadgetmanager-comment-create' => 'Created definition of Gadget [[Special:Gadgets/$1|$1]]', |
93 | 99 | |
94 | 100 | # Validation error messages |
95 | 101 | 'gadget-validate-invalidjson' => 'The gadget definition page contents are not a valid JSON object.', |
— | — | @@ -163,7 +169,8 @@ |
164 | 170 | * {{mw-msg|create}}', |
165 | 171 | |
166 | 172 | # For the ext.gadgets.gadgetmanager module |
167 | | - 'gadgetmanager-comment-modify' => 'Edit summary used when editing definitions from [[Special:Gadgets]].', |
| 173 | + 'gadgetmanager-comment-modify' => 'Edit summary used when modifying gadget definition pages through AJAX on [[Special:Gadgets]].', |
| 174 | + 'gadgetmanager-comment-create' => 'Edit summary used when creating gadget definition pages through AJAX on [[Special:Gadgets]].', |
168 | 175 | |
169 | 176 | # Validation error messages |
170 | 177 | 'gadget-validate-notset' => '$1 is the name of the property, e.g. settings.rights .', |
Index: branches/RL2/extensions/Gadgets/Gadgets.php |
— | — | @@ -171,15 +171,22 @@ |
172 | 172 | 'mediawiki.Title', |
173 | 173 | 'jquery.createPropCloud', |
174 | 174 | 'jquery.json', |
| 175 | + 'jquery.spinner', |
175 | 176 | ), |
176 | 177 | 'messages' => array( |
177 | 178 | 'gadgets-gadget-create', |
178 | 179 | 'gadgets-gadget-create-tooltip', |
179 | | - 'gadgetmanager-editor-title', |
| 180 | + 'gadgetmanager-editor-title-editing', |
| 181 | + 'gadgetmanager-editor-title-creating', |
180 | 182 | 'gadgetmanager-editor-prop-remove', |
181 | 183 | 'gadgetmanager-editor-removeprop-tooltip', |
182 | 184 | 'gadgetmanager-editor-save', |
183 | 185 | 'gadgetmanager-editor-cancel', |
| 186 | + 'gadgetmanager-prop-id', |
| 187 | + 'gadgetmanager-prop-id-error-blank', |
| 188 | + 'gadgetmanager-prop-id-error-illegal', |
| 189 | + 'gadgetmanager-prop-id-error-taken', |
| 190 | + 'colon-separator', |
184 | 191 | 'gadgetmanager-propsgroup-settings', |
185 | 192 | 'gadgetmanager-propsgroup-module', |
186 | 193 | 'gadgetmanager-prop-scripts', |
— | — | @@ -192,6 +199,7 @@ |
193 | 200 | 'gadgetmanager-prop-hidden', |
194 | 201 | 'gadgetmanager-prop-shared', |
195 | 202 | 'gadgetmanager-comment-modify', |
| 203 | + 'gadgetmanager-comment-create', |
196 | 204 | ), |
197 | 205 | ), |
198 | 206 | 'ext.gadgets.preferences' => $gadResourceTemplate + array( |
Index: branches/RL2/extensions/Gadgets/modules/ext.gadgets.api.js |
— | — | @@ -273,7 +273,7 @@ |
274 | 274 | }, |
275 | 275 | |
276 | 276 | /** |
277 | | - * Creates or edits an existing gadget definition. |
| 277 | + * Edits an existing gadget definition. |
278 | 278 | * |
279 | 279 | * @param gadget {Object} |
280 | 280 | * - id {String} Id of the gadget to modify |
— | — | @@ -284,26 +284,37 @@ |
285 | 285 | * 'edit' action) |
286 | 286 | * - error {Function} Called with one argument (status from API if availabe, |
287 | 287 | * otherwise, if the request failed, 'unknown' is given) |
| 288 | + * - extraquery {Object} Query parameters to add or overwrite the default. |
288 | 289 | * @return {jqXHR} |
289 | 290 | */ |
290 | 291 | doModifyGadget: function( gadget, o ) { |
291 | 292 | var t = new mw.Title( |
292 | | - gadget.id + '.js', |
293 | | - mw.config.get( 'wgNamespaceIds' ).gadget_definition |
294 | | - ); |
295 | | - return $.ajax({ |
296 | | - url: mw.util.wikiScript( 'api' ), |
297 | | - type: 'POST', |
298 | | - data: { |
| 293 | + gadget.id + '.js', |
| 294 | + mw.config.get( 'wgNamespaceIds' ).gadget_definition |
| 295 | + ), |
| 296 | + query = { |
299 | 297 | format: 'json', |
300 | 298 | action: 'edit', |
301 | 299 | title: t.getPrefixedDb(), |
302 | 300 | text: $.toJSON( gadget.metadata ), |
303 | 301 | summary: mw.msg( 'gadgetmanager-comment-modify', gadget.id ), |
304 | | - token: mw.user.tokens.get( 'editToken' ), |
305 | | - basetimestamp: gadget.definitiontimestamp, |
306 | | - starttimestamp: o.starttimestamp |
307 | | - }, |
| 302 | + token: mw.user.tokens.get( 'editToken' ) |
| 303 | + }; |
| 304 | + // Optional, only include if passed |
| 305 | + if ( gadget.definitiontimestamp ) { |
| 306 | + query.basetimestamp = gadget.definitiontimestamp; |
| 307 | + } |
| 308 | + if ( o.starttimestamp ) { |
| 309 | + query.starttimestamp = o.starttimestamp; |
| 310 | + } |
| 311 | + // Allow more customization for mw.gadgets.api.doCreateGadget |
| 312 | + if ( o.extraquery ) { |
| 313 | + $.extend( query, o.extraquery ); |
| 314 | + } |
| 315 | + return $.ajax({ |
| 316 | + url: mw.util.wikiScript( 'api' ), |
| 317 | + type: 'POST', |
| 318 | + data: query, |
308 | 319 | dataType: 'json', |
309 | 320 | success: function( data ) { |
310 | 321 | // Invalidate cache |
— | — | @@ -329,6 +340,26 @@ |
330 | 341 | }, |
331 | 342 | |
332 | 343 | /** |
| 344 | + * Create a gadget by creating a gadget definition page. |
| 345 | + * Like mw.gadgets.api.doModifyGadget(), but to create a new gadget. |
| 346 | + * Will fail if gadget exists already. |
| 347 | + * |
| 348 | + * @param gadget {Object} |
| 349 | + * - id {String} |
| 350 | + * - metadata {Object} |
| 351 | + * @param o {Object} Additional options |
| 352 | + * @return {jqXHR} |
| 353 | + */ |
| 354 | + doCreateGadget: function( gadget, o ) { |
| 355 | + return mw.gadgets.api.doModifyGadget( gadget, $.extend( o, { |
| 356 | + extraquery: { |
| 357 | + createonly: 1, |
| 358 | + summary: mw.msg( 'gadgetmanager-comment-create', gadget.id ) |
| 359 | + } |
| 360 | + } ) ); |
| 361 | + }, |
| 362 | + |
| 363 | + /** |
333 | 364 | * Deletes a gadget definition. |
334 | 365 | * |
335 | 366 | * @param id {String} Id of the gadget to delete. |
— | — | @@ -341,6 +372,19 @@ |
342 | 373 | cacheGadgetData( 'local', id, null ); |
343 | 374 | error( '@todo' ); |
344 | 375 | return null; |
| 376 | + }, |
| 377 | + |
| 378 | + /** |
| 379 | + * Cache clearing |
| 380 | + * @return {Boolean} |
| 381 | + */ |
| 382 | + clearGadgetCache: function() { |
| 383 | + gadgetCache = {}; |
| 384 | + return true; |
| 385 | + }, |
| 386 | + clearCatgoryCache: function() { |
| 387 | + gadgetCategoryCache = {}; |
| 388 | + return true; |
345 | 389 | } |
346 | 390 | } |
347 | 391 | }; |
Index: branches/RL2/extensions/Gadgets/modules/ext.gadgets.gadgetmanager.css |
— | — | @@ -11,6 +11,8 @@ |
12 | 12 | |
13 | 13 | .mw-gadgetmanager-form table { |
14 | 14 | width: 100%; |
| 15 | + border-spacing: 0; |
| 16 | + border-collapse: collapse; |
15 | 17 | } |
16 | 18 | |
17 | 19 | .mw-gadgetmanager-label { |
— | — | @@ -20,8 +22,59 @@ |
21 | 23 | .mw-gadgetmanager-form td, |
22 | 24 | .mw-gadgetmanager-form th { |
23 | 25 | vertical-align: top; |
| 26 | + padding: 2px; |
24 | 27 | } |
25 | 28 | |
| 29 | +.mw-gadgetmanager-id-wrapper { |
| 30 | + width: 100%; |
| 31 | + margin-bottom: 12px; |
| 32 | +} |
| 33 | + |
| 34 | +.mw-gadgetmanager-id-wrapper label { |
| 35 | + margin-left: 20%; |
| 36 | + display: inline-block; |
| 37 | +} |
| 38 | + |
| 39 | +.mw-gadgetmanager-id { |
| 40 | + margin: 0 5px 0 0; |
| 41 | + padding: 3px; |
| 42 | + border: 1px solid grey; |
| 43 | + background-color: white; |
| 44 | +} |
| 45 | + |
| 46 | +.mw-gadgetmanager-id-available { |
| 47 | + background-color: #E5F6E5; |
| 48 | +} |
| 49 | + |
| 50 | +.mw-gadgetmanager-id-invalid { |
| 51 | + background-color: #F6E5E5; |
| 52 | +} |
| 53 | + |
| 54 | +.mw-gadgetmanager-id-taken { |
| 55 | + background-color: #E5EFF6; |
| 56 | +} |
| 57 | + |
| 58 | +.mw-gadgetmanager-id.disabled { |
| 59 | + background-color: #F6F6F6; |
| 60 | + border-color: lightgrey; |
| 61 | +} |
| 62 | + |
| 63 | +.mw-gadgetmanager-id input { |
| 64 | + margin: 0; |
| 65 | + padding: 0; |
| 66 | + display: inline-block; |
| 67 | + width: 30%; |
| 68 | + border: 0; |
| 69 | + outline: 0; |
| 70 | + background: transparent; |
| 71 | +} |
| 72 | + |
| 73 | +.mw-gadgetmanager-id-error { |
| 74 | + display: none; |
| 75 | + color: #FF4040; |
| 76 | + font-style: italic; |
| 77 | +} |
| 78 | + |
26 | 79 | /** |
27 | 80 | * Gadget list |
28 | 81 | */ |
— | — | @@ -33,9 +86,10 @@ |
34 | 87 | * The PropCloud |
35 | 88 | */ |
36 | 89 | .mw-gadgetmanager-propcloud { |
| 90 | + overflow: hidden; |
| 91 | + padding: 3px; |
| 92 | + border: 1px solid grey; |
37 | 93 | background: white; |
38 | | - border: 1px solid grey; |
39 | | - overflow: hidden; |
40 | 94 | } |
41 | 95 | |
42 | 96 | .mw-gadgetmanager-prop { |
— | — | @@ -68,6 +122,8 @@ |
69 | 123 | |
70 | 124 | .mw-gadgetmanager-propinput, |
71 | 125 | .mw-gadgetmanager-propinput:focus { |
| 126 | + margin: 0; |
| 127 | + padding: 0; |
72 | 128 | border: 0; |
73 | 129 | outline: 0; |
74 | 130 | background: transparent; |
Index: branches/RL2/extensions/Gadgets/modules/ext.gadgets.gadgetmanager.js |
— | — | @@ -18,6 +18,11 @@ |
19 | 19 | tpl = { |
20 | 20 | fancyForm: '<form class="mw-gadgetmanager-form">\ |
21 | 21 | <fieldset>\ |
| 22 | + <div class="mw-gadgetmanager-id-wrapper">\ |
| 23 | + <label for="mw-gadgetmanager-input-id"><html:msg key="gadgetmanager-prop-id" /><html:msg key="colon-separator" /></label>\ |
| 24 | + <span class="mw-gadgetmanager-id"><input type="text" id="mw-gadgetmanager-input-id" /></span>\ |
| 25 | + <span class="mw-gadgetmanager-id-error"></span>\ |
| 26 | + </div>\ |
22 | 27 | <legend><html:msg key="gadgetmanager-propsgroup-module" /></legend>\ |
23 | 28 | <table>\ |
24 | 29 | <tr>\ |
— | — | @@ -116,6 +121,24 @@ |
117 | 122 | + pad( d.getUTCMinutes() ) + ':' |
118 | 123 | + pad( d.getUTCSeconds() ) + 'Z'; |
119 | 124 | } |
| 125 | + /** |
| 126 | + * Validate a gadget id, which must be a valid |
| 127 | + * title, as well as a valid module name. |
| 128 | + * @param id {String} |
| 129 | + * @return {Boolean} |
| 130 | + */ |
| 131 | + function validateGadgetId( id ) { |
| 132 | + return id.length |
| 133 | + && new mw.Title( id, mw.config.get( 'wgNamespaceIds' ).gadget_definition ).getMainText() === id; |
| 134 | + } |
| 135 | + /** |
| 136 | + * Toggle the state of the UI buttons in a dialog. |
| 137 | + * @param $dialog {jQuery.ui.widget from jquery.ui.dialog} |
| 138 | + * @param state {String} 'enable' or 'disable' (defaults to disable) |
| 139 | + */ |
| 140 | + function toggleDialogButtons( $form, state ) { |
| 141 | + $form.dialog( 'widget' ).find( 'button' ).button( state ); |
| 142 | + } |
120 | 143 | |
121 | 144 | /* Public functions */ |
122 | 145 | |
— | — | @@ -131,12 +154,14 @@ |
132 | 155 | if ( ga.conf.userIsAllowed['gadgets-definition-edit'] ) { |
133 | 156 | $el.find( '.mw-gadgets-modify' ).click( function( e ) { |
134 | 157 | e.preventDefault(); |
135 | | - ga.ui.startGadgetEditor( $el.data( 'gadget-id' ) ); |
| 158 | + e.stopPropagation(); // To stop bubbling up to .mw-gadgets-gadget |
| 159 | + ga.ui.startGadgetManager( 'modify', $el.data( 'gadget-id' ) ); |
136 | 160 | }); |
137 | 161 | } |
138 | 162 | if ( ga.conf.userIsAllowed['gadgets-definition-delete'] ) { |
139 | | - $el.find( '.mw-gadgets-modify' ).click( function( e ) { |
140 | | - e.preventDefault(); |
| 163 | + $el.find( '.mw-gadgets-delete' ).click( function( e ) { |
| 164 | + //e.preventDefault(); |
| 165 | + //e.stopPropagation(); |
141 | 166 | // @todo: Show delete action form |
142 | 167 | }); |
143 | 168 | } |
— | — | @@ -145,11 +170,12 @@ |
146 | 171 | // Entire gadget list item is clickable |
147 | 172 | $( '.mw-gadgets-gadget' ).click( function( e ) { |
148 | 173 | e.preventDefault(); |
| 174 | + e.stopPropagation(); |
149 | 175 | var t, |
150 | 176 | id = $( this ).data( 'gadget-id' ); |
151 | 177 | |
152 | 178 | if ( ga.conf.userIsAllowed['gadgets-definition-edit'] ) { |
153 | | - ga.ui.startGadgetEditor( id ); |
| 179 | + ga.ui.startGadgetManager( id ); |
154 | 180 | return; |
155 | 181 | } |
156 | 182 | // Use localized page name if possible to avoid redirect |
— | — | @@ -159,7 +185,6 @@ |
160 | 186 | t = new mw.Title( 'Gadgets/' + id, -1 ); |
161 | 187 | } |
162 | 188 | window.location.href = t.getUrl(); |
163 | | - return false; |
164 | 189 | } ); |
165 | 190 | |
166 | 191 | if ( ga.conf.userIsAllowed['gadgets-definition-create'] ) { |
— | — | @@ -175,42 +200,69 @@ |
176 | 201 | ); |
177 | 202 | $( createTab ).click( function( e ) { |
178 | 203 | e.preventDefault(); |
179 | | - // @todo: Trigger edit form with editable field for gadget id. |
| 204 | + ga.ui.startGadgetManager( 'create' ); |
180 | 205 | } ); |
181 | 206 | } |
182 | 207 | |
183 | 208 | }, |
184 | 209 | |
185 | 210 | /** |
186 | | - * Initialize the gadget editor dialog. |
| 211 | + * Initialize the gadget manager dialog. |
187 | 212 | * |
188 | 213 | * @asynchronous |
| 214 | + * @param mode {String} (See mw.gadgets.ui.getFancyForm) |
189 | 215 | * @param gadgetId {String} |
190 | 216 | */ |
191 | | - startGadgetEditor: function( gadgetId ) { |
| 217 | + startGadgetManager: function( mode, gadgetId ) { |
| 218 | + |
192 | 219 | // Ad hoc multi-loader. We need both requests, which are asynchronous, |
193 | 220 | // to be complete. Which ever finishes first will set the local variable |
194 | 221 | // to it's return value for the other callback to use. |
195 | 222 | // @todo Notification: In case of an 'error'. |
196 | 223 | var gadget, cats; |
197 | 224 | |
| 225 | + |
| 226 | + if ( mode === 'create' ) { |
| 227 | + // New gadget, no need to query the api |
| 228 | + gadget = { |
| 229 | + id: undefined, |
| 230 | + metadata: { |
| 231 | + settings: { |
| 232 | + rights: [], |
| 233 | + 'default': false, |
| 234 | + hidden: false, |
| 235 | + shared: false, |
| 236 | + category: '' |
| 237 | + }, |
| 238 | + module: { |
| 239 | + scripts: [], |
| 240 | + styles: [], |
| 241 | + dependencies: [], |
| 242 | + messages: [] |
| 243 | + } |
| 244 | + }, |
| 245 | + definitiontimestamp: undefined, |
| 246 | + title: undefined |
| 247 | + }; |
| 248 | + } else { |
| 249 | + ga.api.getGadgetData( gadgetId, function( ret ) { |
| 250 | + if ( cats ) { |
| 251 | + // getGadgetCategories already done |
| 252 | + return ga.ui.showFancyForm( ret, cats, mode ); |
| 253 | + } |
| 254 | + // getGadgetCategories not done yet, leave gadget for it's callback to use |
| 255 | + gadget = ret; |
| 256 | + }); |
| 257 | + } |
| 258 | + |
198 | 259 | ga.api.getGadgetCategories( function( ret ) { |
199 | 260 | if ( gadget ) { |
200 | 261 | // getGadgetData already done |
201 | | - return ga.ui.showFancyForm( gadget, ret ); |
| 262 | + return ga.ui.showFancyForm( gadget, ret, mode ); |
202 | 263 | } |
203 | 264 | // getGadgetData not done yet, leave cats for it's callback to use |
204 | 265 | cats = ret; |
205 | 266 | }); |
206 | | - |
207 | | - ga.api.getGadgetData( gadgetId, function( ret ) { |
208 | | - if ( cats ) { |
209 | | - // getGadgetCategories already done |
210 | | - return ga.ui.showFancyForm( ret, cats ); |
211 | | - } |
212 | | - // getGadgetCategories not done yet, leave gadget for it's callback to use |
213 | | - gadget = ret; |
214 | | - }); |
215 | 267 | }, |
216 | 268 | |
217 | 269 | /** |
— | — | @@ -218,25 +270,41 @@ |
219 | 271 | * |
220 | 272 | * @param gadget {Object} Gadget object of the gadget to be modified. |
221 | 273 | * @param categories {Array} Gadget categories. |
| 274 | + * @param mode {String} (See mw.gadgets.ui.getFancyForm) |
222 | 275 | * @return {jQuery} The (dialogged) form. |
223 | 276 | */ |
224 | | - showFancyForm: function( gadget, categories ) { |
225 | | - var $form = ga.ui.getFancyForm( gadget.metadata, categories ), |
| 277 | + showFancyForm: function( gadget, categories, mode ) { |
| 278 | + var $form = ga.ui.getFancyForm( gadget, categories, mode ), |
226 | 279 | buttons = {}; |
227 | 280 | |
228 | 281 | // Form submit |
229 | 282 | buttons[mw.msg( 'gadgetmanager-editor-save' )] = function() { |
230 | | - ga.api.doModifyGadget( gadget, { |
231 | | - starttimestamp: ISODateString( new Date() ), |
232 | | - success: function( response ) { |
233 | | - $form.dialog( 'close' ); |
234 | | - window.location.reload(); |
235 | | - }, |
236 | | - error: function( error ) { |
237 | | - mw.log( 'mw.gadgets.api.doModifyGadget: error', error ); |
238 | | - // @todo Notification: $formNotif.add( .. ); |
239 | | - } |
240 | | - }); |
| 283 | + if ( mode === 'create' ) { |
| 284 | + ga.api.doCreateGadget( gadget, { |
| 285 | + success: function( response ) { |
| 286 | + mw.log( 'mw.gadgets.api.doModifyGadget: success', arguments ); |
| 287 | + $form.dialog( 'close' ); |
| 288 | + window.location.reload(); |
| 289 | + }, |
| 290 | + error: function( error ) { |
| 291 | + mw.log( 'mw.gadgets.api.doModifyGadget: error', arguments ); |
| 292 | + // @todo Notification: $formNotif.add( .. ); |
| 293 | + } |
| 294 | + }); |
| 295 | + } else { |
| 296 | + ga.api.doModifyGadget( gadget, { |
| 297 | + starttimestamp: ISODateString( new Date() ), |
| 298 | + success: function( response ) { |
| 299 | + mw.log( 'mw.gadgets.api.doModifyGadget: success', arguments ); |
| 300 | + $form.dialog( 'close' ); |
| 301 | + window.location.reload(); |
| 302 | + }, |
| 303 | + error: function( error ) { |
| 304 | + mw.log( 'mw.gadgets.api.doModifyGadget: error', arguments ); |
| 305 | + // @todo Notification: $formNotif.add( .. ); |
| 306 | + } |
| 307 | + }); |
| 308 | + } |
241 | 309 | }; |
242 | 310 | |
243 | 311 | return $form |
— | — | @@ -246,7 +314,9 @@ |
247 | 315 | modal: true, |
248 | 316 | draggable: false, |
249 | 317 | resizable: false, |
250 | | - title: mw.message( 'gadgetmanager-editor-title', gadget.title ).escaped(), |
| 318 | + title: mode === 'create' |
| 319 | + ? mw.message( 'gadgetmanager-editor-title-creating' ).escaped() |
| 320 | + : mw.message( 'gadgetmanager-editor-title-editing', gadget.title ).escaped(), |
251 | 321 | buttons: buttons, |
252 | 322 | open: function() { |
253 | 323 | // Dialog is ready for action. |
— | — | @@ -262,15 +332,92 @@ |
263 | 333 | * Generate a <form> for the given module. |
264 | 334 | * Also binds events for submission and autocompletion. |
265 | 335 | * |
266 | | - * @param metadata {Object} Object to read and write to, used when saving |
267 | | - * the gadget metadata back through the API. |
| 336 | + * @param gadget {Object} Gadget object to read from and write to, used when saving |
| 337 | + * the gadget metadata to the API. |
268 | 338 | * @param categories {Array} Gadget categories. |
| 339 | + * @param mode {String} (optional) 'create' or 'modify' (defaults to 'modify') |
269 | 340 | * @return {jQuery} The form. |
270 | 341 | */ |
271 | | - getFancyForm: function( metadata, categories ) { |
| 342 | + getFancyForm: function( gadget, categories, mode ) { |
272 | 343 | var nsGadgetId = mw.config.get( 'wgNamespaceIds' ).gadget, |
273 | | - $form = $( tpl.fancyForm ).localize(); |
| 344 | + metadata = gadget.metadata, |
| 345 | + $form = $( tpl.fancyForm ).localize(), |
| 346 | + $idSpan = $form.find( '.mw-gadgetmanager-id' ), |
| 347 | + $idErrMsg = $form.find( '.mw-gadgetmanager-id-error' ); |
274 | 348 | |
| 349 | + if ( mode === 'create' ) { |
| 350 | + |
| 351 | + // Validate |
| 352 | + $form.find( '#mw-gadgetmanager-input-id' ).bind( 'keyup keypress keydown', function( e ) { |
| 353 | + var val = $(this).val(); |
| 354 | + |
| 355 | + // Reset |
| 356 | + toggleDialogButtons( $form, 'enable' ); |
| 357 | + $idSpan.removeClass( 'mw-gadgetmanager-id-invalid mw-gadgetmanager-id-available mw-gadgetmanager-id-taken' ); |
| 358 | + |
| 359 | + // Abort if empty, don't warn when user is still typing, |
| 360 | + // The onblur event handler takes care of that |
| 361 | + if ( !val.length ) { |
| 362 | + $idErrMsg.hide(); // Just in case |
| 363 | + return; |
| 364 | + } |
| 365 | + |
| 366 | + // Auto-correct trim if needed (leading/tailing spaces are invalid) |
| 367 | + // No need to raise errors just for that. |
| 368 | + if ( $.trim( val ) !== val ) { |
| 369 | + val = $.trim( val ); |
| 370 | + $el.val( val ); |
| 371 | + } |
| 372 | + |
| 373 | + if ( validateGadgetId( val ) ) { |
| 374 | + gadget.id = val; |
| 375 | + $idErrMsg.hide(); |
| 376 | + } else { |
| 377 | + toggleDialogButtons( $form, 'disable' ); |
| 378 | + $idSpan.addClass( 'mw-gadgetmanager-id-invalid' ); |
| 379 | + $idErrMsg.text( mw.msg( 'gadgetmanager-prop-id-error-illegal' ) ).show(); |
| 380 | + } |
| 381 | + |
| 382 | + // Availability and non-empty check |
| 383 | + }).blur( function( e ) { |
| 384 | + var val = $(this).val(); |
| 385 | + |
| 386 | + // Reset |
| 387 | + $idSpan.removeClass( 'mw-gadgetmanager-id-invalid mw-gadgetmanager-id-available mw-gadgetmanager-id-taken' ); |
| 388 | + toggleDialogButtons( $form, 'enable' ); |
| 389 | + |
| 390 | + if ( !val.length ) { |
| 391 | + toggleDialogButtons( $form, 'disable' ); |
| 392 | + $idSpan.addClass( 'mw-gadgetmanager-id-invalid' ); |
| 393 | + $idErrMsg.text( mw.msg( 'gadgetmanager-prop-id-error-blank' ) ).show(); |
| 394 | + return; |
| 395 | + } |
| 396 | + |
| 397 | + ga.api.clearGadgetCache(); |
| 398 | + |
| 399 | + // asynchronous from here, show loading |
| 400 | + $idSpan.addClass( 'ui-autocomplete-loading' ); |
| 401 | + |
| 402 | + ga.api.getGadgetData( null, function( data ) { |
| 403 | + $idSpan.removeClass( 'ui-autocomplete-loading' ); |
| 404 | + if ( val in data ) { |
| 405 | + toggleDialogButtons( $form, 'disable' ); |
| 406 | + $idSpan.addClass( 'mw-gadgetmanager-id-taken' ); |
| 407 | + $idErrMsg.text( mw.msg( 'gadgetmanager-prop-id-error-taken' ) ).show(); |
| 408 | + } else { |
| 409 | + $idSpan.addClass( 'mw-gadgetmanager-id-available' ); |
| 410 | + $idErrMsg.hide(); |
| 411 | + } |
| 412 | + }); |
| 413 | + }); |
| 414 | + |
| 415 | + |
| 416 | + } else { |
| 417 | + $form.find( '.mw-gadgetmanager-id input' ).val( gadget.id ).prop( 'disabled', true ); |
| 418 | + $idSpan.addClass( 'disabled' ); |
| 419 | + } |
| 420 | + |
| 421 | + |
275 | 422 | // Module properties: scripts |
276 | 423 | $form.find( '#mw-gadgetmanager-input-scripts' ).createPropCloud({ |
277 | 424 | props: metadata.module.scripts, |