Hide/Show ecnrypted values when click on the lock icon

[mauro-miatello]

Description

Encrypted values can have sensitive or private information that the user may not want to show while using the application for security reason. The change shows or hides the value when the user clicks on the lock icon. Even if the value is hidden, it is possible to copy it.

Type of change

• New feature (non-breaking change which adds functionality)

How Has This Been Tested?

I have tested in my on-premise installation:

• clicked on icon many times, copied the value both if hidden or showed
• tried with both Firefox and Chrome to avoid different behaviors with font-size set to 0 px

Test Configuration:

• PHP version: 8.0.30
• MySQL version: MariaDB 10.3.38
• Webserver version: Apache 2.4.58
• OS version: Ubuntu 20.04.6 LTS

Checklist:

• I have read the Contributing documentation available here: https://snipe-it.readme.io/docs/contributing-overview
• I have formatted this PR according to the project guidelines: https://snipe-it.readme.io/docs/contributing-overview#pull-request-guidelines
• My code follows the style guidelines of this project
• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• I have made corresponding changes to the documentation
• My changes generate no new warnings
• I have added tests that prove my fix is effective or that my feature works
• New and existing unit tests pass locally with my changes

[what-the-diff]

PR Summary

• Enhancements in the view display
  The 'view.blade.php' file now includes additional interactive features. One of these is a click event on the lock icon, allowing users to engage with the content in a more interactive manner. Furthermore, elements displaying encrypted custom values have been made identifiable with unique IDs. Their visibility can be toggled on demand, thereby enhancing data security and user control over viewed data.

• Optimization of default views
  Significant changes have been made in the 'default.blade.php' file for more efficient and user-friendly view management. The original function locating target elements has been removed and replaced with the 'showHideEncValue' function. This function enables or disables visibility of the encrypted custom values and asterisk-hidden elements by simply clicking on the lock icon. The 'if' statement's conditional check has also been updated to be more relevant. Like before, individual elements can be identified with unique IDs, allowing for enhanced data representation and management.

[snipe]

Can you show me some screenshots on this?

[mauro-miatello]

sure, normally the value is hidden

when click on the icon it shows the value

currently, the number of asterisks is fixed to 8, independently from the length of the value

[snipe]

Nice!