Merge pull request #85 from IBCornelsen/Jens

widget

src/pages/energieausweis-erstellen/index.astro

@@ -4,82 +4,6 @@ import Layout from "#layouts/Layout.astro";
 
 ---
 
-<script>
-$(document).ready(function () {
-  // Initial setup: Reset all selections
-  $('.OEA_bitte').prop('selected', true);
-  $('#OEA_result').hide();
-
-  // Handle main type selection
-  $('#OEA_changeTyp').change(function () {
-    const chTyp = $('#OEA_changeTyp').val();
-    const chAnlass = $('#OEA_changeAnlass').val();
-
-    // Reset second-level options
-    $('.OEA_bitte').prop('selected', true);
-    $('.OEA_title2, .OEA_auswahl2').hide();
-
-    // Logic for Gewerbegebäude and Neubau
-    if (chTyp === 'Gewerbegebäude' || chAnlass === 'Neubau') {
-      if (chAnlass) $('#OEA_result').show();
-    } else if (chAnlass && chTyp) {
-      $('.OEA_title2, .OEA_auswahl2').show();
-      $('#OEA_result').hide();
-    }
-
-    // Update result
-    getResult();
-  });
-
-  // Handle secondary selection
-  $('.OEA_auswahl2').change(function () {
-    const baujahr = parseInt($('#changeBaujahr').val());
-    const einheiten = parseInt($('#changeEinheiten').val());
-    const status = parseInt($('#changeStatus').val());
-
-    const checkAusweis = baujahr + einheiten + status;
-    const chTyp = $('#OEA_changeTyp').val();
-
-    // Determine Ausweis type
-    if (checkAusweis === 3) {
-      const BA = `https://online-energieausweis.org/energieausweis-erstellen/bedarfsausweis-erstellen.php?recode=${$('#recode').val()}`;
-      $('#OEA_result_text').html(
-        `Ihr Gebäude wurde vor 1978 gebaut, hat weniger als 5 Wohneinheiten und ist energetisch unsaniert. In diesem Fall benötigen Sie einen Bedarfsausweis.<br />
-         <div class="empfehlungen">
-           <a class="OEA_toUS" href="${BA}" target="_blank">Jetzt Bedarfsausweis online erstellen</a>
-         </div>`
-      );
-      $('#OEA_result').show();
-    } else {
-      getResult();
-      $('#OEA_result').show();
-    }
-  });
-
-  // General result update function
-  function getResult() {
-    const chTyp = $('#OEA_changeTyp').val();
-    const chAnlass = $('#OEA_changeAnlass').val();
-
-    // Example: Update based on Einfamilienhaus and Vermietung/Verkauf
-    if (chTyp === 'Einfamilienhaus' && chAnlass === 'Vermietung/Verkauf') {
-      const VA = `https://online-energieausweis.org/energieausweis-erstellen/verbrauchsausweis-erstellen.php?recode=${$('#recode').val()}`;
-      $('#OEA_result_text').html(
-        `Für Vermietung/Verkauf können Sie einen Verbrauchsausweis erstellen.<br />
-         <div class="empfehlungen">
-           <a class="OEA_toUS" href="${VA}" target="_blank">Jetzt Verbrauchsausweis online erstellen</a>
-         </div>`
-      );
-    }
-  }
-
-  // Additional listeners for other dropdowns
-  $('#OEA_changeAnlass').change(getResult);
-});
-</script>
-
-
-
 <Layout title="Welcher Energieausweis">
 
 <h1 class="text-3xl">Welcher Energieausweis?</h1>
@@ -90,6 +14,7 @@ $(document).ready(function () {
 
   <div id="OEA_input">
     <div class="OEA_item1">
+
     <div class="OEA_title1">Gebäudetyp</div>
       <select class="OEA_auswahl1" id="OEA_changeTyp">
         <option value="" selected disabled>bitte auswählen</option>
@@ -173,7 +98,7 @@ $(document).ready(function () {
   @apply bg-white p-6 rounded-lg shadow-lg space-y-6;
 
   #OEA_input {
-    @apply space-y-4;
+    @apply space-y-4 flex-row;
 
     .OEA_item1, .OEA_item2, .OEA_item3, .OEA_item4, .OEA_item5 {
       @apply space-y-2;
@@ -188,7 +113,7 @@ $(document).ready(function () {
     }
 
     .OEA_title2 {
-      @apply bg-blue-300 text-blue-900;
+      @apply bg-secondary;
     }
 
     .OEA_auswahl1, .OEA_auswahl2 {