Make PHP override to Joomla 4 file 'com_contact/category/default_items.php' -- 2
Budget: $30 – $250 USD
Add a column 'year' to Joomla 4 MySQL table `contact_details` (or add custom field/fields, whatever is best?)
Add PHP-code in override file 'com_contact/category/default_items.php' so the table work like described below.
Add relevant css to make the frontend 'Contact list' table look like I want.
Joomla 4 frontend result:
Table must be responsive (mobile view and edit possible).
1. Make the menu-item 'Contacts/List Contacts in a Category', display 'Contact list' with four columns: 'id', 'name', 'year' and 'edit'.
2. The three first columns sortable A-Z/Z-A by clicking header.
3. When clicking the 'name' on contact, you open the contact detail-page (as normal Joomla behaviour).
4. When clicking 'edit' on a contact, you open the edit-page of a contact (as normal Joomla behaviour).
5. Column 'year' editable in frontend by click on it:
a. The year is displayed by two digits, so now it is "22". Year-digits change automatically to following year "23" the 1st of January, and the table-cell background color change to red.
b. The status of previous year "22" by December 31st is saved to table.
c. The status of a any year can be green (paid) or red (not-paid).
d. Before the year-digits "22" in the table-cell is a small arrow-left and after the year-digits "22" a small arrow-right.
e. You can click the arrows left or right to view (not change) the contacts payment history (22, 21, 20 etc).
f. Clicking the year-digits "22" will open an alert "Are you sure?"
g. Clicking the alert-OK will change the table-cell background color to green, i.e. the contact has paid.
h. Clicking the alert-CANCEL, the color table-cell background color will remain unchanged (red).
i. Only Super User and Administrators can change status in frontend.
j. User can after frontend login view his/her own contact and status only, not any other contacts or status.
Joomla 4 backend result:
6. The contact status can also be edited as normal in Joomla 4 administrator.
That's it :-)
Add PHP-code in override file 'com_contact/category/default_items.php' so the table work like described below.
Add relevant css to make the frontend 'Contact list' table look like I want.
Joomla 4 frontend result:
Table must be responsive (mobile view and edit possible).
1. Make the menu-item 'Contacts/List Contacts in a Category', display 'Contact list' with four columns: 'id', 'name', 'year' and 'edit'.
2. The three first columns sortable A-Z/Z-A by clicking header.
3. When clicking the 'name' on contact, you open the contact detail-page (as normal Joomla behaviour).
4. When clicking 'edit' on a contact, you open the edit-page of a contact (as normal Joomla behaviour).
5. Column 'year' editable in frontend by click on it:
a. The year is displayed by two digits, so now it is "22". Year-digits change automatically to following year "23" the 1st of January, and the table-cell background color change to red.
b. The status of previous year "22" by December 31st is saved to table.
c. The status of a any year can be green (paid) or red (not-paid).
d. Before the year-digits "22" in the table-cell is a small arrow-left and after the year-digits "22" a small arrow-right.
e. You can click the arrows left or right to view (not change) the contacts payment history (22, 21, 20 etc).
f. Clicking the year-digits "22" will open an alert "Are you sure?"
g. Clicking the alert-OK will change the table-cell background color to green, i.e. the contact has paid.
h. Clicking the alert-CANCEL, the color table-cell background color will remain unchanged (red).
i. Only Super User and Administrators can change status in frontend.
j. User can after frontend login view his/her own contact and status only, not any other contacts or status.
Joomla 4 backend result:
6. The contact status can also be edited as normal in Joomla 4 administrator.
That's it :-)