| 1 |
{% extends "base.html" %} |
| 2 |
|
| 3 |
{% block title %}New Item - Makenot.work{% endblock %} |
| 4 |
{% block body_attrs %} class="padded-page"{% endblock %} |
| 5 |
|
| 6 |
{% block head %} |
| 7 |
<link rel="stylesheet" href="/static/wizard.css"> |
| 8 |
{% endblock %} |
| 9 |
|
| 10 |
{% block content %} |
| 11 |
{% include "partials/site_header.html" %} |
| 12 |
|
| 13 |
<div class="wizard-layout"> |
| 14 |
<aside class="wizard-sidebar"> |
| 15 |
<h2 class="subtitle-h2">New Item</h2> |
| 16 |
{% include "wizards/partials/step_nav.html" %} |
| 17 |
</aside> |
| 18 |
|
| 19 |
<div class="wizard-content" id="wizard-step"> |
| 20 |
<div class="wizard-step"> |
| 21 |
<h2 class="subtitle-h2">Choose Type</h2> |
| 22 |
<p class="step-description">What kind of content are you creating?</p> |
| 23 |
|
| 24 |
<form hx-post="/dashboard/project/{{ project_slug }}/new-item/step/type" |
| 25 |
hx-target="#wizard-step" hx-swap="innerHTML"> |
| 26 |
<div class="type-grid type-grid-large"> |
| 27 |
{% for (value, label, desc) in item_type_cards %} |
| 28 |
<label class="type-card"> |
| 29 |
<input type="radio" name="item_type" value="{{ value }}" |
| 30 |
{% if loop.first %}checked{% endif %}> |
| 31 |
<span class="type-card-inner"> |
| 32 |
<span class="type-card-label">{{ label }}</span> |
| 33 |
<span class="type-card-desc">{{ desc }}</span> |
| 34 |
</span> |
| 35 |
</label> |
| 36 |
{% endfor %} |
| 37 |
</div> |
| 38 |
|
| 39 |
<div class="wizard-actions"> |
| 40 |
<a href="/dashboard/project/{{ project_slug }}" class="btn-secondary">Cancel</a> |
| 41 |
<button type="submit" class="btn-primary">Continue</button> |
| 42 |
</div> |
| 43 |
</form> |
| 44 |
</div> |
| 45 |
</div> |
| 46 |
</div> |
| 47 |
{% endblock %} |
| 48 |
|
| 49 |
{% block scripts %} |
| 50 |
<script src="/static/upload.js"></script> |
| 51 |
<script src="/static/wizard.js"></script> |
| 52 |
{% endblock %} |
| 53 |
|