@sam-senior/photo

Photo

Como usar

Importe o photo para o projeto e adicione a tag <sam-photo> no HTML.

Parâmetros:

1. photo: Base64, com a foto a ser exibida.
2. photoSize: String SDS, default medium.
3. maxPhotoSize: Tamanho em MB da foto, default 1 MB.
4. photoWidth: Largura de exibição da imagem, default 670.
5. photoHeight: Altura de exibição da imagem, default 400.
6. canPhotoUploadBoolean, informando ao componente se deve permitir upload, default true.
7. canPhotoCapture: Boolean, informando ao componente se deve permitir captura de foto, default true.
8. cropperTitle: Título a ser exibido no componente cropper da SDS, default Recortar.
9. cropperActionCancel: Título a ser exibido no botão de fechamento da modal cropper SDS, default Cancelar.
10. cropperActionCrop: Título a ser exibido no botão de cortar da modal cropper SDS, default Recortar.
11. cameraDialogLabel: Título a ser exibido na modal de captura de foto, default Captura.
12. cameraDialogCaptureLabel: Título a ser exibido no botão da modal de captura de foto, default Capturar.
13. selectPhotoTypeLabel: Título a ser exibido na modal de seleção de tipo da foto (upload/captura), default Selecionar imagem.
14. selectUploadTypeLabel: Título a ser exibido na modal de seleção de tipo da foto, ação upload, default Upload.
15. selectUploadTypeDescription: Título a ser exibido na modal de seleção de tipo da foto, descrição da ação upload, default Selecione uma imagem do seu computador.
16. selectCaptureTypeLabel: Título a ser exibido na modal de seleção de tipo de foto, ação captura, default Capturar.
17. selectCaptureTypeLabelDescription: Título a ser exibido na modal de seleção de tipo de foto, descrição de ação captura, default Capture uma imagem do seu dispositivo.
18. dialogCancelLabel: Título a ser exibido nos modais na ação cancelar, default cancelar.

Retornos:

1. photoCrop: Quando a imagem é recortada.
2. openCamera: Quando a câmera é aberta.
3. closeCamera: Quando a câmera é finalizada.
4. cameraError: Sera disparado um evento quando ocorrer erros na câmera.
5. invalidPhotoSize: Sera disparado um evento quando a foto for maior que o tamanho padrão.

Exemplo de implementação .html

  <sam-photo [(ngModel)]="photo"></sam-photo>

---

Também é possível utilizar pela API de FORMS do angular.

---