Oliver Rasche
7bd1161abf
VITEC Import module: Products tab is now a searchable/sortable product overview. "Edit Product" opens an XLSX upload with per-field source mapping (component + cell), old/new preview and checkbox apply via DataHandler; the mapping and manual matches are persisted and preselect the next workbook. Category workbooks are detected and rejected. - new: ProductXlsxReader (PhpSpreadsheet), ProductTextImportController, Products/ProductTexts templates, 4 module routes - related products: per-pair card text in new side table tx_vitec_product_related_text (survives MM rewrites), emitted as `cardtext` in the product JSON; missing MM relations added add-only - card copy read from Body Copy (D) with fallback to CTA/Card Copy (E) - the workbooks fill either depending on row type - product detail page <title> now uses seotitle with title fallback (provider made singleton and fed from the JSON renderer) - per-user recent-search badges; last loaded workbook stored per product (tx_vitec_product_workbook), Edit Product reopens on it - composer: add phpoffice/phpspreadsheet ^5.9 - diagnostics: migrations/check_workbook.php
214 lines
11 KiB
HTML
214 lines
11 KiB
HTML
<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
|
|
data-namespace-typo3-fluid="true">
|
|
|
|
<f:layout name="Backend/Default" />
|
|
|
|
<f:section name="main">
|
|
|
|
<div class="module-docheader-bar module-docheader-bar-navigation">
|
|
<div class="module-docheader-bar-column-left">
|
|
<h2 class="t3js-title-inlineedit">VITEC Import — {model.label}</h2>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Model tabs. Products left the CSV flow on 2026-08-21: its tab now leads to
|
|
the XLSX product-text overview (ProductTextImportController); the CSV code
|
|
path for products stays functional but is no longer linked. -->
|
|
<ul class="nav nav-tabs" style="margin-bottom:1rem;">
|
|
<f:for each="{models}" as="m">
|
|
<f:if condition="{m.key} != 'product'">
|
|
<li class="nav-item">
|
|
<a class="nav-link {f:if(condition: '{m.key} == {model.key}', then: 'active')}"
|
|
href="{f:be.uri(route: 'web_vitecimport', parameters: {model: m.key})}">{m.label}</a>
|
|
</li>
|
|
</f:if>
|
|
</f:for>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="{f:be.uri(route: 'web_vitecimport.products')}">Products</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="{f:be.uri(route: 'web_vitecimport.seo')}">SEO Research</a>
|
|
</li>
|
|
</ul>
|
|
|
|
<!-- Upload -->
|
|
<div class="card" style="margin-bottom:1rem;">
|
|
<div class="card-body">
|
|
<form action="{f:be.uri(route: 'web_vitecimport.process')}" method="post" enctype="multipart/form-data" class="row row-cols-auto align-items-center g-2">
|
|
<input type="hidden" name="model" value="{model.key}" />
|
|
<div class="col">
|
|
<input type="file" name="csvfile" accept=".csv,text/csv" class="form-control" required="required" />
|
|
</div>
|
|
<div class="col">
|
|
<button type="submit" name="op" value="preview" class="btn btn-primary">Load CSV</button>
|
|
</div>
|
|
<div class="col form-text">
|
|
Delimiter (";" or ",") and encoding (UTF-8 / Windows-1252) are detected automatically.
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<f:if condition="{hasCsv}">
|
|
|
|
<form action="{f:be.uri(route: 'web_vitecimport.process')}" method="post" id="vitecImportForm">
|
|
<input type="hidden" name="model" value="{model.key}" />
|
|
<input type="hidden" name="csvstate" value="{csvstate}" />
|
|
|
|
<!-- Mapping -->
|
|
<div class="card" style="margin-bottom:1rem;">
|
|
<div class="card-header">
|
|
<strong>Field mapping</strong>
|
|
<f:if condition="{mappingSaved}"><span class="vitec-badge vitec-badge-info">saved mapping loaded</span></f:if>
|
|
</div>
|
|
<div class="card-body">
|
|
<table class="table table-striped table-sm" style="max-width:900px;">
|
|
<thead>
|
|
<tr>
|
|
<th>CSV column</th>
|
|
<th>Sample (row 1)</th>
|
|
<th>Database field</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<f:for each="{columns}" as="col">
|
|
<tr>
|
|
<td><code>{col.name}</code></td>
|
|
<td class="text-muted" style="max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">{col.sample}</td>
|
|
<td>
|
|
<select name="map[{col.name}]" class="form-select form-select-sm">
|
|
<option value="">— ignore —</option>
|
|
<f:for each="{fields}" as="label" key="field">
|
|
<option value="{field}" {f:if(condition: '{col.target} == {field}', then: 'selected')}>{field} ({label})</option>
|
|
</f:for>
|
|
</select>
|
|
</td>
|
|
</tr>
|
|
</f:for>
|
|
</tbody>
|
|
</table>
|
|
|
|
<div class="row row-cols-auto align-items-center g-2">
|
|
<div class="col"><label for="identity"><strong>Match records by</strong></label></div>
|
|
<div class="col">
|
|
<select name="identity" id="identity" class="form-select form-select-sm">
|
|
<f:for each="{fields}" as="label" key="field">
|
|
<option value="{field}" {f:if(condition: '{identity} == {field}', then: 'selected')}>{field}</option>
|
|
</f:for>
|
|
</select>
|
|
</div>
|
|
<div class="col">
|
|
<button type="submit" name="op" value="preview" class="btn btn-default">Re-apply mapping</button>
|
|
</div>
|
|
<div class="col">
|
|
<button type="submit" name="op" value="saveMapping" class="btn btn-default">Save mapping</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Unified list -->
|
|
<div class="card" style="margin-bottom:1rem;">
|
|
<div class="card-header">
|
|
<strong>Records</strong>
|
|
<span class="vitec-badge vitec-badge-new">{counts.new} new</span>
|
|
<span class="vitec-badge vitec-badge-update">{counts.update} update</span>
|
|
<span class="vitec-badge vitec-badge-unchanged">{counts.unchanged} unchanged</span>
|
|
<span class="vitec-badge vitec-badge-dbonly">{counts.dbonly} only in DB</span>
|
|
</div>
|
|
<div class="card-body">
|
|
<table class="table table-striped table-sm">
|
|
<thead>
|
|
<tr>
|
|
<th style="width:30px;"><input type="checkbox" onclick="document.querySelectorAll('.vitec-row-check').forEach(c => c.checked = this.checked);" /></th>
|
|
<th style="width:110px;">Status</th>
|
|
<th style="width:240px;">Record</th>
|
|
<th>Import data (editable JSON — this is what gets written)</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<f:for each="{union}" as="row">
|
|
<tr>
|
|
<td>
|
|
<f:if condition="{row.status} != 'dbonly'">
|
|
<input type="checkbox" class="vitec-row-check" name="rows[{row.index}][selected]" value="1" {f:if(condition: row.checked, then: 'checked')} />
|
|
</f:if>
|
|
</td>
|
|
<td>
|
|
<f:switch expression="{row.status}">
|
|
<f:case value="new"><span class="vitec-badge vitec-badge-new">new</span></f:case>
|
|
<f:case value="update"><span class="vitec-badge vitec-badge-update">update</span></f:case>
|
|
<f:case value="unchanged"><span class="vitec-badge vitec-badge-unchanged">unchanged</span></f:case>
|
|
<f:defaultCase><span class="vitec-badge vitec-badge-dbonly">only in DB</span></f:defaultCase>
|
|
</f:switch>
|
|
<f:if condition="{row.viaAlias}"><br /><span class="vitec-badge vitec-badge-info">linked</span></f:if>
|
|
</td>
|
|
<td>
|
|
<strong>{row.label}</strong>
|
|
<f:if condition="{row.uid}"><br /><small class="text-muted">uid {row.uid}</small></f:if>
|
|
<f:if condition="{row.status} == 'update'">
|
|
<br /><small class="text-muted">changes: {row.diff}</small>
|
|
</f:if>
|
|
<f:if condition="{row.aliasable}">
|
|
<select name="alias[{row.index}]" class="form-select form-select-sm" style="margin-top:4px;">
|
|
<option value="0">— not linked —</option>
|
|
<f:for each="{aliasCandidates}" as="cand">
|
|
<option value="{cand.uid}" {f:if(condition: '{cand.uid} == {row.aliasUid}', then: 'selected')}>{cand.title} (uid {cand.uid})</option>
|
|
</f:for>
|
|
</select>
|
|
</f:if>
|
|
</td>
|
|
<td>
|
|
<f:if condition="{row.status} != 'dbonly'">
|
|
<input type="hidden" name="rows[{row.index}][uid]" value="{row.uid}" />
|
|
<textarea name="rows[{row.index}][payload]" class="form-control font-monospace" rows="4" style="font-size:11px;">{row.payload}</textarea>
|
|
</f:if>
|
|
</td>
|
|
</tr>
|
|
</f:for>
|
|
</tbody>
|
|
</table>
|
|
|
|
<div class="row row-cols-auto align-items-center g-2">
|
|
<div class="col"><label for="pid"><strong>Storage pid for new records</strong></label></div>
|
|
<div class="col"><input type="number" name="pid" id="pid" value="{pid}" class="form-control form-control-sm" style="width:110px;" /></div>
|
|
<div class="col">
|
|
<button type="submit" name="op" value="saveAliases" class="btn btn-default">Save record links</button>
|
|
</div>
|
|
<div class="col">
|
|
<button type="submit" name="op" value="apply" class="btn btn-primary"
|
|
onclick="return confirm('Apply the checked rows to the database?');">Apply checked rows</button>
|
|
</div>
|
|
<div class="col form-text">
|
|
A "new" row that exists in TYPO3 under a different name: pick the record in
|
|
its select, then "Save record links" - the link is stored per model and
|
|
re-applied on every upload.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
|
|
</f:if>
|
|
|
|
<f:if condition="!{hasCsv}">
|
|
<f:if condition="{union}">
|
|
<div class="card">
|
|
<div class="card-header"><strong>Current records ({counts.dbonly})</strong></div>
|
|
<div class="card-body">
|
|
<table class="table table-striped table-sm" style="max-width:700px;">
|
|
<thead><tr><th>uid</th><th>Title</th></tr></thead>
|
|
<tbody>
|
|
<f:for each="{union}" as="row">
|
|
<tr><td>{row.uid}</td><td>{row.label}</td></tr>
|
|
</f:for>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</f:if>
|
|
</f:if>
|
|
|
|
</f:section>
|
|
</html>
|