GithubHelp home page GithubHelp logo

jasontdc / com.jasontdc.webcamphoto Goto Github PK

View Code? Open in Web Editor NEW
0.0 0.0 0.0 37 KB

A CiviCRM extension that allows you to add contact photos using your webcam.

License: Other

PHP 34.51% Smarty 3.76% JavaScript 61.73%

com.jasontdc.webcamphoto's People

Contributors

jasontdc avatar

Watchers

 avatar  avatar

com.jasontdc.webcamphoto's Issues

Can't specify image crop height/width

The image saved when taking a webcam photo is cropped to 480x480px. The crop values should be customizable so that users can save photos will different aspect ratios and resolutions.

Old photo is displayed while new photo is being uploaded

When taking a photo for a contact that already has a photo, the old photo is displayed for a moment after clicking the Save button, before being abruptly replaced by the new photo when the upload is complete. The old photo should be replaced by a loading/progress indicator during the upload.

Steps to reproduce:

  1. Open a contact that already has a photo
  2. Take a photo using the Photo tab, and click Save
  3. Notice that the old photo is still displayed for a moment before being replaced

Photo tab does not work with old webcams incapable of 640x480

The Photo tab does not work when using an older model webcam that has a maximum resolution that is lower than 640x480. An error is displayed when the user clicks the "Take a photo" button.

The reason for this is that the dest_height and dest_width parameters are hard-coded to 640x480. These values should be user/administrator-configurable, and/or the tab should attempt to fall-back to a lower resolution when a higher one doesn't work.

See also issue #1

Image doesn't appear in Summary tab after taking new photo

After taking a photo for a new contact that did not already have one, the photo that is displayed in the Summary tab is not updated to show the new photo.

Steps to reproduce:

  1. Create a new contact
  2. Take a photo for the contact via the Photo tab
  3. Notice that the photo does not display on the Summary tab (BAD)
  4. Refresh the page (the photo now shows up on the Summary page)
  5. Take another photo for the same contact
  6. Notice that the photo on the Summary page is updated (GOOD)

Webcam not properly released after saving photo

After saving a new photo in the Photo tab, the webcam is not properly released, and remains active until the user reloads the page or navigates to a new page.

Steps to reproduce:

  1. Open the Photo tab and click Take a photo
  2. Notice that the active webcam indicator in your browser is displayed (as is the hardware indicator on your webcam if it has one)
  3. Click Save to save a new photo
  4. Notice that the active webcam indicator is still displayed
  5. Refresh the page
  6. Notice that the active webcam indicator disappears

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.