Commit Graph

33 Commits

Author SHA1 Message Date
Vignesh Joglekar
e47518d5fc
Adds date selection keybindings (#630)
* Main Pass

* Changelog

* Resolves comments
2021-01-22 13:29:16 +02:00
Vignesh Joglekar
da7ccc45e4
Allow for Esc to clear all filters (#625)
* Allow for `Esc` to clear all filters

* Changelog

* Change duplicated ctrlKey (in DatePicker too)
2021-01-21 15:11:48 +02:00
Sean Hill
6ab2126ab8
Change datepicker caret from pink to indigo (#618)
* Change datepicker caret from pink to indigo

* Update CHANGELOG.md

* Update CHANGELOG.md

* Updated filters dropdown caret/chevron to indigo
2021-01-19 15:41:22 +02:00
Mackenzie
27b60894bb
disable date navigation arrows when date is invalid for site (#483)
* Prevent choosing a date before site was added in datepicker

Fixes #446

* change date navigation arrows to real buttons and disable them when date is invalid for site

* simplify. ditch LinkButton and just use button. make lint a little happier

* put back dark mode for date nav buttons

* enforce line length limit

* fix a11y lint errors

* correct event/e
2021-01-07 15:24:59 +02:00
Vignesh Joglekar
8174f1d135
Mobile/Filter Overflow UX Improvements (#503)
* Initial Implementation

Still needs clear all functionality, various styles and spacing, and overall cleanup

* Second pass

Most of the styling issues are still present, but collapsing/expanding logic should be complete

* Third pass

* Refactors, comments, cleans up filters code

* Flatpickr color+placement changes

* Last(?) pass on UI

* Actually fixes sticky dates without breaking navigation

* Changelog

* Puts this back where it goes

* Updates based on @ukutaht's comments

- Removes Screenclass hook in favor of simple viewport size storage
- Uses class-based component
- Removes recheck variable in favor of tri-state wrapped
- General formatting & code cleanup
2020-12-29 11:00:41 +02:00
Vignesh Joglekar
e2599ffcc1
Changes "This Month" view to Month-to-date for current month (#491)
* Initial MTD

* Adds FE support

* Removes broken Day to Time, debug statements

* Changelog

* Cleans up conditional
2020-12-23 10:42:22 +02:00
Vignesh Joglekar
1174801255
Fixes couple of Flatpickr related issues (#495)
* Navigates to day when same day is chosen in flatpickr

* Ensures that erroneous from and to params are removed when re-navigating

* Changelog
2020-12-21 15:26:37 +02:00
Vignesh Joglekar
425975efec
Adds dark mode to entire dashboard (#467)
* Adds New Dark Mode Assets

* Moves triangle for dropdown to a reasonable position

* Majority .eex dark implementation

* Fixes Logo Positioning

* Adds theme flag to user schema, uses it

* Uses correct variables for theme applicator script

* Minor missed theme changes/fallbacks

* Individual Component Support + Theme Context

* Sources Tab Support

This was a pain to test D:

* Partial Stats Sections Support

* More of stats modules supported

* Modal +table support

* Improves some Flatpickr in light theme, supports dark theme

* Fixes missed settings tab colors

* Finishes Devices module support

* Fixes bar graph colors

* Better colorizes maps module

* Undoes colorized bars

(they looked bad, on second thought)

* Fixes loading indicator

* Finishes conversions module

* Adds changelog entry

The PR number could be wrong, will double check

* Fixes missed header color

* Fixes naming of migration and removes static alter

* Does migration correctly

As I said, my Elixir is pretty weak heh

* Adds support for spike notifications setting

* Improves contrast and visibility for email settings

* Resolves @ukutaht's comments on #467

* Fixes missing dark style

* Found one more missed dark element (shared links)

* Formatting fixes
2020-12-16 11:57:28 +02:00
Mackenzie
a50fd555cf
Prevent choosing a date before site was added in datepicker (#477)
Fixes #446
2020-12-16 11:52:47 +02:00
Uku Taht
1ec4dca33f
Merge pull request #412 from plausible/settings-design
Settings design
2020-11-20 12:56:35 +02:00
Uku Taht
eca27283c1 Update TailwindCSS to 2.0 2020-11-19 14:34:37 +02:00
birjolaxew
7f1f3a00ec Remove queryWithPeriod from DatePicker
It has been made redundant after the implementation of QueryLink
2020-11-13 01:44:38 +01:00
birjolaxew
9719c83364 Prioritize order of props when using QueryLink for readability 2020-11-13 01:37:59 +01:00
birjolaxew
2f6d58a8e5 Rename QueryLink's 'data' prop to 'to'
This fits the existing naming convention from Link better
2020-11-13 01:35:09 +01:00
birjolaxew
b4f530f492 Connect QueryLink to React Router using withRouter
This means history no longer has to be passed as property
2020-11-13 01:33:01 +01:00
birjolaxew
ccc89ab4b1 Implement QueryLink to make it easier to transition from Link 2020-11-13 01:26:53 +01:00
birjolaxew
a05f3eb6d6 Remove stray semicolons to conform with existing code style 2020-11-11 11:58:05 +01:00
birjolaxew
8e9349e1d8 Update DatePicker to use new navigation function 2020-11-11 11:30:29 +01:00
Uku Taht
8e9459ba99
Ignore arrow keys when modifier keys are pressed (#371) 2020-10-19 10:56:03 +03:00
Uku Taht
26da5f2218 Include flatpickr CSS in our own bundle 2020-09-10 10:51:14 +03:00
Uku Taht
33bf8e8b4d
Add 'This month' and 'Last month' options (#312)
* Add 'This month' and 'Last month'

* Remove 60d option

* Make datpicker transition similar to site switcher
2020-09-09 11:13:55 +03:00
Uku Taht
d266cfd60a
Remove comparison line (#232)
* Fix svg attributes in React

* Remove comparison line on visitor graph
2020-07-21 10:30:03 +03:00
Uku Taht
c72b7cc1ad Inline svg icons from _svg_icons template 2020-07-17 14:06:43 +03:00
Uku Taht
232298d327
Realtime dashboard (#212)
* Auto-updating dashboard with realtime info

* Remove extra route

* Draw list of countries next to the map

* Nice animations

* Do not show bounce rates in realtime modals

* Update countries and devices in realtime

* Remove unused component

* Show total pageviews in the last 30 minutes

* Show proper labels

* Remove unnecessary z-index

* Fix label for main graph

* Fix compiler warnings

* Add tests

* Fix copy pluralizations

* Fix copy in countries modal

* Real-time -> Realtime

* Looser test assertion

* Show last 30 minutes conversions on realtime report

* Remove EventTarget API because it doesn't work on Safari

* Get referrer drilldown from sessions table

* Fix failing tests
2020-07-14 16:52:26 +03:00
Uku Taht
c40d532880
New landing page (#47)
* Fix typo

* Update landing page with components from TailwindUI

* Update copy

* Update FAQ and testimonials

* Add feature section

* Update copy for integration

* Implement feedback

* Remove github button JS

* Update headings

* Update gray values

* Update CTA section

* Add copy
2020-03-26 14:22:48 +02:00
Uku Taht
70cbd67236 Align datepicker arrows 2020-03-06 11:54:36 +02:00
Uku Taht
32937c53d1
Upgrade tailwind to 1.2.0 (#42)
* Upgrade config file

* Upgrade grey colour

* Update styles for dashboard

* Update styles for new site flow

* Update styles for user settings

* Update site setting styles

* Update other pages

* Adjust spacing

* Update last grey rules

* Purge css
2020-03-06 11:11:38 +02:00
Uku Taht
a2ed7514d7
Improve datepicker (#41)
* Update datepicker dropdown style

* Add custom range for datepicker
2020-03-04 17:24:18 +02:00
Uku Taht
0dfd5b448d Rename 'last year' to 'last 12 months' 2020-01-08 11:31:58 +02:00
Uku Taht
0f6d742ae1 Show 6 months instead of 3 2020-01-08 11:25:46 +02:00
Uku Taht
5631367aef Add 'last year' instead of '6 months' 2020-01-08 11:23:03 +02:00
Uku Taht
426963d6c5 Fix date links with a goal selected 2019-11-22 15:38:58 +08:00
Uku Taht
e8f20e67cc
React (#17)
* Load dashboard with react

* Rename stast2 to dashboard

* Save timeframe on the frontend

* Implement current visitors

* Implement comparisons

* React to route changes

* Add modals

* Show number of visitors on hover

* Show 'Today' for today

* Add 30 days

* Show referrer drilldown

* Arrow keys to go back and forward

* Improve comparisons UI

* Fix dropdown when clicking on it

* Verify API access in a memoized fashion

* Test API access

* Test stats through controller

* Move map formatting from stats controller to stats

* Remove unused code

* Remove dead code from query

* Remove dead code from stats templates

* Add stats view test back in

* Render modal inside the modal component

* Implement google search terms

* Add explanation for screen sizes

* Separate dashboard JS from the app js
2019-11-19 12:30:42 +08:00