Belastinggegevens 2024 toegevoegd (#25)

Ook meegenomen:
- Effectieve belasting uitgezet. Ben niet helemaal tevreden over wat dit toevoegd.
- Y-as van beschikbaar inkomen bij maandselectie toonde jaarsalaris range waardoor grafiek heel laag was.
- Legenda beschikbaar inkomen klopte niet bij selectie getal in grafiek en maand selectie.
- Typefouten weggehaald.
- Scrollbar verbetert.

src/App.vue

@@ -4,9 +4,9 @@
       <n-message-provider>
         <n-notification-provider>
           <n-dialog-provider>
-            <n-layout>
+            <n-layout content-style="overflow-y:hidden">
               <n-layout-content>
-                <router-view></router-view>
+                <router-view />
               </n-layout-content>
               <n-layout-footer><FooterPaneel /></n-layout-footer>
             </n-layout>

src/components/FooterPaneel.vue

@@ -1,12 +1,12 @@
 <template>
   <n-collapse>
-    <n-collapse-item title="Colofon" name="colofoon">
+    <n-collapse-item title="Colofon" name="colofon">
       <n-card :bordered="false" size="small">
         <p>
           De berekeningen zijn met zorg samengesteld, maar het is mogelijk dat
           er nog fouten in zitten. In de berekeningen wordt uitgegaan dat de
           personen in 1 huishouden in hetzelfde huis(houden) wonen. Daardoor
-          zijn niet alle mogelijke variaties meengenomen die invloed hebben op
+          zijn niet alle mogelijke variaties meegenomen die invloed hebben op
           toeslagen. Zo hebben onder andere eigen vermogen, leeftijds
           verandering binnen een jaar, en wonen in buitenland invloed op de
           toeslagen.

src/components/HoofdPanel.vue

@@ -1,10 +1,10 @@
 <template>
   <div class="grid">
-    <n-scrollbar id="infoBar">
+    <div id="infoBar">
       <HuishoudenComponent :personen="gegevens.personen" />
       <WonenComponent :jaar="gegevens.grafiek.jaar" :wonen="gegevens.wonen" />
       <GrafiekInstellingComponent :grafiekInstellingen="gegevens.grafiek" />
-    </n-scrollbar>
+    </div>
     <n-tabs
       ref="tabsRef"
       type="line"
@@ -58,27 +58,37 @@
           <div id="md"></div>
         </n-space>
       </n-tab-pane>
+<!--
       <n-tab-pane name="eb" tab="Effectieve Belasting" key="eb">
         <n-space vertical>
           <div id="eb"></div>
         </n-space>
       </n-tab-pane>
+-->
     </n-tabs>
     <n-scrollbar id="legenda" v-if="gegevens.tab != 'intro'">
       <Legenda :data="legendaData" />
     </n-scrollbar>
   </div>
 </template>
 
-<style scoped>
+<style>
+#infoBar {
+  max-height: 100% !important;
+}
 .grid {
   display: grid;
-  grid-template-columns: 100vw;
 }
 
 @media (min-width: 1280px) {
+  #infoBar {
+    overflow-y: scroll;
+    max-height: calc(100vh - 25px) !important;
+  }
   .grid {
     grid-template-columns: 300px auto 400px;
+    max-height: calc(100vh - 25px);
+    overflow-y: hidden;
   }
 }
 </style>

src/components/IntroPagina.vue

@@ -2,10 +2,10 @@
   <n-space vertical>
     <p>
       Huishoudens hebben recht op toeslagen en kortingen. Deze kortingen zijn
-      afhankelijk van het inkomen en de samenstelling van het huidhouden. Aan de
+      afhankelijk van het inkomen en de samenstelling van het huishouden. Aan de
       linkerkant van het scherm kan deze samenstelling worden ingevuld. Daarmee
       worden grafieken gemaakt die tonen wat dit betekent voor toeslagen en
-      kortingen bij verschillende inkomens. De volgende grafieke zijn
+      kortingen bij verschillende inkomens. De volgende grafieken zijn
       beschikbaar onder de titels hierboven:
     </p>
     <dl>
@@ -20,22 +20,24 @@
         <q>verdwijnt</q> door belasting, verlies van kortingen en toeslagen. De
         grafiek geeft weer waar de marginale druk door wordt veroorzaakt. Zonder
         kortingen en toeslagen is de marginale druk gelijk aan het
-        inkomensbelasting tarrief. De marginale druk is relevant voor de keuze
+        inkomensbelasting tarief. De marginale druk is relevant voor de keuze
         voor het aantal uren of dagen per week dat gewerkt wordt. Als de
         marginale druk hoog is, dan zal minder werken bij een salarisverhoging
         niet direct tot veel minder inkomen zorgen.
       </dd>
+<!--
       <dt><b>Effectieve Belasting</b></dt>
       <dd>
         Dit geeft weer hoeveel procent belasting betaald moet worden na
         verrekening van kortingen. Het gaat om bruto belasting waar kortingen
-        vanaf zijn getrokken. Dit zijn arbeidskorting, algemene heffings
-        korting, inkomensafhankelijke combinatie korting. In deze berekening
+        vanaf zijn getrokken. Dit zijn arbeidskorting, algemene heffingskorting,
+        inkomensafhankelijke combinatie korting. In deze berekening
         zijn toeslagen niet meegenomen omdat een toeslag een bijdrage is van een
         andere uitgave. De effecten van een toelage hangen dus af van uitgaven
         waarvoor de toeslag wordt uitgekeerd. Dit is dus niet direct te koppelen
         aan de effectief te betalen belasting.
       </dd>
+-->
     </dl>
   </n-space>
 </template>