Features:

Implemented the UI for Activity Log with complete functionalities.
Added dropdown filtering features for head admin to filter activities among voters and admin.
Linked activity log page to header CTA.

Fix

Converted FAQ image format to .webp for optimized web performance.

Chore

Created constants config file for uniform log messages.
Developed utility class for capturing user browser details, IP address, and email.
Added event listeners for scroll-to-top button, popover, and AJAX filtering.

Style

Designed responsive stylesheet for activity log page across all devices.

How to use

Refer to the logger.php https://github.com/BSIT-3-1-APPDEV/PUPSRC-AutomatedElectionSystem/commit/74e9c63250b092b562ff80f1f4f548aaa4d9689e class located at src/includes/classes directory. There, you can read the comments on how to implement the class along with the config file called constants.php https://github.com/BSIT-3-1-APPDEV/PUPSRC-AutomatedElectionSystem/commit/89c5237239335e4c54450b550e5b39a0b4690ba4 located at src/includes directory.

Code block - sample implementation

/*
 * This is a utility class for logging the activity of your page user.
 * You can configure the constants.php file located in includes directory
 * for additional actions and such.
 * To log the activity of your user, you can instantiate a new instance of
 * this class and pass the $role and $action arguments and then call the 
 * logActivity() method on your endpoint.
 * 
 * Example Usage using a superglobal session variable:
*/
 $logger = new Logger($_SESSION['role'], LOGIN);
 $logger->logActivity();

/*
 * You can also explicitly pass the role of your user as the argument.
 * Example: 
*/
 $logger = new Logger(ROLE_ADMIN, LOGIN);
 $logger->logActivity();

You may also check how it was implemented in the logout.php file here,

[!NOTE] In case your page/module requires user action that was not included in the constants.php feel free to modify it accordingly.

Carl-Tabuso commented 1 month ago

I forgot the sql for this. Give me a second.

I forgot the sql for this. Give me a second.

Here ya go: create-activitylog.txt

C-Ivan-Bandilla commented 1 month ago

While waiting for sql here is some ui issues on empty state when on 1440 px wide

https://drive.google.com/file/d/1t2M4eEHUDS1zafiesE8MOaRLp15NOF05/view?usp=sharing

Carl-Tabuso commented 1 month ago

While waiting for sql here is some ui issues on empty state when on 1440 px wide

https://drive.google.com/file/d/1t2M4eEHUDS1zafiesE8MOaRLp15NOF05/view?usp=sharing

Yep, i've been wrapping my head around about what's causing this issue but no luck. Will try to look for solution elsewhere.

C-Ivan-Bandilla commented 1 month ago

Here ya go: create-activitylog.txt

Tried downloading 3 times I think it is blank txt file

Carl-Tabuso commented 1 month ago

Tried downloading 3 times I think it is blank txt file

Can you try again: create-activitylog.txt

github-actions[bot] commented 1 month ago

:tada: This PR is included in version 2.34.0 :tada:

The release is available on:

Your semantic-release bot :package::rocket:

Carl-Tabuso commented 1 month ago

For improvement: Fetch data asynchronously to reduce page load.

BSIT-3-1-APPDEV / PUPSRC-AutomatedElectionSystem

Activity Log #268

This should close #255

Features:

Fix

Chore

Style

How to use

Student/Admin Interface

Head Admin Interface

Responsiveness

Firefox Browser