← Back to branch summary

~xibo-maintainers/xibo/tempel

« back to all changes in this revision

Viewing changes to modules/ticker-form-edit.twig

  • Committer: Dan Garner
  • Date: 2016-02-16 14:21:08 UTC
  • mto: This revision was merged to the branch mainline in revision 484.
  • Revision ID: git-v1:63232095626c7ce5aee618d037440309aa4f8e42
UI/Model/Structure for dynamic display groups.
xibosignage/xibo#724

Show diffs side-by-side

added added

removed removed

Lines of Context:
modules/ticker-form-edit.twig
1
1
{#
2
2
/*
3
3
 * Spring Signage Ltd - http://www.springsignage.com
4
 
 * Copyright (C) 2015-17 Spring Signage Ltd
5
 
 * (ticker-form-edit.twig)
 
4
 * Copyright (C) 2015 Spring Signage Ltd
 
5
 * (${FILE_NAME})
6
6
 */
7
7
#}
8
8
 
10
10
{% import "forms.twig" as forms %}
11
11
 
12
12
{% block formTitle %}
13
 
    {% if module.getOption("sourceId") == 2 %}
14
 
        {% set dataSetName = module.getExtra().dataSet.dataSet %}
15
 
        {% trans %}Edit Ticker: DataSet is {{ dataSetName }}{% endtrans %}
16
 
    {% else %}
17
 
        {% trans "Edit Ticker" %}
18
 
    {% endif %}
 
13
    {% trans "Edit Ticker" %}
19
14
{% endblock %}
20
15
 
21
16
{% block formButtons %}
24
19
    {% trans "Save" %}, $("#tickerEditForm").submit()
25
20
{% endblock %}
26
21
 
27
 
{% block callBack %}dataSetTickerFormSetup{% endblock %}
 
22
{% block callBack %}text_callback{% endblock %}
28
23
 
29
 
{% block extra %}{{ module.getExtra()|json_encode|raw }}{% endblock %}
 
24
{% block extra %}{{ module.templatesAvailable()|json_encode|raw }}{% endblock %}
30
25
 
31
26
{% block formFieldActions %}
 
27
    {% if module.getOption("sourceId") == 1 %}
32
28
    [{
33
 
    "field": "useDuration",
34
 
    "trigger": "init",
35
 
    "value": false,
36
 
    "operation": "is:checked",
37
 
    "actions": {
38
 
    ".duration-fields": { "display": "none" }
39
 
    }
40
 
    },{
41
 
    "field": "useDuration",
42
 
    "trigger": "change",
43
 
    "value": false,
44
 
    "operation": "is:checked",
45
 
    "actions": {
46
 
    ".duration-fields": { "display": "none" }
47
 
    }
48
 
    },{
49
 
    "field": "useDuration",
50
 
    "trigger": "init",
51
 
    "value": true,
52
 
    "operation": "is:checked",
53
 
    "actions": {
54
 
    ".duration-fields": { "display": "block" }
55
 
    }
56
 
    },{
57
 
    "field": "useDuration",
58
 
    "trigger": "change",
59
 
    "value": true,
60
 
    "operation": "is:checked",
61
 
    "actions": {
62
 
    ".duration-fields": { "display": "block" }
63
 
    }
64
 
    }
65
 
    {% if module.getOption("sourceId") == 1 %}
66
 
    ,{
67
 
    "field": "overrideTemplate",
68
 
    "trigger": "init",
69
 
    "value": false,
70
 
    "operation": "is:checked",
71
 
    "actions": {
72
 
    ".template-override-controls": { "display": "none" },
73
 
    ".template-selector-control": { "display": "block" }
74
 
    }
75
 
    },{
76
 
    "field": "overrideTemplate",
77
 
    "trigger": "change",
78
 
    "value": false,
79
 
    "operation": "is:checked",
80
 
    "actions": {
81
 
    ".template-override-controls": { "display": "none" },
82
 
    ".template-selector-control": { "display": "block" }
83
 
    }
84
 
    },{
85
 
    "field": "overrideTemplate",
86
 
    "trigger": "init",
87
 
    "value": true,
88
 
    "operation": "is:checked",
89
 
    "actions": {
90
 
    ".template-override-controls": { "display": "block" },
91
 
    ".template-selector-control": { "display": "none" }
92
 
    }
93
 
    },{
94
 
    "field": "overrideTemplate",
95
 
    "trigger": "change",
96
 
    "value": true,
97
 
    "operation": "is:checked",
98
 
    "actions": {
99
 
    ".template-override-controls": { "display": "block" },
100
 
    ".template-selector-control": { "display": "none" }
101
 
    }
102
 
    }
103
 
    {% else %}
104
 
    ,{
105
 
        "field": "useOrderingClause",
106
 
        "trigger": "init",
107
 
        "value": false,
108
 
        "operation": "is:checked",
109
 
        "actions": {
110
 
        ".order-clause-field": { "display": "none" },
111
 
        "#orderClause": { "display": "block" }
112
 
        }
113
 
        },{
114
 
        "field": "useOrderingClause",
115
 
        "trigger": "change",
116
 
        "value": false,
117
 
        "operation": "is:checked",
118
 
        "actions": {
119
 
        ".order-clause-field": { "display": "none" },
120
 
        "#orderClause": { "display": "block" }
121
 
        }
122
 
        },{
123
 
        "field": "useOrderingClause",
124
 
        "trigger": "init",
125
 
        "value": true,
126
 
        "operation": "is:checked",
127
 
        "actions": {
128
 
        ".order-clause-field": { "display": "block" },
129
 
        "#orderClause": { "display": "none" }
130
 
        }
131
 
        },{
132
 
        "field": "useOrderingClause",
133
 
        "trigger": "change",
134
 
        "value": true,
135
 
        "operation": "is:checked",
136
 
        "actions": {
137
 
        ".order-clause-field": { "display": "block" },
138
 
        "#orderClause": { "display": "none" }
139
 
        }
140
 
        },{
141
 
        "field": "useFilteringClause",
142
 
        "trigger": "init",
143
 
        "value": false,
144
 
        "operation": "is:checked",
145
 
        "actions": {
146
 
        ".filter-clause-field": { "display": "none" },
147
 
        "#filterClause": { "display": "block" }
148
 
        }
149
 
        },{
150
 
        "field": "useFilteringClause",
151
 
        "trigger": "change",
152
 
        "value": false,
153
 
        "operation": "is:checked",
154
 
        "actions": {
155
 
        ".filter-clause-field": { "display": "none" },
156
 
        "#filterClause": { "display": "block" }
157
 
        }
158
 
        },{
159
 
        "field": "useFilteringClause",
160
 
        "trigger": "init",
161
 
        "value": true,
162
 
        "operation": "is:checked",
163
 
        "actions": {
164
 
        ".filter-clause-field": { "display": "block" },
165
 
        "#filterClause": { "display": "none" }
166
 
        }
167
 
        },{
168
 
        "field": "useFilteringClause",
169
 
        "trigger": "change",
170
 
        "value": true,
171
 
        "operation": "is:checked",
172
 
        "actions": {
173
 
        ".filter-clause-field": { "display": "block" },
174
 
        "#filterClause": { "display": "none" }
175
 
        }
176
 
        }
 
29
    "field": "overrideTemplate",
 
30
    "trigger": "init",
 
31
    "value": false,
 
32
    "operation": "is:checked",
 
33
    "actions": {
 
34
    ".template-override-controls": { "display": "none" },
 
35
    ".template-selector-control": { "display": "block" }
 
36
    }
 
37
    },{
 
38
    "field": "overrideTemplate",
 
39
    "trigger": "change",
 
40
    "value": false,
 
41
    "operation": "is:checked",
 
42
    "actions": {
 
43
    ".template-override-controls": { "display": "none" },
 
44
    ".template-selector-control": { "display": "block" }
 
45
    }
 
46
    },{
 
47
    "field": "overrideTemplate",
 
48
    "trigger": "init",
 
49
    "value": true,
 
50
    "operation": "is:checked",
 
51
    "actions": {
 
52
    ".template-override-controls": { "display": "block" },
 
53
    ".template-selector-control": { "display": "none" }
 
54
    }
 
55
    },{
 
56
    "field": "overrideTemplate",
 
57
    "trigger": "change",
 
58
    "value": true,
 
59
    "operation": "is:checked",
 
60
    "actions": {
 
61
    ".template-override-controls": { "display": "block" },
 
62
    ".template-selector-control": { "display": "none" }
 
63
    }
 
64
    },{
 
65
        "field": "useDuration",
 
66
        "trigger": "init",
 
67
        "value": false,
 
68
        "operation": "is:checked",
 
69
        "actions": {
 
70
        ".duration-fields": { "display": "none" }
 
71
        }
 
72
        },{
 
73
        "field": "useDuration",
 
74
        "trigger": "change",
 
75
        "value": false,
 
76
        "operation": "is:checked",
 
77
        "actions": {
 
78
        ".duration-fields": { "display": "none" }
 
79
        }
 
80
        },{
 
81
        "field": "useDuration",
 
82
        "trigger": "init",
 
83
        "value": true,
 
84
        "operation": "is:checked",
 
85
        "actions": {
 
86
        ".duration-fields": { "display": "block" }
 
87
        }
 
88
        },{
 
89
        "field": "useDuration",
 
90
        "trigger": "change",
 
91
        "value": true,
 
92
        "operation": "is:checked",
 
93
        "actions": {
 
94
        ".duration-fields": { "display": "block" }
 
95
        }
 
96
        }]
