39 Commits

Author SHA1 Message Date
softsimon
6d13a1450a Replacing all PNGs with inline SVG 2022-08-29 19:13:47 +02:00
nymkappa
8cfe33231c Fix bug when loading /tv and cleanup Observable flow 2022-02-10 00:24:01 +09:00
nymkappa
61cdaea90c Refactor TV component subscription 2022-02-10 00:24:01 +09:00
nymkappa
123d321031 Use switchMap param instead of re-reading this.route.snapshot.fragment 2022-02-10 00:24:00 +09:00
nymkappa
e3adf642d2 Allow /tv view timespan to be changed through url fragment 2022-02-10 00:23:55 +09:00
hunicus
51d357fa2e Fix graph issues in #992 2021-12-08 17:50:02 -05:00
softsimon
4ba470ed39 Moving chart loading spinner to chart component
fixes #885
2021-11-19 00:10:12 +04:00
Miguel Medeiros
717a3a3cc4 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
8ed8ddabb4 Change filters to dropdown selection menu. 2021-10-07 14:20:05 -03:00
Miguel Medeiros
86b31d0ef2 Add mempool chart filtering. 2021-10-07 14:20:05 -03:00
Miguel Medeiros
96925b695f Remove fee tier legends.
Fix tv page css.
2021-09-14 22:35:51 -03:00
Miguel Medeiros
75eccfc818 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
0cb27661a3 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
c5831cc4e8 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
11af9e6033 Fix concurrent asynchronous calls. (#675)
* Fix concurrent asynchronous calls.

* Remove test without mempool info websocket.

* Remove isloading$ variable.
2021-07-31 19:40:15 +03:00
Miguel Medeiros
156fe8837c Fix show blocks on small screen. (#674) 2021-07-30 02:28:43 +03:00
Miguel Medeiros
33d1060be1 UI/UX - Blocks not visible on the TV page. (#626)
* Fix blocks not visible on the TV page.

* Add e2e testing for tv screen.
2021-07-12 17:19:58 +03:00
Miguel Medeiros
7c15f9a897 Fix tv only (#598)
* Remove TV Only container.
2021-06-29 13:10:15 -04:00
Miguel Medeiros
d951c0ae5b Invert graph legends order. (#532)
* Invert graph legends order.

* Reorder graph legends if inverted-graph is true.
2021-05-23 13:51:29 +04:00
Miguel Medeiros
7c088a3f4f Change chart-holder width. (#530) 2021-05-20 00:44:21 +04:00
Miguel Medeiros
954533c2b7 Fix vertical align Graph. (#528)
* Fix graph component vertical css query.

* Fix chart-holder padding-top.
2021-05-19 01:06:51 +04:00
Miguel Medeiros
5e89a5640d Fix TV View graph height. (#527)
* Fix graph alignment.
Only show the graph on desktop resolutions.

* Fix mempool-info-chart chart alignment.
2021-05-18 23:59:48 +04:00
softsimon
30de67e31e 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
3b906b2bcf Always render app-mempool-graph using LTR 2020-12-04 22:41:58 +09:00
softsimon
4d097ea92a i18n all the remaining strings. 2020-12-03 18:34:19 +07:00
wiz
46ad261d84 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
7974cbbc83 Liquid and Testnet now accessable from the main site
fixes #35
2020-05-09 20:37:50 +07:00
softsimon
f2fe82d505 Renaming file assets folder to resources to not confuse with Liquid assets. 2020-05-02 16:59:14 +07:00
softsimon
53653f96c8 Assets support WIP
refs #37
2020-05-02 12:36:35 +07:00
softsimon
682d21cb5b Merging duplicate mempool graph code. 2020-03-29 23:59:04 +07:00
softsimon
1bdb95130f Only display 0-1sat/vB on Liquid. 2020-03-28 19:24:13 +07:00
softsimon
72b03c60a3 Color fix for 0-1 sat/vb fees in tv graph 2020-03-28 16:02:21 +07:00
softsimon
b14826ed9a Update page Title for SEO. 2020-03-24 00:52:08 +07:00
softsimon
1e359607b7 TV view didn't request mempool blocks. 2020-03-14 13:48:01 +07:00
softsimon
a21afeb7fa Adjusting font-sizes. Logo size. 2020-03-13 22:05:44 +07:00
wiz
e7e050a792 Tweak to the block layout, move block height down, only show median fee 2020-03-13 21:33:45 +09:00
Simon Lindh
98391580b3 Refactor. API explanations. UX revamp. 2020-02-26 03:26:16 +09:00
Simon Lindh
45fa1be217 Optimize statistics. 2020-02-26 03:21:21 +09:00
Simon Lindh
43f41b8aab New base code for mempool blockchain explorerer 2020-02-26 03:19:26 +09:00