Förtydliga diverse texter

Author: stafak

cypress/e2e/finalize.cy.ts

@@ -117,13 +117,17 @@ describe("finalize wizard", () => {
     ).should("have.text", " Datering: 2025-01-04");
     cy.get(
       '[data-testid="finalize-reminder-redovisningsinformation-list"] li:nth-child(2)',
-    ).should("have.text", " Underskrift, Karl Karlsson: 2025-01-04");
+    ).should("have.text", " Underskrift, Karl   Karlsson:    2025-01-04");
     cy.get(
       '[data-testid="finalize-reminder-redovisningsinformation-list"] li:nth-child(3)',
-    ).should("have.text", " Underskrift, Karin Olsson: 2025-01-04");
+    ).should("have.text", " Underskrift, Karin   Olsson:    2025-01-04");
     cy.get('[data-testid="finalize-reminder-mismatching-values-list"]').should(
       "not.exist",
     );
+    cy.get('[data-testid="finalize-reminder-latest-signature-date"]').should(
+      "have.text",
+      " Årsstämman får därmed hållas tidigast 2025-01-04. ",
+    );
     cy.get('[data-testid="wizard-next-button"]').click();
 
     // Steg 2 - OK att köra kontroller hos Bolagsverket
@@ -213,13 +217,17 @@ describe("finalize wizard", () => {
     );
     cy.get(
       '[data-testid="finalize-reminder-redovisningsinformation-list"] li:nth-child(1)',
-    ).should("have.text", " Datering: 2025-01-04");
+    ).should("have.text", " Datering: 2025-01-03");
     cy.get(
       '[data-testid="finalize-reminder-redovisningsinformation-list"] li:nth-child(2)',
-    ).should("have.text", " Underskrift, Karl Karlsson: 2025-01-03");
+    ).should("have.text", " Underskrift, Karl   Karlsson:    2025-01-03");
     cy.get(
       '[data-testid="finalize-reminder-redovisningsinformation-list"] li:nth-child(3)',
-    ).should("have.text", " Underskrift, Karin Olsson: 2025-01-04");
+    ).should("have.text", " Underskrift, Karin   Olsson:    2025-01-04");
+    cy.get('[data-testid="finalize-reminder-latest-signature-date"]').should(
+      "have.text",
+      " Årsstämman får därmed hållas tidigast 2025-01-04. ",
+    );
     cy.get('[data-testid="finalize-reminder-mismatching-values-list"]').should(
       "not.exist",
     );

cypress/fixtures/input/gredor/TestfilB.gredorfardig

