34
34
<div class="tab-pane active" id="general">
35
35
{% set title %}{% trans "Name" %}{% endset %}
36
36
{% set helpText %}{% trans "The Name of the Layout - (1 - 50 characters)" %}{% endset %}
37
{{ forms.input("name", title, layout.layout, helpText) }}
37
{{ forms.text("name", title, layout.layout, helpText) }}
39
39
{% set title %}{% trans "Tags" %}{% endset %}
40
40
{% set helpText %}{% trans "Tags for this layout - used when searching for it. Comma delimited. (1 - 250 characters)" %}{% endset %}
41
{{ forms.inputWithTags("tags", title, layout.tags, helpText) }}
41
{{ forms.text("tags", title, layout.tags, helpText) }}
43
43
{% set title %}{% trans "Retired" %}{% endset %}
44
44
{% set helpText %}{% trans "Retire this layout or not? It will no longer be visible in lists" %}{% endset %}
52
52
<div class="tab-pane" id="background">
53
53
{% set title %}{% trans "Background Colour" %}{% endset %}
54
54
{% set helpText %}{% trans "Use the colour picker to select the background colour" %}{% endset %}
55
{{ forms.input("backgroundColor", title, layout.backgroundColor, helpText) }}
55
{{ forms.text("backgroundColor", title, layout.backgroundColor, helpText) }}
57
57
{% set title %}{% trans "Background Image" %}{% endset %}
58
{% set helpText %}{% trans "Pick the background image from the library. It is recommended to pick JPG images as Windows Players can only show JPG background images." %}{% endset %}
58
{% set helpText %}{% trans "Pick the background image from the library" %}{% endset %}
59
59
{% set noneMessage %}{% trans "None" %}{% endset %}
60
60
{% set backgrounds = [{mediaId: null, name: noneMessage}]|merge(backgrounds) %}
61
{{ forms.dropdown("backgroundImageId", "single", title, backgroundId, backgrounds, "mediaId", "name", helpText, "selectPicker background-image-fields", "", "b", "", [{name:"data-live-search", value:"true"}]) }}
63
{% set title %}{% trans "Add a new background image?" %}{% endset %}
64
{{ forms.button(title, "", "", "background-image-fields background-image-add-button", "backgroundAddButton") }}
66
<div class="col-md-offset-2 col-md-10">
67
<div id="layoutEditFormBackgroundUpload"></div>
61
{{ forms.dropdown("backgroundImageId", "single", title, backgroundId, backgrounds, "mediaId", "name", helpText) }}
70
63
{% set title %}{% trans "Resolution" %}{% endset %}
71
64
{% set helpText %}{% trans "Change the resolution" %}{% endset %}
74
67
{% set title %}{% trans "Layer" %}{% endset %}
75
68
{% set helpText %}{% trans "The layering order of the background image (z-index). Advanced use only." %}{% endset %}
76
{{ forms.input("backgroundzIndex", title, layout.backgroundzIndex, helpText) }}
69
{{ forms.text("backgroundzIndex", title, layout.backgroundzIndex, helpText) }}
78
71
<div class="col-md-offset-2">
79
72
<img id="bg_image_image" data-url="{{ urlFor("library.download") }}?preview=1&width=100&height=56" data-not-found-url="{{ theme.uri("img/forms/filenotfound.gif") }}" alt="{% trans "Background thumbnail" %}" />