/* ============================================================
file-icons.jsx — logo thuong hieu phan mem cho loai file tai lieu.
Logo that:
- Revit, AutoCAD, Autodesk: Simple Icons (CC0) https://simpleicons.org
- Word, Excel, PDF: vscode-icons (MIT) https://github.com/vscode-icons/vscode-icons
Navisworks (NWC/NWD) dung dau Autodesk (khong co logo rieng cong khai).
IFC dung huy hieu chu kieu buildingSMART (khong co SVG logo san).
Map duoi file -> brand. Xuat window.FileTypeIcon({ type, size }).
============================================================ */
const FILE_LOGOS = {
"revit": {
"vb": "0 0 24 24",
"fill": "#0696D7",
"inner": ""
},
"autocad": {
"vb": "0 0 24 24",
"fill": "#E51050",
"inner": ""
},
"autodesk": {
"vb": "0 0 24 24",
"fill": "#12A4A6",
"inner": ""
},
"word": {
"vb": "0 0 32 32",
"inner": ""
},
"excel": {
"vb": "0 0 32 32",
"inner": ""
},
"pdf": {
"vb": "0 0 32 32",
"inner": ""
}
};
const EXT_BRAND = {
DOC: "word", DOCX: "word",
XLS: "excel", XLSX: "excel",
PDF: "pdf",
};
const BRAND_LABEL = { word: "Microsoft Word", excel: "Microsoft Excel", pdf: "PDF" };
const NAVIS_EXT = { NWC: 1, NWD: 1, NWF: 1 };
const REVIT_EXT = { RVT: 1, RFA: 1, RTE: 1 };
const ACAD_EXT = { DWG: 1, DXF: 1, DWT: 1 };
/* IFC: trang gấp góc + khối 3D (model) teal + dải mang chữ IFC — đồng bộ Navisworks */
function IfcIcon({ ext = "IFC", size = 22 }) {
const teal = "#0E9C8E", band = "#0B6F66";
return (
);
}
/* Navisworks: trang gấp góc + chữ N xanh + dải navy mang đuôi (NWC/NWD/NWF) */
function NavisworksIcon({ ext = "NWC", size = 22 }) {
const blue = "#2E5FA3", navy = "#1B2C6B";
return (
);
}
/* Khung document chung (giống Navisworks/IFC) + nhúng logo hãng thật ở trên + dải đuôi */
function DocBrandIcon({ glyphKey, accent, light, band, ext, label, size = 26 }) {
const g = FILE_LOGOS[glyphKey];
const glyph = g ? g.inner : "";
return React.createElement("svg", {
width: size, height: size, viewBox: "0 0 32 32", style: { flex: "none", display: "block" },
role: "img", "aria-label": label,
dangerouslySetInnerHTML: { __html:
"" + label + "" +
'' +
'' +
'' + glyph + "" +
'' +
'' + ext + ""
},
});
}
function FileTypeIcon({ type, size = 26 }) {
const t = String(type || "").toUpperCase();
if (t === "IFC" || t === "IFCZIP") return ;
if (NAVIS_EXT[t]) return ;
if (REVIT_EXT[t]) return ;
if (ACAD_EXT[t]) return ;
const key = EXT_BRAND[t];
const b = key && FILE_LOGOS[key];
if (!b) return ;
return React.createElement("svg", {
width: size, height: size, viewBox: b.vb,
style: { flex: "none", display: "block" },
fill: b.fill || undefined,
role: "img", "aria-label": BRAND_LABEL[key] || t,
dangerouslySetInnerHTML: { __html: "" + (BRAND_LABEL[key] || t) + "" + b.inner },
});
}
window.FILE_LOGOS = FILE_LOGOS;
window.FileTypeIcon = FileTypeIcon;