feat(03-03): implement StorageHtmlExportService
- Replace string.Empty stub with full BuildHtml implementation
- Self-contained HTML with inline CSS and JS — no external dependencies
- toggle(i) JS function with collapsible subfolder rows (sf-{i} IDs)
- _togIdx counter reset at start of each BuildHtml call (per PS pattern)
- RenderNode/RenderChildNode for recursive tree rendering
- FormatSize helper: B/KB/MB/GB adaptive display
- HtmlEncode via System.Net.WebUtility
- Add explicit System.IO using (required in WPF project)
This commit is contained in:
Dev
@@ -1,14 +1,178 @@
|
|||||||
using SharepointToolbox.Core.Models;
|
using SharepointToolbox.Core.Models;
|
||||||
|
using System.IO;
|
||||||
|
using System.Text;
|
||||||
|
|
||||||
namespace SharepointToolbox.Services.Export;
|
namespace SharepointToolbox.Services.Export;
|
||||||
|
|
||||||
|
/// <summary>
|
||||||
|
/// Exports StorageNode tree to a self-contained HTML file with collapsible subfolder rows.
|
||||||
|
/// Port of PS Export-StorageToHTML (PS lines 1621-1780).
|
||||||
|
/// Uses a toggle(i) JS pattern where each collapsible row has id="sf-{i}".
|
||||||
|
/// </summary>
|
||||||
public class StorageHtmlExportService
|
public class StorageHtmlExportService
|
||||||
{
|
{
|
||||||
public string BuildHtml(IReadOnlyList<StorageNode> nodes) => string.Empty; // implemented in Plan 03-03
|
private int _togIdx;
|
||||||
|
|
||||||
|
public string BuildHtml(IReadOnlyList<StorageNode> nodes)
|
||||||
|
{
|
||||||
|
_togIdx = 0;
|
||||||
|
var sb = new StringBuilder();
|
||||||
|
|
||||||
|
sb.AppendLine("""
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>SharePoint Storage Metrics</title>
|
||||||
|
<style>
|
||||||
|
body { font-family: 'Segoe UI', Arial, sans-serif; font-size: 13px; margin: 20px; background: #f5f5f5; }
|
||||||
|
h1 { color: #0078d4; }
|
||||||
|
table { border-collapse: collapse; width: 100%; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.15); }
|
||||||
|
th { background: #0078d4; color: #fff; padding: 8px 12px; text-align: left; font-weight: 600; }
|
||||||
|
td { padding: 6px 12px; border-bottom: 1px solid #e0e0e0; vertical-align: top; }
|
||||||
|
tr:hover { background: #f0f7ff; }
|
||||||
|
.toggle-btn { background: none; border: 1px solid #0078d4; color: #0078d4; border-radius: 3px;
|
||||||
|
cursor: pointer; font-size: 11px; padding: 1px 6px; margin-right: 6px; }
|
||||||
|
.toggle-btn:hover { background: #e5f1fb; }
|
||||||
|
.sf-tbl { width: 100%; border: none; box-shadow: none; margin: 0; }
|
||||||
|
.sf-tbl td { background: #fafcff; font-size: 12px; }
|
||||||
|
.num { text-align: right; font-variant-numeric: tabular-nums; }
|
||||||
|
.generated { font-size: 11px; color: #888; margin-top: 12px; }
|
||||||
|
</style>
|
||||||
|
<script>
|
||||||
|
function toggle(i) {
|
||||||
|
var row = document.getElementById('sf-' + i);
|
||||||
|
if (row) row.style.display = (row.style.display === 'none' || row.style.display === '') ? 'table-row' : 'none';
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1>SharePoint Storage Metrics</h1>
|
||||||
|
""");
|
||||||
|
|
||||||
|
sb.AppendLine("""
|
||||||
|
<table>
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>Library / Folder</th>
|
||||||
|
<th>Site</th>
|
||||||
|
<th class="num">Files</th>
|
||||||
|
<th class="num">Total Size</th>
|
||||||
|
<th class="num">Version Size</th>
|
||||||
|
<th>Last Modified</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
""");
|
||||||
|
|
||||||
|
foreach (var node in nodes)
|
||||||
|
{
|
||||||
|
RenderNode(sb, node);
|
||||||
|
}
|
||||||
|
|
||||||
|
sb.AppendLine("""
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
""");
|
||||||
|
|
||||||
|
sb.AppendLine($"<p class=\"generated\">Generated: {DateTime.Now:yyyy-MM-dd HH:mm}</p>");
|
||||||
|
sb.AppendLine("</body></html>");
|
||||||
|
|
||||||
|
return sb.ToString();
|
||||||
|
}
|
||||||
|
|
||||||
public async Task WriteAsync(IReadOnlyList<StorageNode> nodes, string filePath, CancellationToken ct)
|
public async Task WriteAsync(IReadOnlyList<StorageNode> nodes, string filePath, CancellationToken ct)
|
||||||
{
|
{
|
||||||
var html = BuildHtml(nodes);
|
var html = BuildHtml(nodes);
|
||||||
await System.IO.File.WriteAllTextAsync(filePath, html, System.Text.Encoding.UTF8, ct);
|
await File.WriteAllTextAsync(filePath, html, Encoding.UTF8, ct);
|
||||||
|
}
|
||||||
|
|
||||||
|
// ── Private rendering ────────────────────────────────────────────────────
|
||||||
|
|
||||||
|
private void RenderNode(StringBuilder sb, StorageNode node)
|
||||||
|
{
|
||||||
|
bool hasChildren = node.Children.Count > 0;
|
||||||
|
int myIdx = hasChildren ? ++_togIdx : 0;
|
||||||
|
|
||||||
|
string nameCell = hasChildren
|
||||||
|
? $"<button class=\"toggle-btn\" onclick=\"toggle({myIdx})\">▶</button>{HtmlEncode(node.Name)}"
|
||||||
|
: $"<span style=\"margin-left:{node.IndentLevel * 16}px\">{HtmlEncode(node.Name)}</span>";
|
||||||
|
|
||||||
|
string lastMod = node.LastModified.HasValue
|
||||||
|
? node.LastModified.Value.ToString("yyyy-MM-dd")
|
||||||
|
: string.Empty;
|
||||||
|
|
||||||
|
sb.AppendLine($"""
|
||||||
|
<tr>
|
||||||
|
<td>{nameCell}</td>
|
||||||
|
<td>{HtmlEncode(node.SiteTitle)}</td>
|
||||||
|
<td class="num">{node.TotalFileCount:N0}</td>
|
||||||
|
<td class="num">{FormatSize(node.TotalSizeBytes)}</td>
|
||||||
|
<td class="num">{FormatSize(node.VersionSizeBytes)}</td>
|
||||||
|
<td>{lastMod}</td>
|
||||||
|
</tr>
|
||||||
|
""");
|
||||||
|
|
||||||
|
if (hasChildren)
|
||||||
|
{
|
||||||
|
sb.AppendLine($"<tr id=\"sf-{myIdx}\" style=\"display:none\"><td colspan=\"6\" style=\"padding:0\">");
|
||||||
|
sb.AppendLine("<table class=\"sf-tbl\"><tbody>");
|
||||||
|
foreach (var child in node.Children)
|
||||||
|
{
|
||||||
|
RenderChildNode(sb, child);
|
||||||
|
}
|
||||||
|
sb.AppendLine("</tbody></table>");
|
||||||
|
sb.AppendLine("</td></tr>");
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
private void RenderChildNode(StringBuilder sb, StorageNode node)
|
||||||
|
{
|
||||||
|
bool hasChildren = node.Children.Count > 0;
|
||||||
|
int myIdx = hasChildren ? ++_togIdx : 0;
|
||||||
|
|
||||||
|
string indent = $"margin-left:{(node.IndentLevel + 1) * 16}px";
|
||||||
|
string nameCell = hasChildren
|
||||||
|
? $"<span style=\"{indent}\"><button class=\"toggle-btn\" onclick=\"toggle({myIdx})\">▶</button>{HtmlEncode(node.Name)}</span>"
|
||||||
|
: $"<span style=\"{indent}\">{HtmlEncode(node.Name)}</span>";
|
||||||
|
|
||||||
|
string lastMod = node.LastModified.HasValue
|
||||||
|
? node.LastModified.Value.ToString("yyyy-MM-dd")
|
||||||
|
: string.Empty;
|
||||||
|
|
||||||
|
sb.AppendLine($"""
|
||||||
|
<tr>
|
||||||
|
<td>{nameCell}</td>
|
||||||
|
<td>{HtmlEncode(node.SiteTitle)}</td>
|
||||||
|
<td class="num">{node.TotalFileCount:N0}</td>
|
||||||
|
<td class="num">{FormatSize(node.TotalSizeBytes)}</td>
|
||||||
|
<td class="num">{FormatSize(node.VersionSizeBytes)}</td>
|
||||||
|
<td>{lastMod}</td>
|
||||||
|
</tr>
|
||||||
|
""");
|
||||||
|
|
||||||
|
if (hasChildren)
|
||||||
|
{
|
||||||
|
sb.AppendLine($"<tr id=\"sf-{myIdx}\" style=\"display:none\"><td colspan=\"6\" style=\"padding:0\">");
|
||||||
|
sb.AppendLine("<table class=\"sf-tbl\"><tbody>");
|
||||||
|
foreach (var child in node.Children)
|
||||||
|
{
|
||||||
|
RenderChildNode(sb, child);
|
||||||
|
}
|
||||||
|
sb.AppendLine("</tbody></table>");
|
||||||
|
sb.AppendLine("</td></tr>");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
private static string FormatSize(long bytes)
|
||||||
|
{
|
||||||
|
if (bytes >= 1_073_741_824L) return $"{bytes / 1_073_741_824.0:F2} GB";
|
||||||
|
if (bytes >= 1_048_576L) return $"{bytes / 1_048_576.0:F2} MB";
|
||||||
|
if (bytes >= 1024L) return $"{bytes / 1024.0:F2} KB";
|
||||||
|
return $"{bytes} B";
|
||||||
|
}
|
||||||
|
|
||||||
|
private static string HtmlEncode(string value)
|
||||||
|
=> System.Net.WebUtility.HtmlEncode(value ?? string.Empty);
|
||||||
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user