Denis
/
Clockify-Visualizer
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

Smaller visual improvements.

master
Denis Thiessen 9 months ago
parent
f65985778f
commit
be8b0b7e0d
7 changed files with 180 additions and 127 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 4
      public/index.html
  2. 8
      src/components/SingleFileUpload.jsx
  3. 24
      src/components/TimelineAreaChart.jsx
  4. 12
      src/components/TotalPieChart.jsx
  5. 224
      src/data/clockify_data1.js
  6. 33
      src/index.css
  7. 2
      src/index.js

4
public/index.html
View File

@ -25,6 +25,10 @@
Learn how to configure a non-root public URL by running `npm run build`. Learn how to configure a non-root public URL by running `npm run build`.
--> -->
<title>Clockify Visualizer</title> <title>Clockify Visualizer</title>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<script src="https://code.highcharts.com/modules/export-data.js"></script>
<script src="https://code.highcharts.com/modules/accessibility.js"></script>
</head> </head>
<body> <body>
<noscript>You need to enable JavaScript to run this app.</noscript> <noscript>You need to enable JavaScript to run this app.</noscript>

8
src/components/SingleFileUpload.jsx
View File

@ -1,5 +1,5 @@
import React, { useState, useEffect } from "react" import React, { useState, useEffect } from "react"
import { ButtonGroup, Button, Spacer, useToasts } from "@geist-ui/core"
import { ButtonGroup, Button, Spacer, Input, useToasts } from "@geist-ui/core"
import PropTypes from "prop-types" import PropTypes from "prop-types"
import { clockifyDataSet1 } from "../data/clockify_data1" import { clockifyDataSet1 } from "../data/clockify_data1"
@ -12,11 +12,11 @@ function SingleFileUpload({ onFileUploaded }) {
const { setToast } = useToasts() const { setToast } = useToasts()
const showSuccessToast = () => const showSuccessToast = () =>
setToast({ text: "File successfully uploaded", delay: 2000 })
setToast({ text: "File successfully uploaded", delay: 5000 })
const showInvalidCSVToast = () => const showInvalidCSVToast = () =>
setToast({ text: "Invalid CSV File", delay: 2000 })
setToast({ text: "Invalid CSV File", delay: 5000 })
const showInvalidFileToast = () => const showInvalidFileToast = () =>
setToast({ text: "Wrong file type", delay: 2000 })
setToast({ text: "Wrong file type", delay: 5000 })
const loadFirstDataSet = () => { const loadFirstDataSet = () => {
fileContent = clockifyDataSet1 fileContent = clockifyDataSet1

24
src/components/TimelineAreaChart.jsx
View File

@ -1,7 +1,11 @@
import { React, useRef } from "react"
import Highcharts from "highcharts"
import HighchartsReact from "highcharts-react-official"
import { fileContent } from "./SingleFileUpload"
import { React, useRef } from "react";
import Highcharts from "highcharts";
import HighchartsReact from "highcharts-react-official";
import { fileContent } from "./SingleFileUpload";
require("highcharts/modules/accessibility")(Highcharts);
require("highcharts/modules/exporting")(Highcharts);
require("highcharts/modules/export-data")(Highcharts);
// Date, Map // Date, Map
var projectDataMap = new Map() var projectDataMap = new Map()
@ -30,12 +34,12 @@ export default function AreaChart() {
}) })
} }
const btn = ( const btn = (
<button onClick={btnClickFunction}>Toggle Visiblity of all elements</button>
<button id="visibilityButton" onClick={btnClickFunction}>Toggle Visiblity of all elements</button>
) )
return ( return (
<div> <div>
{chart} {chart}
{btn}
<div id="chartBtnBox">{btn}</div>
</div> </div>
) )
} }
@ -121,6 +125,14 @@ function getOptions() {
}, },
type: "datetime", type: "datetime",
}, },
yAxis: {
title: {
text: "Time spent (h)"
}
},
accessibility: {
enabled: true
},
series: highChartsSeries, series: highChartsSeries,
} }

12
src/components/TotalPieChart.jsx
View File