177
97
    {% endif %}
178
 
    ]
179
98
{% endblock %}
180
99
 
181
100
{% block formHtml %}
184
103
            <ul class="nav nav-tabs" role="tablist">
185
104
                <li class="active"><a href="#general" role="tab" data-toggle="tab"><span>{% trans "General" %}</span></a></li>
186
105
                <li><a href="#template" role="tab" data-toggle="tab"><span>{% trans "Apperance" %}</span></a></li>
187
 
                {% if module.getOption("sourceId") == 2 %}
188
 
                <li><a href="#orderCriteria" role="tab" data-toggle="tab"><span>{% trans "Order" %}</span></a></li>
189
 
                <li><a href="#filterCriteria" role="tab" data-toggle="tab"><span>{% trans "Filter" %}</span></a></li>
190
 
                {% endif %}
191
106
                <li><a href="#format" role="tab" data-toggle="tab"><span>{% trans "Format" %}</span></a></li>
192
107
                <li><a href="#advanced" role="tab" data-toggle="tab"><span>{% trans "Advanced" %}</span></a></li>
193
108
            </ul>
208
123
                {% set fieldDuration %}{{ forms.number("duration", title, module.getDuration(), helpText, "duration-fields", "required") }}{% endset %}
209
124
 
210
125
                {% set title %}{% trans "Effect" %}{% endset %}
