@sam-senior/photo

Photo

Como usar

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

Parâmetros:

• photo: Base64, com a foto a ser exibida.
• photoSize: String SDS, default medium.
• maxPhotoSize: Tamanho em MB da foto, default 1 MB.
• photoWidth: Largura de exibição da imagem, default 670.
• photoHeight: Altura de exibição da imagem, default 400.
• canPhotoUploadBoolean, informando ao componente se deve permitir upload, default true.
• canPhotoCapture: Boolean, informando ao componente se deve permitir captura de foto, default true.
• cropperTitle: Título a ser exibido no componente cropper da SDS, default Recortar.
• cropperActionCancel: Título a ser exibido no botão de fechamento da modal cropper SDS, default Cancelar.
• cropperActionCrop: Título a ser exibido no botão de cortar da modal cropper SDS, default Recortar.
• cameraDialogLabel: Título a ser exibido na modal de captura de foto, default Captura.
• cameraDialogCaptureLabel: Título a ser exibido no botão da modal de captura de foto, default Capturar.
• selectPhotoTypeLabel: Título a ser exibido na modal de seleção de tipo da foto (upload/captura), default Selecionar imagem.
• selectUploadTypeLabel: Título a ser exibido na modal de seleção de tipo da foto, ação upload, default Upload.
• 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.
• selectCaptureTypeLabel: Título a ser exibido na modal de seleção de tipo de foto, ação captura, default Capturar.
• 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.
• dialogCancelLabel: Título a ser exibido nos modais na ação cancelar, default cancelar.

Retornos:

• photoCrop: Quando a imagem é recortada.
• openCamera: Quando a câmera é aberta.
• closeCamera: Quando a câmera é finalizada.
• cameraError: Sera disparado um evento quando ocorrer erros na câmera.
• 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.