brown-ccv/behavioral-task-hub

behavioral-task-hub's Issues

Left justify text

The table columns and the modal should have left justified text instead of center.

deploy production (master) to firebase

Create a deployment workflow that runs on push to master to deploy to firebase.
Things to know:

• I added you to the firebase project, you can find the secrets/firebase token there
• See instructions here for local set up
• To run on GH Actions you will need to npm install -D firebase-tools and add a {deploy: firebase deploy} to the script section in package.json
• the base url is different from development, it won't have the /behavioral-task-hub/ appended. Line 3 of the vue.config.js should already deal with that.
• you probably don't need a special action. Just a step that runs the deploy script and has the firebase token as an env variable.

Match style of home and about routes

I love the new colors in the home route! I think we should match them in the about route as well!

Move table to home page

Move the table to home page, also organize controls/table as described in the scope (#5)
Currently some of the controls are duplicated, make sure only one of each remains.

Simplify fonts

There are several style fonts. I suggest to keep styles simple. Also switch font to the one that Brown uses

Remove pages per page

Choose a number that fits well on the screen and remove option to change the value

change navigation

Navigation should have:

• Home
• About

Clean up/add to README

• Title should match repo
• Add some prose on what this does
• remove any scripts we aren't using and add any we are

unused icons on side bar on collapsed view

When the bar is collapsed, the icons for search, tags and so on are visible but they cannot be clicked, if they have no use, then let's remove them as it makes it confusing for the user

ccv and brown in header aren't links

make them links to https://ccv.brown.edu and https://www.brown.edu

when control panel is minimized - things aren't clickable

The icons in the lighter grey aren't clickable - should they be?

Update Title of web page

right now title (as shown in the tab) is behavioral-task-hub - change this to Behavioral Task Hub

vertical align table header

table header should have all items centered vertically, sort button should be to the right of the heading

Add search by Lab/PI

I think having an explicit search by Lab/PI would be useful. Since we are starting with only Brown, I'mm not sure that searching by institution is too meaningful yet. So for now we could replace that field. I'm also not sure how easy it is, but it would be nice if it auto completed based on existing entries

make table responsive

This is a tricky one, but here is a good reading about that problem:
https://css-tricks.com/responsive-data-tables/

Try to implement it and I can help if you have problems!

Filter by desktop doesn't yield any results

when in the control panel I select Platform -> Desktop, no results are found

Change style of Library and Language

I think it's too verbose to always write Library: and Language: in the values of the table. I would suggest to use the same style as for tags, and simply use one color for library values and a different color for language values. @mcmcgrath13 @fernandogelin - what do you think?

remove HelloWorld.vue component

vue-cli generated component is still there and breaking tests.

Color coding in platform

Some things are green and some are blue, but there isn't a legend - I would make the same or add a legend somehow

control panel items should all be left justified

Search and per Page are center justified

about and home are not responsive

need to make the whole website responsive, we can talk about this.

Features dropdown not correct

way to reset search

some button to clear all filters

column sort bugs

there are a few issues/bugs with the sort

• just the sort icon should trigger the sort action, but it seems like he whole heading triggers something.
• the table should start sorted, probably ascending by task name
• if I sort by a column, then I click in a different column heading, the table state resets to the initial state

doi links don't point to doi

they all point to a sub-page of the app

favicon for this project

replace the standard vue one with ccv or brown's favicon

Add GitHub actions

I'd love to see continuous deployment! With so many issues, getting closed, I can't wait to see the updated site

Make clear the cog allows one to hide the control panel

I didn't realize the cog was the hide button, should be more obvious (maybe arrows that flip with the direction of the action)

Make the frameworks be links

I think the framework should have be links. jspsych should link to https://www.jspsych.org - this is something that can be part to the .yaml file

Implement a form for registration

I think for many users it would be simpler to have a form or task registration route in the app that creates the PR in the data registry with the YAML or something like that. Few people that I have showed the process seem confused by it... that will likely be the case for people not familiar with GitHub workflow

fill in content for about page

What is this project - how to register things - neuro task starter info

Lab filter not working

Add hero to home page

add a hero section to the home page with a brief text, space for an image and an action button that would scroll to the table below.

Link to deployment icon is misleading

the icon that links to deployment reads to me as "upload to the cloud", I would just use a browser icon.

App Flow and Style

Home

The diagram below illustrates the two main pages the application will contain. The user lands on the home page and is presented with an image and a brief explanation of what this is.
An action button invites the user to start using the app. The button will scroll to the table view of the home page.

Table

The table view is split in two sections (these can be

and when using semantic html).
The sidebar will contain most of the control elements:

• filter table by task name, input field of type text.
• filter table by: platform, tags, features, institutions - these are select elements.
• number of rows per page. We could pre-select and not give the option to change. If really necessary, the default should be at least 10.

The only control that shows up in the main section of the page is pagination. Pagination goes under the table.

Remove top bar title

The app title BEHAVIORAL TASK HUB is not necessary. The landing page will contain enough info

Add About Route

Add about route. This will have information about the Task Hub itself, as well as how to register tasks, and the ccv task starter.
Leave with placeholder content for now.

badges have classes for color and color override in css

the badges in the table have color classes (badge-secondary, badge-info, etc), and they also have their colors overridden with css !important.
You should try to avoid using !important and you can add the default bootstrap colors to the badges.
In columns with two colors use: primary vs success, warning vs info and see how it looks.

Partners section

We should add some Partner logos/links for Carney and OpenMind. @fernandogelin do you have recommendations of where we should put it? I think having that visible can give more buy-in