211
 
                {% set helpText %}{% trans "Please select the effect that will be used to transition between items. Marquee effects are CPU intensive and may not be suitable for lower power displays." %}{% endset %}
212
 
 
213
 
                {% set showAll %}{% trans "Show all items" %}{% endset %}
214
 
                {% set showPaged %}{% trans "Paged" %}{% endset %}
215
 
                {% set marqueeLeft %}{% trans "Marquee Left" %}{% endset %}
216
 
                {% set marqueeRight %}{% trans "Marquee Right" %}{% endset %}
217
 
                {% set marqueeUp %}{% trans "Marquee Up" %}{% endset %}
218
 
                {% set marqueeDown %}{% trans "Marquee Down" %}{% endset %}
219
 
                {% set optionGroups = [
220
 
                    {id: "showAll", label: showAll},
221
 
                    {id: "showPaged", label: showPaged}
222
 
                ] %}
223
 
 
224
 
                {% set noneOption %}{% trans "No effect - all items are shown" %}{% endset %}
225
 
                {% set showAllOptions = [
226
 
                    { effectid: "none", effect: noneOption },
227
 
                    { effectid: "marqueeLeft", effect: marqueeLeft},
228
 
                    { effectid: "marqueeRight", effect: marqueeRight},
229
 
                    { effectid: "marqueeUp", effect: marqueeUp},
230
 
                    { effectid: "marqueeDown", effect: marqueeDown}
231
 
                ] %}
