Recipe publishing

Aberwyn/Views/Budget/Index.cshtml

@@ -26,10 +26,10 @@
                     <i class="fa fa-ellipsis-v"></i>
                 </button>
                 <div class="dropdown-menu" ng-show="menuOpen">
-    <button ng-click="copyPreviousMonthSafe()">Kopiera föregående månad</button>
-
-    <button ng-click="deleteMonth(); menuOpen = false;" class="danger">Ta bort hela månaden</button>
+                    <button ng-click="copyPreviousMonthSafe()">Kopiera föregående månad</button>
+                    <button ng-click="deleteMonth(); menuOpen = false;" class="danger">Ta bort hela månaden</button>
                     <button ng-click="createNewCategory(); menuOpen = false;">Lägg till ny kategori</button>
+                    <!--<button ng-click="openImportModule(); menuOpen = false;">📥 Importera rader</button> -->
                 </div>
             </div>
         </div>
@@ -232,7 +232,31 @@
         <button ng-click="addPopupVisible = false">Avbryt</button>
     </div>
 
+    <div class="import-module" ng-show="importing" style="position: fixed; top: 10vh; left: 50%; transform: translateX(-50%);
+    background: #1F2C3C; color: white; padding: 24px; border-radius: 8px; z-index: 2000; width: 90%; max-width: 600px;
+    box-shadow: 0 10px 30px rgba(0,0,0,0.4);">
+
+      <h3 style="margin-top: 0;">📥 Importera rader till {{ importTargetCategory.name }}</h3>
+
+      <label for="importText">Klistra in rader (en per rad, t.ex. <code>Kallhyra 11315</code>):</label>
+      <textarea id="importText" ng-model="importText" rows="6" style="width: 100%; margin-bottom: 10px;"></textarea>
+
+      <button ng-click="parseImportText()">Förhandsgranska</button>
+      <button ng-click="cancelImport()">Avbryt</button>
+
+      <div class="preview-list" ng-if="importPreview.length > 0" style="margin-top: 16px;">
+        <h4>Förhandsvisning:</h4>
+        <div class="item-row" ng-repeat="item in importPreview">
+          <span class="item-label">{{ item.name }}</span>
+          <span class="amount">{{ item.amount | number:0 }} kr</span>
+        </div>
+        <button ng-click="applyImport()">✔️ Skapa {{ importPreview.length }} rader</button>
+      </div>
     </div>
+
+
+    </div>
+
 <link rel="stylesheet" href="~/css/budget.css" />
 <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.8.2/angular.min.js"></script>