) + ')
';
+ return ', 'icon.png')) + ')
';
+ }
+ function moduleNames(i) { return (i.moduleList || []).map(function (m) { return m.name || m.lot; }).join(', '); }
+ function waitBadge(i) {
+ return i.state === 'pending' && i.processAfter > Date.now() / 1000 ? ' ' + (i.moduleList || []).map(function (m) {
+ return ' + ')
' +
+ '';
+ }).join('') + '
';
+ }
+
+ function preview(item, build) {
+ var modular = list.kind === 'modular', id = item.id;
+ current = { id: id, kind: list.kind, stats: null, fileId: modular ? item.iconBuild : id, item: item, build: build || '' };
+ var shown = readUrlItem();
+ if (!shown || shown.id !== id) writeUrl(true, { id: id, build: build });
+ $('previewTitle').textContent = modular ? (item.kindLabel || 'Car or rocket') + ': ' + (moduleNames(item) || item.key) : 'Model ' + id + (item.characterName ? ' by ' + item.characterName : '');
+ $('previewIcon').src = modular && !item.iconBuild ? '' : fileUrl(list.kind, current.fileId, 'icon.png');
$('previousIconBox').classList.add('d-none');
var previous = $('previousIcon');
previous.onload = function () { $('previousIconBox').classList.remove('d-none'); };
- previous.src = fileUrl(kind, id, 'previous.icon.png');
+ previous.src = modular && !item.iconBuild ? '' : fileUrl(list.kind, current.fileId, 'previous.icon.png');
var links = '';
- if (kind === 'model') {
+ if (!modular) {
links += 'Download the mesh (.nif)' + esc(m.name || 'LOT ' + m.lot) + '
' + (DASH.can('dev_cdclient') ? 'LOT ' + esc(m.lot) + '' : 'LOT ' + esc(m.lot)) + '
' + 'Download the LXFML
'; } - if (publicUrl) links += 'Open on the UGC server'; - if (canManage) { - links += '
' +
+ if (publicUrl && current.fileId) links += 'Open on the UGC server';
+ if (canManage && current.fileId) {
+ links += '
') || 'Not found placed, mailed or with its creator'; + } + function loadRefs() { + if (!refs) return; + var wanted = refs; + $('refRows').innerHTML = 'Loading… ' + esc(d.error || 'Failed') + ' ' + owner(b) + ' ' +
+ (b.accountId ? '' + esc(b.accountName || b.accountId) + '' : '') + ' ' + badge(b.state) +
+ (b.error ? ' ' + whereText(b.where) + ' ' +
+ 'Find ';
+ }).join('') || 'No builds match.
+
-
+
+
' +
'' +
'
';
- if (item.sharedBy > 1) links += 'This icon is shared by ' + esc(item.sharedBy) + ' builds of the same modules.
';
}
if (item.error) links += '' + esc(item.error) + '
';
$('previewLinks').innerHTML = links;
- var model = kind === 'model';
- ['nifColumn', 'lxfmlColumn', 'meshControls'].forEach(function (x) { $(x).classList.toggle('d-none', !model); });
- $('statsBox').innerHTML = model ? '' : 'Modules:
';
- UgcIconEditor.open(model ? { model: true, id: id } : { model: false, modules: item.modules || '', label: item.combination });
+ ['nifColumn', 'lxfmlColumn', 'meshControls'].forEach(function (x) { $(x).classList.toggle('d-none', modular); });
+ $('statsBox').innerHTML = modular ? '' + esc(item.modules || '') + ' (combination ' + esc(item.combination || '') +
- '). The game client puts cars and rockets together itself; only the icon is made, once per combination of modules.Modules (combination
' + modulesHtml(item) : '';
+ $('referencesCard').classList.toggle('d-none', !modular);
+ if (modular) {
+ refs = { key: item.key, page: 0, q: '', highlight: build || '' };
+ $('refSearch').value = '';
+ loadRefs();
+ }
+ UgcIconEditor.open(modular ? { model: false, modules: item.modules || item.key.replace(/-/g, '+'), label: item.key } : { model: true, id: id });
bootstrap.Modal.getOrCreateInstance($('previewModal')).show();
- if (!model) return;
+ if (modular) return;
Promise.all([fetchJson(fileUrl('model', id, 'stats.json')), fetchJson(fileUrl('model', id, 'previous.stats.json'))]).then(function (s) {
if (!current || current.id !== id) return;
@@ -247,12 +337,11 @@
current.statsLoaded = true;
$('statsBox').innerHTML = statsTable(s[0], s[1]);
var lods = (s[0] && s[0].lods) || [{ lod: 0 }];
- $('lodSelect').innerHTML = lods.map(function (l, i) { return ''; }).join('');
+ $('lodSelect').innerHTML = lods.map(function (l, n) { return ''; }).join('');
$('versionSelect').querySelector('[value=previous]').disabled = !s[1];
$('versionSelect').value = 'current';
loadMesh(true);
});
-
var nifBox = $('nifViewer'), lxfmlBox = $('lxfmlViewer');
import('/js/ugc-viewer.js').then(function (module) {
if (!nifViewer) {
@@ -270,38 +359,89 @@
return lxfmlViewer.load([{ id: id, name: 'Model ' + id, position: [0, 0, 0], rotation: [0, 0, 0, 1], url: '/api/ugc/' + id + '/lxfml' }], 1);
}).catch(function (e) { lxfmlBox.textContent = 'The 3D view could not load: ' + e.message; });
}
+ function fetchJson(url) {
+ return fetch(url, { credentials: 'same-origin' }).then(function (r) { return r.ok ? r.json() : null; }).catch(function () { return null; });
+ }
+ function readUrlItem() {
+ var p = new URLSearchParams(location.search), item = p.get('item');
+ return item ? { id: item, build: p.get('build') || '' } : null;
+ }
+
+ // ---- an assembly's references: the builds that use it, and where they are ----
+
+ var refs = null, refTimer = null;
+ function whereText(w) {
+ return (w || []).map(function (x) {
+ if (x.type === 'property') return 'On ' + esc(x.propertyName || 'property ' + x.propertyId) + '' + (x.ownerName ? ' of ' + esc(x.ownerName) : '');
+ if (x.type === 'mail') return 'In a mail to ' + esc(x.characterName || x.characterId) + '';
+ return 'In the creator\'s ' + esc(x.inventory || 'inventory');
+ }).join('' + esc(item.key) + ', used by ' + esc(item.uses) + ' build' + (item.uses === 1 ? '' : 's') +
+ '). The game client puts cars and rockets together itself; the UGC server only draws the icon, once per combination.') || 'Not found placed, mailed or with its creator'; + } + function loadRefs() { + if (!refs) return; + var wanted = refs; + $('refRows').innerHTML = '
' + esc(b.id) + '' + esc(b.error) + '
' : '') + '
@@ -66,13 +69,16 @@
-
-
@@ -170,6 +185,8 @@
linear-gradient(45deg, rgba(128,128,128,.15) 25%, transparent 25%, transparent 75%, rgba(128,128,128,.15) 75%);
background-size: 16px 16px; background-position: 0 0, 8px 8px; }
.ugc-meter { height: .4rem; }
+ .ugc-modules img { width: 32px; height: 32px; }
+ tr.ugc-highlight > td { background-color: var(--bs-warning-bg-subtle); }
{% endblock %}
| Icon | ID | Owner | State | Last attempt | Details |
|---|
-
-
+
+
+
+
+
+
+
+
+
+
References the builds that use these modules
+
+ | Build (blueprint id) | Owner | Account | State | Where it is |
|---|