| 1 |
<div class="abj404-behavior-tiles" data-selected="{selected_behavior}"> |
| 2 |
<input type="hidden" name="dest404_behavior" id="dest404_behavior" value="{selected_behavior}"> |
| 3 |
|
| 4 |
<div class="abj404-tiles-grid"> |
| 5 |
<!-- Suggest similar pages --> |
| 6 |
<div class="abj404-tile{tile_suggest_selected}" data-behavior="suggest" tabindex="0" role="radio" aria-checked="{suggest_aria_checked}"> |
| 7 |
<div class="abj404-tile-badge">{Recommended}</div> |
| 8 |
<div class="abj404-tile-icon"> |
| 9 |
<svg fill="none" stroke="currentColor" viewBox="0 0 24 24" width="28" height="28" aria-hidden="true">> |
| 10 |
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path> |
| 11 |
</svg> |
| 12 |
</div> |
| 13 |
<h3 class="abj404-tile-title">{Suggest similar pages}</h3> |
| 14 |
<p class="abj404-tile-desc">{Shows visitors a list of pages matching the URL they were looking for}</p> |
| 15 |
</div> |
| 16 |
|
| 17 |
<!-- Redirect to homepage --> |
| 18 |
<div class="abj404-tile{tile_homepage_selected}" data-behavior="homepage" tabindex="0" role="radio" aria-checked="{homepage_aria_checked}"> |
| 19 |
<div class="abj404-tile-icon"> |
| 20 |
<svg fill="none" stroke="currentColor" viewBox="0 0 24 24" width="28" height="28" aria-hidden="true">> |
| 21 |
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"></path> |
| 22 |
</svg> |
| 23 |
</div> |
| 24 |
<h3 class="abj404-tile-title">{Redirect to homepage}</h3> |
| 25 |
<p class="abj404-tile-desc">{Sends all 404 visitors to the site front page}</p> |
| 26 |
</div> |
| 27 |
|
| 28 |
<!-- Custom page --> |
| 29 |
<div class="abj404-tile{tile_custom_selected}" data-behavior="custom" tabindex="0" role="radio" aria-checked="{custom_aria_checked}"> |
| 30 |
<div class="abj404-tile-icon"> |
| 31 |
<svg fill="none" stroke="currentColor" viewBox="0 0 24 24" width="28" height="28" aria-hidden="true">> |
| 32 |
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path> |
| 33 |
</svg> |
| 34 |
</div> |
| 35 |
<h3 class="abj404-tile-title">{Custom page}</h3> |
| 36 |
<p class="abj404-tile-desc">{Choose a specific page to show for all 404 errors}</p> |
| 37 |
</div> |
| 38 |
|
| 39 |
<!-- Theme default --> |
| 40 |
<div class="abj404-tile{tile_theme_default_selected}" data-behavior="theme_default" tabindex="0" role="radio" aria-checked="{theme_default_aria_checked}"> |
| 41 |
<div class="abj404-tile-icon"> |
| 42 |
<svg fill="none" stroke="currentColor" viewBox="0 0 24 24" width="28" height="28" aria-hidden="true">> |
| 43 |
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M7 21a4 4 0 01-4-4V5a2 2 0 012-2h4a2 2 0 012 2v12a4 4 0 01-4 4zm0 0h12a2 2 0 002-2v-4a2 2 0 00-2-2h-2.343M11 7.343l1.657-1.657a2 2 0 012.828 0l2.829 2.829a2 2 0 010 2.828l-8.486 8.485M7 17h.01"></path> |
| 44 |
</svg> |
| 45 |
</div> |
| 46 |
<h3 class="abj404-tile-title">{Theme default}</h3> |
| 47 |
<p class="abj404-tile-desc">{Uses the theme built-in 404 page, no redirect}</p> |
| 48 |
</div> |
| 49 |
</div> |
| 50 |
|
| 51 |
<!-- Custom page picker (shown only when 'custom' is selected) --> |
| 52 |
<div class="abj404-custom-page-picker" id="abj404-custom-page-picker" style="display:{custom_picker_display};"> |
| 53 |
<label class="abj404-form-label" for="abj404-custom-page-search">{Select a page}</label> |
| 54 |
{customPageDropdown} |
| 55 |
</div> |
| 56 |
</div> |
| 57 |
|