@ -1,7 +1,11 @@
import React from "react"
import Highcharts from "highcharts"
import HighchartsReact from "highcharts-react-official"
import { fileContent } from "./SingleFileUpload"
import React from "react";
import Highcharts from "highcharts";
import HighchartsReact from "highcharts-react-official";
import { fileContent } from "./SingleFileUpload";
require("highcharts/modules/accessibility")(Highcharts);
require("highcharts/modules/exporting")(Highcharts);
require("highcharts/modules/export-data")(Highcharts);
export default function TestChart() { export default function TestChart() {
return <HighchartsReact highcharts={Highcharts} options={getOptions()} /> return <HighchartsReact highcharts={Highcharts} options={getOptions()} />

224
src/data/clockify_data1.js
View File

@ -3819,7 +3819,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -4161,7 +4161,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -4370,7 +4370,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -4446,7 +4446,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -4465,7 +4465,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -4484,7 +4484,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -4503,7 +4503,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -4807,7 +4807,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -4959,7 +4959,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -5035,7 +5035,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -5054,7 +5054,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -5092,7 +5092,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -5111,7 +5111,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -5149,7 +5149,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -5168,7 +5168,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lecture",
Project: "CPS-Lecture",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -5206,7 +5206,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -5225,7 +5225,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -5244,7 +5244,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -5472,7 +5472,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -5491,7 +5491,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -5643,7 +5643,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -5719,7 +5719,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -5776,7 +5776,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -6042,7 +6042,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -6118,7 +6118,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -6156,7 +6156,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -6175,7 +6175,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -6194,7 +6194,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -6251,7 +6251,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -6270,7 +6270,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -6327,7 +6327,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -6346,7 +6346,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lecture",
Project: "CPS-Lecture",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -6365,7 +6365,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lecture",
Project: "CPS-Lecture",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -6384,7 +6384,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -6403,7 +6403,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lecture",
Project: "CPS-Lecture",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -6422,7 +6422,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lecture",
Project: "CPS-Lecture",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -7106,7 +7106,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -7125,7 +7125,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -7144,7 +7144,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -7239,7 +7239,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -7258,7 +7258,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -7277,7 +7277,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -7296,7 +7296,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -7315,7 +7315,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -7334,7 +7334,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -7353,7 +7353,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -7429,7 +7429,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -7448,7 +7448,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -7486,7 +7486,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -7505,7 +7505,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -7543,7 +7543,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -7581,7 +7581,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -7600,7 +7600,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -7619,7 +7619,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lecture",
Project: "CPS-Lecture",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -7638,7 +7638,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -7657,7 +7657,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -7676,7 +7676,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lecture",
Project: "CPS-Lecture",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -7695,7 +7695,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lecture",
Project: "CPS-Lecture",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -7771,7 +7771,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -7790,7 +7790,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -7809,7 +7809,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -7828,7 +7828,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -7847,7 +7847,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -7866,7 +7866,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -7885,7 +7885,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -7999,7 +7999,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -8018,7 +8018,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -8037,7 +8037,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -8113,7 +8113,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -8474,7 +8474,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -8493,7 +8493,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -8512,7 +8512,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -8607,7 +8607,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -8626,7 +8626,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -8645,7 +8645,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -8664,7 +8664,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -8683,7 +8683,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -8721,7 +8721,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -8797,7 +8797,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -8816,7 +8816,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -8835,7 +8835,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -8854,7 +8854,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lecture",
Project: "CPS-Lecture",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -8873,7 +8873,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lecture",
Project: "CPS-Lecture",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -8892,7 +8892,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -8968,7 +8968,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lecture",
Project: "CPS-Lecture",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -8987,7 +8987,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lecture",
Project: "CPS-Lecture",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -9063,7 +9063,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -9671,7 +9671,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -9690,7 +9690,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -9728,7 +9728,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -9766,7 +9766,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -10089,7 +10089,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -10184,7 +10184,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -10203,7 +10203,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -10222,7 +10222,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -10241,7 +10241,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -10260,7 +10260,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -10279,7 +10279,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -10469,7 +10469,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -10488,7 +10488,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lecture",
Project: "CPS-Lecture",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -10507,7 +10507,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lecture",
Project: "CPS-Lecture",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -10526,7 +10526,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -10545,7 +10545,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lecture",
Project: "CPS-Lecture",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -10564,7 +10564,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lecture",
Project: "CPS-Lecture",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -11248,7 +11248,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -11267,7 +11267,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -11286,7 +11286,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -11305,7 +11305,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -11400,7 +11400,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lecture",
Project: "CPS-Lecture",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -11438,7 +11438,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -11457,7 +11457,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "MDCS-Lecture",
Project: "CPS-Lecture",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",
@ -13680,7 +13680,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00", "Billable Amount (USD)": "0.00",
}, },
{ {
Project: "",
Project: "Uni-Other",
Client: "", Client: "",
Description: "", Description: "",
Task: "", Task: "",

33
src/index.css
View File

@ -9,3 +9,36 @@ body {
code { code {
font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace; font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;
} }
.tutorialList {
list-style: none;
}
.tutorialList li:before {
content: "→\00a0" !important;
float: left;
}
.tutorialList li {
padding-left: 1em;
text-indent: -0.75em;
}
ul {
list-style: none;
}
li:before {
content: "" !important;
float: left;
}
#visibilityButton {
margin: 24px auto 0 auto;
}
#chartBtnBox {
width: 100%;
display: flex;
justify-content: center;
}

2
src/index.js
View File

@ -27,7 +27,7 @@ export default function App() {
<br /> <br />
<hr /> <hr />
<h3>How to upload a file:</h3> <h3>How to upload a file:</h3>
<ul>
<ul className="tutorialList">
<li>Go to Clockify</li> <li>Go to Clockify</li>
<li>Reports</li> <li>Reports</li>
<li>Summary</li> <li>Summary</li>

Write Preview
Loading…
Cancel
Save