/molgenis-navigator-app

user interface to navigate packages and datasets, analogous to windows explorer and mac finder

Primary LanguageJavaScriptMIT LicenseMIT

molgenis-navigator-app

user interface to navigate packages and datasets, analogous to windows explorer and mac finder Simply double click on a package or table to see its contents.

Information for developers

  • Build using vue for layout and axios for ajax requests
  • Uses molgenis 2.x as backend
  • Uses plain bootstrap css (only, excluding jquery) where possible
  • For development you need to have a molgenis on port 8081, see npm run dev below.

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080; proxy to molgenis at http://molgenis:8081 for REST api
# assumes a running molgenis to work, easy method is using molgenis docker https://github.com/molgenis/docker
# then you only need say 'docker-compose up'
# and don't forget to first login into http://molgenis:8081
npm run dev

# build for production with minification
npm run build

For detailed explanation on how loading works, consult the docs for vue-loader.

Log of development (sorry, in Dutch)

  • 2h om de layout in bootstrap op te zetten en een test set (hardcoded) te renderen met vue. Genoeg voor een mockup evaluatie. gewoon alles in de index.html, lekker snel, lekker makkelijk. Beter dan freemarker
  • 4 uur voor package data retrieval, leren axios, array.map, array.filter, en mappen REST service
  • 1 uur voor toevoegen basic search; loop hier tegen beperkingen API op (denk ik?) want kan alleen op hele woorden zoeken

Opmerkingen:

  • erg veel moeite om de REST api te leren. Dat moet makkelijker en/of beter gedocumenteerd.
  • Een paar keer gedacht: waarom niet op server op lossen. Maar eigenlijk is dit net zo makkelijk denk ik?

Ideas / todo

  • verify if this also works for a restricted user (i.e. does Package and EntityType have row level permission?)
  • add edit capability, such as 'new' and 'delete'
  • include menu and login bar (seperate story)
  • when single click show a 'details' view rightside of the table on large screens (analogous to google drive)
  • search also match on partial matches (MOLGENIS rest, does it allow 'like' query on substrings???)
  • do we want to use bootstrap CDN or include the bootstrap css + fonts here?