feat: model specialization combat effects
This commit is contained in:
JB
@@ -0,0 +1,382 @@
|
||||
import { fail } from '@sveltejs/kit';
|
||||
import { randomUUID } from 'node:crypto';
|
||||
import type { Actions, PageServerLoad } from './$types';
|
||||
import { requireDataView, requirePermission } from '$lib/server/auth/authorization';
|
||||
import { getSessionUser } from '$lib/server/auth/session';
|
||||
import { getDatabase } from '$lib/server/database';
|
||||
import { recordIsacAudit } from '$lib/server/audit';
|
||||
import { getPagination, getRegistrySearch } from '$lib/server/pagination';
|
||||
import { migrateLoadoutDraft } from '$lib/builder/loadout';
|
||||
|
||||
const operators = new Set([
|
||||
'base_damage', 'flat_add', 'additive_percent', 'multiplicative_percent',
|
||||
'expected_critical', 'expected_headshot', 'rate_of_fire', 'magazine_size',
|
||||
'reload_speed', 'firing_cycle'
|
||||
]);
|
||||
const curves = new Set(['none', 'power', 'smoothstep']);
|
||||
|
||||
type StageInput = {
|
||||
stageKey?: string;
|
||||
label?: string;
|
||||
operator?: string;
|
||||
displayOrder?: number | string;
|
||||
lockedPosition?: string | null;
|
||||
};
|
||||
type ProfileInput = {
|
||||
statAttributeId?: string;
|
||||
stageKey?: string;
|
||||
weight?: number | string;
|
||||
softCap?: number | string | null;
|
||||
hardCap?: number | string | null;
|
||||
curveType?: string;
|
||||
curveParameter?: number | string | null;
|
||||
weaponCategory?: string;
|
||||
};
|
||||
|
||||
const clean = (value: unknown) => String(value ?? '').normalize('NFKC').trim();
|
||||
const optionalNumber = (value: unknown) => {
|
||||
if (value === '' || value === null || value === undefined) return null;
|
||||
const number = Number(value);
|
||||
return Number.isFinite(number) ? number : Number.NaN;
|
||||
};
|
||||
const parseArray = <T>(value: unknown): T[] => {
|
||||
try {
|
||||
const parsed = JSON.parse(String(value ?? '[]'));
|
||||
return Array.isArray(parsed) ? parsed : [];
|
||||
} catch {
|
||||
return [];
|
||||
}
|
||||
};
|
||||
|
||||
async function revisionSnapshot(database: Awaited<ReturnType<typeof getDatabase>>, id: string) {
|
||||
return {
|
||||
record: await (await database.prepare('SELECT * FROM calculation_revisions WHERE id=?')).get(id) ?? null,
|
||||
stages: await (await database.prepare('SELECT * FROM calculation_stages WHERE revision_id=? ORDER BY display_order')).all(id),
|
||||
profiles: await (await database.prepare(
|
||||
'SELECT * FROM attribute_calculation_profiles WHERE revision_id=? ORDER BY stage_key,stat_attribute_id'
|
||||
)).all(id)
|
||||
};
|
||||
}
|
||||
|
||||
export const load: PageServerLoad = async ({ cookies, url }) => {
|
||||
await requireDataView(await getSessionUser(cookies));
|
||||
const database = await getDatabase();
|
||||
const { search, pattern } = getRegistrySearch(url);
|
||||
const where = search ? "WHERE calibration.name LIKE ? ESCAPE '\\' COLLATE NOCASE" : '';
|
||||
const args = search ? [pattern] : [];
|
||||
const total = Number((await (await database.prepare(
|
||||
`SELECT COUNT(*) AS count FROM calculation_calibration_cases calibration ${where}`
|
||||
)).get(...args))?.count ?? 0);
|
||||
const pagination = getPagination(url, total);
|
||||
const [revisions, stages, profiles, attributes, calibrationCases, calibrationSummary] = await Promise.all([
|
||||
(await database.prepare('SELECT * FROM calculation_revisions ORDER BY version DESC')).all(),
|
||||
(await database.prepare('SELECT * FROM calculation_stages ORDER BY revision_id,display_order')).all(),
|
||||
(await database.prepare('SELECT * FROM attribute_calculation_profiles ORDER BY revision_id,stage_key,stat_attribute_id')).all(),
|
||||
(await database.prepare('SELECT id,name,unit,type,category FROM stat_attributes WHERE active=1 ORDER BY name COLLATE NOCASE')).all(),
|
||||
(await database.prepare(`SELECT calibration.*,COALESCE(profile.display_name,user.username,calibration.created_by,'UNKNOWN') AS creator_name
|
||||
FROM calculation_calibration_cases calibration
|
||||
LEFT JOIN users user ON user.id=calibration.created_by
|
||||
LEFT JOIN user_profiles profile ON profile.user_id=user.id
|
||||
${where} ORDER BY calibration.updated_at DESC LIMIT ? OFFSET ?`
|
||||
)).all(...args, pagination.perPage, pagination.offset),
|
||||
(await database.prepare(`SELECT COUNT(*) AS total,
|
||||
SUM(CASE WHEN status='ready' THEN 1 ELSE 0 END) AS ready,
|
||||
SUM(CASE WHEN status='draft' THEN 1 ELSE 0 END) AS draft,
|
||||
SUM(CASE WHEN predicted_json IS NOT NULL THEN 1 ELSE 0 END) AS predicted
|
||||
FROM calculation_calibration_cases`)).get()
|
||||
]);
|
||||
return {
|
||||
revisions: revisions.map((revision) => ({
|
||||
...revision,
|
||||
stages: stages.filter((stage) => stage.revision_id === revision.id),
|
||||
profiles: profiles.filter((profile) => profile.revision_id === revision.id)
|
||||
})),
|
||||
attributes,
|
||||
calibrationCases,
|
||||
calibrationSummary,
|
||||
pagination,
|
||||
search
|
||||
};
|
||||
};
|
||||
|
||||
export const actions: Actions = {
|
||||
saveRevision: async ({ cookies, request }) => {
|
||||
const operator = await requirePermission(await getSessionUser(cookies), 'data.manage');
|
||||
const form = await request.formData();
|
||||
const id = clean(form.get('id'));
|
||||
const name = clean(form.get('name'));
|
||||
const notes = clean(form.get('notes')).slice(0, 4000);
|
||||
const stageInputs = parseArray<StageInput>(form.get('stagesJson')).map((stage) => ({
|
||||
stageKey: clean(stage.stageKey),
|
||||
label: clean(stage.label),
|
||||
operator: clean(stage.operator),
|
||||
displayOrder: Number(stage.displayOrder),
|
||||
lockedPosition: clean(stage.lockedPosition) || null
|
||||
}));
|
||||
const profileInputs = parseArray<ProfileInput>(form.get('profilesJson')).map((profile) => ({
|
||||
statAttributeId: clean(profile.statAttributeId),
|
||||
stageKey: clean(profile.stageKey),
|
||||
weight: Number(profile.weight),
|
||||
softCap: optionalNumber(profile.softCap),
|
||||
hardCap: optionalNumber(profile.hardCap),
|
||||
curveType: clean(profile.curveType) || 'none',
|
||||
curveParameter: optionalNumber(profile.curveParameter),
|
||||
weaponCategory: clean(profile.weaponCategory) || '*'
|
||||
}));
|
||||
if (name.length < 3 || name.length > 120) return fail(400, { revisionError: 'Revision names must be 3–120 characters.' });
|
||||
if (stageInputs.length < 2 || stageInputs.length > 30
|
||||
|| new Set(stageInputs.map((stage) => stage.stageKey)).size !== stageInputs.length
|
||||
|| new Set(stageInputs.map((stage) => stage.displayOrder)).size !== stageInputs.length
|
||||
|| stageInputs.some((stage) => !stage.stageKey || stage.label.length < 2 || !operators.has(stage.operator)
|
||||
|| !Number.isInteger(stage.displayOrder) || stage.displayOrder < 1
|
||||
|| (stage.lockedPosition !== null && !['first', 'last'].includes(stage.lockedPosition)))) {
|
||||
return fail(400, { revisionError: 'Every calculation stage requires a unique key, order, label, and supported operator.' });
|
||||
}
|
||||
const ordered = [...stageInputs].sort((left, right) => left.displayOrder - right.displayOrder);
|
||||
if (ordered[0].operator !== 'base_damage' || ordered[0].lockedPosition !== 'first'
|
||||
|| ordered.at(-1)?.operator !== 'firing_cycle' || ordered.at(-1)?.lockedPosition !== 'last') {
|
||||
return fail(400, { revisionError: 'Base damage must remain first and the firing cycle must remain last.' });
|
||||
}
|
||||
const stageKeys = new Set(stageInputs.map((stage) => stage.stageKey));
|
||||
if (profileInputs.length > 2000 || profileInputs.some((profile) =>
|
||||
!profile.statAttributeId || !stageKeys.has(profile.stageKey) || !Number.isFinite(profile.weight)
|
||||
|| profile.weight < -100 || profile.weight > 100
|
||||
|| Number.isNaN(profile.softCap) || Number.isNaN(profile.hardCap) || Number.isNaN(profile.curveParameter)
|
||||
|| (profile.softCap !== null && profile.softCap < 0)
|
||||
|| (profile.hardCap !== null && profile.hardCap < 0)
|
||||
|| (profile.softCap !== null && profile.hardCap !== null && profile.hardCap < profile.softCap)
|
||||
|| !curves.has(profile.curveType)
|
||||
)) return fail(400, { revisionError: 'One or more Attribute calculation profiles are invalid.' });
|
||||
const database = await getDatabase();
|
||||
const attributeIds = [...new Set(profileInputs.map((profile) => profile.statAttributeId))];
|
||||
if (attributeIds.length) {
|
||||
const count = Number((await (await database.prepare(
|
||||
`SELECT COUNT(*) AS count FROM stat_attributes WHERE active=1 AND id IN (${attributeIds.map(() => '?').join(',')})`
|
||||
)).get(...attributeIds))?.count ?? 0);
|
||||
if (count !== attributeIds.length) return fail(400, { revisionError: 'One or more calculation Attributes are unavailable.' });
|
||||
}
|
||||
const existing = id ? await (await database.prepare('SELECT * FROM calculation_revisions WHERE id=?')).get(id) : null;
|
||||
if (id && !existing) return fail(404, { revisionError: 'That calculation revision no longer exists.' });
|
||||
if (existing?.status !== 'draft') return fail(409, { revisionError: 'Active and retired revisions are immutable. Create a new draft.' });
|
||||
const revisionId = id || clean(form.get('_proposedEntityId')) || randomUUID();
|
||||
const before = id ? await revisionSnapshot(database, revisionId) : null;
|
||||
const now = new Date().toISOString();
|
||||
await database.exec('BEGIN');
|
||||
try {
|
||||
if (id) {
|
||||
await (await database.prepare('UPDATE calculation_revisions SET name=?,notes=? WHERE id=?'))
|
||||
.run(name, notes || null, revisionId);
|
||||
} else {
|
||||
const version = Number((await (await database.prepare('SELECT COALESCE(MAX(version),0)+1 AS version FROM calculation_revisions')).get())?.version ?? 1);
|
||||
const basedOn = clean(form.get('basedOnRevisionId')) || null;
|
||||
await (await database.prepare(`INSERT INTO calculation_revisions
|
||||
(id,version,name,status,notes,based_on_revision_id,created_by,created_at)
|
||||
VALUES(?,?,?,'draft',?,?,?,?)`))
|
||||
.run(revisionId, version, name, notes || null, basedOn, operator.id, now);
|
||||
}
|
||||
await (await database.prepare('DELETE FROM calculation_stages WHERE revision_id=?')).run(revisionId);
|
||||
for (const stage of ordered) {
|
||||
await (await database.prepare(`INSERT INTO calculation_stages
|
||||
(id,revision_id,stage_key,label,operator,display_order,locked_position) VALUES(?,?,?,?,?,?,?)`))
|
||||
.run(randomUUID(), revisionId, stage.stageKey, stage.label, stage.operator, stage.displayOrder, stage.lockedPosition);
|
||||
}
|
||||
await (await database.prepare('DELETE FROM attribute_calculation_profiles WHERE revision_id=?')).run(revisionId);
|
||||
for (const profile of profileInputs) {
|
||||
await (await database.prepare(`INSERT INTO attribute_calculation_profiles
|
||||
(id,revision_id,stat_attribute_id,stage_key,weight,soft_cap,hard_cap,curve_type,curve_parameter,weapon_category)
|
||||
VALUES(?,?,?,?,?,?,?,?,?,?)`)).run(
|
||||
randomUUID(), revisionId, profile.statAttributeId, profile.stageKey, profile.weight,
|
||||
profile.softCap, profile.hardCap, profile.curveType, profile.curveParameter, profile.weaponCategory
|
||||
);
|
||||
}
|
||||
await database.exec('COMMIT');
|
||||
} catch (error) {
|
||||
await database.exec('ROLLBACK');
|
||||
throw error;
|
||||
}
|
||||
await recordIsacAudit({
|
||||
actorId: operator.id,
|
||||
category: 'calculation_configuration',
|
||||
action: id ? 'calculation_revision.updated' : 'calculation_revision.created',
|
||||
entityId: revisionId,
|
||||
before,
|
||||
after: await revisionSnapshot(database, revisionId)
|
||||
});
|
||||
return { revisionSaved: true, revisionMode: id ? 'edit' : 'add', resultToken: randomUUID() };
|
||||
},
|
||||
|
||||
publishRevision: async ({ cookies, request }) => {
|
||||
const operator = await requirePermission(await getSessionUser(cookies), 'calculation.publish');
|
||||
const form = await request.formData();
|
||||
const id = clean(form.get('id'));
|
||||
if (form.get('confirmation') !== 'activate-current-rules') {
|
||||
return fail(400, { publishError: 'Confirm that all saved builds will use this revision.' });
|
||||
}
|
||||
const database = await getDatabase();
|
||||
const candidate = await (await database.prepare("SELECT * FROM calculation_revisions WHERE id=? AND status='draft'")).get(id);
|
||||
if (!candidate) return fail(404, { publishError: 'That draft revision is no longer available.' });
|
||||
const before = {
|
||||
active: await (await database.prepare("SELECT * FROM calculation_revisions WHERE status='active'")).get() ?? null,
|
||||
candidate: await revisionSnapshot(database, id)
|
||||
};
|
||||
const now = new Date().toISOString();
|
||||
await database.exec('BEGIN');
|
||||
try {
|
||||
await (await database.prepare("UPDATE calculation_revisions SET status='retired' WHERE status='active'")).run();
|
||||
await (await database.prepare(`UPDATE calculation_revisions SET status='active',published_by=?,published_at=? WHERE id=?`))
|
||||
.run(operator.id, now, id);
|
||||
await database.exec('COMMIT');
|
||||
} catch (error) {
|
||||
await database.exec('ROLLBACK');
|
||||
throw error;
|
||||
}
|
||||
await recordIsacAudit({
|
||||
actorId: operator.id,
|
||||
category: 'calculation_configuration',
|
||||
action: 'calculation_revision.published',
|
||||
entityId: id,
|
||||
before,
|
||||
after: { active: await revisionSnapshot(database, id) }
|
||||
});
|
||||
return { revisionPublished: true, resultToken: randomUUID() };
|
||||
},
|
||||
|
||||
saveCalibration: async ({ cookies, request }) => {
|
||||
const operator = await requirePermission(await getSessionUser(cookies), 'data.manage');
|
||||
const form = await request.formData();
|
||||
const id = clean(form.get('id'));
|
||||
const name = clean(form.get('name'));
|
||||
const status = clean(form.get('status')) || 'draft';
|
||||
const snapshotText = String(form.get('loadoutSnapshot') ?? '').trim();
|
||||
let snapshot: unknown;
|
||||
try { snapshot = JSON.parse(snapshotText); } catch { return fail(400, { calibrationError: 'The loadout snapshot is not valid JSON.' }); }
|
||||
const migrated = migrateLoadoutDraft(snapshot);
|
||||
if (!migrated) return fail(400, { calibrationError: 'The loadout snapshot is not a recognized SHD.build loadout.' });
|
||||
const observed = {
|
||||
bodyHit: optionalNumber(form.get('bodyHit')),
|
||||
criticalBodyHit: optionalNumber(form.get('criticalBodyHit')),
|
||||
headshot: optionalNumber(form.get('headshot')),
|
||||
criticalHeadshot: optionalNumber(form.get('criticalHeadshot')),
|
||||
magazineSeconds: optionalNumber(form.get('magazineSeconds')),
|
||||
reloadSeconds: optionalNumber(form.get('reloadSeconds')),
|
||||
encounterDps: optionalNumber(form.get('encounterDps'))
|
||||
};
|
||||
if (name.length < 3 || name.length > 120 || !['draft', 'ready'].includes(status)) {
|
||||
return fail(400, { calibrationError: 'Calibration cases require a 3–120 character name and valid state.' });
|
||||
}
|
||||
if (Object.values(observed).some((value) => Number.isNaN(value) || (value !== null && value < 0))
|
||||
|| (observed.magazineSeconds !== null && observed.magazineSeconds <= 0)
|
||||
|| (observed.reloadSeconds !== null && observed.reloadSeconds <= 0)) {
|
||||
return fail(400, { calibrationError: 'Observed values must be valid non-negative measurements.' });
|
||||
}
|
||||
const core = [observed.bodyHit, observed.criticalBodyHit, observed.headshot, observed.criticalHeadshot, observed.magazineSeconds, observed.reloadSeconds];
|
||||
if (status === 'ready' && core.some((value) => value === null)) {
|
||||
return fail(400, { calibrationError: 'Ready cases require the four hit values, magazine time, and reload time.' });
|
||||
}
|
||||
const database = await getDatabase();
|
||||
const caseId = id || clean(form.get('_proposedEntityId')) || randomUUID();
|
||||
const before = id ? await (await database.prepare('SELECT * FROM calculation_calibration_cases WHERE id=?')).get(id) ?? null : null;
|
||||
if (id && !before) return fail(404, { calibrationError: 'That calibration case no longer exists.' });
|
||||
const now = new Date().toISOString();
|
||||
const values = [
|
||||
name, status, JSON.stringify(migrated), Number(form.get('selectedWeapon') ?? 0),
|
||||
clean(form.get('gameVersion')) || null, clean(form.get('observedAt')) || null,
|
||||
clean(form.get('notes')).slice(0, 4000) || null,
|
||||
observed.bodyHit, observed.criticalBodyHit, observed.headshot, observed.criticalHeadshot,
|
||||
observed.magazineSeconds, observed.reloadSeconds, observed.encounterDps,
|
||||
clean(form.get('predictedJson')) || null
|
||||
];
|
||||
if (id) {
|
||||
await (await database.prepare(`UPDATE calculation_calibration_cases SET
|
||||
name=?,status=?,loadout_snapshot_json=?,selected_weapon=?,game_version=?,observed_at=?,notes=?,
|
||||
body_hit=?,critical_body_hit=?,headshot=?,critical_headshot=?,magazine_seconds=?,reload_seconds=?,
|
||||
encounter_dps=?,predicted_json=?,updated_at=? WHERE id=?`)).run(...values, now, caseId);
|
||||
} else {
|
||||
const activeRevision = await (await database.prepare("SELECT id FROM calculation_revisions WHERE status='active'")).get();
|
||||
await (await database.prepare(`INSERT INTO calculation_calibration_cases
|
||||
(id,name,status,loadout_snapshot_json,selected_weapon,game_version,observed_at,notes,
|
||||
body_hit,critical_body_hit,headshot,critical_headshot,magazine_seconds,reload_seconds,
|
||||
encounter_dps,predicted_json,calculation_revision_id,created_by,created_at,updated_at)
|
||||
VALUES(?,?,?,?,?,?,?,?,?,?,?,?,?,?,?,?,?,?,?,?)`))
|
||||
.run(caseId, ...values, activeRevision?.id ?? null, operator.id, now, now);
|
||||
}
|
||||
const after = await (await database.prepare('SELECT * FROM calculation_calibration_cases WHERE id=?')).get(caseId) ?? null;
|
||||
await recordIsacAudit({
|
||||
actorId: operator.id,
|
||||
category: 'calculation_configuration',
|
||||
action: id ? 'calibration_case.updated' : 'calibration_case.created',
|
||||
entityId: caseId,
|
||||
before,
|
||||
after
|
||||
});
|
||||
return { calibrationSaved: true, calibrationMode: id ? 'edit' : 'add', resultToken: randomUUID() };
|
||||
},
|
||||
|
||||
suggestRevision: async ({ cookies }) => {
|
||||
const operator = await requirePermission(await getSessionUser(cookies), 'data.manage');
|
||||
const database = await getDatabase();
|
||||
const cases = await (await database.prepare(
|
||||
"SELECT * FROM calculation_calibration_cases WHERE status='ready' AND predicted_json IS NOT NULL"
|
||||
)).all();
|
||||
if (!cases.length) return fail(409, { suggestionError: 'Add at least one ready calibration case with a prediction before requesting suggestions.' });
|
||||
const ratios: number[] = [];
|
||||
for (const item of cases) {
|
||||
try {
|
||||
const predicted = JSON.parse(String(item.predicted_json));
|
||||
const observed = Number(item.body_hit);
|
||||
const modeled = Number(predicted.bodyHit ?? predicted.hitValues?.normal);
|
||||
if (observed > 0 && modeled > 0) ratios.push(observed / modeled);
|
||||
} catch {
|
||||
continue;
|
||||
}
|
||||
}
|
||||
if (!ratios.length) return fail(409, { suggestionError: 'Ready cases do not contain compatible body-hit predictions.' });
|
||||
const scale = Math.min(3, Math.max(0.25, ratios.reduce((sum, value) => sum + value, 0) / ratios.length));
|
||||
const active = await (await database.prepare("SELECT * FROM calculation_revisions WHERE status='active'")).get();
|
||||
if (!active) return fail(409, { suggestionError: 'No active calculation revision is available.' });
|
||||
const activeSnapshot = await revisionSnapshot(database, String(active.id));
|
||||
const revisionId = randomUUID();
|
||||
const version = Number((await (await database.prepare('SELECT COALESCE(MAX(version),0)+1 AS version FROM calculation_revisions')).get())?.version ?? 1);
|
||||
const now = new Date().toISOString();
|
||||
await database.exec('BEGIN');
|
||||
try {
|
||||
await (await database.prepare(`INSERT INTO calculation_revisions
|
||||
(id,version,name,status,notes,based_on_revision_id,created_by,created_at)
|
||||
VALUES(?,?,?,'draft',?,?,?,?)`)).run(
|
||||
revisionId, version, `Calibration suggestion ${version}`,
|
||||
`Suggested from ${ratios.length} ready case${ratios.length === 1 ? '' : 's'}. Body-hit scale ${scale.toFixed(4)}.`,
|
||||
active.id, operator.id, now
|
||||
);
|
||||
for (const stage of activeSnapshot.stages) {
|
||||
await (await database.prepare(`INSERT INTO calculation_stages
|
||||
(id,revision_id,stage_key,label,operator,display_order,locked_position) VALUES(?,?,?,?,?,?,?)`))
|
||||
.run(randomUUID(), revisionId, stage.stage_key, stage.label, stage.operator, stage.display_order, stage.locked_position);
|
||||
}
|
||||
for (const profile of activeSnapshot.profiles) {
|
||||
const shouldScale = ['flat_add', 'additive_percent', 'multiplicative_percent'].includes(
|
||||
String(activeSnapshot.stages.find((stage) => stage.stage_key === profile.stage_key)?.operator)
|
||||
);
|
||||
await (await database.prepare(`INSERT INTO attribute_calculation_profiles
|
||||
(id,revision_id,stat_attribute_id,stage_key,weight,soft_cap,hard_cap,curve_type,curve_parameter,weapon_category)
|
||||
VALUES(?,?,?,?,?,?,?,?,?,?)`)).run(
|
||||
randomUUID(), revisionId, profile.stat_attribute_id, profile.stage_key,
|
||||
Number(profile.weight) * (shouldScale ? scale : 1), profile.soft_cap, profile.hard_cap,
|
||||
profile.curve_type, profile.curve_parameter, profile.weapon_category
|
||||
);
|
||||
}
|
||||
await database.exec('COMMIT');
|
||||
} catch (error) {
|
||||
await database.exec('ROLLBACK');
|
||||
throw error;
|
||||
}
|
||||
await recordIsacAudit({
|
||||
actorId: operator.id,
|
||||
category: 'calculation_configuration',
|
||||
action: 'calculation_revision.suggested',
|
||||
entityId: revisionId,
|
||||
before: { activeRevisionId: active.id, readyCases: cases.map((item) => item.id) },
|
||||
after: { ...(await revisionSnapshot(database, revisionId)), suggestedScale: scale }
|
||||
});
|
||||
return { suggestionSaved: true, suggestedRevisionId: revisionId, resultToken: randomUUID() };
|
||||
}
|
||||
};
|
||||
@@ -0,0 +1,245 @@
|
||||
<script lang="ts">
|
||||
import PendingForm from '$lib/components/PendingForm.svelte';
|
||||
import RegistryPagination from '$lib/components/RegistryPagination.svelte';
|
||||
import SearchableAssignment from '$lib/components/SearchableAssignment.svelte';
|
||||
import SegmentedChoice from '$lib/components/SegmentedChoice.svelte';
|
||||
import { createDraft } from '$lib/builder/loadout';
|
||||
|
||||
let { data, form } = $props();
|
||||
type StageEditor = {
|
||||
stageKey: string;
|
||||
label: string;
|
||||
operator: string;
|
||||
displayOrder: number;
|
||||
lockedPosition: string | null;
|
||||
};
|
||||
type ProfileEditor = {
|
||||
statAttributeId: string;
|
||||
stageKey: string;
|
||||
weight: number | string;
|
||||
softCap: number | string;
|
||||
hardCap: number | string;
|
||||
curveType: string;
|
||||
curveParameter: number | string;
|
||||
weaponCategory: string;
|
||||
};
|
||||
type RevisionEditor = {
|
||||
id: string;
|
||||
basedOnRevisionId: string;
|
||||
name: string;
|
||||
notes: string;
|
||||
stages: StageEditor[];
|
||||
profiles: ProfileEditor[];
|
||||
};
|
||||
type CalibrationEditor = {
|
||||
id: string;
|
||||
name: string;
|
||||
status: string;
|
||||
loadoutSnapshot: string;
|
||||
selectedWeapon: string;
|
||||
gameVersion: string;
|
||||
observedAt: string;
|
||||
notes: string;
|
||||
bodyHit: number | string;
|
||||
criticalBodyHit: number | string;
|
||||
headshot: number | string;
|
||||
criticalHeadshot: number | string;
|
||||
magazineSeconds: number | string;
|
||||
reloadSeconds: number | string;
|
||||
encounterDps: number | string;
|
||||
predictedJson: string;
|
||||
};
|
||||
const canPublish = $derived(data.permissions?.includes('*') || data.permissions?.includes('calculation.publish'));
|
||||
const activeRevision = $derived(data.revisions.find((revision: any) => revision.status === 'active'));
|
||||
const stageItems = (revision: RevisionEditor) => revision.stages.map((stage) => ({
|
||||
id: stage.stageKey,
|
||||
name: stage.label,
|
||||
category: stage.operator.replaceAll('_', ' ').toUpperCase()
|
||||
}));
|
||||
const curveOptions = [
|
||||
{ value: 'none', label: 'NONE' },
|
||||
{ value: 'power', label: 'POWER' },
|
||||
{ value: 'smoothstep', label: 'SMOOTHSTEP' }
|
||||
];
|
||||
const stateOptions = [{ value: 'draft', label: 'DRAFT' }, { value: 'ready', label: 'READY' }];
|
||||
const weaponOptions = [{ value: '0', label: 'PRIMARY' }, { value: '1', label: 'SECONDARY' }];
|
||||
|
||||
const revisionFrom = (revision: any, edit = false): RevisionEditor => ({
|
||||
id: edit ? String(revision?.id ?? '') : '',
|
||||
basedOnRevisionId: edit ? String(revision?.based_on_revision_id ?? '') : String(revision?.id ?? ''),
|
||||
name: edit ? String(revision?.name ?? '') : `Combat model ${Number(revision?.version ?? 0) + 1}`,
|
||||
notes: edit ? String(revision?.notes ?? '') : `Based on revision ${revision?.version ?? 1}.`,
|
||||
stages: (revision?.stages ?? []).map((stage: any) => ({
|
||||
stageKey: String(stage.stage_key),
|
||||
label: String(stage.label),
|
||||
operator: String(stage.operator),
|
||||
displayOrder: Number(stage.display_order),
|
||||
lockedPosition: stage.locked_position ? String(stage.locked_position) : null
|
||||
})),
|
||||
profiles: (revision?.profiles ?? []).map((profile: any) => ({
|
||||
statAttributeId: String(profile.stat_attribute_id),
|
||||
stageKey: String(profile.stage_key),
|
||||
weight: Number(profile.weight),
|
||||
softCap: profile.soft_cap ?? '',
|
||||
hardCap: profile.hard_cap ?? '',
|
||||
curveType: String(profile.curve_type),
|
||||
curveParameter: profile.curve_parameter ?? '',
|
||||
weaponCategory: String(profile.weapon_category ?? '*')
|
||||
}))
|
||||
});
|
||||
const blankCalibration = (): CalibrationEditor => ({
|
||||
id: '', name: '', status: 'draft', loadoutSnapshot: JSON.stringify(createDraft(), null, 2),
|
||||
selectedWeapon: '0', gameVersion: '', observedAt: '', notes: '', bodyHit: '',
|
||||
criticalBodyHit: '', headshot: '', criticalHeadshot: '', magazineSeconds: '',
|
||||
reloadSeconds: '', encounterDps: '', predictedJson: ''
|
||||
});
|
||||
const calibrationFrom = (item: any): CalibrationEditor => ({
|
||||
id: String(item.id), name: String(item.name), status: String(item.status),
|
||||
loadoutSnapshot: JSON.stringify(JSON.parse(String(item.loadout_snapshot_json)), null, 2),
|
||||
selectedWeapon: String(item.selected_weapon), gameVersion: String(item.game_version ?? ''),
|
||||
observedAt: String(item.observed_at ?? ''), notes: String(item.notes ?? ''),
|
||||
bodyHit: item.body_hit ?? '', criticalBodyHit: item.critical_body_hit ?? '',
|
||||
headshot: item.headshot ?? '', criticalHeadshot: item.critical_headshot ?? '',
|
||||
magazineSeconds: item.magazine_seconds ?? '', reloadSeconds: item.reload_seconds ?? '',
|
||||
encounterDps: item.encounter_dps ?? '', predictedJson: String(item.predicted_json ?? '')
|
||||
});
|
||||
|
||||
let revisionEditing = $state<RevisionEditor | null>(null);
|
||||
let calibrationEditing = $state<CalibrationEditor | null>(null);
|
||||
let publishingId = $state('');
|
||||
let publishConfirmed = $state(false);
|
||||
let handledToken = $state('');
|
||||
|
||||
function addProfile() {
|
||||
if (!revisionEditing) return;
|
||||
revisionEditing.profiles = [...revisionEditing.profiles, {
|
||||
statAttributeId: '', stageKey: revisionEditing.stages.find((stage) => stage.operator === 'additive_percent')?.stageKey ?? '',
|
||||
weight: 1, softCap: '', hardCap: '', curveType: 'none', curveParameter: '', weaponCategory: '*'
|
||||
}];
|
||||
}
|
||||
function moveStage(index: number, direction: -1 | 1) {
|
||||
if (!revisionEditing) return;
|
||||
const target = index + direction;
|
||||
const stages = [...revisionEditing.stages].sort((left, right) => left.displayOrder - right.displayOrder);
|
||||
if (index < 0 || target < 0 || target >= stages.length || stages[index].lockedPosition || stages[target].lockedPosition) return;
|
||||
[stages[index], stages[target]] = [stages[target], stages[index]];
|
||||
revisionEditing.stages = stages.map((stage, stageIndex) => ({ ...stage, displayOrder: stageIndex + 1 }));
|
||||
}
|
||||
|
||||
$effect(() => {
|
||||
const token = String(form?.resultToken ?? '');
|
||||
if (!token || token === handledToken) return;
|
||||
handledToken = token;
|
||||
if (form?.revisionSaved) revisionEditing = form.revisionMode === 'add' ? revisionFrom(activeRevision) : null;
|
||||
if (form?.calibrationSaved) calibrationEditing = form.calibrationMode === 'add' ? blankCalibration() : null;
|
||||
if (form?.revisionPublished) {
|
||||
publishingId = '';
|
||||
publishConfirmed = false;
|
||||
}
|
||||
});
|
||||
</script>
|
||||
|
||||
<svelte:head><title>Combat calculations — ISAC</title></svelte:head>
|
||||
|
||||
<div class="module-toolbar">
|
||||
<div><p class="eyebrow">MODELED DAMAGE + EMPIRICAL CALIBRATION</p><h2>COMBAT CALCULATIONS</h2><p>Configure typed calculation stages, Attribute bindings, and field observations used by the loadout builder.</p></div>
|
||||
<div class="calculation-actions"><button class="secondary" onclick={() => calibrationEditing = blankCalibration()}>ADD CALIBRATION CASE ＋</button><button class="primary" onclick={() => revisionEditing = revisionFrom(activeRevision)}>NEW REVISION ＋</button></div>
|
||||
</div>
|
||||
|
||||
<div class="calculation-kpis">
|
||||
<div><span>ACTIVE REVISION</span><b>{activeRevision ? `R${activeRevision.version}` : 'NONE'}</b><small>{activeRevision?.name ?? 'NO ACTIVE RULES'}</small></div>
|
||||
<div><span>ATTRIBUTE PROFILES</span><b>{activeRevision?.profiles.length ?? 0}</b><small>TYPED BINDINGS</small></div>
|
||||
<div><span>READY CASES</span><b>{Number(data.calibrationSummary?.ready ?? 0)}</b><small>{Number(data.calibrationSummary?.predicted ?? 0)} WITH PREDICTIONS</small></div>
|
||||
</div>
|
||||
|
||||
{#if revisionEditing}
|
||||
<div class="dashboard-editor calculation-revision-editor">
|
||||
<div class="editor-title"><div><p class="eyebrow">{revisionEditing.id ? 'MODIFY DRAFT REVISION' : 'NEW DRAFT REVISION'}</p><h3>{revisionEditing.name || 'CALCULATION RULE SET'}</h3></div><button aria-label="Close revision editor" onclick={() => revisionEditing = null}>×</button></div>
|
||||
<PendingForm action="?/saveRevision">
|
||||
<input type="hidden" name="id" value={revisionEditing.id}/>
|
||||
<input type="hidden" name="basedOnRevisionId" value={revisionEditing.basedOnRevisionId}/>
|
||||
<input type="hidden" name="stagesJson" value={JSON.stringify(revisionEditing.stages)}/>
|
||||
<input type="hidden" name="profilesJson" value={JSON.stringify(revisionEditing.profiles)}/>
|
||||
<div class="calculation-revision-identity"><label class="field isac-record-name">REVISION NAME<input name="name" bind:value={revisionEditing.name} maxlength="120" required/></label><label class="field">NOTES<textarea name="notes" bind:value={revisionEditing.notes} maxlength="4000"></textarea></label></div>
|
||||
<div class="selection-head"><div><span>ORDERED CALCULATION STAGES</span><small>BASE AND FIRING-CYCLE POSITIONS ARE LOCKED</small></div><b>{revisionEditing.stages.length} STAGES</b></div>
|
||||
<div class="calculation-stage-list">{#each [...revisionEditing.stages].sort((left, right) => left.displayOrder - right.displayOrder) as stage, index}
|
||||
<div class:locked={stage.lockedPosition}><b>{String(stage.displayOrder).padStart(2, '0')}</b><label class="field">LABEL<input bind:value={stage.label} required/></label><span>{stage.operator.replaceAll('_', ' ').toUpperCase()}</span><em>{stage.lockedPosition?.toUpperCase() ?? 'ORDERED'}</em><div class="stage-order-actions"><button type="button" class="secondary" aria-label={`Move ${stage.label} earlier`} disabled={Boolean(stage.lockedPosition) || index === 1} onclick={() => moveStage(index,-1)}>↑</button><button type="button" class="secondary" aria-label={`Move ${stage.label} later`} disabled={Boolean(stage.lockedPosition) || index === revisionEditing!.stages.length - 2} onclick={() => moveStage(index,1)}>↓</button></div>
|
||||
</div>{/each}</div>
|
||||
<div class="selection-head"><div><span>ATTRIBUTE CALCULATION PROFILES</span><small>WEIGHT, CAPS, AND SAFE CURVES</small></div><button type="button" class="secondary" onclick={addProfile}>ADD PROFILE ＋</button></div>
|
||||
<div class="calculation-profile-list">{#each revisionEditing.profiles as profile, index}
|
||||
<section>
|
||||
<header><span>PROFILE {String(index + 1).padStart(2, '0')}</span><button type="button" class="moderation-action danger" onclick={() => revisionEditing && (revisionEditing.profiles = revisionEditing.profiles.filter((_, itemIndex) => itemIndex !== index))}>REMOVE</button></header>
|
||||
<div class="field"><span>ATTRIBUTE</span><SearchableAssignment items={data.attributes} mode="single" compact fieldName={`profile-attribute-${index}`} subjectLabel="ATTRIBUTE" searchPlaceholder="Search Attributes…" bind:value={profile.statAttributeId}/></div>
|
||||
<div class="field"><span>CALCULATION STAGE</span><SearchableAssignment items={stageItems(revisionEditing)} mode="single" compact fieldName={`profile-stage-${index}`} subjectLabel="STAGE" searchPlaceholder="Search stages…" bind:value={profile.stageKey}/></div>
|
||||
<div class="calculation-profile-values">
|
||||
<label class="field">WEIGHT<input type="number" min="-100" max="100" step="any" bind:value={profile.weight} required/></label>
|
||||
<label class="field">SOFT CAP<input type="number" min="0" step="any" bind:value={profile.softCap} placeholder="NONE"/></label>
|
||||
<label class="field">HARD CAP<input type="number" min="0" step="any" bind:value={profile.hardCap} placeholder="NONE"/></label>
|
||||
<label class="field">CURVE PARAMETER<input type="number" min="0.01" step="any" bind:value={profile.curveParameter} disabled={profile.curveType === 'none'} placeholder="1"/></label>
|
||||
</div>
|
||||
<SegmentedChoice legend="CURVE" name={`profile-curve-${index}`} options={curveOptions} bind:value={profile.curveType} showIndicator={false}/>
|
||||
</section>
|
||||
{/each}</div>
|
||||
{#if form?.revisionError}<p class="error">{form.revisionError}</p>{/if}
|
||||
<div class="form-actions"><button type="button" class="secondary" onclick={() => revisionEditing = null}>CANCEL</button><button class="primary">SAVE DRAFT REVISION →</button></div>
|
||||
</PendingForm>
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
{#if calibrationEditing}
|
||||
<div class="dashboard-editor calibration-editor">
|
||||
<div class="editor-title"><div><p class="eyebrow">{calibrationEditing.id ? 'MODIFY CALIBRATION CASE' : 'NEW CALIBRATION CASE'}</p><h3>{calibrationEditing.name || 'FIELD OBSERVATION'}</h3></div><button aria-label="Close calibration editor" onclick={() => calibrationEditing = null}>×</button></div>
|
||||
<PendingForm action="?/saveCalibration">
|
||||
<input type="hidden" name="id" value={calibrationEditing.id}/>
|
||||
<div class="calibration-identity"><label class="field isac-record-name">CASE NAME<input name="name" bind:value={calibrationEditing.name} maxlength="120" required/></label><SegmentedChoice legend="CASE STATE" name="status" options={stateOptions} bind:value={calibrationEditing.status} showIndicator={false}/><SegmentedChoice legend="MEASURED WEAPON" name="selectedWeapon" options={weaponOptions} bind:value={calibrationEditing.selectedWeapon} showIndicator={false}/><label class="field">GAME VERSION<input name="gameVersion" bind:value={calibrationEditing.gameVersion}/></label><label class="field">OBSERVED DATE<input name="observedAt" type="date" bind:value={calibrationEditing.observedAt}/></label></div>
|
||||
<label class="field calibration-snapshot">LOADOUT SNAPSHOT · JSON<textarea name="loadoutSnapshot" bind:value={calibrationEditing.loadoutSnapshot} required spellcheck="false"></textarea></label>
|
||||
<div class="calibration-observations">
|
||||
<label class="field">BODY HIT<input name="bodyHit" type="number" min="0" step="any" bind:value={calibrationEditing.bodyHit}/></label>
|
||||
<label class="field">CRITICAL BODY<input name="criticalBodyHit" type="number" min="0" step="any" bind:value={calibrationEditing.criticalBodyHit}/></label>
|
||||
<label class="field">HEADSHOT<input name="headshot" type="number" min="0" step="any" bind:value={calibrationEditing.headshot}/></label>
|
||||
<label class="field">CRITICAL HEADSHOT<input name="criticalHeadshot" type="number" min="0" step="any" bind:value={calibrationEditing.criticalHeadshot}/></label>
|
||||
<label class="field">MAGAZINE TIME · SECONDS<input name="magazineSeconds" type="number" min="0.01" step="any" bind:value={calibrationEditing.magazineSeconds}/></label>
|
||||
<label class="field">RELOAD TIME · SECONDS<input name="reloadSeconds" type="number" min="0.01" step="any" bind:value={calibrationEditing.reloadSeconds}/></label>
|
||||
<label class="field">ENCOUNTER DPS · OPTIONAL<input name="encounterDps" type="number" min="0" step="any" bind:value={calibrationEditing.encounterDps}/></label>
|
||||
</div>
|
||||
<label class="field">NOTES<textarea name="notes" bind:value={calibrationEditing.notes} maxlength="4000"></textarea></label>
|
||||
<label class="field calibration-prediction">PREDICTION SNAPSHOT · OPTIONAL JSON<textarea name="predictedJson" bind:value={calibrationEditing.predictedJson} spellcheck="false"></textarea></label>
|
||||
{#if form?.calibrationError}<p class="error">{form.calibrationError}</p>{/if}
|
||||
<div class="form-actions"><button type="button" class="secondary" onclick={() => calibrationEditing = null}>CANCEL</button><button class="primary">SAVE CALIBRATION CASE →</button></div>
|
||||
</PendingForm>
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
<div class="calculation-revision-registry">
|
||||
<div class="selection-head"><div><span>CALCULATION REVISIONS</span><small>SAVED BUILDS USE THE ACTIVE REVISION</small></div><PendingForm action="?/suggestRevision">{#snippet children(pending)}<button class="secondary" disabled={pending}>{pending ? 'ANALYZING…' : 'GENERATE ASSISTED SUGGESTION'}</button>{/snippet}</PendingForm></div>
|
||||
{#if form?.suggestionError}<p class="error">{form.suggestionError}</p>{/if}
|
||||
{#each data.revisions as revision}
|
||||
<article class:active={revision.status === 'active'}>
|
||||
<header><div><span>REVISION {revision.version}</span><h3>{revision.name}</h3></div><b>{revision.status.toUpperCase()}</b></header>
|
||||
<p>{revision.notes || 'No revision notes.'}</p>
|
||||
<footer><span>{revision.stages.length} STAGES · {revision.profiles.length} ATTRIBUTE PROFILES</span><div>{#if revision.status === 'draft'}<button class="secondary" onclick={() => revisionEditing = revisionFrom(revision, true)}>EDIT</button>{#if canPublish}<button class="primary" onclick={() => { publishingId = revision.id; publishConfirmed = false; }}>REVIEW + ACTIVATE</button>{/if}{/if}</div></footer>
|
||||
{#if publishingId === revision.id}
|
||||
<div class="publish-confirmation">
|
||||
<div><strong>ACTIVATE REVISION {revision.version}?</strong><span>Every saved and shared build will recalculate using these rules.</span></div>
|
||||
<label><input type="checkbox" bind:checked={publishConfirmed}/> I understand this changes current builder results.</label>
|
||||
<PendingForm action="?/publishRevision"><input type="hidden" name="id" value={revision.id}/><input type="hidden" name="confirmation" value="activate-current-rules"/><div><button type="button" class="secondary" onclick={() => publishingId = ''}>CANCEL</button><button class="primary" disabled={!publishConfirmed}>ACTIVATE REVISION →</button></div></PendingForm>
|
||||
</div>
|
||||
{/if}
|
||||
</article>
|
||||
{/each}
|
||||
</div>
|
||||
|
||||
<div class="selection-head"><div><span>CALIBRATION REGISTRY</span><small>OBSERVED GAME VALUES + MODEL COMPARISON</small></div><b>{Number(data.calibrationSummary?.total ?? 0)} CASES</b></div>
|
||||
<RegistryPagination pagination={data.pagination} search={data.search}/>
|
||||
<div class="dashboard-table">
|
||||
<div class="dashboard-row calibration-row table-heading"><span>CASE</span><span>WEAPON</span><span>OBSERVATIONS</span><span>PREDICTION</span><span>STATE</span><span></span></div>
|
||||
{#each data.calibrationCases as item}
|
||||
<div class="dashboard-row calibration-row"><div><strong>{item.name}</strong><small>{item.game_version || 'GAME VERSION NOT RECORDED'} · {item.creator_name}</small></div><span>{Number(item.selected_weapon) === 0 ? 'PRIMARY' : 'SECONDARY'}</span><span>{[item.body_hit,item.critical_body_hit,item.headshot,item.critical_headshot,item.magazine_seconds,item.reload_seconds].filter((value) => value !== null).length} / 6 CORE</span><span>{item.predicted_json ? 'AVAILABLE' : 'INSUFFICIENT DATA'}</span><b class:configured={item.status === 'ready'} class="state-dot">{item.status.toUpperCase()}</b><button onclick={() => calibrationEditing = calibrationFrom(item)}>EDIT →</button></div>
|
||||
{/each}
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.module-toolbar>div:first-child{min-width:0;padding-right:12px}.calculation-actions{flex:0 0 auto}.calculation-actions,.calculation-revision-registry article footer div{display:flex;gap:7px;align-items:center}.calculation-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:9px}.calculation-kpis>div{display:grid;gap:2px;padding:10px;border:1px solid var(--shd-border);background:var(--shd-surface)}.calculation-kpis span,.calculation-kpis small{color:var(--shd-text-muted);font-size:var(--shd-type-telemetry);font-weight:900;letter-spacing:.8px}.calculation-kpis b{color:var(--shd-orange);font-size:22px}.calculation-revision-identity,.calibration-identity{display:grid;grid-template-columns:1.2fr 1.8fr;gap:8px}.calculation-stage-list{display:grid;gap:4px}.calculation-stage-list>div{display:grid;grid-template-columns:42px minmax(220px,1fr) minmax(170px,.7fr) 90px 76px;gap:7px;align-items:center;padding:6px;border:1px solid var(--shd-border);background:#0d1011}.calculation-stage-list>div>b{color:var(--shd-orange);text-align:center}.calculation-stage-list>div>span,.calculation-stage-list>div>em{font-size:var(--shd-type-telemetry);font-weight:900;letter-spacing:.7px}.stage-order-actions{display:grid;grid-template-columns:1fr 1fr;gap:3px}.stage-order-actions button{min-width:0;height:32px;padding:0}.calculation-profile-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.calculation-profile-list>section{display:grid;gap:7px;padding:9px;border:1px solid var(--shd-border);background:#0d1011}.calculation-profile-list header{display:flex;justify-content:space-between;align-items:center}.calculation-profile-values{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.calibration-identity{grid-template-columns:1.4fr 1fr 1fr 1fr 1fr}.calibration-snapshot textarea{min-height:180px;font-family:var(--shd-font-mono)}.calibration-prediction textarea{min-height:90px;font-family:var(--shd-font-mono)}.calibration-observations{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.calculation-revision-registry{display:grid;gap:7px;margin:10px 0}.calculation-revision-registry>article{border:1px solid var(--shd-border);border-left:2px solid var(--shd-border);background:var(--shd-surface)}.calculation-revision-registry>article.active{border-left-color:var(--shd-orange)}.calculation-revision-registry article>header,.calculation-revision-registry article>footer{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:9px}.calculation-revision-registry article>header{border-bottom:1px solid var(--shd-border)}.calculation-revision-registry h3,.calculation-revision-registry p{margin:0}.calculation-revision-registry article>p{padding:9px;color:var(--shd-text-muted)}.calculation-revision-registry article>footer{border-top:1px solid var(--shd-border);font-size:var(--shd-type-telemetry);font-weight:900;letter-spacing:.7px}.publish-confirmation{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:10px;border-top:1px solid var(--shd-orange);background:#1b160d}.publish-confirmation>div{display:grid}.publish-confirmation label{font-size:var(--shd-type-supporting)}.calibration-row{grid-template-columns:minmax(230px,1.4fr) .5fr .65fr .8fr .55fr 70px}
|
||||
@media(max-width:1000px){.calculation-profile-list{grid-template-columns:1fr}.calibration-identity,.calibration-observations{grid-template-columns:repeat(2,minmax(0,1fr))}.publish-confirmation{grid-template-columns:1fr}.calibration-row{grid-template-columns:1fr .5fr .6fr}.calibration-row>*:nth-child(4),.calibration-row>*:nth-child(5){display:none}}
|
||||
@media(max-width:650px){.calculation-actions{display:grid}.calculation-kpis{grid-template-columns:1fr}.calculation-revision-identity,.calibration-identity,.calibration-observations,.calculation-stage-list>div,.calculation-profile-values{grid-template-columns:1fr}.calculation-stage-list>div>b{text-align:left}.calculation-revision-registry article>header,.calculation-revision-registry article>footer{align-items:start;display:grid}.calibration-row{grid-template-columns:1fr 70px}.calibration-row>*:nth-child(2),.calibration-row>*:nth-child(3){display:none}}
|
||||
</style>
|
||||
Reference in New Issue
Block a user