84a4c182e2
Updated `Index.cshtml`: - Added icons and a more descriptive project title. - Introduced a new introductory paragraph explaining the app's purpose. - Replaced the old alert section with a detailed workflow explanation. - Added cards for invoice upload and summary navigation. - Included a technology stack section with badges for key tools. Updated `Details.cshtml`: - Replaced text-based icons with DevExpress icons for titles, buttons, and attachments. - Improved attachment handling with `<i>` tags and consistent icon usage. - Updated "No attachments" message to include an icon. These changes enhance the UI's visual consistency, usability, and professionalism.
85 lines
3.8 KiB
Plaintext
85 lines
3.8 KiB
Plaintext
@page
|
||
@model DXApp.TemplateKitProject.Pages.IndexModel
|
||
@{
|
||
ViewData["Title"] = "Home";
|
||
}
|
||
|
||
<div class="content-block">
|
||
<h2><i class="dx-icon-product"></i> DevExpress TemplateKit – Evaluierungsprojekt</h2>
|
||
<p class="lead text-muted">Validierung von DevExpress als Ablösung für GdPicture im Rahmen der E-Rechnungsverarbeitung</p>
|
||
|
||
<div class="alert alert-primary mt-4">
|
||
<h4><i class="dx-icon-todo"></i> Projektziel: ZUGFeRD/Factur-X Rechnungsverarbeitung</h4>
|
||
<p>Diese Anwendung demonstriert die vollständige Verarbeitungskette für elektronische Rechnungen:</p>
|
||
|
||
<ol class="mt-3">
|
||
<li class="mb-2">
|
||
<strong>Upload & Validierung</strong>
|
||
<br/>
|
||
<small class="text-muted">E-Rechnungen im PDF/A-Format hochladen und auf Konformität prüfen</small>
|
||
</li>
|
||
<li class="mb-2">
|
||
<strong>Extraktion</strong>
|
||
<br/>
|
||
<small class="text-muted">Automatische Erkennung und Extraktion eingebetteter Anhänge (ZUGFeRD-XML, Bilder, Dokumente)</small>
|
||
</li>
|
||
<li class="mb-2">
|
||
<strong>Datenverarbeitung</strong>
|
||
<br/>
|
||
<small class="text-muted">Parsing der Rechnungsdaten aus dem ZUGFeRD-XML und persistente Speicherung in der Datenbank</small>
|
||
</li>
|
||
<li class="mb-2">
|
||
<strong>Workflow-Integration</strong>
|
||
<br/>
|
||
<small class="text-muted">Durchlauf definierter Verarbeitungsschritte mit Status-Tracking</small>
|
||
</li>
|
||
<li class="mb-2">
|
||
<strong>Ausgabe-Generierung</strong>
|
||
<br/>
|
||
<small class="text-muted">Erstellung einer Result-PDF mit Verarbeitungsstempel und angehängtem Ergebnisbericht</small>
|
||
</li>
|
||
<li class="mb-2">
|
||
<strong>Visualisierung</strong>
|
||
<br/>
|
||
<small class="text-muted">Interaktive Anzeige aller Anhänge (XML mit Syntax-Highlighting, PDF-Viewer, Bilder)</small>
|
||
</li>
|
||
</ol>
|
||
</div>
|
||
|
||
<div class="row mt-4">
|
||
<div class="col-md-6">
|
||
<div class="card">
|
||
<div class="card-body">
|
||
<h5 class="card-title"><i class="dx-icon-upload"></i> Rechnungen hochladen</h5>
|
||
<p class="card-text">Laden Sie ZUGFeRD-konforme E-Rechnungen hoch und starten Sie die automatische Verarbeitung.</p>
|
||
<a href="/Invoices/Upload" class="btn btn-primary">
|
||
<i class="dx-icon-upload"></i> Zum Upload
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6">
|
||
<div class="card">
|
||
<div class="card-body">
|
||
<h5 class="card-title"><i class="dx-icon-chart"></i> Rechnungsübersicht</h5>
|
||
<p class="card-text">Zeigen Sie alle importierten Rechnungen an und greifen Sie auf Details und Anhänge zu.</p>
|
||
<a href="/Invoices" class="btn btn-secondary">
|
||
<i class="dx-icon-doc"></i> Zur Übersicht
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="alert alert-light mt-4">
|
||
<h6 class="mb-2"><i class="dx-icon-preferences"></i> Technologie-Stack</h6>
|
||
<div class="d-flex flex-wrap gap-2">
|
||
<span class="badge bg-secondary">ASP.NET Core 8.0</span>
|
||
<span class="badge bg-secondary">DevExpress v25.2</span>
|
||
<span class="badge bg-secondary">Entity Framework Core</span>
|
||
<span class="badge bg-secondary">PDF.js</span>
|
||
<span class="badge bg-secondary">CodeMirror</span>
|
||
<span class="badge bg-secondary">SQL Server</span>
|
||
</div>
|
||
</div>
|
||
</div> |