search

bcgov / smk-legacy-ui

Legacy Admin UI for the SMK has been de-supported. Please see the CLI under https://github.com/bcgov/smk for an alternative.
Apache License 2.0
8 stars 3 forks source link

UI Updates MVP #193

Open cpspicer opened 6 years ago

cpspicer commented 6 years ago

Placeholder for UI feedback and updates.

cpspicer commented 6 years ago

First item: UI for 'Search by attribute'.

1) Font / Color / Size options for the name of the Query e.g. 'Select by' in example below. 2) Change the default value on load to 'choose a value' in grey italic text for drop down lists, instead of the 'Select License Status equals' text below. 3) Change activate button order to "Search, Reset" from 'Reset, Search, Add all to selection' 4) Display the 'Add all to selection' option after more than zero results are shown in the results list. 5) Modify the UI of the activate buttons - make them slightly bigger, put the text into a button like icon. 6) Move the 'Within current extent' option to below the activate buttons. Make slightly larger font.

image

cpspicer commented 6 years ago

When using the search by query form, I've noticed if you get no results, you have to reset the form and enter in new input to get it to re-execute the search. This forces the user to re-type text boxes each time or choose drop down choices a second time before they can try again. Suggest Search button is always available and user can mod their choices and then hit search again.

image

cpspicer commented 6 years ago

Actually noticed the search button never becomes active for the user, and they must use the return key to initiate a search.

qqnluaq commented 6 years ago

Theming support has been added to client. The themes defined so far are only to promote discussion, and explore ideas. There are 4 themes defined so far: alpha, beta, gamma, delta

Attach a parameter to URL to change theme: https://smk-demo.pathfinder.gov.bc.ca/smk-ui/viewer.html?config=../smks-api/MapConfigurations/conservation-data-centre/?theme=alpha

NicoledeGreef commented 6 years ago

I like the alpha theme for the site I am working on and in my exports I have tweaked the color in alpha.css from yellow to the BCGov standard gold/orange:

.smk-theme-alpha .smk-tool.smk-tool-active { background-color: rgba(227, 168, 43, 1);

cpspicer commented 6 years ago

Some potential inspiration https://upgradebc.ca/map/#