github-ops
55 lines
3.3 KiB
HTML
55 lines
3.3 KiB
HTML
<!-- ════════════ STEP 1: Protocol ════════════ -->
|
|
<div id="step-panel-1" class="step-pane">
|
|
<div class="step-panel-header">
|
|
<div class="step-panel-eyebrow">
|
|
<div class="step-panel-eyebrow-line"></div>
|
|
<span data-step-counter>Step 1 of 5</span>
|
|
</div>
|
|
<h1 class="step-panel-title" data-i18n="wizard.step1.title">Выберите протокол</h1>
|
|
<p class="step-panel-subtitle" data-i18n="wizard.step1.subtitle">Выберите протокол вашего API. От этого зависит, как Crank будет выполнять запросы и какие настройки будут доступны на следующих шагах.</p>
|
|
</div>
|
|
|
|
<!-- Protocol selection cards -->
|
|
<div class="protocol-grid" data-testid="wizard-protocol-grid">
|
|
|
|
<div class="protocol-card rest selected" data-protocol="rest" data-testid="wizard-protocol-rest" role="radio" aria-checked="true" tabindex="0">
|
|
<div class="protocol-card-check">
|
|
<svg viewBox="0 0 12 12"><polyline points="1.5,6 4.5,9 10.5,3"/></svg>
|
|
</div>
|
|
<div class="protocol-icon-wrap">
|
|
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#58a6ff" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">
|
|
<path d="M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/>
|
|
<path d="M3.6 9h16.8M3.6 15h16.8"/>
|
|
<path d="M12 3a15.3 15.3 0 010 18M12 3a15.3 15.3 0 000 18"/>
|
|
</svg>
|
|
</div>
|
|
<div class="protocol-card-name" data-i18n="wizard.step1.rest_name">REST / HTTP</div>
|
|
<div class="protocol-card-tagline" data-i18n="wizard.step1.rest_tagline">Стандартные HTTP-методы для REST API. Самый универсальный вариант.</div>
|
|
<div class="protocol-card-tags">
|
|
<span class="protocol-tag">GET</span>
|
|
<span class="protocol-tag">POST</span>
|
|
<span class="protocol-tag">PUT</span>
|
|
<span class="protocol-tag">PATCH</span>
|
|
<span class="protocol-tag">DELETE</span>
|
|
</div>
|
|
</div>
|
|
|
|
</div><!-- /protocol-grid -->
|
|
|
|
|
|
<div class="info-callout" style="margin-bottom: 24px;">
|
|
<svg class="info-callout-icon" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round">
|
|
<polygon points="8,1 15,14 1,14" fill="none"/>
|
|
<path d="M8 6v4M8 11.5v.5"/>
|
|
</svg>
|
|
<div class="info-callout-body">
|
|
<div class="info-callout-title" data-i18n="wizard.step1.tip_title">Это можно изменить позже</div>
|
|
<div class="info-callout-text">
|
|
<span data-i18n="wizard.step1.tip_body">Если сменить протокол после настройки следующих шагов, схемы и связи полей будут очищены. Перед экспериментами сохраните операцию.</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div><!-- /step-pane-1 -->
|