232
 
 
233
 
                {% set noTransitionOption %}{% trans "No transition" %}{% endset %}
 
126
                {% set helpText %}{% trans "Please select the effect that will be used to transition between items. If all items should be output, select None. Marquee effects are CPU intensive and may not be suitable for lower power displays." %}{% endset %}
 
127
                {% set noneOption %}{% trans "None" %}{% endset %}
234
128
                {% set fade %}{% trans "Fade" %}{% endset %}
235
129
                {% set fadeout %}{% trans "Fade Out" %}{% endset %}
236
130
                {% set scrollHorz %}{% trans "Scroll Horizontal" %}{% endset %}
240
134
                {% set shuffle %}{% trans "Shuffle" %}{% endset %}
241
135
                {% set tileSlide %}{% trans "Tile Slide" %}{% endset %}
242
136
                {% set tileBlind %}{% trans "Tile Blind" %}{% endset %}
243
 
                {% set showPagedOptions = [
244
 
                { effectid: "noTransition", effect: noTransitionOption },
 
137
                {% set marqueeLeft %}{% trans "Marquee Left" %}{% endset %}
 
138
                {% set marqueeRight %}{% trans "Marquee Right" %}{% endset %}
 
139
                {% set marqueeUp %}{% trans "Marquee Up" %}{% endset %}
 
140
                {% set marqueeDown %}{% trans "Marquee Down" %}{% endset %}
 
141
                {% set options = [
 
142
                { effectid: "none", effect: noneOption },
245
143
                { effectid: "fade", effect: fade },
246
144
                { effectid: "fadeout", effect: fadeout},
247
145
                { effectid: "scrollHorz", effect: scrollHorz},
250
148
                { effectid: "flipVert", effect: flipVert},
251
149
                { effectid: "shuffle", effect: shuffle},
252
150
                { effectid: "tileSlide", effect: tileSlide},
253
 
                { effectid: "tileBlind", effect: tileBlind}
 
151
                { effectid: "tileBlind", effect: tileBlind},
 
152
                { effectid: "marqueeLeft", effect: marqueeLeft},
 
153
                { effectid: "marqueeRight", effect: marqueeRight},
 
154
                { effectid: "marqueeUp", effect: marqueeUp},
 
155
                { effectid: "marqueeDown", effect: marqueeDown}
254
156
                ] %}
255
 
                {% set fieldEffect %}{{ forms.dropdown("effect", "single", title, module.getOption("effect"), {showAll: showAllOptions, showPaged: showPagedOptions}, "effectid", "effect", helpText, "l", "", "", "", "", optionGroups) }}{% endset %}
 
157
                {% set fieldEffect %}{{ forms.dropdown("effect", "single", title, module.getOption("effect"), options, "effectid", "effect", helpText) }}{% endset %}
256
158
 
257
159
                {% set title %}{% trans "Speed" %}{% endset %}
258
160
                {% set helpText %}{% trans "The transition speed of the selected effect in milliseconds (normal = 1000) or the Marquee Speed in a low to high scale (normal = 1)." %}{% endset %}
263
165
                {% set fieldBackgroundColor %}{{ forms.input("backgroundColor", title, module.getOption("backgroundColor"), helpText, "background-color-group") }}{% endset %}
264
166
 
265
167
                {% set title %}{% trans "Items per page" %}{% endset %}
266
 
                {% set helpText %}{% trans "If an effect has been selected from the General tab, how many pages should we split the items across? If you don't enter anything here 1 item will be put on each page." %}{% endset %}
 
168
                {% set helpText %}{% trans "When in single mode how many items per page should be shown." %}{% endset %}
267
169
                {% set fieldItemsPerPage %}{{ forms.number("itemsPerPage", title, module.getOption("itemsPerPage"), helpText, "effect-controls") }}{% endset %}
268
170
 
269
171
                {% set title %}{% trans "Update Interval (mins)" %}{% endset %}
278
180
                {% set helpText %}{% trans "Should items be shown side by side?" %}{% endset %}
279
181
                {% set fieldItemsSideBySide %}{{ forms.checkbox("itemsSideBySide", title, module.getOption("itemsSideBySide"), helpText) }}{% endset %}
280
182
 
281
 
                {% set helpText %}
282
 
                    {% trans "Enter the template. Please note that the background colour has automatically coloured to your layout background colour." %}
283
 
                    {% trans "The red rectangle reflects the size of the region you are editing." %}
284
 
                    {% trans "Shift+Enter will drop a single line. Enter alone starts a new paragraph." %}
285
 
                {% endset %}
 
183
                {% set helpText %}{% trans "Enter the template. Please note that the background colour has automatically coloured to your layout background colour." %}{% endset %}
286
184
                {% set fieldTemplate %}{{ forms.textarea("ta_text", "", module.getRawNode("template"), helpText, "template-override-controls", "", 10) }}{% endset %}
287
185
 
288
186
                {% set title %}{% trans "Optional Stylesheet" %}{% endset %}
289
187
                {% set fieldStyleSheet %}{{ forms.textarea("ta_css", "", module.getRawNode("css"), title, "template-override-controls", "", 10) }}{% endset %}
290
188
 
291
 
                {% set title %}{% trans "Optional JavaScript" %}{% endset %}
292
 
                {% set fieldJavaScript %}{{ forms.textarea("javaScript", "", module.getRawNode("javaScript"), title, "", "", 10) }}{% endset %}
293
 
 
294
 
                {% set helpText %}{% trans "A message to display when no data is returned from the source" %}{% endset %}
295
 
                {% set fieldNoDataMessage %}
296
 
                    <div class="pull-right">
297
 
                        <label class="col-sm-2 control-label" for="ckeditor_library_select">{% trans "Library" %}</label>
298
 
                        <div class="col-sm-10">
299
 
                            <select class="ckeditor_library_select" class="form-control" data-linked-to="noDataMessage">
300
 
                                <option></option>
301
 
                                {% for item in media %}
302
 
                                    {% if item.mediaType == "image" %}
303
 
                                        <option value="{{ item.mediaId }}" data-image-url="{{ urlFor("library.download", {id: item.mediaId}) }}?preview=1">{{ item.name }}</option>
304
 
                                    {% endif %}
305
 
                                {% endfor %}
306
 
                            </select>
307
 
                        </div>
308
 
                    </div>
309
 
                    {{ forms.textarea("noDataMessage", "", module.getRawNode("noDataMessage"), helpText, "", "", 5) }}
310
 
                {% endset %}
311
 
 
312
189
                {# Different fields for each type of Ticker #}
313
190
                {% if module.getOption("sourceId") == 1 %}
314
191
                    {# Source = Feed #}
326
203
 
327
204
                        {% set title %}{% trans "Template" %}{% endset %}
328
205
                        {% set helpText %}{% trans "Select the template you would like to apply. This can be overridden using the check box below." %}{% endset %}
329
 
                        {{ forms.dropdown("templateId", "single", title, module.getOption("templateId", "title-only"), module.templatesAvailable(), "id", "value", helptext, "template-selector-control selectPicker selectPickerWithImage", null, null, null, null, null, baseUrl, "image") }}
 
206
                        {{ forms.dropdown("templateId", "single", title, module.getOption("templateId", "title-only"), module.templatesAvailable(), "id", "value", helptext, "template-selector-control") }}
330
207
 
331
208
                        {% set title %}{% trans "Override the template?" %}{% endset %}
332
209
                        {% set helpText %}{% trans "Tick if you would like to override the template." %}{% endset %}
333
210
                        {{ forms.checkbox("overrideTemplate", title, module.getOption("overrideTemplate", 0), helpText) }}
334
211
 
335
 
                        <div class="template-override-controls">
336
 
                            <div class="col-sm-6">
337
 
                                <div class="well">
338
 
                                    <div class="text-center text-info">{% trans "Available Substitutions" %}</div>
339
 
                                    <ul id="TickerDataSetColumns">
340
 
                                        <li class="ckeditor_snippits" linkedto="ta_text">Name</li>
341
 
                                        <li class="ckeditor_snippits" linkedto="ta_text">Title</li>
342
 
                                        <li class="ckeditor_snippits" linkedto="ta_text">Description</li>
343
 
                                        <li class="ckeditor_snippits" linkedto="ta_text">Date</li>
344
 
                                        <li class="ckeditor_snippits" linkedto="ta_text">Content</li>
345
 
                                        <li class="ckeditor_snippits" linkedto="ta_text">Copyright</li>
346
 
                                        <li class="ckeditor_snippits" linkedto="ta_text">Link</li>
347
 
                                        <li class="ckeditor_snippits" linkedto="ta_text">PermaLink</li>
348
 
                                        <li class="ckeditor_snippits" linkedto="ta_text">Tag|Namespace</li>
349
 
                                    </ul>
350
 
                                </div>
351
 
                            </div>
352
 
                            <div class="col-sm-6">
353
 
                                <div class="form-group well">
354
 
                                    <label class="col-sm-2 control-label" for="ckeditor_library_select">{% trans "Library" %}</label>
355
 
                                    <div class="col-sm-10">
356
 
                                        <select class="ckeditor_library_select" class="form-control" data-linked-to="ta_text">
357
 
                                            <option></option>
358
 
                                            {% for item in media %}
359
 
                                                {% if item.mediaType == "image" %}
360
 
                                                    <option value="{{ item.mediaId }}" data-image-url="{{ urlFor("library.download", {id: item.mediaId}) }}?preview=1">{{ item.name }}</option>
361
 
                                                {% endif %}
362
 
                                            {% endfor %}
363
 
                                        </select>
364
 
                                    </div>
365
 
                                </div>
366
 
                            </div>
 
212
                        <div class="well template-override-controls">
 
213
                            <div class="text-center text-info">{% trans "Available Substitutions" %}</div>
 
214
                            <ul id="TickerDataSetColumns">
 
215
                                <li class="ckeditor_snippits" linkedto="ta_text">Name</li>
 
216
                                <li class="ckeditor_snippits" linkedto="ta_text">Title</li>
 
217
                                <li class="ckeditor_snippits" linkedto="ta_text">Description</li>
 
218
                                <li class="ckeditor_snippits" linkedto="ta_text">Date</li>
 
219
                                <li class="ckeditor_snippits" linkedto="ta_text">Content</li>
 
220
                                <li class="ckeditor_snippits" linkedto="ta_text">Copyright</li>
 
221
                                <li class="ckeditor_snippits" linkedto="ta_text">Link</li>
 
222
                                <li class="ckeditor_snippits" linkedto="ta_text">PermaLink</li>
 
223
                                <li class="ckeditor_snippits" linkedto="ta_text">Tag|Namespace</li>
 
224
                            </ul>
367
225
                        </div>
368
226
 
369
227
                        {{ fieldTemplate }}
373
231
                        {{ fieldSpeed }}
374
232
 
375
233
                        {% set title %}{% trans "Text direction" %}{% endset %}
376
 
                        {% set helpText %}{% trans "Which direction does the text in the feed use?" %}{% endset %}
 
234
                        {% set helpText %}{% trans "Which direction does the text in the feed use? (left to right or right to left" %}{% endset %}
377
235
                        {% set leftToRight %}{% trans "Left to Right (LTR)" %}{% endset %}
378
236
                        {% set rightToLeft %}{% trans "Right to Left (RTL)" %}{% endset %}
379
237
                        {% set options = [
399
257
                        {{ forms.dropdown("takeItemsFrom", "single", title, module.getOption("takeItemsFrom", "start"), options, "takeitemsfromid", "takeitemsfrom", helpText) }}
400
258
 
401
259
                        {{ fieldDurationIsPerItem }}
402
 
 
403
 
                        {% set title %}{% trans "Randomise?" %}{% endset %}
404
 
                        {% set helpText %}{% trans "Should the order of the feed be randomised? When enabled each time the Widget is shown the items will be randomly shuffled and displayed in a random order." %}{% endset %}
405
 
                        {{ forms.checkbox("randomiseItems", title, module.getOption("randomiseItems"), helpText) }}
406
 
 
407
260
                    </div>
408
261
                    <div class="tab-pane" id="advanced">
409
262
                        {{ fieldBackgroundColor }}
416
269
                        {{ fieldItemsSideBySide }}
417
270
 
418
271
                        {% set title %}{% trans "Date Format" %}{% endset %}
419
 
                        {% set manualUrl %}{{ helpService.address("advanced_dateFormat.html") }}{% endset %}
 
272
                        {% set manualUrl %}{{ settings.HELP_BASE }}advanced_dateFormat.md{% endset %}
420
273
                        {% set helpText %}{% trans %}The format to apply to all dates returned by the ticker. See the <a href="{{ manualUrl }}">Manual</a> for allowed formats.{% endtrans %}{% endset %}
421
274
                        {{ forms.input("dateFormat", title, module.getOption("dateFormat"), helpText) }}
422
275
 
431
284
                        {% set title %}{% trans "Disable Date Sort" %}{% endset %}
432
285
                        {% set helpText %}{% trans "Should the date sort applied to the feed be disabled?" %}{% endset %}
433
286
                        {{ forms.checkbox("disableDateSort", title, module.getOption("disableDateSort"), helpText) }}
434
 
 
435
 
                        {{ fieldNoDataMessage }}
436
 
 
437
 
                        {{ fieldJavaScript }}
438
287
                    </div>
439
288
                {% else %}
440
289
                    {# Source = Dataset #}
444
293
                        {{ fieldDuration }}
445
294
                        {{ fieldEffect }}
446
295
                        {{ fieldSpeed }}
447
 
                    </div>
448
 
                    <div class="tab-pane" id="template">
449
 
                        <div class="col-sm-6">
450
 
                            <div class="well">
451
 
                                <div class="text-center text-info">{% trans "Available Substitutions" %}</div>
452
 
                                <ul id="TickerDataSetColumns">
453
 
                                    {% for column in module.dataSetColumns() %}
454
 
                                    <li class="ckeditor_snippits" linkedto="ta_text" datasetcolumnid="{{ column.dataSetColumnId }}">{{ column.heading }}</li>
455
 
                                    {% endfor %}
456
 
                                </ul>
457
 
                            </div>
458
 
                        </div>
459
 
                        <div class="col-sm-6">
460
 
                            <div class="form-group well">
461
 
                                <label class="col-sm-2 control-label" for="ckeditor_library_select">{% trans "Library" %}</label>
462
 
                                <div class="col-sm-10">
463
 
                                    <select class="ckeditor_library_select" class="form-control" data-linked-to="ta_text">
464
 
                                        <option></option>
465
 
                                        {% for item in media %}
466
 
                                            {% if item.mediaType == "image" %}
467
 
                                                <option value="{{ item.mediaId }}" data-image-url="{{ urlFor("library.download", {id: item.mediaId}) }}?preview=1">{{ item.name }}</option>
468
 
                                            {% endif %}
469
 
                                        {% endfor %}
470
 
                                    </select>
471
 
                                </div>
472
 
                            </div>
473
 
                        </div>
474
 
                        {{ fieldTemplate }}
475
 
                        {{ fieldStyleSheet }}
476
 
                    </div>
477
 
                    <div class="tab-pane" id="orderCriteria">
478
 
 
479
 
                        {% set message %}{% trans "The DataSet results can be ordered by any column and set below. New fields can be added by selecting the plus icon at the end of the current row. Should a more complicated order be required the advanced checkbox can be selected to provide custom SQL syntax." %}{% endset %}
480
 
                        {{ forms.message(message) }}
481
 
 
482
 
                        <div id="orderClause">
483
 
 
484
 
                        </div>
485
 
 
486
 
                        {% set title %}{% trans "Use advanced order clause?" %}{% endset %}
487
 
                        {% set helpText %}{% trans "Provide a custom clause instead of using the clause builder above." %}{% endset %}
488
 
                        {{ forms.checkbox("useOrderingClause", title, module.getOption("useOrderingClause", 0), helpText) }}
489
296
 
490
297
                        {% set title %}{% trans "Order" %}{% endset %}
491
298
                        {% set helpText %}{% trans "Please enter a SQL clause for how this dataset should be ordered" %}{% endset %}
492
 
                        {{ forms.input("ordering", title, module.getOption("ordering"), helpText, "order-clause-field") }}
493
 
 
494
 
                    </div>
495
 
                    <div class="tab-pane" id="filterCriteria">
496
 
                        {% set message %}{% trans "The DataSet results can be filtered by any column and set below. New fields can be added by selecting the plus icon at the end of the current row. Should a more complicated filter be required the advanced checkbox can be selected to provide custom SQL syntax." %}{% endset %}
497
 
                        {{ forms.message(message) }}
498
 
 
499
 
                        <div id="filterClause">
500
 
 
501
 
                        </div>
502
 
 
503
 
                        {% set title %}{% trans "Use advanced filter clause?" %}{% endset %}
504
 
                        {% set helpText %}{% trans "Provide a custom clause instead of using the clause builder above." %}{% endset %}
505
 
                        {{ forms.checkbox("useFilteringClause", title, module.getOption("useFilteringClause", 0), helpText) }}
 
299
                        {{ forms.input("ordering", title, module.getOption("ordering"), helpText) }}
506
300
 
507
301
                        {% set title %}{% trans "Filter" %}{% endset %}
508
302
                        {% set helpText %}{% trans "Please enter a SQL clause to filter this DataSet." %}{% endset %}
509
 
                        {{ forms.input("filter", title, module.getOption("filter"), helpText, "filter-clause-field") }}
 
303
                        {{ forms.input("filter", title, module.getOption("filter"), helpText) }}
 
304
                    </div>
 
305
                    <div class="tab-pane" id="template">
 
306
                        <div class="well">
 
307
                            <div class="text-center text-info">{% trans "Available Substitutions" %}</div>
 
308
                            <ul id="TickerDataSetColumns">
 
309
                                {% for column in module.dataSetColumns() %}
 
310
                                <li class="ckeditor_snippits" linkedto="ta_text" datasetcolumnid="{{ column.dataSetColumnId }}">{{ column.heading }}</li>
 
311
                                {% endfor %}
 
312
                            </ul>
 
313
                        </div>
 
314
                        {{ fieldTemplate }}
 
315
                        {{ fieldStyleSheet }}
510
316
                    </div>
511
317
                    <div class="tab-pane" id="format">
512
318
                        {{ fieldItemsPerPage }}
524
330
                        {% set title %}{% trans "Upper Row Limit" %}{% endset %}
525
331
                        {% set helpText %}{% trans "Please enter the Upper Row Limit for this DataSet (enter 0 for no limit)" %}{% endset %}
526
332
                        {{ forms.number("upperLimit", title, module.getOption("upperLimit"), helpText) }}
527
 
 
528
 
                        {{ fieldNoDataMessage }}
529
 
 
530
 
                        {{ fieldJavaScript }}
531
333
                    </div>
532
334
                {% endif %}
533
335
                </div>