franpcode/Pomodoro-Timer-with-Clockify-integration
1
0
Fork 0
mirror of https://github.com/FranP-code/Pomodoro-Timer-with-Clockify-integration.git synced 2025-10-12 23:52:30 +00:00
Code Issues 1 Packages Projects Releases Wiki Activity

Clients support added

Browse Source
This commit is contained in:
Francisco Pessano
2022-05-24 12:46:06 -03:00
parent d0e02c0e05
commit efad9f0b9c
4 changed files with 42 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
src/pages/Main/ClockifyTaskForm/ClockifyTaskForm.jsx
View File

@@ -116,6 +116,19 @@ const ClockifyTaskForm = ({timerOn, setTimerOn, signedIn, apiKey, setApiKey, tas
const response = await fetch(`https://api.clockify.me/api/v1/workspaces/${e}/projects`, request)
const data = await response.json()
data.forEach((project, index) => {
if (project.clientName !== "" && !project.archived) {
if (!data.clients) {
data.clients = {[project.clientName]: [project]}
} else {
data.clients[project.clientName].push(project)
}
project.archived = true
}
})
changeClockifyData({projects: data})
} catch (error) {
@@ -219,6 +232,21 @@ const ClockifyTaskForm = ({timerOn, setTimerOn, signedIn, apiKey, setApiKey, tas
: null
))
}
{
(clockifyData.projects && clockifyData.projects.clients) &&
Object.keys(clockifyData.projects.clients).map((client, index) => (
<>
{index === 0 && <optgroup label='---' />}
<optgroup label={client} key={client}>
{
clockifyData.projects.clients[client].map(project => (
<option value={project.id} key={project.id} style={{color: project.color}}>{project.name}</option>
))
}
</optgroup>
</>
))
}
</select>
<select

6
src/pages/Main/ClockifyTaskForm/clockify-task-form.css
View File

@@ -22,6 +22,12 @@
width: 15vw;
height: 5vh;
}
.clockify-tasks-display-container .clockify-task-form .workspace-selector optgroup, .clockify-tasks-display-container .clockify-task-form .project-selector optgroup {
color: grey;
font-style: inherit;
font-weight: 300;
text-shadow: none;
}
.clockify-tasks-display-container .clockify-task-form .add-task {
width: 3.5vh;
height: 3.5vh;

2
src/pages/Main/ClockifyTaskForm/clockify-task-form.css.map
View File

@@ -1 +1 @@
{"version":3,"sources":["clockify-task-form.scss","clockify-task-form.css"],"names":[],"mappings":"AAAA;EACI,WAAA;EACA,kBAAA;EAEA,SAAA;EACA,WAAA;ACAJ;ADGQ;EACI,gCAAA;ACDZ;ADAQ;EACI,gCAAA;ACDZ;ADAQ;EACI,gCAAA;ACDZ;ADIQ;EACI,WAAA;EACA,YAAA;EACA,gBAAA;ACFZ;ADKQ;EACI,WAAA;EACA,WAAA;ACHZ;ADMQ;EACI,YAAA;EACA,aAAA;EAEA,kBAAA;EAEA,eAAA;EAEA,wCAAA;EACA,mBAAA;EAEA,WAAA;EAEA,eAAA;ACTZ;ADWY;EACI,uBAAA;ACThB;ADYY;EACI,wBAAA;ACVhB;ADcQ;EACI,gBAAA;EACA,mBAAA;EACA,uBAAA;ACZZ;ADeQ;EACI,WAAA;EACA,WAAA;EAEA,eAAA;EAEA,aAAA;EACA,gBAAA;EAEA,sBAAA;AChBZ;ADmBQ;EACI,yBAAA;KAAA,sBAAA;MAAA,qBAAA;UAAA,iBAAA;EACA,eAAA;EACA,oBAAA;EACA,YAAA;ACjBZ;ADqBI;EAEI;IACI,iBAAA;IACA,WAAA;IAEA,aAAA;IACA,6BAAA;IAEA,gBAAA;ECtBV;EDwBU;IACI,UAAA;IACA,YAAA;ECtBd;EDyBU;IACI,WAAA;IACA,WAAA;ECvBd;AACF;AD4BI;EAEI;IACI,iBAAA;IACA,WAAA;IAEA,aAAA;IACA,sBAAA;IACA,mBAAA;EC5BV;ED8BU;IACI,UAAA;IACA,YAAA;EC5Bd;ED+BU;IACI,UAAA;IACA,WAAA;IACA,eAAA;EC7Bd;AACF","file":"clockify-task-form.css"}
{"version":3,"sources":["clockify-task-form.scss","clockify-task-form.css"],"names":[],"mappings":"AAAA;EACI,WAAA;EACA,kBAAA;EAEA,SAAA;EACA,WAAA;ACAJ;ADGQ;EACI,gCAAA;ACDZ;ADAQ;EACI,gCAAA;ACDZ;ADAQ;EACI,gCAAA;ACDZ;ADIQ;EACI,WAAA;EACA,YAAA;EACA,gBAAA;ACFZ;ADKQ;EACI,WAAA;EACA,WAAA;ACHZ;ADKY;EACI,WAAA;EACA,mBAAA;EACA,gBAAA;EACA,iBAAA;ACHhB;ADOQ;EACI,YAAA;EACA,aAAA;EAEA,kBAAA;EAEA,eAAA;EAEA,wCAAA;EACA,mBAAA;EAEA,WAAA;EAEA,eAAA;ACVZ;ADYY;EACI,uBAAA;ACVhB;ADaY;EACI,wBAAA;ACXhB;ADeQ;EACI,gBAAA;EACA,mBAAA;EACA,uBAAA;ACbZ;ADgBQ;EACI,WAAA;EACA,WAAA;EAEA,eAAA;EAEA,aAAA;EACA,gBAAA;EAEA,sBAAA;ACjBZ;ADoBQ;EACI,yBAAA;KAAA,sBAAA;MAAA,qBAAA;UAAA,iBAAA;EACA,eAAA;EACA,oBAAA;EACA,YAAA;AClBZ;ADsBI;EAEI;IACI,iBAAA;IACA,WAAA;IAEA,aAAA;IACA,6BAAA;IAEA,gBAAA;ECvBV;EDyBU;IACI,UAAA;IACA,YAAA;ECvBd;ED0BU;IACI,WAAA;IACA,WAAA;ECxBd;AACF;AD6BI;EAEI;IACI,iBAAA;IACA,WAAA;IAEA,aAAA;IACA,sBAAA;IACA,mBAAA;EC7BV;ED+BU;IACI,UAAA;IACA,YAAA;EC7Bd;EDgCU;IACI,UAAA;IACA,WAAA;IACA,eAAA;EC9Bd;AACF","file":"clockify-task-form.css"}

7
src/pages/Main/ClockifyTaskForm/clockify-task-form.scss
View File

@@ -19,6 +19,13 @@
.workspace-selector, .project-selector {
width: 15vw;
height: 5vh;
optgroup {
color: grey;
font-style: inherit;
font-weight: 300;
text-shadow: none;
}
}
.add-task {