chore: added better description what and what not gets exported and improrted

Author: TobiasGleiter

internal/assets/dist/index.css

@@ -7091,6 +7091,13 @@
   .gap-10 {
     gap: calc(var(--spacing) * 10);
   }
+  .space-y-0\.5 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
   .space-y-3 {
     :where(& > :not(:last-child)) {
       --tw-space-y-reverse: 0;
@@ -8272,6 +8279,9 @@
   .text-center {
     text-align: center;
   }
+  .text-left {
+    text-align: left;
+  }
   .text-right {
     text-align: right;
   }
@@ -8953,6 +8963,12 @@
       color: color-mix(in oklab, var(--color-base-content) 60%, transparent);
     }
   }
+  .text-base-content\/70 {
+    color: var(--color-base-content);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--color-base-content) 70%, transparent);
+    }
+  }
   .text-blue-800 {
     color: var(--color-blue-800);
   }

internal/templates/pages/equipment/import.tmpl

@@ -11,6 +11,17 @@
     </p>
   </div>
 
+  <div role="alert" class="alert text-sm">
+    <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>
+    <div>
+      <p class="font-medium underline">Limitations</p>
+      <ul class="mt-1 list-disc list-inside space-y-0.5 text-base-content">
+        <li>Images cannot be imported and must be added manually after import</li>
+        <li>The Content tab of serialized equipment cannot be imported</li>
+      </ul>
+    </div>
+  </div>
+
   <form method="post" action="/orgs/{{ .Data.OrgID }}/equipment/import" enctype="multipart/form-data" class="flex flex-col gap-4">
     <fieldset class="fieldset">
       <legend class="fieldset-legend">CSV file</legend>

internal/templates/pages/equipment/index.tmpl

@@ -28,10 +28,10 @@
             </a>
           </li>
           <li>
-            <a href="/orgs/{{ .Data.OrgID }}/equipment/export">
+            <button data-modal-target="export-dialog" class="w-full">
               <span class="w-4 h-4">{{ template "export-icon" . }}</span>
               Export CSV
-            </a>
+            </button>
           </li>
         </ul>
       </div>
@@ -138,5 +138,31 @@
   </div>
   {{ end }}
 </div>
+
+<dialog id="export-dialog" class="modal">
+  <div class="modal-box">
+    <h3 class="text-xl font-bold">Export Equipment CSV</h3>
+    <div role="alert" class="alert text-sm mt-4">
+      <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>
+      <div>
+        <p class="font-medium">Not included in the export</p>
+        <ul class="mt-1 list-disc list-inside space-y-0.5 text-base-content/70">
+          <li>Images</li>
+          <li>The Content tab of serialized equipment</li>
+        </ul>
+      </div>
+    </div>
+    <div class="modal-action">
+      <form method="dialog">
+        <button class="btn btn-ghost">Cancel</button>
+      </form>
+      <a href="/orgs/{{ .Data.OrgID }}/equipment/export" class="btn btn-primary">Download CSV</a>
+    </div>
+  </div>
+  <form method="dialog" class="modal-backdrop">
+    <button>close</button>
+  </form>
+</dialog>
+
 {{ template "photo-viewer-dialog" . }}
 {{ end }}