mirror of
https://github.com/bilawalsidhu/gods-eye-view.git
synced 2026-11-04 10:24:02 +00:00
Said Turksever
4ebb287d36
main moved the panels to Vue views and a one-open-panel rail, and removed
the two templates this branch edited. This merge carries the branch onto
that architecture; it adds no behaviour of its own beyond the port.
- The Utilities panel is a RailPanel in LayerPanelsView with its own rail
item (handyman). LayerPanel renders the Directions rows into its list with
LayerRows, and falls back to Data Layers without it.
- Draw leaves DisplayPanel for DrawControls, DrawMarkList and DrawSwatches,
which render what the draw tool publishes to the display store and call
its actions, as GeoImport does. drawMarks.js words the rows; the DOM-built
drawMarkList.js is gone. A row's fly-to is an immediate navigation like
Import's ('drawing' gets its Cockpit refusal), the name field keeps a
draft through v-field-value, and the colours are one radio group with a
single tab stop.
- UiSegmented draws an option's icon, named by its label, for the shape
buttons.
- The catalogs take main's languages with this branch's strings, Arabic
included, and the tests follow the views to their new homes.
81 lines
1.9 KiB
JavaScript
81 lines
1.9 KiB
JavaScript
import test from 'node:test';
|
|
import assert from 'node:assert/strict';
|
|
import {
|
|
DRAW_COLORS,
|
|
DRAW_COLOR_CSS,
|
|
drawMarkFallbackName,
|
|
presentDrawMarks,
|
|
} from './drawMarks.js';
|
|
|
|
test('an unnamed shape is called by its kind, and an unnamed line by its length too', () => {
|
|
assert.equal(drawMarkFallbackName({ type: 'area' }), 'Area');
|
|
assert.equal(drawMarkFallbackName({ type: 'pin' }), 'Pin');
|
|
assert.equal(
|
|
drawMarkFallbackName({ type: 'route', label: '300 m' }),
|
|
'Line · 300 m',
|
|
);
|
|
assert.equal(
|
|
drawMarkFallbackName({
|
|
type: 'route',
|
|
name: 'Walk',
|
|
label: 'Walk — 300 m',
|
|
}),
|
|
'Line',
|
|
);
|
|
});
|
|
|
|
test('rows list only hand-drawn marks, in board order, with their words', () => {
|
|
const rows = presentDrawMarks([
|
|
{
|
|
id: 'a1',
|
|
type: 'route',
|
|
manual: true,
|
|
name: null,
|
|
label: '950 m',
|
|
color: 'amber',
|
|
},
|
|
{ id: 'a2', type: 'area', manual: false, label: 'Texas', color: 'primary' },
|
|
{
|
|
id: 'a3',
|
|
type: 'pin',
|
|
manual: true,
|
|
name: 'Camp',
|
|
color: 'teal',
|
|
hidden: true,
|
|
},
|
|
]);
|
|
assert.deepEqual(
|
|
rows.map(({ id, name, placeholder, color, hidden }) => ({
|
|
id,
|
|
name,
|
|
placeholder,
|
|
color,
|
|
hidden,
|
|
})),
|
|
[
|
|
{
|
|
id: 'a1',
|
|
name: '',
|
|
placeholder: 'Line · 950 m',
|
|
color: 'amber',
|
|
hidden: false,
|
|
},
|
|
{
|
|
id: 'a3',
|
|
name: 'Camp',
|
|
placeholder: 'Pin',
|
|
color: 'primary',
|
|
hidden: true,
|
|
},
|
|
],
|
|
);
|
|
assert.equal(rows[0].labels.toggle, 'Hide Line · 950 m');
|
|
assert.equal(rows[1].labels.toggle, 'Show Camp');
|
|
assert.equal(rows[1].labels.fly, 'Fly to Camp');
|
|
assert.equal(rows[1].labels.colors, 'Colour of Camp');
|
|
});
|
|
|
|
test('every colour has its swatch', () => {
|
|
assert.deepEqual(Object.keys(DRAW_COLOR_CSS), [...DRAW_COLORS]);
|
|
});
|