problems:diagnostics:coralclose
Различия
Показаны различия между двумя версиями страницы.
| Предыдущая версия справа и слеваПредыдущая версияСледующая версия | Предыдущая версия | ||
| problems:diagnostics:coralclose [2025/10/28 14:51] – Вадим Мартовский | problems:diagnostics:coralclose [2026/07/31 12:15] (текущий) – Вадим Мартовский | ||
|---|---|---|---|
| Строка 1: | Строка 1: | ||
| - | < | + | ==== 🌊 Умная диагностика кораллов ==== |
| + | |||
| + | <html><!-- 🌊 Умная диагностика кораллов ( htmlok=1) --> | ||
| < | < | ||
| - | .coral-step { margin: | + | .coral-step { |
| - | .coral-step h3 { margin:0 0 8px 0; color:# | + | |
| - | .coral-btn { display: | + | |
| - | .coral-btn:hover { background:# | + | |
| - | .coral-response | + | |
| - | .coral-hide { display: none; } | + | |
| - | </ | + | max-width: 600px; |
| + | font-family: | ||
| + | } | ||
| + | .coral-step h3 { | ||
| + | | ||
| + | | ||
| + | text-align: center; | ||
| + | } | ||
| + | .coral-btn { | ||
| + | | ||
| + | width: 100%; | ||
| + | | ||
| + | | ||
| + | | ||
| + | | ||
| + | | ||
| + | | ||
| + | | ||
| + | | ||
| + | | ||
| + | text-align: center; | ||
| + | } | ||
| + | .coral-btn: | ||
| - | <div class=" | + | .coral-btn-nav { |
| - | | + | |
| + | width: 48%; | ||
| + | } | ||
| + | .coral-btn-nav: | ||
| - | <button class=" | + | .coral-btn-home { |
| - | | + | |
| + | width: 48%; | ||
| + | } | ||
| + | .coral-btn-home:hover { background: #546e7a; } | ||
| - | <div id=" | + | .coral-response |
| - | | + | |
| - | | + | |
| - | < | + | |
| - | | + | border-radius: 5px; |
| + | | ||
| + | font-size: 14px; | ||
| + | } | ||
| - | <div id=" | + | .coral-history { |
| - | < | + | background: #eef7fa; |
| - | < | + | padding: 8px; |
| - | < | + | border-radius: 6px; |
| - | < | + | |
| - | < | + | |
| - | </div> | + | } |
| + | .coral-history-item { | ||
| + | | ||
| + | } | ||
| + | .coral-history-item span { | ||
| + | | ||
| + | } | ||
| + | .coral-nav { | ||
| + | | ||
| + | justify-content: | ||
| + | gap: 6px; | ||
| + | margin-top: 12px; | ||
| + | } | ||
| + | </style> | ||
| - | | + | <div id="diag-root"></ |
| - | Есть механические повреждения на коралле? | + | |
| - | < | + | |
| - | <button class=" | + | |
| - | <button class=" | + | |
| - | <button class=" | + | |
| - | | + | |
| - | | + | <!-- 🧠 JSON-структура сценария --> |
| - | | + | <script type="application/ |
| - | Изолируйте повреждённый участок, при необходимости обработайте.< | + | { |
| - | < | + | " |
| - | < | + | " |
| - | </ | + | " |
| + | " | ||
| + | " | ||
| + | " | ||
| + | "one_species": "Один вид", | ||
| + | " | ||
| + | "all": "Все кораллы" | ||
| + | } | ||
| + | }, | ||
| - | <div id="damageno" | + | |
| - | Были изменения в аквариуме? | + | |
| - | | + | " |
| - | | + | " |
| - | | + | " |
| - | < | + | } |
| - | | + | |
| - | | + | "short": { |
| - | | + | |
| - | | + | }, |
| - | </ | + | "long": { |
| + | | ||
| + | " | ||
| + | " | ||
| + | "neighbor": "Появился сосед", | ||
| + | " | ||
| + | " | ||
| + | } | ||
| + | }, | ||
| + | "flow": { | ||
| + | | ||
| + | }, | ||
| + | "neighbor": { | ||
| + | | ||
| + | }, | ||
| + | "light": { | ||
| + | | ||
| + | }, | ||
| + | "none": { | ||
| + | | ||
| + | }, | ||
| - | <!-- Примеры | + | " |
| - | < | + | " |
| - | | + | " |
| - | | + | " |
| - | < | + | " |
| - | < | + | } |
| - | </ | + | }, |
| - | < | + | " |
| - | ✔️ Проверьте интенсивность и спектр освещения.<br> | + | " |
| - | Верните прежнюю лампу или | + | "answers": { |
| - | <button class=" | + | |
| - | | + | " |
| - | </ | + | } |
| - | <div id="add" | + | }, |
| - | ✔️ Проверьте дозировку всех добавок, нет ли превышения.< | + | " |
| - | < | + | " |
| - | < | + | |
| - | </ | + | " |
| - | < | + | " |
| - | ✔️ Переместите | + | "answers": { |
| - | < | + | |
| - | < | + | "infect_no": "Нет" |
| - | </ | + | } |
| - | < | + | }, |
| - | ✔️ Возможен взвесь/ | + | |
| - | Аккуратно продуйте коралл, поставьте уголь.<br> | + | |
| - | | + | |
| - | | + | " |
| - | </ | + | " |
| - | <div id="none" | + | }, |
| - | ✔️ Если никаких изменений — проверьте параметры воды, на паразитов.< | + | "one_species_some": { |
| - | <button class="coral-btn" | + | "question": "Есть общий локальный признак (свет, сосед, |
| - | | + | "answers": { |
| - | </ | + | |
| + | "no": "Нет" | ||
| + | } | ||
| + | }, | ||
| + | | ||
| + | | ||
| + | }, | ||
| + | " | ||
| + | " | ||
| + | "answers": { | ||
| + | | ||
| + | "some_bad": "Нет" | ||
| + | } | ||
| + | }, | ||
| + | | ||
| + | | ||
| + | | ||
| + | "some_bad": { | ||
| + | "text": "⚠️ Проверьте все параметры вида. Возможен скрытый стресс или | ||
| + | | ||
| - | <!-- Медленный сценарий (демо) --> | + | " |
| - | < | + | " |
| - | | + | " |
| - | | + | " |
| - | <button class=" | + | " |
| - | </ | + | " |
| + | " | ||
| + | } | ||
| + | }, | ||
| + | " | ||
| + | " | ||
| + | "answers": { | ||
| + | | ||
| + | " | ||
| + | } | ||
| + | | ||
| + | " | ||
| + | " | ||
| + | " | ||
| + | " | ||
| + | " | ||
| + | } | ||
| + | }, | ||
| + | " | ||
| + | " | ||
| + | " | ||
| + | " | ||
| + | " | ||
| + | } | ||
| + | }, | ||
| + | " | ||
| + | " | ||
| + | " | ||
| + | " | ||
| + | " | ||
| + | } | ||
| + | }, | ||
| + | " | ||
| + | " | ||
| + | " | ||
| + | " | ||
| + | " | ||
| + | } | ||
| + | }, | ||
| + | " | ||
| + | " | ||
| + | }, | ||
| + | "multi_env_no": { | ||
| + | | ||
| + | }, | ||
| - | </div> | + | " |
| + | " | ||
| + | " | ||
| + | " | ||
| + | " | ||
| + | " | ||
| + | } | ||
| + | }, | ||
| + | " | ||
| + | " | ||
| + | " | ||
| + | " | ||
| + | " | ||
| + | } | ||
| + | }, | ||
| + | " | ||
| + | " | ||
| + | }, | ||
| + | " | ||
| + | " | ||
| + | " | ||
| + | " | ||
| + | " | ||
| + | } | ||
| + | }, | ||
| + | " | ||
| + | " | ||
| + | }, | ||
| + | " | ||
| + | " | ||
| + | }, | ||
| + | " | ||
| + | " | ||
| + | " | ||
| + | " | ||
| + | " | ||
| + | } | ||
| + | }, | ||
| + | " | ||
| + | " | ||
| + | }, | ||
| + | " | ||
| + | " | ||
| + | } | ||
| + | } | ||
| + | } | ||
| + | |||
| + | </script> | ||
| < | < | ||
| - | function | + | (function(){ |
| - | | + | |
| - | document.getElementById(id).classList.remove(' | + | |
| - | } | + | let path = []; |
| - | function backToStart() { | + | |
| - | | + | function renderStep(id) { |
| - | } | + | const step = data.steps[id]; |
| - | function backToStep(step) | + | let html = '<div class=" |
| - | | + | html += '< |
| - | | + | |
| - | } | + | // История |
| - | function hideAll() { | + | if (path.length) { |
| - | var steps = document.querySelectorAll('.coral-response'); | + | html += '< |
| - | steps.forEach(function(s){ s.classList.add('coral-hide' | + | path.forEach(p => { |
| - | } | + | html += `<div class=" |
| + | < | ||
| + | < | ||
| + | </ | ||
| + | }); | ||
| + | html += '</ | ||
| + | | ||
| + | |||
| + | if(step.question) html += '< | ||
| + | if(step.text) html += '< | ||
| + | |||
| + | if(step.answers){ | ||
| + | for(const key in step.answers){ | ||
| + | html += '< | ||
| + | } | ||
| + | } | ||
| + | |||
| + | html += ` | ||
| + | <div class=" | ||
| + | <button class=" | ||
| + | <button class=" | ||
| + | </ | ||
| + | `; | ||
| + | |||
| + | html += '</ | ||
| + | root.innerHTML = html; | ||
| + | |||
| + | Array.from(root.querySelectorAll('.coral-btn' | ||
| + | btn.addEventListener(' | ||
| + | const next = this.getAttribute(' | ||
| + | if (next === ' | ||
| + | | ||
| + | |||
| + | const q = this.getAttribute('data-q' | ||
| + | const a = this.getAttribute(' | ||
| + | if (q && a) path.push({question: | ||
| + | renderStep(next); | ||
| + | root.scrollIntoView({behavior:' | ||
| + | }); | ||
| + | }); | ||
| + | } | ||
| + | |||
| + | if (document.readyState === ' | ||
| + | document.addEventListener('DOMContentLoaded', () => renderStep(' | ||
| + | else renderStep(' | ||
| + | })(); | ||
| </ | </ | ||
| </ | </ | ||
| + | |||
| + | |||
| + | < | ||
| + | ---- | ||
problems/diagnostics/coralclose.1761652304.txt.gz · Последнее изменение: — Вадим Мартовский