rename natus → sky across the codebase — natal chart abstraction is now sky throughout, since chart inputs aren't birthday-gated
Mechanical rename: 5 files (sky-wheel.js, _sky.scss, _sky_overlay.html, SkyWheelSpec.js x2), 24 in-place edits across templates/views/urls/SCSS/JS/tests/CLAUDE.md. URL names epic:natus_save → epic:sky_save (epic namespaced, no clash w. dashboard:sky_save), JS module NatusWheel → SkyWheel, DOM ids id_natus_* → id_sky_*, BEM classes natus-* → sky-*, dashboard sky_natus_data/sky_natus_preview collapsed to sky_data/sky_preview_data. No DB migration needed (User.sky_chart_data + GameEvent.SKY_SAVED already used sky-prefix). 778 ITs + Jasmine green. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -6,33 +6,33 @@
|
||||
|
||||
{% block content %}
|
||||
<div class="sky-page"
|
||||
id="id_natus_overlay"
|
||||
id="id_sky_overlay"
|
||||
data-preview-url="{% url 'sky_preview' %}"
|
||||
data-save-url="{% url 'sky_save' %}">
|
||||
|
||||
<div class="natus-modal-body sky-body">
|
||||
<div class="sky-modal-body sky-body">
|
||||
|
||||
{# ── Form column ─────────────────────────────────────────────────── #}
|
||||
<div class="natus-form-col">
|
||||
<div class="natus-form-main">
|
||||
<form id="id_natus_form" autocomplete="off">
|
||||
<div class="sky-form-col">
|
||||
<div class="sky-form-main">
|
||||
<form id="id_sky_form" autocomplete="off">
|
||||
|
||||
<div class="natus-field">
|
||||
<div class="sky-field">
|
||||
<label for="id_nf_date">Birth date</label>
|
||||
<input id="id_nf_date" name="date" type="date" required
|
||||
{% if saved_birth_date %}value="{{ saved_birth_date }}"{% endif %}>
|
||||
</div>
|
||||
|
||||
<div class="natus-field">
|
||||
<div class="sky-field">
|
||||
<label for="id_nf_time">Birth time</label>
|
||||
<input id="id_nf_time" name="time" type="time"
|
||||
value="{{ saved_birth_time|default:'12:00' }}">
|
||||
<small>Local time at birth place. Use 12:00 if unknown.</small>
|
||||
</div>
|
||||
|
||||
<div class="natus-field natus-place-field">
|
||||
<div class="sky-field sky-place-field">
|
||||
<label for="id_nf_place">Birth place</label>
|
||||
<div class="natus-place-wrap">
|
||||
<div class="sky-place-wrap">
|
||||
<input id="id_nf_place" name="place" type="text"
|
||||
placeholder="Start typing a city…"
|
||||
autocomplete="off"
|
||||
@@ -43,10 +43,10 @@
|
||||
<i class="fa-solid fa-location-crosshairs"></i>
|
||||
</button>
|
||||
</div>
|
||||
<div id="id_nf_suggestions" class="natus-suggestions" hidden></div>
|
||||
<div id="id_nf_suggestions" class="sky-suggestions" hidden></div>
|
||||
</div>
|
||||
|
||||
<div class="natus-field natus-coords">
|
||||
<div class="sky-field sky-coords">
|
||||
<div>
|
||||
<label>Latitude</label>
|
||||
<input id="id_nf_lat" name="lat" type="text"
|
||||
@@ -61,7 +61,7 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="natus-field">
|
||||
<div class="sky-field">
|
||||
<label for="id_nf_tz">Timezone</label>
|
||||
<input id="id_nf_tz" name="tz" type="text"
|
||||
placeholder="auto-detected from location"
|
||||
@@ -71,38 +71,38 @@
|
||||
|
||||
</form>
|
||||
|
||||
<div id="id_natus_status" class="natus-status"></div>
|
||||
</div>{# /.natus-form-main #}
|
||||
<div id="id_sky_status" class="sky-status"></div>
|
||||
</div>{# /.sky-form-main #}
|
||||
|
||||
<button type="button" id="id_natus_confirm" class="btn btn-primary" disabled>
|
||||
<button type="button" id="id_sky_confirm" class="btn btn-primary" disabled>
|
||||
Save Sky
|
||||
</button>
|
||||
</div>
|
||||
|
||||
{# ── Wheel column ────────────────────────────────────────────────── #}
|
||||
<div class="natus-wheel-col">
|
||||
<svg id="id_natus_svg" class="natus-svg"></svg>
|
||||
<div class="sky-wheel-col">
|
||||
<svg id="id_sky_svg" class="sky-svg"></svg>
|
||||
</div>
|
||||
|
||||
</div>{# /.natus-modal-body #}
|
||||
</div>{# /.sky-modal-body #}
|
||||
</div>{# /.sky-page #}
|
||||
|
||||
{# Planet hover tooltip — position:fixed escapes any overflow:hidden ancestor #}
|
||||
<div id="id_natus_tooltip" class="tt" style="display:none;"></div>
|
||||
<div id="id_natus_tooltip_2" class="tt" style="display:none;"></div>
|
||||
<div id="id_sky_tooltip" class="tt" style="display:none;"></div>
|
||||
<div id="id_sky_tooltip_2" class="tt" style="display:none;"></div>
|
||||
|
||||
<script src="{% static 'apps/gameboard/d3.min.js' %}"></script>
|
||||
<script src="{% static 'apps/gameboard/natus-wheel.js' %}"></script>
|
||||
<script src="{% static 'apps/gameboard/sky-wheel.js' %}"></script>
|
||||
<script src="{% static 'apps/dashboard/note.js' %}"></script>
|
||||
<script>
|
||||
(function () {
|
||||
'use strict';
|
||||
|
||||
const overlay = document.getElementById('id_natus_overlay');
|
||||
const form = document.getElementById('id_natus_form');
|
||||
const svgEl = document.getElementById('id_natus_svg');
|
||||
const statusEl = document.getElementById('id_natus_status');
|
||||
const confirmBtn = document.getElementById('id_natus_confirm');
|
||||
const overlay = document.getElementById('id_sky_overlay');
|
||||
const form = document.getElementById('id_sky_form');
|
||||
const svgEl = document.getElementById('id_sky_svg');
|
||||
const statusEl = document.getElementById('id_sky_status');
|
||||
const confirmBtn = document.getElementById('id_sky_confirm');
|
||||
const geoBtn = document.getElementById('id_nf_geolocate');
|
||||
const placeInput = document.getElementById('id_nf_place');
|
||||
const latInput = document.getElementById('id_nf_lat');
|
||||
@@ -122,13 +122,13 @@
|
||||
const PLACE_DELAY = 400;
|
||||
const CHART_DELAY = 300;
|
||||
|
||||
const _preloadReady = NatusWheel.preload();
|
||||
const _preloadReady = SkyWheel.preload();
|
||||
|
||||
// ── Status helper ───────────────────────────────────────────────────────
|
||||
|
||||
function setStatus(msg, type) {
|
||||
statusEl.textContent = msg;
|
||||
statusEl.className = 'natus-status' + (type ? ` natus-status--${type}` : '');
|
||||
statusEl.className = 'sky-status' + (type ? ` sky-status--${type}` : '');
|
||||
}
|
||||
|
||||
// ── Nominatim place search ──────────────────────────────────────────────
|
||||
@@ -167,7 +167,7 @@
|
||||
results.forEach(place => {
|
||||
const item = document.createElement('button');
|
||||
item.type = 'button';
|
||||
item.className = 'natus-suggestion-item';
|
||||
item.className = 'sky-suggestion-item';
|
||||
item.textContent = place.display_name;
|
||||
item.addEventListener('click', () => selectPlace(place));
|
||||
suggestions.appendChild(item);
|
||||
@@ -262,9 +262,9 @@
|
||||
setStatus('');
|
||||
confirmBtn.disabled = false;
|
||||
if (svgEl.querySelector('*')) {
|
||||
NatusWheel.redraw(data);
|
||||
SkyWheel.redraw(data);
|
||||
} else {
|
||||
NatusWheel.draw(svgEl, data);
|
||||
SkyWheel.draw(svgEl, data);
|
||||
}
|
||||
})
|
||||
.catch(err => {
|
||||
@@ -321,7 +321,7 @@
|
||||
if (_savedSky) {
|
||||
_lastChartData = _savedSky;
|
||||
confirmBtn.disabled = false;
|
||||
NatusWheel.draw(svgEl, _savedSky);
|
||||
SkyWheel.draw(svgEl, _savedSky);
|
||||
} else if (_formReady()) {
|
||||
schedulePreview();
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user