303 lines
11 KiB
HTML
303 lines
11 KiB
HTML
{% load i18n %}
|
|
|
|
{{ display_form.as_p }}
|
|
|
|
{% if card_schema %}
|
|
{{ card_schema|json_script:card_schema_id }}
|
|
|
|
{# display mode as card #}
|
|
|
|
{# UI to customize content layout #}
|
|
<div class="as-card wcs-cards-cell--grid">
|
|
<div class="as-card wcs-cards-cell--grid-options">
|
|
<span class="as-card wcs-cards-cell--grid-layout-label">{% trans "Grid Layout:" %}</span>
|
|
<span class="as-card wcs-cards-cell--grid-layout-mode"></span>
|
|
<a role="button" class="as-card wcs-cards-cell--grid-layout-btn">
|
|
{% trans "Edit" %}
|
|
</a>
|
|
</div>
|
|
<div class="as-card wcs-cards-cell--grid-cells">
|
|
</div>
|
|
<div class="as-card wcs-cards-cell--grid-buttons">
|
|
<button type="button" class="as-card wcs-cards-cell--add-grid-cell-btn">{% trans "Add" %}</button>
|
|
</div>
|
|
</div>
|
|
|
|
{# templates for JS #}
|
|
<script type="text/template" class="as-card wcs-cards-cell--grid-form-tpl">
|
|
<form>
|
|
<p>
|
|
{% trans "Layout" %}
|
|
<select name="grid-layout">
|
|
<option value="fx-grid--auto">{% trans "Automatic" %}</option>
|
|
<option value="fx-grid">{% trans "1 column" %}</option>
|
|
<option value="fx-grid--t2">{% trans "2 columns" %}</option>
|
|
<option value="fx-grid--t3">{% trans "3 columns" %}</option>
|
|
</select>
|
|
</p>
|
|
</form>
|
|
</script>
|
|
<script type="text/template" class="as-card wcs-cards-cell--grid-cell-form-tpl">
|
|
<form>
|
|
<p>
|
|
<label>
|
|
{% trans "Content type" %}
|
|
<select name="entry_type" data-dynamic-display-parent="true">
|
|
<option value="@field@">{% trans "Card field" %}</option>
|
|
<option value="@custom@">{% trans "Custom" %}</option>
|
|
<option value="@link@">{% trans "Link" %}</option>
|
|
</select>
|
|
</label>
|
|
</p>
|
|
|
|
{# fields group for "content type == @field@ " #}
|
|
<div data-dynamic-display-child-of="entry_type" data-dynamic-display-value="@field@">
|
|
<p>
|
|
<label>
|
|
{% trans "Card Fields" %}
|
|
<select name="field_varname"></select>
|
|
</label>
|
|
</p>
|
|
<p>
|
|
<label>
|
|
{% trans "Field content" %}
|
|
<select name="field_content" data-dynamic-display-parent="true">
|
|
<option value="label-and-value">{% trans "Label & Value" %}</option>
|
|
<option value="label">{% trans "Label only" %}</option>
|
|
<option value="value">{% trans "Value only" %}</option>
|
|
</select>
|
|
</label>
|
|
</p>
|
|
<p data-dynamic-display-child-of="field_content" data-dynamic-display-value-in="label value">
|
|
<label>
|
|
{% trans "Display mode" %}
|
|
<select name="field_display_mode">
|
|
<option value="text">{% trans "Text" %}</option>
|
|
<option value="title">{% trans "Title" %}</option>
|
|
<option value="subtitle">{% trans "Subtitle" %}</option>
|
|
</select>
|
|
</label>
|
|
</p>
|
|
<p>
|
|
<label>
|
|
{% trans "Empty value display mode" %}
|
|
<select name="field_empty_display_mode" data-dynamic-display-parent="true">
|
|
<option value="@empty@">{% trans "Display as empty" %}</option>
|
|
<option value="@skip@">{% trans "Hide" %}</option>
|
|
<option value="@custom@">{% trans "Display a custom text" %}</option>
|
|
</select>
|
|
</label>
|
|
</p>
|
|
<p data-dynamic-display-child-of="field_empty_display_mode" data-dynamic-display-value="@custom@">
|
|
<label>
|
|
{% trans "Empty value custom text" %}
|
|
<input name="field_empty_text" />
|
|
</label>
|
|
</p>
|
|
</div>
|
|
|
|
{# fields group for "content type == @custom@" #}
|
|
<div data-dynamic-display-child-of="entry_type" data-dynamic-display-value="@custom@">
|
|
<p>
|
|
<label>
|
|
{% trans "Value template" %}
|
|
<textarea name="custom_template" style="resize: vertical;"></textarea>
|
|
</label>
|
|
</p>
|
|
<p>
|
|
<label>
|
|
{% trans "Display mode" %}
|
|
<select name="custom_display_mode">
|
|
<option value="label">{% trans "Label" %}</option>
|
|
<option value="text">{% trans "Text" %}</option>
|
|
<option value="title">{% trans "Title" %}</option>
|
|
<option value="subtitle">{% trans "Subtitle" %}</option>
|
|
</select>
|
|
</label>
|
|
</p>
|
|
</div>
|
|
|
|
{# fields group for "content type == @link@" #}
|
|
<div data-dynamic-display-child-of="entry_type" data-dynamic-display-value="@link@">
|
|
<p>
|
|
<label>
|
|
{% trans "Label template" %}
|
|
<textarea name="link_label_template" style="resize: vertical;"></textarea>
|
|
</label>
|
|
</p>
|
|
<p>
|
|
<label>
|
|
{% trans "URL" %}
|
|
<select name="link_page" data-dynamic-display-parent="true">
|
|
{% for page in cell.get_matching_pages %}
|
|
<option value="{{ page.pk }}">{{ page.get_full_path_titles }}</option>
|
|
{% endfor %}
|
|
<option value="">{% trans "URL template" %}</option>
|
|
</select>
|
|
</label>
|
|
</p>
|
|
<p data-dynamic-display-child-of="link_page" data-dynamic-display-value="">
|
|
<label>
|
|
<textarea name="link_url_template" style="resize: vertical;"></textarea>
|
|
</label>
|
|
</p>
|
|
<p>
|
|
<label>
|
|
{% trans "Display mode" %}
|
|
<select name="link_display_mode">
|
|
<option value="link">{% trans "Link" %}</option>
|
|
<option value="button">{% trans "Button" %}</option>
|
|
</select>
|
|
</label>
|
|
</p>
|
|
</div>
|
|
|
|
<p>
|
|
<label>
|
|
{% trans "Size" %}
|
|
<select name="cell_size">
|
|
<option value="">{% trans "Automatic" %}</option>
|
|
<option value="size--1-1">1/1</option>
|
|
<option value="size--t1-2">1/2</option>
|
|
<option value="size--t1-3">1/3</option>
|
|
<option value="size--t2-3">2/3</option>
|
|
</select>
|
|
</label>
|
|
</p>
|
|
</form>
|
|
</script>
|
|
<script type="text/template" class="as-card wcs-cards-cell--grid-cell-tpl">
|
|
<div class="as-card wcs-cards-cell--grid-cell">
|
|
<div class="as-card wcs-cards-cell--grid-cell-content"></div>
|
|
<div class="as-card wcs-cards-cell--grid-cell-buttons">
|
|
<a role="button" class="as-card wcs-cards-cell--grid-cell-edit">{% trans "Edit" %}</a>
|
|
<a role="button" class="as-card wcs-cards-cell--grid-cell-delete">{% trans "Delete" %}</a>
|
|
</div>
|
|
</div>
|
|
</script>
|
|
|
|
{# display mode as table #}
|
|
|
|
{# UI to customize content layout #}
|
|
<div class="as-table wcs-cards-cell--grid">
|
|
<div class="as-table wcs-cards-cell--grid-options">
|
|
<span class="as-table wcs-cards-cell--grid-headers-label">{% trans "Display headers:" %}</span>
|
|
<span class="as-table wcs-cards-cell--grid-headers-mode"></span>
|
|
<a role="button" class="as-table wcs-cards-cell--grid-headers-btn">
|
|
{% trans "Edit" %}
|
|
</a>
|
|
</div>
|
|
<div class="as-table wcs-cards-cell--grid-cells">
|
|
</div>
|
|
<div class="as-table wcs-cards-cell--grid-buttons">
|
|
<button type="button" class="as-table wcs-cards-cell--add-grid-cell-btn">{% trans "Add" %}</button>
|
|
</div>
|
|
</div>
|
|
|
|
{# templates for JS #}
|
|
<script type="text/template" class="as-table wcs-cards-cell--grid-form-tpl">
|
|
<form>
|
|
<p>
|
|
{% trans "Display headers" %}
|
|
<input name="grid-headers" type="checkbox" />
|
|
</p>
|
|
</form>
|
|
</script>
|
|
<script type="text/template" class="as-table wcs-cards-cell--grid-cell-form-tpl">
|
|
<form>
|
|
<p>
|
|
<label>
|
|
{% trans "Content type" %}
|
|
<select name="entry_type" data-dynamic-display-parent="true">
|
|
<option value="@field@">{% trans "Card field" %}</option>
|
|
<option value="@custom@">{% trans "Custom" %}</option>
|
|
<option value="@link@">{% trans "Link" %}</option>
|
|
</select>
|
|
</label>
|
|
</p>
|
|
|
|
{# fields group for "content type == @field@ " #}
|
|
<div data-dynamic-display-child-of="entry_type" data-dynamic-display-value="@field@">
|
|
<p>
|
|
<label>
|
|
{% trans "Card Fields" %}
|
|
<select name="field_varname"></select>
|
|
</label>
|
|
</p>
|
|
<p>
|
|
<label>
|
|
{% trans "Custom text to replace empty value" %}
|
|
<input name="field_empty_text" />
|
|
</label>
|
|
</p>
|
|
</div>
|
|
|
|
{# fields group for "content type == @custom@" #}
|
|
<div data-dynamic-display-child-of="entry_type" data-dynamic-display-value="@custom@">
|
|
<p>
|
|
<label>
|
|
{% trans "Header" %}
|
|
<input name="custom_header" />
|
|
</label>
|
|
</p>
|
|
<p>
|
|
<label>
|
|
{% trans "Value template" %}
|
|
<textarea name="custom_template" style="resize: vertical;"></textarea>
|
|
</label>
|
|
</p>
|
|
</div>
|
|
|
|
{# fields group for "content type == @link@" #}
|
|
<div data-dynamic-display-child-of="entry_type" data-dynamic-display-value="@link@">
|
|
<p>
|
|
<label>
|
|
{% trans "Header" %}
|
|
<input name="link_header" />
|
|
</label>
|
|
</p>
|
|
<p>
|
|
<label>
|
|
{% trans "Label template" %}
|
|
<textarea name="link_label_template" style="resize: vertical;"></textarea>
|
|
</label>
|
|
</p>
|
|
<p>
|
|
<label>
|
|
{% trans "URL" %}
|
|
<select name="link_page" data-dynamic-display-parent="true">
|
|
{% for page in cell.get_matching_pages %}
|
|
<option value="{{ page.pk }}">{{ page.get_full_path_titles }}</option>
|
|
{% endfor %}
|
|
<option value="">{% trans "URL template" %}</option>
|
|
</select>
|
|
</label>
|
|
</p>
|
|
<p data-dynamic-display-child-of="link_page" data-dynamic-display-value="">
|
|
<label>
|
|
<textarea name="link_url_template" style="resize: vertical;"></textarea>
|
|
</label>
|
|
</p>
|
|
<p>
|
|
<label>
|
|
{% trans "Display mode" %}
|
|
<select name="link_display_mode">
|
|
<option value="link">{% trans "Link" %}</option>
|
|
<option value="button">{% trans "Button" %}</option>
|
|
</select>
|
|
</label>
|
|
</p>
|
|
</div>
|
|
</form>
|
|
</script>
|
|
<script type="text/template" class="as-table wcs-cards-cell--grid-cell-tpl">
|
|
<div class="as-table wcs-cards-cell--grid-cell">
|
|
<div class="as-table wcs-cards-cell--grid-cell-content"></div>
|
|
<div class="as-table wcs-cards-cell--grid-cell-buttons">
|
|
<a role="button" class="as-table wcs-cards-cell--grid-cell-edit">{% trans "Edit" %}</a>
|
|
<a role="button" class="as-table wcs-cards-cell--grid-cell-delete">{% trans "Delete" %}</a>
|
|
</div>
|
|
</div>
|
|
</script>
|
|
{% endif %}
|