Skip to content

Commit

Permalink
Basic table layout
Browse files Browse the repository at this point in the history
  • Loading branch information
@marlonbaeten
marlonbaeten committed May 24, 2024
0 parents commit 758af21
Show file tree
Hide file tree
Showing 14 changed files with 2,147 additions and 0 deletions.
18 changes: 18 additions & 0 deletions .eslintrc.cjs
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
module.exports = {
root: true,
env: { browser: true, es2020: true },
extends: [
'eslint:recommended',
'plugin:@typescript-eslint/recommended',
'plugin:react-hooks/recommended',
],
ignorePatterns: ['dist', '.eslintrc.cjs'],
parser: '@typescript-eslint/parser',
plugins: ['react-refresh'],
rules: {
'react-refresh/only-export-components': [
'warn',
{ allowConstantExport: true },
],
},
}
24 changes: 24 additions & 0 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
# Logs
logs
*.log
npm-debug.log*
yarn-debug.log*
yarn-error.log*
pnpm-debug.log*
lerna-debug.log*

node_modules
dist
dist-ssr
*.local

# Editor directories and files
.vscode/*
!.vscode/extensions.json
.idea
.DS_Store
*.suo
*.ntvs*
*.njsproj
*.sln
*.sw?
10 changes: 10 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
# Ervaringskompas

## Development

Install `node` and `yarn` and run:

```sh
yarn install
yarn dev
```
12 changes: 12 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Ervaringskompas</title>
</head>
<body>
<div id="root"></div>
<script type="module" src="/src/main.tsx"></script>
</body>
</html>
28 changes: 28 additions & 0 deletions package.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,28 @@
{
"name": "ervaringskompas",
"private": true,
"version": "0.1.0",
"type": "module",
"scripts": {
"dev": "vite",
"build": "tsc && vite build",
"lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
"preview": "vite preview"
},
"dependencies": {
"react": "^18.2.0",
"react-dom": "^18.2.0"
},
"devDependencies": {
"@types/react": "^18.2.66",
"@types/react-dom": "^18.2.22",
"@typescript-eslint/eslint-plugin": "^7.2.0",
"@typescript-eslint/parser": "^7.2.0",
"@vitejs/plugin-react": "^4.2.1",
"eslint": "^8.57.0",
"eslint-plugin-react-hooks": "^4.6.0",
"eslint-plugin-react-refresh": "^0.4.6",
"typescript": "^5.2.2",
"vite": "^5.2.0"
}
}
97 changes: 97 additions & 0 deletions src/App.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,97 @@
import { Fragment } from 'react/jsx-runtime';
import rawData from './data.json';

const data = rawData as unknown as {
[theme: string]: {
color: string;
items: string[];
};
};

const levels = [
'nog geen ervaring',
'meegekeken',
'een beetje ervaring',
'zelfstandig uitgevoerd',
'meermaals zelfstandig uitgevoerd',
];

function App() {
return (
<div>
<h1>Ervaringskompas</h1>
<p>
Welke ervaring heb je opgedaan met deze beroepsactiviteit in de praktijk
(in een huisartsgeneekundige setting)?
</p>
<div className="legenda">
<h2>Legenda</h2>
<ol>
{levels.map((level) => (
<li key={level}>{level}</li>
))}
</ol>
</div>
<table>
<thead>
<tr>
<th colSpan={2}></th>
{levels.map((level, levelIndex) => (
<th key={level}>{levelIndex + 1}</th>
))}
</tr>
</thead>
<tbody>
{Object.entries(data).map(([theme, { color, items }], themeIndex) => (
<Fragment key={theme}>
<tr key={theme}>
<td style={{ borderBottomColor: color }}></td>
<th style={{ borderBottomColor: color }} colSpan={6}>
<h3 style={{ borderColor: color }}>
<span style={{ background: color }}>{themeIndex + 1}</span>
{theme}
</h3>
</th>
</tr>
{items.map((item, index) => (
<tr key={item} className="selectable">
<td style={{ borderBottomColor: color }}>
<label htmlFor={`check-${index}`} title="markeren">
<input
type="checkbox"
id={`check-${index}`}
name={`check-${index}`}
/>
</label>
</td>
<th scope="row" style={{ borderBottomColor: color }}>
{item}
</th>
{levels
.map((level, levelIndex) => ({
level,
key: `option-${index}-${levelIndex}`,
}))
.map(({ level, key }, levelIndex) => (
<td key={level} style={{ borderBottomColor: color }}>
<label htmlFor={key} title={level}>
<input
type="radio"
name={`option-${index}`}
id={key}
value={levelIndex}
/>
</label>
</td>
))}
</tr>
))}
</Fragment>
))}
</tbody>
</table>
</div>
);
}

export default App;
133 changes: 133 additions & 0 deletions src/data.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,133 @@
{
"Korte episode zorg": {
"color": "#a6ce39",
"items": [
"Schat de urgentie van de hulpvraag in en bepaalt de soort verrichting die noodzakelijk is (telefonisch consult, consult of visite).",
"Verheldert de hulpvraag, neemt de anamnese af en voert onderzoek uit.",
"Voert aanvullende diagnostiek uit.",
"Stelt de behandeling en het beleid in, informeert en adviseert.",
"Registreert en codeert.",
"Sluit de episode af door de behandeling en het beleid te evalueren.",
"Neemt de anamnese af aan de telefoon bij een telefonisch consult. ",
"Geeft telefonisch voorlichting en advies.",
"Superviseert (telefonische) consulten van de assistente en geeft feedback."
]
},
"Spoedeisende zorg": {
"color": "#60bb46",
"items": [
"Stelt het toestandsbeeld vast van een patiënt met acute ziektebeelden met behulp van de ABCDE methode en voert daarbij de noodzakelijke handelingen uit.",
"Handelt getrieerde consulten en visites naar urgentie af.",
"Legt bevindingen, diagnose en beleid vast en draagt deze helder over.",
"Superviseert gedelegeerde taken.",
"Rapporteert voorkomende incidenten en analyseert deze op verbeterpunten in de acute zorgverlening.",
"Bewaakt de vlotte afhandeling van de patiëntenstroom met als doel veilige, doelmatige en overbruggende zorg.",
"Organiseert het medisch beleid in samenwerking met andere (para) medische hulpverleners en mantelzorgers.",
"Handelt visites af conform de regelgeving ten aanzien van spoedritten.",
"Trieert telefonisch, stelt de urgentie vast, bepaalt het medisch beleid en geeft instructies in begrijpelijke taal.",
"Autoriseert binnen de tijdsnorm het handelen van de triage assistent.",
"Fungeert als eerste aanspreekpunt voor SEH, ambulance, apotheek, GGZ, thuiszorg en politie."
]
},
"Chronische zorg": {
"color": "#00ae9d",
"items": [
"Behandelt, controleert en organiseert de zorg voor patiënten met diabetes, HVZ en astma/COPD.",
"Registreert, deelt data met medebehandelaars en stelt beleid bij.",
"Begeleidt en evalueert de zorg verleend door assistente en Praktijkondersteuner Huisarts.",
"Markeert het moment dat er sprake is van een chronische ziekte, die behandeling en controle behoeft.",
"Verleent en organiseert zorg na ontslag uit het ziekenhuis.",
"Behandelt en begeleidt patiënten met zeldzame ziekten.",
"Kiest - bij conflicterende richtlijnen - samen met de patiënt de meest passende behandeling.",
"Maakt gebruik van moderne communicatietechnieken (ICT)."
]
},
"Zorg voor ouderen met complexe problematiek": {
"color": "#00a6e4",
"items": [
"Stelt vast of er sprake is van complexe problematiek.",
"Stelt in samenspraak met de patiënt een behandelplan vast.",
"Behandelt intercurrente ziekten in samenhang met bestaande (complexe) problematiek.",
"Bespreekt vroegtijdig de keuzes in aanvullende diagnostiek en/of behandeling rekening houdend met persoonlijke wensen en levensverwachting.",
"Stemt taken bij de zorg voor ouderen af met andere bij de patiënt betrokken hulpverleners.",
"Bepaalt periodiek de zorgbehoefte van de ouderen in de praktijk (door screening en/of casefinding) en past het zorgaanbod daar waar mogelijk op aan.",
"Verbetert en bewaakt de veiligheid van de ouderenzorg in de praktijk, door onder meer periodieke medicatiereviews en valpreventieprogramma’s.",
"Bepaalt welk aandeel de huisartsvoorziening heeft in de zorg voor ouderen en stemt dit af met andere verantwoordelijken in deze zorg zoals de Gemeente (WMO)."
]
},
"Zorg voor het kind": {
"color": "#b41e8d",
"items": [
"Voert een consult met een acuut ziek kind (leeftijd: 0-2 jaar).",
"Voert een consult met een kind met lichamelijke klachten (leeftijd: 3-10 jaar).",
"Voert een consult met een puber/adolescent (leeftijd: 11-23 jaar).",
"Maakt overgewicht bespreekbaar en begeleidt hierbij.",
"Signaleert problematische thuissituaties en begeleidt het gezin.",
"Schrijft medicatie voor aan kinderen."
]
},
"Zorg voor patiënten met psychische klachten en aandoeningen": {
"color": "#ed1a3a",
"items": [
"Begeleidt een patiënt met spanningsklachten, overspanning of burn-out.",
"Zet bij een patiënt met angst- en stemmingsklachten /stoornissen de benodigde behandeling in.",
"Diagnosticeert acute psychiatrische stoornissen en zet de benodigde behandeling in.",
"Schat bij suïcidaliteit het gevaar in voor de patiënt en diens omgeving en zet de benodigde hulp in.",
"Motiveert een patiënt met (een verhoogd risico voor) verslavingsgedrag voor passende zorg.",
"Zet bij een patiënt met gevolgen van traumatische gebeurtenissen de benodigde zorg in.",
"Signaleert persoonlijkheidstrekken en -stoornissen, definieert de gevolgen hiervan voor de zorgverlening en adviseert de patiënt om indien nodig passende begeleiding te vinden.",
"Zet bij kinderen met afwijkend gedrag passende diagnostiek en behandeling in."
]
},
"Zorg voor patienten met SOLK": {
"color": "#f36421",
"items": [
"Stelt de werkhypothese SOLK, geeft uitleg en behandelt stapsgewijs.",
"Maakt gebruik van klachtenregistratie om patronen in klachten en beïnvloedende factoren te ontdekken.",
"Voert een verwijsgesprek met een patiënt met SOLK.",
"Bespreekt de gevolgen van de klachten voor de arbeidsparticipatie bij (dreigende) langdurige arbeidsongeschiktheid.",
"Biedt langdurige begeleiding en houdt de regie bij een patiënt met ernstige SOLK."
]
},
"Palliatieve en terminale zorg": {
"color": "#f36421",
"items": [
"Voert een gesprek over het naderend levenseinde.",
"Past beleid aan op basis van de fase waarin de patiënt in de palliatieve fase verkeert: in het bijzonder de overgang van curatieve fase naar de palliatieve fase en de stervensfase.",
"Behandelt de specifieke problemen in de palliatieve / terminale fase.",
"Anticipeert op de vaak complexe problemen en klachten tijdens de palliatieve fase / terminale zorg.",
"Organiseert de palliatieve en terminale zorg, stuurt andere zorgverleners aan en is aanspreekpunt voor de patiënt en zijn omgeving.",
"Verleent zorg aan naasten.",
"Begeleidt een patiënt en diens naasten bij het verlies (rouwverwerking).",
"Voert palliatieve sedatie uit.",
"Voert de wens tot euthanasie uit of draagt deze over in geval van persoonlijke gewetensbezwaren.",
"Levert persoonlijke continuïteit van zorgverlening."
]
},
"Preventie": {
"color": "#fed702",
"items": [
"Stelt, samen met een patiënt, een individueel zorgplan op ter preventie van een chronische ziekte.",
"Verkent op indicatie de leefstijl van een patiënt en bespreekt mogelijkheden tot verandering.",
"Adviseert over verschillende preventieve activiteiten.",
"Selecteert personen en patiënten met een verhoogd gezondheidsrisico.",
"Voert programmatische preventie uit.",
"Bepaalt welke rol de huisarts heeft in een nieuw of bestaand preventieproject en voert deze uit.",
"Is betrokken bij de uitvoering van bevolkingsonderzoek zoals door de beroepsgroep met de overheid is overeengekomen en voert zijn aandeel hierin uit.",
"Brengt een erfelijke ziekte in de familie van een patiënt in kaart en bespreekt of screening of diagnostiek aan de orde is.",
"Bespreekt bij een bestaande kinderwens preventieve mogelijkheden voorafgaand aan een toekomstige zwangerschap."
]
},
"Praktijkmanagement": {
"color": "#a5c3cb",
"items": [
"Formuleert een persoonlijke en een praktijkvisie op de huisartsenzorg.",
"Stelt een verbeterplan op en voert dit uit.",
"Superviseert individuele praktijkmedewerkers bij het uitvoeren van voorbehouden handelingen.",
"Levert een bijdrage aan de patiëntveiligheid door het melden, analyseren en afhandelen van patiëntveiligheidsproblemen.",
"Heeft inzicht in de financiering en bedrijfsvoering van de huisartsenpraktijk, declareert eigen verrichtingen en adviseert patiënten over de financiële consequenties van een medische behandeling/diagnostiek.",
"Vertegenwoordigt de opleidingspraktijk voor een specifiek thema in een multidisciplinair overleg.",
"Stemt de praktijkvoering en informatievoorziening af op de behoeften van de patiëntenpopulatie."
]
}
}
Loading

0 comments on commit 758af21

Please sign in to comment.