Coder Social home page Coder Social logo

cacophony-web-old's People

Contributors

arthurmcgregor avatar cameronrp avatar clare avatar mjs avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

cacophony-web-old's Issues

Show summary of tags

For a person doing tagging it would be useful to see a summary of the number of tagged videos and a breakdown of the number of various animals tagged.

Add fast tag buttons

Add buttons to the page for a single recording which tag as any of the following animals and then navigates to the next "interesting" recording.

  • Possum
  • Hedgehog
  • Bird
  • Rat
  • Cat
  • Human
  • Stoat

Offset doesn't reset when initiating a new query

On the getRecordings page, if you are looking at a table with offset>0 and then run a different query, it will retain the offset and may potentially not display any results.

Perhaps best behaviour is for offset to reset to zero is the count is less than the offset, and then run the query again (so that some results will always be displayed)

Move "false positive" & "add tag" buttons

To save on mouse movement when doing bulk tagging, it would be helpful if the the "false positive" button was under the current Next / Previous buttons. It would also be useful to have addition "add tag" button in the same location.

Talk to Grant if you want further clairification.

Bulk removal

It's sometime useful to be able to remove a large range of videos. Typically this is because of a large series of videos which are stuck in a trap.

I'm not sure what the right UI for this would be. Check boxes on the search page could work although selecting them all will be quite tedious. Perhaps a way to do a range select on the search page via shift+click?

Improve get recordings search (query) functionality

  • Make the Device control a text field with autocomplete. The list in the dropdown is huge if you're an administrator with access to all the devices. Something like - but necessarily exactly - this: https://goodies.pixabay.com/javascript/auto-complete/demo.html
  • Change field called 'tags' to 'tag type' or 'tag class' (as opposed to animal tags)
  • Prettier and more compact layout of the form elements.
  • Allow the Device control to also select Device groups.
  • New control to allow selection of specific animal tags. The API supports this but we haven't exposed it in the UI yet.
  • Get rid of the two submit buttons. There should be just one button to query called 'search'
  • Get rid of the "Active query" bit or at least hide it by default.
  • Improve responsive layout for mobile
  • More obvious UX for date and duration selection. There should be no need for those Add buttons nor the "Conditions" section in the middle.

Tag delete button doesn't work

The AJAX request to delete the tag is returned 422. This could be a problem with the request or a regression in the API server.

Video playback view should show metadata

It would be really useful to be able to see the recording time, location etc from the view where you play a video. I often open a bunch of videos in separate tabs but it's then annoying to figure out which was which.

CPTV and MP4 download buttons on the view recording page

It would be very useful to have buttons in the "view recording" page for downloading the raw (CPTV) file and the processed (typically MP4) file. These are available from the search page but often you don't know you want to download a particular file until you're viewing it.

"Hero image" on home screen

Instead of the current "Cacophony Project" text the home screen would look much better with a large "hero image" which is zoomed to take up the full screen width.

Show username and timestamp for tags

To help us identify where a particular tag came from the tagger id and timestamp of the tag should be shown in the UI. This information is already available but isn't being shown.

Show recording ID on view screen

I've just been reviewing some recordings. And I'd find it really handy if the recording ID was displayed along with the device and date/time. That would let me note down a recording that I might want to refer back to later.

Query results should sort by id

The primary sort key should be timestamp but there should be a secondary sort on id. This helps when videos are missing timestamps.

Finish migration to bootstrap 4

The following pages / tasks still need to be migrated to bootstrap 4

  • setupAudio.pug
  • viewAudioRecording.pug
  • viewRecording.pug
  • restore form validation and error messages to login and register pages
  • remove bootstrap 3 files once complete

Add file processing status.

The file processing status should be added so you can see if the file has been processed or is waiting to be processed. Both when querying recordings and when viewing recordings.

Audio bait file upload.

Limit the Animal, and Short description to 8 alphanumeric characters only. (This is because these become the name of the recording.)

Also make it clear that the Cacophony name (generated from these) is a read only field.

Add tagging

Add the ability to tag the recordings when viewing them.

Delete button should redirect to another recording

Instead of leaving you on the same page, the delete button should take you to the next recording. Currently it leave you on the view for the deleted recording which then only partially works.

This would also avoid the need for the dialog box popup which requires an extra mouse click to dismiss.

Autoplay videos

To save clicks when tagging it would be helpful if videos played by themselves.

Add email address field to registration screen

It's useful to have an email address for users so that we can easily contact them about their recordings. The API allows for attaching an email address to a user but we're not currently using it.

Improve mobile experience

We haven't been all that great at making sure that all parts of the UI work well on phones and tablets. Some screens have seen some love in this area recently (e.g. login and register) but other parts almost certainly don't work that well.

Improve device activity graph, on data visualisation page

Summary of ideas discussed in #89

  • Add option to filter by device type (audio, thermal, both)
  • Add option to show/hide devices with no recording data (currently they are hidden)
  • Add option to show number of recordings grouped by device group (summary graph)
  • Add option to show number of recordings for devices in one or more device groups (detailed graph)
  • When a device group is clicked in the summary graph, it should show the appropriate detailed graph

Group selection breaks when a group with no devices is selected

When I select a group with no devices in it this error appears on the console:

Uncaught TypeError: Cannot read property 'children' of null
    at addDeviceToList (getRecordings.js:162)
    at HTMLDivElement.item.addEventListener (getRecordings.js:134)

The group then appears as a selection but the X button to remove it doesn't work.

Some minor upgrades for tagging page

Good to have a delete button on page
Good to have the default the same as the previous video - eg human, possum, bird etc....tend to do heaps at once - it can beome a pain when you have to select animal, interaction and trap type repeating
Maybe have a comment field so can write anything want about particular videos
Button if video is particularly interesting?
Need a tag for insect and spider (insect and spider currently tagged as other...)
Would be great to see tags listed in the "get recordings" page
Cool to have a summary page with the number of different tagged videos - then maybe a way to look at just the mice etc?
Maybe a "next untagged video" button

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.