Commit Graph

44 Commits

Author SHA1 Message Date
softsimon
36f56de4f1 Liquid UX fixes
fixes #1683
fixes #1681
2022-05-25 23:43:31 +04:00
nymkappa
271f3c2317 [Chart download] Add .svg to file name, fix chart background colors 2022-05-10 14:32:57 +02:00
nymkappa
c62ed62db6 Change download button position so it's not hidden on mobile 2022-05-10 14:32:57 +02:00
nymkappa
7a487046b9 Add download button on pool ranking and mempool graphs 2022-05-10 14:32:57 +02:00
nymkappa
71648bf01e Force disable mining dashboard if base_module not mempool 2022-03-16 17:28:00 +01:00
softsimon
e1275c62cc Liquid support to the Graph fee filter dropdown
fixes #1072
2022-01-04 04:42:19 +04:00
softsimon
79e44479e9 Remodeling how historical fees are stored and presented.
fixes #908
2021-11-29 23:31:01 +04:00
softsimon
8569523b89 Moving chart loading spinner to chart component
fixes #885
2021-11-19 00:10:12 +04:00
softsimon
0fabf8dbc3 Merge pull request #905 from MiguelMedeiros/add-2y-3y-graph-time-span
UI/UX: Add 2y and 3y statistics time span.
2021-11-05 23:09:35 +04:00
Miguel Medeiros
c95f75254b Add 2y and 3y statistics time span. 2021-11-01 22:06:10 -03:00
Miguel Medeiros
d1e72c0cc0 Fix loading icon position. 2021-10-29 10:46:16 -03:00
Miguel Medeiros
1925023eb2 fix: check buttons at graphs page 2021-10-29 10:04:30 -03:00
Miguel Medeiros
9bf475bc97 Fix filter color. 2021-10-08 15:30:26 -03:00
Miguel Medeiros
af3af5f099 Fix tooltip ranges. 2021-10-08 12:42:43 -03:00
Miguel Medeiros
a43cd48795 Remove unecessary code to controle legends.
Fix order of active and inactive fee ranges.
2021-10-07 16:03:21 -03:00
Miguel Medeiros
44339daedf Add toggle button to dropdown menu.
Revert left margin from tv page.
Change text dropdown filter to icon.
Change dropdown inactive item color.
Revert 500 limit rate.
2021-10-07 14:20:06 -03:00
Miguel Medeiros
14b7b6427a Change dropdown button text. 2021-10-07 14:20:06 -03:00
Miguel Medeiros
a2e866d15a Change filters to dropdown selection menu. 2021-10-07 14:20:05 -03:00
Miguel Medeiros
c2f288a861 Add mempool chart filtering. 2021-10-07 14:20:05 -03:00
Miguel Medeiros
5ce7b55441 Add inverted chart feature. 2021-09-26 11:41:55 -03:00
Miguel Medeiros
8b8b06e6ab Remove fee tier legends.
Fix tv page css.
2021-09-14 22:35:51 -03:00
Miguel Medeiros
d376ba1c61 Move total MvB to the top.
Fix yAxis value.
Fix yAxis value.
Make disks smaller and transparent.
Change opacity on mouseover stack bars.
Add 4th column "sum of vsize" to tooltips table.
Add toggle show/hide tier fees.
Make progress active bar inline with text value.
Add a break line to the timestamp text.
Add colored progress bar with number.
2021-09-14 22:35:50 -03:00
Miguel Medeiros
388aa7fbe3 Fix y axis margin left. 2021-09-14 22:35:50 -03:00
Miguel Medeiros
f434e50a2c Invert the tooltip legends order.
Fix default data to title tooltip MM/dd HH:mm.
Add symbol to tx chart tooltip .
Add accumulative total for tooltip information.
Add 3th column to tooltip with a progress bar.
Add and max span zoom span.
Add feeRate limit input to mempool graph component.
Add showZoom option to mempool graph component.
Remove start animation to match the layout for future SSR.
Remove mouse wheel zoom from small template.
Fix small template style.
2021-09-14 22:35:49 -03:00
Miguel Medeiros
3574f8639e Add total sum to mempool chart.
Add zoom tools.
Add different theme for charts `big` and `small` (default).
Fix date format on mouseover.
Fix animations on graphs page.
Fix overflow tv page.
Remove `crosshair` on mouseover, changed to `line`.
Fix custom tooltip styles.
Remove inverted button (will add in a future PR).
Remove fee range labels (will add in a future PR).
Fix e2e testing.
2021-09-14 22:35:48 -03:00
Miguel Medeiros
9b956ff88d Add new component incoming-transactions-graph;
Refactor component mempool-graph;
Refactor component fee-distribution-graph;
Add incoming-transactions-graph to dashboard;
Add incoming-transactions-graph to statistics;
Add incoming-transactions-graph to television;
Add mempool-graph to dashboard;
Add mempool-graph to statistics;
Add mempool-graph to television;
Remove chartist.component;
2021-09-14 22:35:47 -03:00
Miguel Medeiros
dbb365f5e3 Align loading component in the center. (#535)
* Align loading component in the center.

* Change height of loading component.
2021-05-22 18:57:15 +04:00
Miguel Medeiros
2f8f3ca2e9 New concept for dashboard layout components. (#469)
* New concept for dashboard layout components.

* Align dashboard componentes.

* Add divider to fee box component.

* Remove TV icon from mobile and tablet queries.

* Fix form input overflow.

* Add responsive css to statistic component.

* Add responsive css to about page.

* Add global padding bottom.

* Fix graph page styles.

* Add responsive chart and scrollable table.

* Fix mobile css query for navbar menus.

* Fix pagination responsive css.

* Add CSS animated logo.

* Revert "Add CSS animated logo."

This reverts commit 92af38294c0d4fe815a801b37635cde7f8ee1ced.

* Add extra skeleton to fee-box-component.

* Fix latest-blocks and latest-transactions table css.

* Adapt Bisq pages to responsive layout.

* Remove parenthesis from fiat amout.
Fiat prive break not break on desktop.
Transaction ID align left.
Fee box skeleton width resize.

* Fix mobile table text-size.

* Fix dashboard mempool info mobile alignment.
2021-05-03 17:11:30 +04:00
softsimon
f0d46d6ed8 Don't reload after setting graph preference setting.
refs #365
2021-04-19 10:50:24 +04:00
Felipe Knorr Kuhn
220d9afd97 persist graph window preference between reloads (#456)
Persist graph window preference between reloads
fixes #365
2021-04-19 10:17:16 +04:00
softsimon
035f9a4d67 Merge commit '768fbdfbfa8e0064b86e168c59762909f4c1763b' into simon/i18n-everything
* commit '768fbdfbfa8e0064b86e168c59762909f4c1763b':
  Update translated strings from Transifex
  More fixes for RTL
  Always render app-mempool-graph using LTR
  Implement auto RTL support for i18n locales like Arabic, Persian, etc.
  Update extracted i18n strings from source
  Enable 'ar' locale for Arabic
  Update translated strings from Transifex
  Fix incorrectly used 'nn' locale, rename it to 'nb' instead
  Update transifex-client configuration to use master branch

# Conflicts:
#	frontend/src/locale/messages.xlf
2020-12-04 21:30:51 +07:00
wiz
62363802be Always render app-mempool-graph using LTR 2020-12-04 22:41:58 +09:00
softsimon
fb11d73751 i18n all the remaining strings. 2020-12-03 18:34:19 +07:00
wiz
4658b47007 Implement i18n support in frontend using Angular + Transifex + NGINX
This PR adds basic i18n support into the mempool frontend, together with
a smooth workflow for developers and translators to collaborate:

* Using the existing @angular/localize module, developers add i18n
metadata to any frontend strings their new features or changes modify

* Using the new npm script `i18n-extract-from-source`, developers
extract the i18n data from source code into `src/locale/messages.xlf`

* After pushing the updated `src/locale/messages.xlf` to GitHub, the
Transifex service will update its database from the new source data

* Using the Transifex website UI, translators can work together to
translate all the mempool frontend strings into their native languages

* Using the new npm script `i18n-pull-from-transifex`, developers can
pull in completed translations from Transifex, and commit them into git.

This flow requires an API key from Transifex, which can be obtained at
https://www.transifex.com/user/settings/api/ to be used with the python
script installed by `pip install transifex-client` - after preparing
these, run the npm script which will ask you for the API key the first
time. When downloading is complete, you can test building the frontend,
and if successful, commit the new strings files into git.

This PR implements a new locale selector in the footer of the homepage
dashboard, and includes WIP translations for the following languages:

* Czech (cs)
* German (de)
* Japanese (ja)
* Norwegian (nn)
* Spanish (es)
* Swedish (sv)
* Ukrainian (uk)
* Persian (fa)
* Portugese (pt)
* Turkish (tr)
* Dutch (nl)
* French (fr)
* Chinese (zh)
* Slovenian (sl)
* Korean (ko)
* Polish (pl)

The user-agent's `Accept-Language` header is used to automatically
detect their preferred language, which can be manually overriden by the
pull-down selector, which saves their preference to a cookie, which is
used by nginx to serve the correct HTML bundle to the user.

Remaining tasks include adding i18n metadata for strings in the Bisq and
Liquid frontend code, mouseover hover tooltip strings, hard-coded og
metadata inside HTML templates, and many other places. This will be done
in a separate PR.

When upgrading to add i18n support, mempool instance operators must take
care to install the new nginx.conf and nginx-mempool.conf files, and
tweak for their specific site configuration.

Fixes #81
2020-12-02 04:19:33 +09:00
softsimon
9f9c0b1114 Correcting title text on graph invert button. 2020-11-16 21:58:16 +07:00
softsimon
ca540d902a Adding a button to invert the graph globally. 2020-11-16 19:27:06 +07:00
softsimon
05bea21cc8 Fix: Weight per second should be vBytes per second. 2020-09-29 15:07:04 +07:00
softsimon
50f98807a3 Graph x-axis date fix. 2020-05-10 17:44:19 +07:00
softsimon
1feb985bec Liquid and Testnet now accessable from the main site
fixes #35
2020-05-09 20:37:50 +07:00
softsimon
9814927849 Merging duplicate mempool graph code. 2020-03-29 23:59:04 +07:00
softsimon
b60d9cdfbc General responsive improvments. 2020-03-05 16:13:46 +07:00
softsimon
c1a8863861 Improvments to responsiveness 2020-03-03 17:47:01 +07:00
Simon Lindh
acd658a0e7 Optimize statistics. 2020-02-26 03:21:21 +09:00
Simon Lindh
ac95c09ea6 New base code for mempool blockchain explorerer 2020-02-26 03:19:26 +09:00