socr / blueml-issues Goto Github PK

Progress bar that updates depending on which page you're on. Can be static values for now. Progress bar changes should be animated

See Picture

We need a list of possible features for EEG Dx (See the description for the EKG set). We'll also need a list of conditions which will be recommended for diagnosing using the model

Populate dropdowns, checkboxes, and radio buttons for all pages

Should have 1 variable: selectedFeature, whose value automatically changes using 2-way binding to show the currently selected feature

Buttons are currently anchored to bottom-left and bottom-right, but should instead be within the wizard panel

Add search bar for select training data

Current repo contains lots of duplicated or unused files which need to be removed

See photos

Header and footer should remain static when switching between pages

If user has not upload any test data, the next button should be greyed out, and show the disable mouse icon when mousing over it. Clicking it should not advance the wizard to the next page

Navbar with BlueML logo and tabs

Split Training Data into 2 panels: Metadata selection/ search, and meta-data refinement

Incorporate back and next buttons with angular router

See "Select Training Data" component for details

Need to incorporate SOCR Panel into left side of webapp

Just incorporate router library into project, do not populate pages.
Note: Make sure it's implemented as a Single Page Application

See: https://angular.io/docs/ts/latest/guide/router.html

See "Select Training Data"

Bootstrap 4 production has been released. We need to update our code to support it

Add in Table for entering metadata values. Should have 2 columns, and a variable number of rows. A new row should be added as soon as an existing one is filled.

Initially, there will only be 1 row; more will be added as content is filled in

Write a document going over possible wavelet-based classification algorithms, with pros/cons of each.

Will need to create skeleton of each subpage. Tabs should be disabled on click. Navbar should reflect current page

Uploading multiple files should be more intuitive. User should be able to select multiple files from the file select window. This means we will no longer need the add another file button

Create right folder structure

Incorporate already-created angular page components into router
Don't need to create components, don't need to call router to go backwards or forwards
Components should have order preserved when added

Need Back and forward buttons on each tab page to move between pages. Hint: see bootstrap buttons

Need to incorporate SOCR standard footer into webapp

See "Select Training Data" Incorporation page

Create a new Metadata detail pane (The white part) everytime a box on the top panel is checked.
Styling is included
Should also delete pane when box is unchecked

Need to have SOCR standard header bar in webapp (See http://www.socr.umich.edu/html/SOCR_Contact.html)

Make file names more columnar for upload data option

We need a list of possible features for classifying our EKG inputs. We'll need to look into the indications and symptoms of each of the 4 possible results (A-Tac, V-Tac, V-Fib, Normal), as well as ranked list of significant EKG-based features for each.

Populate delete buttons (trashcans) on upload data page.
Should delete corresponding input element when pressed

Initially have 1 upload box, option to add more by clicking plus button

Make sure that selected meta data is binded to a User model

Should have an array of key-value pair objects, whose entries change to reflect the entries on the upload data page

For now, the view could be a 5x2 table
array would look like:
[
{ key:"Age",
value:"29"
},
{ key:"Gender",
value:"Male"
},
{ key:"Weight",
value:"135"
},
...

]
ex:
Keys | Values
Age | 29
Gender| Male
Weight| 135
Height | 5'5"
Race | Caucasian

See Photo

Migrate all the select data code into an angular component, with its own Model and View

No need to set up 2-way binding

HTML and css formatting for newly created file upload elements

users should be able to upload training data simply by dragging the files from their filesystem to the screen. This needs to work in conjunction with the multiple file upload issue.

Populate top panel with Folders, titles, and checkboxes.
Includes css styling for background and font

Require incorporating node, and npm+index.json

Header is getting old, and contains legacy Bootstrap 2 code. Update it so that it runs with Bootstrap 3

Create a function that, given a JSON list of results, Create graph on results page, including axis, labels, and headers.
You should use D3

sample JSON:[{Name:"Arrhythmia",Value:.80},{{Name:"Tachycardia",Value:.03}}]

2-way bind array called selectedTrainingData to top panel checklist
sample value of selectedTrainingData:[0,3,5] (index method)
OR
["MIT","HARVARD","WASHINGTON"] (name method)

Make sure to check that this functionality works using the console

We're going to want question mark icons over each panel (see Upload data mockup for an example). When a user mouses over, it should display a minibox with helpful information (see Bootstrap tooltip)

NOTE: Use icons, not images

See Photo

BlueML image, title, and header text need to be rendered using bootstrap elements and improved styling

Same as QuizApp

Adding an element to the selectedTrainingData array should add a new section in the bottom panel for that specific dataset.
Removing an element from the array should remove the corresponding section from the bottom panel

Note: DO NOT manually do this using jQuery