-
-
Notifications
You must be signed in to change notification settings - Fork 136
Refresh design, refactoring code for much easy templating and code reading #256
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Open
bouks
wants to merge
153
commits into
eldy:develop
Choose a base branch
from
bouks:develop
base: develop
Could not load branches
Branch not found: {{ refName }}
Loading
Could not load tags
Nothing to show
Loading
Are you sure you want to change the base?
Some commits from the old base branch may be removed from the timeline,
and old review comments may become outdated.
Open
Changes from 8 commits
Commits
Show all changes
153 commits
Select commit
Hold shift + click to select a range
775a36b
Remove images bars, replace by css only
bouks 7311f13
set background color to css
bouks ddaf8ed
Add color vars to default css, saving lines
bouks 2c4baee
Reduce year size in month bars stats
bouks f384725
Change font definitions
bouks 7e78e50
Remove use of png for clock
bouks b4f127f
Fix clock centering
bouks 216129b
Fix perl var in css files (removing)
bouks b9191bc
Refactoring & redesigning month stats data table
bouks c690909
Update Days of month table (and month)
bouks 79af55a
Update Days of week table
bouks 4bd18e3
Update hours table
bouks 982f36a
Fix Byte Format
bouks cf36f85
Remove the need of country flag pngs
bouks 6a28b2b
clocks night and day
bouks d8b822a
Adding effects on lines hovering
bouks fd62ccb
activate U and V stats to domains/country table
bouks 1650400
change translations
bouks ad83407
Update Countries table
bouks 1202bb5
Introduce img folder (worldmap)
bouks a4d5dd6
Cleaning Days of Month process
bouks bcc9e1b
Fix countries
bouks 9c74eab
Fix bars
bouks d1d5a5d
Fix space/maj
bouks d35b608
Removing the wrapping table of countries
bouks 44bc124
Cleaning Months process
bouks 5d41ad7
Cleaning html headers generator ! "AddHTMLStyles_" PLUGINS : MUST REA…
bouks 514f60b
default BarHeight to 75 + borders
bouks 59f3794
reset heures au pluriel
bouks 1f94dcb
Introduce ShowBars option
bouks dc4a013
add class to average row
bouks b55424f
Set some css vars
bouks 375a0bb
Refactoring bar system
bouks c125c72
Remove unnecessary quotes
bouks 09532dd
Clean HTMLMainDaysofWeek
bouks c7f15ac
css - fluidify effect on hovering
bouks e90fade
Add $StyleSheetMode option
bouks 70b3bd3
verify month (DateIsValid)
bouks 28563e5
active ShowBars on weekday
bouks 01e31ef
add width option to bars
bouks 1deea1e
js+css - country effect on hovering
bouks adf8e8c
js refactoring
bouks 63eebb8
HTML cleaning
bouks 86a7c06
Update update message
bouks a54c1bb
clean site header
bouks 03d952c
reset domains/country on white bg
bouks 742acff
flex container
bouks 7c6ef92
Lighten default pages stats blue background
bouks 04b7804
update fr translation
bouks e1cd7b0
new headers
bouks 79556ab
Remove parenthesis on ratio summary
bouks 2c4b54a
Fix some css
bouks 73404fa
css fix unboldy things
bouks ef09f6c
visuals
bouks f82848a
update fr translation
bouks e3b2d53
redesign header + summary
bouks 1100176
Merge branch 'eldy:develop' into develop
bouks 1d8740e
cleaning code HTMLMainHosts
bouks e8ae652
add fr msg 179 > 188
bouks bd5685b
downloads table
bouks 9aae35b
insert data-tables
bouks e6300a3
reduce "links" size
bouks 4332b51
Bars grow on hover
bouks 4e93d9b
re-active extra_head_html & tooltips
bouks 633b83e
New tooltip system, plugin updates
bouks d4af606
Correct functions comments
bouks c306774
finalizing tab_head and tab_end
bouks 31d1c1e
fix worldmap size
bouks 0cb0b45
adjust tooltip place
bouks d3c09fd
renew tables on detailed pages
bouks 72b7298
Fix table SMTP error codes
bouks ba550c4
Adjust clock size on bars
bouks 3d6da41
Remove ShowBars option / remove BarWidth from bar calculation
bouks 5dfee8f
remove conf color var from css
bouks 78cfea6
Set a navigation menu
bouks f05a6b8
Remove ShowBars from conf file
bouks 5c051a1
Remove BarHeight from conf
bouks 1cd2723
Main Countries add full list to main page
bouks 28c5eac
Add a ratio stats table
bouks 07c3bd9
rearrange tables for fluid navigation
bouks efd1d2a
gain height
bouks a2055ce
add comment
bouks fdbef14
Change wrong word
bouks 4ed11be
Comply screen size table to html template
bouks fffd0b1
Comply robots table to html template
bouks 26defc6
comply host table
bouks d1827f7
Comply worms table
bouks 7056fff
Remove "ucfirst" messages from lang pack
bouks 109f3d2
conform session table
bouks 01dbe1a
Simplify screensize table
bouks e6ec0ab
update fr
bouks 7c2b67a
conform file types table
bouks a964550
update file types labels
bouks 0ae5c40
Dark mode implemented + link fix in menu
bouks 5ed7a87
fix weekend color, remove 2nd line on bars
bouks eaab358
return string on mainmonthly, dailys tables, countries, hours table
bouks ac51079
visually reorganizing tables
bouks 38266f6
Fix clock not turning
bouks 0cb3801
fix ratio columns, move sections
bouks 313a470
if no data, don't show ratio
bouks 27ead3b
set font more fluid
bouks f92e8b9
if not worms return nothing
bouks 44eeb11
Starting HTMLMainPages cleanup
bouks 9981eaf
Refactor HTMLShowURLInfo
bouks fe7bf2e
css : grow on portrait and 2dppx
bouks 85dc6b3
proper filter ShowLinksOnUrl
bouks b0c1f24
Refactor "details" page's link build on top of table.
bouks b8adf3c
clean code
bouks 7ac4caf
confom pages-url table
bouks 37dcb71
AWStats update notification (in page footer)
bouks f49caad
conform Downloads table
bouks a76a44b
TODO add devicePixelRatio
bouks e2d00f8
cleanup
bouks 03da253
conform mainOS table
bouks a4073d9
update some browser's icon
bouks 197a5d5
conform browsers table
bouks 9c77711
conform keyphrases keywords tables
bouks 18ae9b9
Change some visual rendering
bouks 48e31fa
conform http status table
bouks ee23c19
conform referers table
bouks 01da080
Countries expandable button
bouks ffe1b82
alldomains page
bouks 8290184
HTMLShowDomains return instead of print
bouks 94714f4
Don't print form, update button and nav
bouks b06e5e0
print styles and sticky map on alldomains page
bouks e8c498d
urls pages (all, entries, exits)
bouks 5269531
downloads page
bouks 3d839fe
Mainhost + ShowHostInfo -> return instead of print
bouks 2a167d2
Fix clock icon retarding 1 hour
bouks c1f0719
(css) Fix data was uppercase on countries
bouks f01bf8f
(css) Dark mode more darker
bouks 07ceef0
section help button (tooltip)
bouks 62d7a54
styling section links
bouks 751713a
shorten "Taille moyenne" > "Poids moyen"
bouks e581b26
pages-url table - add data (bandwidth) column and set bars for "other…
bouks 7b48ab2
plugins geoip/geoip_city_maxmind returning html string
bouks 3f7aa7b
Add links to free geoip databases
bouks 6b10841
Add option for flags ( image | utf8). default : 'image"
bouks 31e4827
Add conf option to show worldmap or not
bouks 7f9b6fd
(js) Don't change worldmap's top in detail page if showmap = 0
bouks fa88154
"Add" Message[56] -> '-' for "no result" (geoip_city_maxmind, geoip)
bouks 1d9b27b
geoip_city_maxmind, geoip, return only content
bouks cbea00f
(geo) change functions doc , remove span
bouks 6d3b940
css gui
bouks 17a7c2c
Update Geo plugins ShowInfoHost subroutine
bouks eb94291
Conform hosts detail pages + some general colors and css
bouks 5c280c5
Fix title url details and remove sub HTMLShowURLDetail
bouks 3c6b2df
Remove sub HTMLShowDownloads
bouks c6288cc
Remove sub HTMLShowDomains
bouks 2202b50
Conform robots details pages and remove sub HTMLShowRobots
bouks 40752f5
Change Format_Byte font size depending B, KB, MB...
bouks 8ae32a9
(css) mod bytes sizes + mod hover anim
bouks 8a4114f
Set html5 doctype and utf-8 charset + some css
bouks File filter
Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
There are no files selected for viewing
Large diffs are not rendered by default.
Oops, something went wrong.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,31 +1,50 @@ | ||
| body { font: 11px verdana, arial, helvetica, sans-serif; background-color: #FFFFFF; margin-top: 0 } | ||
| .aws_bodyl { } | ||
| .aws_border { background-color: #BBBBBB; padding: 1px 1px 1px 1px; margin-top: 0 } | ||
| .aws_title { font: 13px verdana, arial, helvetica, sans-serif; font-weight: bold; background-color: #BBBBBB; text-align: center; margin-bottom: 0; padding: 1px 1px 1px 1px; } | ||
| .aws_blank { font: 13px verdana, arial, helvetica, sans-serif; background-color: #FFFFFF; text-align: center; margin-bottom: 0; padding: 1px 1px 1px 1px; } | ||
| body { body { font: 0.75rem sans-serif, system-ui; background-color: #FFFFFF; margin-top: 0; margin-bottom: 0; } } | ||
| .aws_bodyl { background-image: url(/awstatsicons/other/backleft.png); background-repeat: repeat-y; } | ||
| .aws_border { border-collapse: collapse; background-color: #CCCCDD; padding: 1px 1px 1px 1px; margin-top: 0 } | ||
| .aws_title { font-size: 0.9rem; background-color: #CCCCDD; text-align: center; margin-top: 0; margin-bottom: 0; padding: 1px 1px 1px 1px; color: #000000; } | ||
| .aws_blank { font-size: 0.9rem; background-color: #FFFFFF; text-align: center; margin-bottom: 0; padding: 1px 1px 1px 1px; } | ||
| .aws_data { | ||
| background-color: #FFFFFF; | ||
| border-top-width: 1px; | ||
| border-left-width: 0px; | ||
| border-right-width: 0px; | ||
| border-bottom-width: 0px; | ||
| } | ||
| .aws_formfield { font: 13px verdana, arial, helvetica; } | ||
| .aws_button { | ||
| font-family: arial,verdana,helvetica, sans-serif; | ||
| font-size: 12px; | ||
| border: 1px solid #ccd7e0; | ||
| background-image: url(/awstatsicons/other/button.gif); | ||
| background-image : url($DirIcons/other/button.gif); | ||
| } | ||
| th { border-color: #ECECEC; border-left-width: 0px; border-right-width: 1px; border-top-width: 0px; border-bottom-width: 0px; padding: 2px 2px 2px 2px; font: 11px verdana, arial, helvetica, sans-serif; text-align:center; color: #000000; } | ||
| th.aws { border-color: #ECECEC; border-left-width: 0px; border-right-width: 1px; border-top-width: 0px; border-bottom-width: 0px; padding: 2px 2px 2px 2px; font-size: 13px; font-weight: bold; } | ||
| td { border-color: #ECECEC; border-left-width: 0px; border-right-width: 1px; border-top-width: 0px; border-bottom-width: 0px; padding: 2px 2px 2px 2px; font: 11px verdana, arial, helvetica, sans-serif; text-align:center; color: #000000; } | ||
| td.aws { border-color: #ECECEC; border-left-width: 0px; border-right-width: 1px; border-top-width: 0px; border-bottom-width: 0px; padding: 2px 2px 2px 2px; font: 11px verdana, arial, helvetica, sans-serif; text-align:left; color: #000000; } | ||
| td.awsm { border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; padding: 0px 0px 0px 0px; font: 11px verdana, arial, helvetica, sans-serif; color: #000000; } | ||
| b { font-weight: bold; } | ||
| a { font: 11px verdana, arial, helvetica, sans-serif; } | ||
| a:link { color: #001133; text-decoration: none; } | ||
| a:visited { color: #001133; text-decoration: none; } | ||
| a:hover { color: #444444; text-decoration: underline; } | ||
| div { font: 12px arial,verdana,helvetica; text-align:justify; } | ||
| .ctooltip { position:absolute; top:0px; left:0px; z-index:2; width:380; visibility:hidden; font: 8pt MS Comic Sans,arial,sans-serif; background-color: #EEEEEE; padding: 8px; border: 1px solid black; } | ||
| th { border-color: #ECECEC; border-left-width: 0px; border-right-width: 1px; border-top-width: 0px; border-bottom-width: 1px; padding: 1px 2px 1px 1px; text-align:center; color: #000000; } | ||
| th.aws { border-color: #ECECEC; border-left-width: 0px; border-right-width: 1px; border-top-width: 0px; border-bottom-width: 1px; padding: 1px 2px 1px 1px; font-size: 0.9rem; } | ||
| td { border-color: #ECECEC; border-left-width: 0px; border-right-width: 1px; border-top-width: 0px; border-bottom-width: 1px; text-align:center; color: #000000; } | ||
| td.aws { border-color: #ECECEC; border-left-width: 0px; border-right-width: 1px; border-top-width: 0px; border-bottom-width: 1px; text-align:center; color: #000000; padding: 0px;} | ||
| td.awsm { border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; text-align:center; color: #000000; padding: 0px; } | ||
| a:link { color: #0011BB; text-decoration: none; } | ||
| a:visited { color: #0011BB; text-decoration: none; } | ||
| a:hover { color: #0011BB; text-decoration: underline; } | ||
| b, .aws_title, th.aws{ font-weight: 700; } | ||
| .currentday{ font-weight: 900; } | ||
| .bar{ } | ||
| .bar-horizontal{ height: 4px; } | ||
| .bar-vertical{ display: inline-block; width: 4px; } | ||
| .color-u{ background-color: #FFAA66; } | ||
| .color-v{ background-color: #F4F090; } | ||
| .color-p{ background-color: #4477DD; } | ||
| .color-h{ background-color: #66DDEE; } | ||
| .color-k{ background-color: #2EA495; } | ||
| .color-e{ background-color: #CEC2E8; } | ||
| .color-x{ background-color: #C1B2E2; } | ||
| .color-s{ background-color: #8888DD; } | ||
| .clock{ height: 12px; width: 12px; margin: auto; background: conic-gradient(black 330deg, yellow 30deg); border-radius: 50%; } | ||
| .hr-1{ rotate: 30deg; } | ||
| .hr-2{ rotate: 60deg; } | ||
| .hr-3{ rotate: 90deg; } | ||
| .hr-4{ rotate: 120deg; } | ||
| .hr-5{ rotate: 150deg; } | ||
| .hr-6{ rotate: 180deg; } | ||
| .hr-7{ rotate: 210deg; } | ||
| .hr-8{ rotate: 240deg; } | ||
| .hr-9{ rotate: 270deg; } | ||
| .hr-10{ rotate: 300deg; } | ||
| .hr-11{ rotate: 330deg; } | ||
| .ctooltip { position:absolute; top:0px; left:0px; z-index:2; width:380; visibility:hidden; font: 8pt MS Comic Sans,arial,sans-serif; background-color: #FFFFE6; padding: 8px; border: 1px solid black; } | ||
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,31 +1,50 @@ | ||
| body { font: 11px verdana, arial, helvetica, sans-serif; background-color: #FFFFFF; margin-top: 0 } | ||
| body { body { font: 0.75rem sans-serif, system-ui; background-color: #FFFFFF; margin-top: 0; margin-bottom: 0; } } | ||
| .aws_bodyl { background-image: url(/awstatsicons/other/backleft.png); background-repeat: repeat-y; } | ||
| .aws_border { background-color: #CCCCDD; padding: 1px 1px 1px 1px; margin-top: 0 } | ||
| .aws_title { font: 13px verdana, arial, helvetica, sans-serif; font-weight: bold; background-color: #CCCCDD; text-align: center; margin-bottom: 0; padding: 1px 1px 1px 1px; } | ||
| .aws_blank { font: 13px verdana, arial, helvetica, sans-serif; background-color: #FFFFFF; text-align: center; margin-bottom: 0; padding: 1px 1px 1px 1px; } | ||
| .aws_border { border-collapse: collapse; background-color: #CCCCDD; padding: 1px 1px 1px 1px; margin-top: 0 } | ||
| .aws_title { font-size: 0.9rem; background-color: #CCCCDD; text-align: center; margin-top: 0; margin-bottom: 0; padding: 1px 1px 1px 1px; color: #000000; } | ||
| .aws_blank { font-size: 0.9rem; background-color: #FFFFFF; text-align: center; margin-bottom: 0; padding: 1px 1px 1px 1px; } | ||
| .aws_data { | ||
| background-color: #FFFFFF; | ||
| border-top-width: 1px; | ||
| border-left-width: 0px; | ||
| border-right-width: 0px; | ||
| border-bottom-width: 0px; | ||
| } | ||
| .aws_formfield { font: 13px verdana, arial, helvetica; } | ||
| .aws_button { | ||
| font-family: arial,verdana,helvetica, sans-serif; | ||
| font-size: 12px; | ||
| border: 1px solid #ccd7e0; | ||
| background-image: url(/awstatsicons/other/button.gif); | ||
| background-image : url($DirIcons/other/button.gif); | ||
| } | ||
| th { border-color: #ECECEC; border-left-width: 0px; border-right-width: 1px; border-top-width: 0px; border-bottom-width: 0px; padding: 2px 2px 2px 2px; font: 11px verdana, arial, helvetica, sans-serif; text-align:center; color: #000000; } | ||
| th.aws { border-color: #ECECEC; border-left-width: 0px; border-right-width: 1px; border-top-width: 0px; border-bottom-width: 0px; padding: 2px 2px 2px 2px; font-size: 13px; font-weight: bold; } | ||
| td { border-color: #ECECEC; border-left-width: 0px; border-right-width: 1px; border-top-width: 0px; border-bottom-width: 0px; padding: 2px 2px 2px 2px; font: 11px verdana, arial, helvetica, sans-serif; text-align:center; color: #000000; } | ||
| td.aws { border-color: #ECECEC; border-left-width: 0px; border-right-width: 1px; border-top-width: 0px; border-bottom-width: 0px; padding: 2px 2px 2px 2px; font: 11px verdana, arial, helvetica, sans-serif; text-align:left; color: #000000; } | ||
| td.awsm { border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; padding: 0px 0px 0px 0px; font: 11px verdana, arial, helvetica, sans-serif; color: #000000; } | ||
| b { font-weight: bold; } | ||
| a { font: 11px verdana, arial, helvetica, sans-serif; } | ||
| th { border-color: #ECECEC; border-left-width: 0px; border-right-width: 1px; border-top-width: 0px; border-bottom-width: 1px; padding: 1px 2px 1px 1px; text-align:center; color: #000000; } | ||
| th.aws { border-color: #ECECEC; border-left-width: 0px; border-right-width: 1px; border-top-width: 0px; border-bottom-width: 1px; padding: 1px 2px 1px 1px; font-size: 0.9rem; } | ||
| td { border-color: #ECECEC; border-left-width: 0px; border-right-width: 1px; border-top-width: 0px; border-bottom-width: 1px; text-align:center; color: #000000; } | ||
| td.aws { border-color: #ECECEC; border-left-width: 0px; border-right-width: 1px; border-top-width: 0px; border-bottom-width: 1px; text-align:center; color: #000000; padding: 0px;} | ||
| td.awsm { border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; text-align:center; color: #000000; padding: 0px; } | ||
| a:link { color: #0011BB; text-decoration: none; } | ||
| a:visited { color: #0011BB; text-decoration: none; } | ||
| a:hover { color: #605040; text-decoration: underline; } | ||
| div { font: 12px arial,verdana,helvetica; text-align:justify; } | ||
| a:hover { color: #0011BB; text-decoration: underline; } | ||
| b, .aws_title, th.aws{ font-weight: 700; } | ||
| .currentday{ font-weight: 900; } | ||
| .bar{ } | ||
| .bar-horizontal{ height: 4px; } | ||
| .bar-vertical{ display: inline-block; width: 4px; } | ||
| .color-u{ background-color: #FFAA66; } | ||
| .color-v{ background-color: #F4F090; } | ||
| .color-p{ background-color: #4477DD; } | ||
| .color-h{ background-color: #66DDEE; } | ||
| .color-k{ background-color: #2EA495; } | ||
| .color-e{ background-color: #CEC2E8; } | ||
| .color-x{ background-color: #C1B2E2; } | ||
| .color-s{ background-color: #8888DD; } | ||
| .clock{ height: 12px; width: 12px; margin: auto; background: conic-gradient(black 330deg, yellow 30deg); border-radius: 50%; } | ||
| .hr-1{ rotate: 30deg; } | ||
| .hr-2{ rotate: 60deg; } | ||
| .hr-3{ rotate: 90deg; } | ||
| .hr-4{ rotate: 120deg; } | ||
| .hr-5{ rotate: 150deg; } | ||
| .hr-6{ rotate: 180deg; } | ||
| .hr-7{ rotate: 210deg; } | ||
| .hr-8{ rotate: 240deg; } | ||
| .hr-9{ rotate: 270deg; } | ||
| .hr-10{ rotate: 300deg; } | ||
| .hr-11{ rotate: 330deg; } | ||
| .ctooltip { position:absolute; top:0px; left:0px; z-index:2; width:380; visibility:hidden; font: 8pt MS Comic Sans,arial,sans-serif; background-color: #FFFFE6; padding: 8px; border: 1px solid black; } |
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
May be we should use $DirIcons here ?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Hi @eldy
It's a copypaste from awstats_default. I don't know the difference between awstats_default.css and awstats_bw.css, and their use except for example, because css is hardcoded in awstats.pl. Maybe we can keep only one.
By the way, did you hardcoded the css for a special purpose ? Or maybe we can include a default "$StyleSheet" from css folder and remove the hardcoded one ?
For the backleft image, maybe we just could remove this image. And the button.gif also.
Another consider i have is to refactor all the calculations for tables. For example, in HTMLMainMonthly, these are written 3 times, and calculated 2 times (or more if there are multiples plugins). We could just use the ShowGraph plugin calculated vars and then dispatch them for graph plugins and rendering bars table and data table.