Förpopulera resultaträkning och balansräkning

Author: stafak

src/assets/extendables.scss

@@ -1,7 +1,6 @@
 %text-input {
   border: 1px solid var(--bs-border-color);
   border-radius: 4px;
-  background-color: #fff;
   transition: border-color 0.3s,
   box-shadow 0.3s;
 

src/components/edit/blocks/EditBelopprad.vue

@@ -22,6 +22,9 @@ const props = defineProps<{
   /** TaxonomyManager för att hantera taxonomiobjekt för beloppraden. */
   taxonomyManager: TaxonomyManager;
 
+  /** Huruvida borttag ska tillåtas. */
+  allowDelete?: boolean;
+
   /** Antal tidigare räkenskapsår som ska visas för belopprader där man kan jämföra mellan år. */
   comparableNumPreviousYears?: number;
 
@@ -69,6 +72,7 @@ const taxonomyItem = computed(() => {
   >
     <EditBeloppradString
       v-if="isBeloppradString(belopprad)"
+      :allow-delete="allowDelete || false"
       :belopprad="belopprad"
       :comparable-num-previous-years="comparableNumPreviousYears || 0"
       :multiline="stringMultiline || false"
@@ -77,6 +81,7 @@ const taxonomyItem = computed(() => {
     />
     <EditBeloppradMonetary
       v-else-if="isBeloppradMonetary(belopprad)"
+      :allow-delete="allowDelete || false"
       :allow-not="comparableAllowNot || false"
       :belopprad="belopprad"
       :belopprader="belopprader"
@@ -87,6 +92,7 @@ const taxonomyItem = computed(() => {
     />
     <EditBeloppradNonmonetaryComparable
       v-else-if="isBeloppradComparable(belopprad)"
+      :allow-delete="allowDelete || false"
       :allow-not="comparableAllowNot || false"
       :belopprad="belopprad"
       :num-previous-years="comparableNumPreviousYears || 0"

src/components/edit/blocks/belopprad/BaseEditBeloppradComparable.vue

@@ -16,6 +16,9 @@ export interface EditBeloppradComparablePropsBase {
   /** TaxonomyManager för att hantera taxonomiobjekt för beloppraden. */
   taxonomyManager: TaxonomyManager;
 
+  /** Huruvida borttag ska tillåtas. */
+  allowDelete: boolean;
+
   /** Antal tidigare räkenskapsår som ska visas för jämförelse. */
   numPreviousYears: number;
 
@@ -128,7 +131,7 @@ function onBeforeValueInput(event: InputEvent) {
         />
       </div>
     </td>
-    <td>
+    <td v-if="allowDelete">
       <BaseEditBeloppradDeleteButton @delete="emit('delete')" />
     </td>
   </BaseEditBeloppradContainer>

src/components/edit/blocks/belopprad/EditBeloppradMonetary.vue

@@ -41,14 +41,16 @@ const taxonomyItem = computed(() => {
   return getTaxonomyItemForBelopprad(props.taxonomyManager, belopprad.value);
 });
 
-onMounted(() => {
+// Räkna automatiskt ut summor
+function createSumWatcher(
+  belopprad: BeloppradMonetary,
+  belopprader: Belopprad[],
+) {
   if (taxonomyItem.value.additionalData.isCalculatedItem) {
-    // Räkna automatiskt ut summor
-    
-    const sumPartBelopprader = belopprader.value.filter((otherBelopprad) =>
+    const sumPartBelopprader = belopprader.filter((otherBelopprad) =>
       props.taxonomyManager.calculationProcessor.isConceptIncludedInSum(
         otherBelopprad.taxonomyItemName,
-        belopprad.value.taxonomyItemName,
+        belopprad.taxonomyItemName,
       ),
     );
 
@@ -57,16 +59,26 @@ onMounted(() => {
         calculateValuesIntoBelopprad(
           props.taxonomyManager.calculationProcessor,
           sumPartBelopprader,
-          belopprad.value,
+          belopprad,
         );
       });
     }
   }
-});
+}
+
+onMounted(() => createSumWatcher(belopprad.value, belopprader.value));
+watch(
+  [belopprad, belopprader],
+  ([newBelopprad, newBelopprader]) => {
+    createSumWatcher(newBelopprad, newBelopprader);
+  },
+  { deep: false },
+);
 </script>
 
 <template>
   <BaseEditBeloppradComparable
+    :allow-delete="allowDelete"
     :allow-not="allowNot"
     :allowed-value-regex="/^-?\d*$/"
     :belopprad="belopprad"

src/components/edit/blocks/belopprad/EditBeloppradNonmonetaryComparable.vue

@@ -22,6 +22,7 @@ const belopprad = defineModel<BaseBeloppradComparable>("belopprad", {
 
 <template>
   <BaseEditBeloppradComparable
+    :allow-delete="allowDelete"
     :allow-not="allowNot"
     :belopprad="belopprad"
     :num-previous-years="numPreviousYears"

src/components/edit/blocks/belopprad/EditBeloppradString.vue

@@ -20,6 +20,9 @@ const props = defineProps<{
   /** TaxonomyManager för att hantera taxonomiobjekt för beloppraden. */
   taxonomyManager: TaxonomyManager;
 
+  /** Huruvida borttag ska tillåtas. */
+  allowDelete: boolean;
+
   /** Huruvida radbrytningar ska vara tillåtna. */
   multiline: boolean;
 
@@ -63,7 +66,13 @@ const trClasses = computed(() => [
         />
       </td>
       <td>
-        <button class="btn btn-danger" @click="emit('delete')">X</button>
+        <button
+          v-if="allowDelete"
+          class="btn btn-danger"
+          @click="emit('delete')"
+        >
+          X
+        </button>
       </td>
     </tr>
     <tr :class="trClasses">
@@ -93,7 +102,7 @@ const trClasses = computed(() => [
     <td v-if="!isAbstract" :colspan="comparableNumPreviousYears + 1">
       <input v-model="belopprad.text" type="text" />
     </td>
-    <td>
+    <td v-if="allowDelete">
       <BaseEditBeloppradDeleteButton
         v-if="!isAbstract"
         @delete="emit('delete')"
@@ -111,7 +120,7 @@ const trClasses = computed(() => [
 
 textarea {
   @extend %text-input;
-  
+
   min-height: 6rem;
   resize: vertical;
 }

src/components/edit/composables/usePrepopulateSection.ts

@@ -0,0 +1,133 @@
+import {
+  type Belopprad,
+  createBelopprad,
+  createBeloppradInList,
+  deleteBelopprad,
+  isBeloppradCorrespondsToTaxonomyItem
+} from "@/model/arsredovisning/Belopprad.ts";
+import { reactive, type Ref, ref, watch } from "vue";
+import { type TaxonomyItem, TaxonomyManager } from "@/util/TaxonomyManager.ts";
+import type { Arsredovisning, BeloppradSectionName } from "@/model/arsredovisning/Arsredovisning.ts";
+import {
+  isBeloppradHasValidMonetaryValue,
+  isBeloppradMonetary
+} from "@/model/arsredovisning/beloppradtyper/BeloppradMonetary.ts";
+
+/**
+ * Argument som krävs för att generera en iXBRL-årsredovisning.
+ *
+ * @property taxonomyManager - Hanterar taxonomin och ger åtkomst till
+ * taxonomiobjekt
+ * @property availableTaxonomyItems - Rotobjekt som innehåller de taxonomiobjekt
+ * att förpopulera med
+ * @property arsredovisning - Vue-referens till den aktuella årsredovisningen
+ * @property sectionName - Namnet på avsnittet i årsredovisningen som ska
+ * förpopuleras
+ * @property maxNumPreviousYears - Maximalt antal tidigare räkenskapsår i
+ * avsnittet.
+ */
+type Args = {
+  taxonomyManager: TaxonomyManager;
+  availableTaxonomyItems: TaxonomyItem;
+  arsredovisning: Ref<Arsredovisning>;
+  sectionName: BeloppradSectionName;
+  maxNumPreviousYears: number;
+};
+
+/**
+ * Funktion för att förpopulera ett specifikt avsnitt i årsredovisningen med
+ * belopprader baserade på tillgängliga taxonomiobjekt.
+ *
+ * @param args - Argument som krävs för förpopuleringen.
+ */
+
+function prepopulateSection(args: Args) {
+  const belopprader = ref<Belopprad[]>([]);
+  innerPrepopulateSection(args, belopprader);
+  return belopprader;
+}
+
+/**
+ * Intern hjälpfunktion för att utföra den faktiska förpopuleringen.
+ *
+ * TODO: Få att funka med icke-monetära belopprader
+ *
+ * @param args - Argument som krävs för förpopuleringen.
+ * @param belopprader - Vue-referens till resulterande listan med belopprader.
+ */
+function innerPrepopulateSection(args: Args, belopprader: Ref<Belopprad[]>) {
+  const {
+    taxonomyManager,
+    availableTaxonomyItems,
+    arsredovisning,
+    sectionName,
+    maxNumPreviousYears,
+  } = args;
+
+  const section: Belopprad[] = arsredovisning.value[sectionName];
+
+  for (const taxonomyItem of availableTaxonomyItems.childrenFlat) {
+    // Kontrollera om en belopprad redan finns för det aktuella taxonomiobjektet
+    let belopprad = section.find((b) =>
+      isBeloppradCorrespondsToTaxonomyItem(b, taxonomyItem),
+    );
+
+    // Om ingen belopprad finns, skapa en ny reaktiv belopprad
+    if (!belopprad) {
+      belopprad = reactive(createBelopprad(taxonomyItem));
+    }
+
+    // Skapa en watcher som triggas när man ändrar beloppraden
+    watch(belopprad, (newBelopprad: Belopprad) => {
+      if (isBeloppradMonetary(newBelopprad)) {
+        if (
+          (newBelopprad.not?.length ?? 0) > 0 ||
+          isBeloppradHasValidMonetaryValue(
+            taxonomyManager,
+            newBelopprad,
+            arsredovisning.value,
+            section,
+            maxNumPreviousYears,
+          )
+        ) {
+          // Om beloppraden innehåller värden, lägg till den i den faktiska
+          // årsredovisningen
+          createBeloppradInList(
+            taxonomyManager,
+            section,
+            taxonomyItem,
+            belopprad,
+            "all",
+          );
+        } else {
+          // Om beloppraden inte innehåller värden tar vi bort den från den
+          // faktiska årsredovisningen
+          deleteBelopprad(taxonomyManager, newBelopprad, section);
+        }
+      }
+    });
+
+    belopprader.value.push(belopprad);
+  }
+
+  // Vi måste bevaka ifall en ny årsredovisning skapas - i så fall måste vi
+  // förpopulera den på nytt
+  const arsredovisningWatcher = watch(
+    arsredovisning,
+    () => {
+      // Viktigt att stoppa den gamla watchern i och med att det kommer skapas
+      // en ny när vi kör `innerPrepopulateSection`
+      arsredovisningWatcher.stop();
+
+      belopprader.value.length = 0;
+      innerPrepopulateSection(args, belopprader);
+    },
+    { deep: false },
+  );
+}
+
+export function usePrepopulateSection(args: Args) {
+  return {
+    prepopulateSection: () => prepopulateSection(args),
+  };
+}