| 1 |
# Contact Forms - Asset Location Quick Reference |
| 2 |
|
| 3 |
## CSS Files |
| 4 |
| Purpose | Location | Old Location | |
| 5 |
|---------|----------|--------------| |
| 6 |
| Admin styles | `/assets/css/admin.css` | `accua-forms-admin.css` | |
| 7 |
| Dashboard styles | `/assets/css/dashboard.css` | `accua.css` | |
| 8 |
| Frontend/Form styles | `/assets/css/frontend.css` | `accua-form-api.css` | |
| 9 |
|
| 10 |
## JavaScript Files |
| 11 |
|
| 12 |
### Admin Scripts |
| 13 |
| Purpose | Location | Old Location | |
| 14 |
|---------|----------|--------------| |
| 15 |
| Form field management | `/assets/js/admin/form-fields.js` | `form-fields.js` | |
| 16 |
| Form settings | `/assets/js/admin/form-settings.js` | `form-settings.js` | |
| 17 |
| Admin tabs | `/assets/js/admin/tabs.js` | `accua_tabs.js` | |
| 18 |
| TinyMCE button | `/assets/js/admin/shortcode-button.js` | `accua-shortcode-button.js` | |
| 19 |
| Google Ads verification | `/assets/js/admin/verify-gads-conversion.js` | `/js/accua_verify_gads_conversion_code.js` | |
| 20 |
| Lead status selector | `/assets/js/admin/set-lead-status.js` | `/js/accua-forms-set-lead-status.js` | |
| 21 |
|
| 22 |
### Frontend Scripts |
| 23 |
| Purpose | Location | Old Location | |
| 24 |
|---------|----------|--------------| |
| 25 |
| reCAPTCHA v1 | `/assets/js/frontend/recaptcha.js` | `accua-recaptcha.js` | |
| 26 |
| reCAPTCHA v2 | `/assets/js/frontend/recaptcha2.js` | `accua-recaptcha2.js` | |
| 27 |
|
| 28 |
## Vendor Libraries |
| 29 |
| Library | Location | Old Location | |
| 30 |
|---------|----------|--------------| |
| 31 |
| Chart.js | `/assets/vendor/chartjs/chart.umd.min.js` | `/chartjs/Chart.min.js` | |
| 32 |
| jqColorPicker | `/assets/vendor/jqColorPicker.min.js` | `/js/jqColorPicker.min.js` | |
| 33 |
| jQuery DragTable | `/assets/vendor/dragtable/jquery.dragtable.js` | `/dragtable/jquery.dragtable.js` | |
| 34 |
|
| 35 |
## Images |
| 36 |
| Type | Location | Old Location | |
| 37 |
|------|----------|--------------| |
| 38 |
| All images | `/assets/img/` | `/img/` | |
| 39 |
|
| 40 |
## Key Changes |
| 41 |
|
| 42 |
### In PHP Code |
| 43 |
```php |
| 44 |
// OLD |
| 45 |
plugins_url('accua-forms-admin.css', ACCUA_FORMS_FILE) |
| 46 |
plugins_url('/js/jqColorPicker.min.js', ACCUA_FORMS_FILE) |
| 47 |
plugins_url('accua_tabs.js', ACCUA_FORMS_FILE) |
| 48 |
|
| 49 |
// NEW |
| 50 |
plugins_url('assets/css/admin.css', ACCUA_FORMS_FILE) |
| 51 |
plugins_url('assets/vendor/jqColorPicker.min.js', ACCUA_FORMS_FILE) |
| 52 |
plugins_url('assets/js/admin/tabs.js', ACCUA_FORMS_FILE) |
| 53 |
``` |
| 54 |
|
| 55 |
### In CSS Code |
| 56 |
```css |
| 57 |
/* OLD */ |
| 58 |
background: url("img/wpspin_light.gif"); |
| 59 |
|
| 60 |
/* NEW */ |
| 61 |
background: url("../img/wpspin_light.gif"); |
| 62 |
``` |
| 63 |
|
| 64 |
## WordPress Best Practices Followed |
| 65 |
|
| 66 |
� |
| 67 |
**Assets Organization**: All assets in `/assets/` directory |
| 68 |
� |
| 69 |
**Separation of Concerns**: Admin/Frontend/Vendor clearly separated |
| 70 |
� |
| 71 |
**Naming Convention**: Kebab-case, descriptive names |
| 72 |
� |
| 73 |
**Vendor Isolation**: Third-party libraries in `/assets/vendor/` |
| 74 |
� |
| 75 |
**Relative Paths**: CSS uses proper relative paths to images |
| 76 |
� |
| 77 |
**Cache Busting**: Version constants preserved and functional |
| 78 |
|
| 79 |
## Notes |
| 80 |
|
| 81 |
- **No root-level CSS/JS files**: All organized in `/assets/` |
| 82 |
- **Deprecated code removed**: Flot library removed (was commented out) |
| 83 |
- **Backward compatibility**: Old paths no longer work |
| 84 |
- **Testing required**: Verify all forms, admin pages, and frontend features |
| 85 |
|
| 86 |
## Support |
| 87 |
|
| 88 |
For issues related to the reorganization, check: |
| 89 |
1. Browser console for 404 errors |
| 90 |
2. WordPress debug log for PHP errors |
| 91 |
3. Network tab for failed asset loads |
| 92 |
4. This reference guide for correct paths |
| 93 |
|
