62 | | * Screenshot |
63 | | * [[Image(trac_tweakui_demo_1.png)]] |
| 62 | 1. Screenshot of Admin |
| 63 | * [[Image(trac_tweakui_demo_1.png)]] |
| 64 | 1. Screenshot of editcc |
| 65 | * [[Image(trac_editcc.png)]] |
| 66 | |
| 67 | * Admin Trac Tweak UI with any other javascript plugins, for example, [http://plugins.jquery.com/project/ac autocomplete] |
| 68 | |
| 69 | 1. Prepare autocomplete directory in trac environment |
| 70 | {{{ |
| 71 | mkdir /path/to/trac/environment/htdocs/tractweakui/autocomplete |
| 72 | cp main.css /path/to/trac/environment/htdocs/tractweakui/autocomplete/ |
| 73 | cp jquery.autocomplete.css /path/to/trac/environment/htdocs/tractweakui/autocomplete/ |
| 74 | cp jquery.autocomplete.js /path/to/trac/environment/htdocs/tractweakui/autocomplete/ |
| 75 | cp jquery.bgiframe.min.js /path/to/trac/environment/htdocs/tractweakui/autocomplete/ |
| 76 | cp indicator.gif /path/to/trac/environment/htdocs/tractweakui/autocomplete/ |
| 77 | touch /path/to/trac/environment/htdocs/tractweakui/autocomplete/__template__.js |
| 78 | }}} |
| 79 | |
| 80 | 1. Edit __template__.js (optional) |
| 81 | {{{ |
| 82 | $(document).ready(function() { |
| 83 | var months = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December']; |
| 84 | $("#field-cc").autocomplete(months); |
| 85 | }); |
| 86 | }}} |
| 87 | |
| 88 | 1. Now, you can admin and test autocomplete javascript plugins as described above. |
| 89 | |