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
Split 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`.
-->
<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>
<body>
<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 { ButtonGroup, Button, Spacer, useToasts } from "@geist-ui/core"
import { ButtonGroup, Button, Spacer, Input, useToasts } from "@geist-ui/core"
import PropTypes from "prop-types"
import { clockifyDataSet1 } from "../data/clockify_data1"
@ -12,11 +12,11 @@ function SingleFileUpload({ onFileUploaded }) {
const { setToast } = useToasts()
const showSuccessToast = () =>
setToast({ text: "File successfully uploaded", delay: 2000 })
setToast({ text: "File successfully uploaded", delay: 5000 })
const showInvalidCSVToast = () =>
setToast({ text: "Invalid CSV File", delay: 2000 })
setToast({ text: "Invalid CSV File", delay: 5000 })
const showInvalidFileToast = () =>
setToast({ text: "Wrong file type", delay: 2000 })
setToast({ text: "Wrong file type", delay: 5000 })
const loadFirstDataSet = () => {
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
var projectDataMap = new Map()
@ -30,12 +34,12 @@ export default function AreaChart() {
})
}
const btn = (
<button onClick={btnClickFunction}>Toggle Visiblity of all elements</button>
<button id="visibilityButton" onClick={btnClickFunction}>Toggle Visiblity of all elements</button>
)
return (
<div>
{chart}
{btn}
<div id="chartBtnBox">{btn}</div>
</div>
)
}
@ -121,6 +125,14 @@ function getOptions() {
},
type: "datetime",
},
yAxis: {
title: {
text: "Time spent (h)"
}
},
accessibility: {
enabled: true
},
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() {
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",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -4161,7 +4161,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -4370,7 +4370,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -4446,7 +4446,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -4465,7 +4465,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -4484,7 +4484,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -4503,7 +4503,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -4807,7 +4807,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -4959,7 +4959,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -5035,7 +5035,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -5054,7 +5054,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -5092,7 +5092,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -5111,7 +5111,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -5149,7 +5149,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -5168,7 +5168,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lecture",
Project: "CPS-Lecture",
Client: "",
Description: "",
Task: "",
@ -5206,7 +5206,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -5225,7 +5225,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -5244,7 +5244,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -5472,7 +5472,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -5491,7 +5491,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -5643,7 +5643,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -5719,7 +5719,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -5776,7 +5776,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -6042,7 +6042,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -6118,7 +6118,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -6156,7 +6156,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -6175,7 +6175,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -6194,7 +6194,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -6251,7 +6251,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -6270,7 +6270,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -6327,7 +6327,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -6346,7 +6346,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lecture",
Project: "CPS-Lecture",
Client: "",
Description: "",
Task: "",
@ -6365,7 +6365,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lecture",
Project: "CPS-Lecture",
Client: "",
Description: "",
Task: "",
@ -6384,7 +6384,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -6403,7 +6403,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lecture",
Project: "CPS-Lecture",
Client: "",
Description: "",
Task: "",
@ -6422,7 +6422,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lecture",
Project: "CPS-Lecture",
Client: "",
Description: "",
Task: "",
@ -7106,7 +7106,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -7125,7 +7125,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -7144,7 +7144,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -7239,7 +7239,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -7258,7 +7258,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -7277,7 +7277,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -7296,7 +7296,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -7315,7 +7315,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -7334,7 +7334,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -7353,7 +7353,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -7429,7 +7429,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -7448,7 +7448,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -7486,7 +7486,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -7505,7 +7505,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -7543,7 +7543,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -7581,7 +7581,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -7600,7 +7600,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -7619,7 +7619,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lecture",
Project: "CPS-Lecture",
Client: "",
Description: "",
Task: "",
@ -7638,7 +7638,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -7657,7 +7657,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -7676,7 +7676,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lecture",
Project: "CPS-Lecture",
Client: "",
Description: "",
Task: "",
@ -7695,7 +7695,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lecture",
Project: "CPS-Lecture",
Client: "",
Description: "",
Task: "",
@ -7771,7 +7771,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -7790,7 +7790,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -7809,7 +7809,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -7828,7 +7828,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -7847,7 +7847,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -7866,7 +7866,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -7885,7 +7885,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -7999,7 +7999,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -8018,7 +8018,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -8037,7 +8037,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -8113,7 +8113,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -8474,7 +8474,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -8493,7 +8493,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -8512,7 +8512,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -8607,7 +8607,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -8626,7 +8626,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -8645,7 +8645,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -8664,7 +8664,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -8683,7 +8683,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -8721,7 +8721,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -8797,7 +8797,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -8816,7 +8816,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -8835,7 +8835,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -8854,7 +8854,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lecture",
Project: "CPS-Lecture",
Client: "",
Description: "",
Task: "",
@ -8873,7 +8873,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lecture",
Project: "CPS-Lecture",
Client: "",
Description: "",
Task: "",
@ -8892,7 +8892,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -8968,7 +8968,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lecture",
Project: "CPS-Lecture",
Client: "",
Description: "",
Task: "",
@ -8987,7 +8987,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lecture",
Project: "CPS-Lecture",
Client: "",
Description: "",
Task: "",
@ -9063,7 +9063,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -9671,7 +9671,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -9690,7 +9690,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -9728,7 +9728,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -9766,7 +9766,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -10089,7 +10089,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -10184,7 +10184,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -10203,7 +10203,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -10222,7 +10222,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -10241,7 +10241,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -10260,7 +10260,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -10279,7 +10279,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -10469,7 +10469,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -10488,7 +10488,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lecture",
Project: "CPS-Lecture",
Client: "",
Description: "",
Task: "",
@ -10507,7 +10507,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lecture",
Project: "CPS-Lecture",
Client: "",
Description: "",
Task: "",
@ -10526,7 +10526,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -10545,7 +10545,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lecture",
Project: "CPS-Lecture",
Client: "",
Description: "",
Task: "",
@ -10564,7 +10564,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lecture",
Project: "CPS-Lecture",
Client: "",
Description: "",
Task: "",
@ -11248,7 +11248,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -11267,7 +11267,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -11286,7 +11286,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -11305,7 +11305,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -11400,7 +11400,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lecture",
Project: "CPS-Lecture",
Client: "",
Description: "",
Task: "",
@ -11438,7 +11438,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lab",
Project: "CPS-Lab",
Client: "",
Description: "",
Task: "",
@ -11457,7 +11457,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "MDCS-Lecture",
Project: "CPS-Lecture",
Client: "",
Description: "",
Task: "",
@ -13680,7 +13680,7 @@ export const clockifyDataSet1 = [
"Billable Amount (USD)": "0.00",
},
{
Project: "",
Project: "Uni-Other",
Client: "",
Description: "",
Task: "",

33
src/index.css
View File

@ -9,3 +9,36 @@ body {
code {
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 />
<hr />
<h3>How to upload a file:</h3>
<ul>
<ul className="tutorialList">
<li>Go to Clockify</li>
<li>Reports</li>
<li>Summary</li>

Write Preview
Loading…
Cancel
Save