search

IUSCA / SQAN

Scalable Quality Assurance for Neuroimaging - (SQAN): A full-stack system solution for extracting, translating, and logging (ETL) + web portal-based quality-control verification of DICOM-formatted medical imaging data/metadata.
https://sqan.sca.iu.edu/
Other
8 stars 3 forks source link

SQAN: Explore Vuetify UI framework as alternative to Bootstrap #151

Closed youngmd closed 4 years ago

youngmd commented 4 years ago

During the recent Vueconf it became apparent that Vuetify was widely accepted as the standard UI framework with Vue, and that going forward it will have better support and tighter integration with Vue 3 than Vue-Bootstrap enjoys. The conversion of SQAN from angularjs to vue offers an opportunity to also explore a switch in UI framework at an early stage. To that end I have begun transforming the early Vue SQAN prototype to using the Vuetify framework.

Early results are promising, particularly in terms of having a clean navigational UI the minifies automatically (only shows icons until mouseover). I have also added support for the router to automatically switch between a "simple" layout (e.g. signin page) and an "app" layout (most other pages).

agopu commented 4 years ago

This sounds very promising, thanks @youngmd!

youngmd commented 4 years ago

Converted all existing pages to use Vuetify framework and pushed to Vue branch. Including screenshots of current build for reference

Screen Shot 2020-03-19 at 4 45 47 PM Screen Shot 2020-03-19 at 4 46 03 PM
youngmd commented 4 years ago

Marking this as Done since we are no longer "exploring" this, having settled on Vuetify moving forward.