Skip to content
This repository has been archived by the owner on Jun 13, 2022. It is now read-only.

Dark mode #2

Open
SebastienHUGDELARAUZE opened this issue Feb 15, 2021 · 1 comment
Open

Dark mode #2

SebastienHUGDELARAUZE opened this issue Feb 15, 2021 · 1 comment
Assignees
Labels
enhancement New feature or request

Comments

@SebastienHUGDELARAUZE
Copy link
Member

SebastienHUGDELARAUZE commented Feb 15, 2021

Need to enable dark mode
https://dev.to/tonyketcham/vue-tailwind-2-0-dark-mode-using-vuex-localstorage-and-user-s-default-preference-439g

@SebastienHUGDELARAUZE SebastienHUGDELARAUZE added the enhancement New feature or request label Feb 15, 2021
@SebastienHUGDELARAUZE SebastienHUGDELARAUZE self-assigned this Feb 15, 2021
@SebastienHUGDELARAUZE
Copy link
Member Author

Take a look at react-use-dark-mode for react

SebastienHUGDELARAUZE pushed a commit that referenced this issue Feb 24, 2021
> Solving issue #10
> Components for each zone
> Small animation for Dark mode (linked to #2 | Need work)
> DarkMode via ThemeToogle ?
> Ported ResultExplorer (Need to add typescript #7)
SebastienHUGDELARAUZE added a commit that referenced this issue Mar 17, 2021
* Ported to React

* working npm app

* Small update to doc relative to react

* Converted class to className for React

> React module feather resolve issue #5

* Implement Typescript in project
Fixes #7

* Component for NavBar & Content

> Moved component for ResultExplorer

* Simplify layout
Fixes #10 (WIP)

> First implementation of 3-layout
> Added new logo for FLEX

* Layout from TailwindPlay

* Implemented new layout in React (3-zones)

> Solving issue #10
> Components for each zone
> Small animation for Dark mode (linked to #2 | Need work)
> DarkMode via ThemeToogle ?
> Ported ResultExplorer (Need to add typescript #7)

* Proto. for cards & Favicon

> Adding logo in favicon
> First iteration of card for Content component

* create result

* working test button

* working button

* Refined Table in Content

> Added stripped in table line
> Added minified version of favicon
> Refined Card for Content
> Fixed TBody error
> Fixed Checkbox centering

* Adding Flex to Content children

* Updated project to match React documentation

* Added screenshot of Dashboard

* test interactive menu name

* almost there

* simplified table use

* Adding routers

> Routes :
- "/"
- "/result?id=?"
> Factorized table components
> Added ResultExplorer as new content
> Factorized NavBar components

* Added doc for router

* Updated typescript

* Fixed date not being displayed

* Fix depends for NodeJS 14 & vulnerabilities

* testing component done

* turning logo

* spinning logo*

* row aligned Tables

* Adding select all capability to result table (#16)

* Added selectAll feature

> Completed functionality: Header checkbox need to select all #6

* bolder

* affichage argument OK

* FIO testname table almost done

* lets go to result, testing component c'est surcoté
(╯°□°)╯︵ ┻━┻

* graph is good

* Add compare functionality

> Renamed Result Explorer in Result Table
> Added compare button, logic and content page
> Change logic of table : Added "selected" field

* Added GIF for docs

* Jobs graph basic

* ctrl+shift+i

* First review

* Preparation for pull request

* Merging GPE work with router

Need header for result explorer

* all graphs and class includes arguments (title, dataset, xAxis label)

* buggy style

* auto color graphs same color depending on test id

* new class for Jobs

* show or hide test lines depending on tab value, need button

* new npm module randomcolor used for human redeable graphs

* human redeable random bright colors, perfect

* le commit

* Boutton selection déselection
Co-authored-by: Sébastien HUG DE LARAUZE <sebastien.hugdelarauze@protonmail.ch>

* removed console log

* correction suite à une destrucytion de code par seumseum

* Justified Code in ResultExplorer

* replaced is Reduced by isOpen,created empty tables

* correction on open and closed chevron

* correct padding on legend and color on tests

* container auto breakpoint for single column

* Merging my work

* [WIP] First iteration of API fetch for result

* Group rotate for logo

* graphs for clat percentages on READ/WRITE

* graph for latency percentile with zeros filtering

* improving graphs

* Fix failure to fetch jobs from api

* Added comments

* graph improvement

* Fixed name for API

* test GetDataClatPercentile

* Convert data for clat

* Co-authored SHD function to get latency percentile data for graph

* small improvement read clat percentile

* margin change to evade cutting last value label in graph

* read overview first numbers with duration transformer

* read and write overview only missing clat percentile value

* io depth graph, missing value on x axis

* solved io depth x label

* latency axis label correction

* cpu table

* everything open

* reduced uneccessary padding around graphs

* Added delete button

* added trim table and changes labels to be readable

* Fetching data from API (Result Table)

> Added periodic fetch
> Added "loading" state and "no result" state
> Fixed #4

* Added delete action interaction with API

* submition to submission orror correction

* Added delete selected button interaction with API

Co-authored-by: sebastienHUGDELARAUZE <sebastien.hugdelarauze@gmail.com>
Co-authored-by: GuillaumePEILLER <guillaume.peiller@imt-atlantique.net>
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
enhancement New feature or request
Projects
Development

No branches or pull requests

1 participant