https://github.com/arufian/Image-Censor-Lightning-Web-Component

image or photo editor to censor or block sensitive data
https://github.com/arufian/Image-Censor-Lightning-Web-Component

Last synced: 5 days ago
JSON representation

image or photo editor to censor or block sensitive data

• Host: GitHub
• URL: https://github.com/arufian/Image-Censor-Lightning-Web-Component
• Owner: arufian
• License: mit
• Created: 2020-11-12T08:00:38.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2020-11-12T08:50:25.000Z (almost 4 years ago)
• Last Synced: 2024-08-02T12:21:28.778Z (3 months ago)
• Language: JavaScript
• Size: 5.97 MB
• Stars: 7
• Watchers: 3
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-lwc - Image Censor Component

README

        
# Image Censor Lightning Web Component

## Image or photo editor to censor or block sensitive data.

Imagine if you can censor or hide sensitive data of attached image file. This component is made for that purpose.

Now you can easily censor sensitive data of image files that you have uploaded.

This component can be use in **Account**, **Contact** and **Opportunity** record page.

![Preview](./imgs/out.gif)

## What features does this component have? 

- Preview uploaded image files

-  Image editor to edit the image.

- Hide sensitive information on image by create black block.

- "Undo" button to remove the block that have been created on image editor

- "Save" button to replace the original image with edited image.

## How to use 

### Deploy

Use this button to deploy to your org.



  



### Upload your image files

Open **Account, Contact** or **Opportunity** record, and upload the images in files section

![Preview](./imgs/upload-images.gif)

### Setting

- Open application builder from record page by clicking **Edit Page** menu.

![Preview](./imgs/2.png)

- Search “Image Censorship Component”  and place the component.

- Component title could also be customized by changing the **Component Title** property.

![Preview](./imgs/placement.gif)

### Usage

- Choose an image from the preview screen to edit by clicking the image, then create black rectangle to block sensitive informations.

- The rectangle will be removed by clicking *Undo* button.

- Save the edited image by clicking *Save* button, and confirm the image in the files section 

![Preview](./imgs/out.gif)

## Having any issues

Please [create new issue](https://github.com/arufian/Image-Censor-Lightning-Web-Component/issues/new) to this repository

## Contributing

Any contribution is welcome. Please see this [guidance](CONTRIBUTION.md) before you create a pull request

Created with ❤️ by [Alfian Busyro](https://twitter.com/arufian_b)