search

argosp / argos

General issues, wiki , integrations
3 stars 1 forks source link

Device location widget placeholder #20

Open liorkesos opened 5 years ago

liorkesos commented 5 years ago

Weneedto create a placeholder for the device location allocation widget

liorkesos commented 5 years ago

Once you have created this placeholder please write in the issue comments about where this code is located and how to change this component so a different developer can continue the work in parrallel

vladislav-vasilyev commented 5 years ago

The code of this widget is located here. `<Dialog onClose={this.closeLocationPopup} aria-labelledby="location-popup-title" open={isLocationPopupOpen}>

Location 
      </Dialog>`

Put it in a separate component if needed. To open it in UI: open an experiment -> open a trial set -> "Add trial" button -> "Devices" tab -> fourth button with location icon on the left.

To implement a map you should use installed react-leaflet library like in ExperimentForm/index.jsx. To implement drag and drop you should use installed react-beautiful-dnd library like in AddSetForm/index.jsx.

We use Material-ui for styling. You should add the new icons in src/constants/icons.jsx if needed. Use SimpleButton/index.jsx to add buttons. Use colors from src/theme.js and add the new ones if needed.