Шаблон:Схема транспортной системы: различия между версиями

<includeonly>{{#if: {{{данные|{{{json|}}}}}} |

<div class="ts-transport-scheme" style="clear: both; margin: 1.2em auto; width: 100%; box-sizing: border-box; text-align: {{#switch: {{{прижатие|{{{выравнивание|центр}}}}}} | лево = left | право = right | center }};">

<!-- Контейнер графической / интерактивной схемы -->

<div class="ts-transport-map-card" style="display: inline-block; max-width: 100%; box-sizing: border-box; background: var(--background-color-base, #ffffff); border: 1px solid var(--border-color-base, #d0d7de); border-radius: 10px; padding: 10px; box-shadow: 0 3px 12px rgba(0,0,0,0.06); text-align: center;">

{{#if: {{{файл|{{{изображение|}}}}}} |

   <div style="overflow-x: auto; max-width: 100%; display: inline-block;">{{{карта|{{{схема|<div style="padding: 20px; color: #57606a;">''Файл схемы или интерактивная карта не указаны''</div>}}}}}}</div>

{{#if: {{{подпись|}}} | <div style="font-size: 12px; color: #57606a; margin-top: 8px; padding-top: 6px; border-top: 1px dashed var(--border-color-base, #e1e4e8); text-align: center; line-height: 1.4;">🗺 {{{подпись}}}</div> }}

<!-- Блок легенды линий -->

{{#if: {{{линии|}}} |

<div class="ts-transport-lines-legend" style="margin: 10px auto; max-width: 950px; text-align: center; padding: 8px 12px; background: #f6f8fa; border: 1px solid #d0d7de; border-radius: 8px;">

<div style="font-size: 11px; font-weight: bold; color: #57606a; text-transform: uppercase; margin-bottom: 4px; letter-spacing: 0.5px;">Линии скоростного транспорта</div>

<div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 4px; align-items: center;">

<!-- Сворачиваемый реестр станций -->

{{#if: {{{список|{{{1|}}}}}} |

<div class="mw-collapsible {{#ifeq: {{{свёрнут|}}} | да | mw-collapsed | }} toccolours ts-transport-list-card" style="margin: 12px auto 0 auto; max-width: 950px; text-align: left; box-sizing: border-box; background: var(--background-color-neutral-subtle, #f8f9fa); border: 1px solid var(--border-color-base, #d0d7de); border-radius: 8px; overflow: hidden; box-shadow: 0 2px 6px rgba(0,0,0,0.04); padding: 0;">

<div style="font-weight: bold; font-size: 13.5px; color: var(--color-base, #1f2328); background: linear-gradient(180deg, #f6f8fa 0%, #eaeef2 100%); padding: 9px 14px; border-bottom: 1px solid var(--border-color-base, #d0d7de); display: flex; align-items: center; justify-content: space-between;">

  <span>{{{заголовок списка|📋 Реестр станций метрополитена и железной дороги}}}</span>

<div class="mw-collapsible-content" style="padding: 14px 18px; column-width: {{{ширина колонок|20em}}}; -webkit-column-width: {{{ширина колонок|20em}}}; -moz-column-width: {{{ширина колонок|20em}}}; column-gap: 2em; column-rule: 1px solid #e1e4e8; font-size: 13px; line-height: 1.7;">

{{{список|{{{1}}}}}}

}}</includeonly><noinclude>

Теперь вы можете использовать ваш привычный шаблон `{{Схема транспортной системы}}`, просто передав в него имя датасета:

{{Схема транспортной системы|данные = Муроморского метрополитена}}

При этом автоматически подтянутся координаты из Шаблон:Интерактивная схема Муроморского метрополитена/data.json, построится интерактивная карта, легенда и список станций.

Для вставки компактной схемы '''внутрь карточки статьи''' (например, Шаблон:Метрополитен), добавьте параметры карточки:

<syntaxhighlight lang="mediawiki">

{{Метрополитен

|название = Муроморский метрополитен

|схема линий = {{Схема транспортной системы|данные=Муроморского метрополитена|карточка=да|ширина=280px}}

</syntaxhighlight>