Giter Site home page Giter Site logo

crisislogger-components's People

Contributors

binarybottle avatar henryrossiter avatar

Watchers

 avatar  avatar  avatar  avatar

crisislogger-components's Issues

[iOS / Safari / Chrome] The warning messages on record page are contradicting

Steps to reproduce

  1. Open site https://crisislogger.org/ on a mobile device (iOS) on Safari
  2. Proceed to the record page
  3. Open site on Chrome
  4. Proceed to the record page
  5. Compare the warning messages

Actual result
The warning messages on the record page are contradicting: Safari sends user to record video in Chrome or Firefox, though in Chrome/Firefox there is a warning that video/audio recording isn't allowed in Chrome/Firefox.

Expected result
On Safari there should be a suggestion to use the desktop version.

Environment:
https://crisislogger.org/
iPhone 6S // iOS 14.4 // Safari // Chrome 96.0.4664.53
iPhone 8 Plus // iOS 13.3 // Safari // Chrome 93.0.4577.78

The recording is stopped after an attempt to remote to the final 15-30 seconds of record

Steps to reproduce

  1. Open a site https://crisislogger.org/
  2. Click on the "Listen to Others' Thoughts" button
  3. Click "Play" on any audio recording
  4. Remote to the last 10-20 seconds (click on the timeline)
  5. Pay attention to the screen

Actual result
The recording is stopped after an attempt to remote to the final 15-30 seconds of the record

Expected result
The recording is continuing from the selected point

Notes: After downloading the record has the same timing (full), audio isn't missing. The same is reproducible for just recorded audio.

Video: https://www.screencast.com/t/8jy7hF9KykIO

Environment:
https://crisislogger.org/
Win 10 // Chrome 96.0.4664.45
macOS 10.15 // Chrome 96.0.4664.45

[UI][Android] There is extra space above the "Request a camera" and "Request a microphone" buttons on the record page

Steps to reproduce

  1. Open site https://crisislogger.org/ on a mobile device (Android) on Chrome
  2. Proceed to the record page
  3. Pay attention to the screen

Actual result
There is extra space above the "Request a camera" and "Request a microphone" buttons on the record page

Expected result
There is no extra space above the "Request a camera" and "Request a microphone" buttons on the record page on Android mobile device.

Screenshot: https://www.screencast.com/t/rV2PkfzTRnZo

Environment:
Samsung Tab S6 // Android 9 // Chrome 96.0.4664.45
Samsung S7 // Android 8.0 // Chrome 96.0.4664.45

[UI][iOS]The header image is stretched vertically on some mobile devices

Steps to reproduce

  1. Open site https://crisislogger.org/ on a mobile device (iOS) in portrait mode
  2. Pay attention to the screen
  3. Rotate the device to landscape mode
  4. Observe the result

Actual result
The header image is stretched vertically

Expected result
The header image is displayed in correct proportions

Screenshot:
https://www.screencast.com/t/Bv4ZrVQQP

Environment:
https://crisislogger.org/
iPhone 6S // iOS 14.4 // Safari // Chrome 96.0.4664.53
iPhone 8 Plus // iOS 13.3 // Safari // Chrome 93.0.4577.78
Samsung S7 // Android 8.0 // Chrome 96.0.4664.45

State & City Fields do not expand

Steps to recreate

  1. Navigate to crisislogger.org
  2. Submit a new entry and create an account.
  3. Try to update city and state
  4. See results

Expected: User has options
Actual: Nothing is in the drop down
CrisisLogger

MiResource Project

MIRESOURCE

  1. Build mental health assessments into MindLogger to collect responses
    ● Collect user feedback on the clarity, relevance, and presentation of the questions*
    ● Build these questions into a MindLogger applet for review and QC in iOS and Android devices
    ● Time users to make sure the assessment takes no more than 15-20 minutes to complete
  2. Build into MindLogger an interface to collect referrals from experts
    ● Write and test software that converts assessment responses to a MindLogger-compatible format
    ● Build and test MindLogger applet to present responses and accept LOCUS-based selections

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.