@@ -812,7 +812,7 @@
       }
     ],
     "redovisningsinformation": {
-      "datering": "2025-01-04",
+      "datering": "2025-01-03",
       "undertecknandeOrt": "Halmstad",
       "avgivande": {
         "namn": "Styrelsen och verkställande direktören",

src/components/edit/sections/EditUnderskrifter.vue

@@ -61,14 +61,19 @@ function removeUnderskrift(index: number) {
       </div>
       <div class="input-section">
         <label class="form-label" for="datering"
-          >Datum då årsredovisningen var färdig för undertecknande:</label
+          >Datum då årsredovisningen var upprättad (redo att skrivas
+          under):</label
         >
         <input
           id="datering"
           v-model.trim="arsredovisning.redovisningsinformation.datering"
           class="form-control"
           type="date"
         />
+        <div class="form-text muted">
+          Får <strong>inte</strong> vara senare än datumet för tidigaste
+          underskriften nedan.
+        </div>
       </div>
     </CommonAccordionItem>
 
@@ -89,7 +94,7 @@ function removeUnderskrift(index: number) {
           v-for="(underskrift, index) in arsredovisning.redovisningsinformation
             .underskrifter"
           :key="index"
-          class="mb-2 p-2 col-12 col-sm-6 col-lg-4"
+          class="mb-2 p-2 col-12 col-sm-6"
         >
           <div class="card p-3">
             <div class="input-section">
@@ -127,14 +132,23 @@ function removeUnderskrift(index: number) {
             </div>
             <div class="input-section">
               <label :for="'datum' + index" class="form-label"
-                >Undertecknandedatum:</label
+                >Underskriftsdatum:</label
               >
               <input
                 :id="'datum' + index"
                 v-model.trim="underskrift.datum"
                 class="form-control"
                 type="date"
               />
+              <div class="alert alert-primary d-flex gap-2 mt-2" role="alert">
+                <i class="bi bi-info-circle-fill"></i>
+                <span class="small">
+                  <strong>OBS!</strong> Detta är inte samma sak som datum för
+                  årsstämma eller fastställelseintyg. Årsstämman ska hållas
+                  efter att årsredovisningen skrivits under, dvs den får
+                  <strong>inte</strong> hållas tidigare än detta datum.
+                </span>
+              </div>
             </div>
             <button
               class="btn btn-danger mt-2"

src/components/tools/finish/finalize/steps/FinalizeReminder.vue

@@ -28,6 +28,7 @@ import type { ComponentExposed } from "vue-component-type-helpers";
 import RenderMain from "@/components/render/RenderMain.vue";
 import { XMLParser } from "fast-xml-parser";
 import { convertiXBRLToXBRL } from "@/util/convertiXBRLToXBRL.ts";
+import type { Underskrift } from "@/model/arsredovisning/Underskrift.ts";
 
 const props = defineProps<
   CommonStepProps & {
@@ -66,6 +67,47 @@ onBeforeUnmount(() => {
   }
 });
 
+// Kolla att nödvändiga fält är ifyllda
+const namesAndDatesAreFilled = computed(() => {
+  return (
+    props.arsredovisning.redovisningsinformation.datering &&
+    props.arsredovisning.redovisningsinformation.underskrifter.length > 0 &&
+    props.arsredovisning.redovisningsinformation.underskrifter.every(
+      (signature) =>
+        signature.tilltalsnamn && signature.efternamn && signature.datum,
+    )
+  );
+});
+
+// Räkna ut senaste underskriftsdatum
+const latestSignatureDate = computed(() => {
+  const signatures = props.arsredovisning.redovisningsinformation.underskrifter;
+  if (!signatures || signatures.length === 0) {
+    return null;
+  }
+
+  const result = signatures.reduce(
+    (
+      {
+        maxDate,
+        maxDateSignature,
+      }: { maxDate: Date; maxDateSignature: Underskrift | null },
+      signature: Underskrift,
+    ) => {
+      if (!signature.datum.match(/^\d{4}-\d{2}-\d{2}$/)) {
+        return { maxDate, maxDateSignature };
+      }
+      const signatureDate = new Date(signature.datum);
+      return signatureDate > maxDate
+        ? { maxDate: signatureDate, maxDateSignature: signature }
+        : { maxDate, maxDateSignature };
+    },
+    { maxDate: new Date(0), maxDateSignature: null },
+  );
+
+  return result.maxDateSignature?.datum || null;
+});
+
 // Räkna ut notkopplingar
 const forvaltningsberattelseTaxonomyManager = await getTaxonomyManager(
   TaxonomyRootName.FORVALTNINGSBERATTELSE,
@@ -310,22 +352,42 @@ const mismatchingValueBelopprader = computed(() => {
           <ul data-testid="finalize-reminder-redovisningsinformation-list">
             <li>
               Datering:
-              {{
-                arsredovisning.redovisningsinformation.datering ||
-                "inget ifyllt"
-              }}
+              <template v-if="arsredovisning.redovisningsinformation.datering">
+                {{ arsredovisning.redovisningsinformation.datering }}
+              </template>
+              <strong v-else>Inget ifyllt!</strong>
             </li>
             <li
               v-for="(underskrift, i) in props.arsredovisning
                 .redovisningsinformation.underskrifter"
               :key="i"
             >
               Underskrift,
-              {{ underskrift.tilltalsnamn || "< tilltalsnamn saknas >" }}
-              {{ underskrift.efternamn || "< efternamn saknas >" }}:
-              {{ underskrift.datum || "inget ifyllt" }}
+
+              <template v-if="underskrift.tilltalsnamn">
+                {{ underskrift.tilltalsnamn }}
+              </template>
+              <strong v-else>&lt;tilltalsnamn saknas!&gt;</strong>
+              {{ " " }}
+              <template v-if="underskrift.efternamn">
+                {{ underskrift.efternamn }}:
+              </template>
+              <strong v-else>&lt;efternamn saknas!&gt;:</strong>
+              {{ " " }}
+              <template v-if="underskrift.datum">
+                {{ underskrift.datum }}
+              </template>
+              <strong v-else>&lt;datum saknas!&gt;</strong>
             </li>
           </ul>
+          <div
+            v-if="latestSignatureDate"
+            data-testid="finalize-reminder-latest-signature-date"
+          >
+            Årsstämman får därmed hållas
+            <strong>tidigast {{ latestSignatureDate }}</strong
+            >.
+          </div>
         </li>
         <li v-if="mismatchingValueBelopprader.length > 0">
           …beloppen för följande fält; det förekommer olika värden på olika
@@ -346,8 +408,14 @@ const mismatchingValueBelopprader = computed(() => {
     </div>
 
     <CommonWizardButtons
-      :next-button-disabled="!ixbrl"
-      :next-button-text="ixbrl ? 'Nästa' : 'Vänta – arbetar i bakgrunden…'"
+      :next-button-disabled="!ixbrl || !namesAndDatesAreFilled"
+      :next-button-text="
+        ixbrl
+          ? namesAndDatesAreFilled
+            ? 'Nästa'
+            : 'Nödvändiga uppgifter saknas!'
+          : 'Vänta – arbetar i bakgrunden…'
+      "
       :previous-button-hidden="currentStepNumber === 1"
       @go-to-previous-step="emit('goToPreviousStep')"
       @go-to-next-step="emit('goToNextStep')"

src/components/tools/finish/send/steps/SendGredorAgreement.vue

@@ -29,11 +29,11 @@ const userAgreed = ref<boolean>(false);
       <p>
         Gredor är ett gratisverktyg. I slutet av flödet kommer din
         årsredovisning att laddas upp till Bolagsverket i iXBRL-format, ett
-        speciellt format som används för bland annat årsredovisningar och bör
+        speciellt format som används för bland annat årsredovisningar och ska
         motsvara det som har visats i förhandsgranskningen tidigare i flödet. Vi
-        som utvecklar Gredor har testat vektyget noggrannt för att minimera
-        risken för att något ska bli fel då, men
-        <strong>tänk på att vi inte lämnar några garantier.</strong>
+        som utvecklar Gredor har testat verktyget noggrant för att minimera
+        risken för att något ska bli fel då, men tänk på att vi inte lämnar
+        några garantier.
       </p>
 
       <p>Genom att kryssa i rutan nedan godtar du detta.</p>

src/components/tools/finish/send/steps/SendRequestFiles.vue

@@ -62,6 +62,9 @@ async function handleArsredovisningFile(file: File) {
         data-testid="send-wizard-gredor-file-input"
         @file-picked="handleArsredovisningFile"
       />
+
+      Filen ska du ha laddat ner i samband med att du färdigställde din
+      årsredovisning inför årsstämman.
     </div>
 
     <CommonWizardButtons

src/templates/exampleArsredovisning.ts

@@ -25,7 +25,7 @@ export const exampleArsredovisning: Arsredovisning = {
         tilltalsnamn: "Karl",
         efternamn: "Karlsson",
         roll: "",
-        datum: "2026-03-12",
+        datum: "2026-03-11",
       },
       {
         tilltalsnamn: "Karin",
@@ -35,7 +35,7 @@ export const exampleArsredovisning: Arsredovisning = {
       },
     ],
     undertecknandeOrt: "Halmstad",
-    datering: "2026-03-12",
+    datering: "2026-03-11",
   },
   installningar: {
     flerarsoversiktBeloppFormat: BeloppFormat.TUSENTAL,