OTS-OpenSource/Cloud-CMS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial Upload

Browse Source
This commit is contained in:
Matt Batchelder
2025-12-02 10:32:59 -05:00
commit 05ce0da296
2240 changed files with 467811 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
ui/src/templates/forms/inputs/add-ons/customPopOver.hbs Normal file
View File

@@ -0,0 +1,7 @@
<i class="fa fa-info-circle input-info tooltip-always-on"
data-toggle="popover"
data-trigger="hover"
data-placement="bottom"
data-html="true"
data-content='{{content}}'
>

6
ui/src/templates/forms/inputs/add-ons/dateFormatHelperPopup.hbs Normal file
View File

@@ -0,0 +1,6 @@
<span data-placement="bottom"
data-toggle="popover"
data-trigger="hover"
data-html="true"
data-container="body"
data-content="{{content}}"><i class="fa fa-info-circle"></i></span>

6
ui/src/templates/forms/inputs/add-ons/dropdownOptionImage.hbs Normal file
View File

@@ -0,0 +1,6 @@
<span class='media'>
<span class='media-left mr-2'>
<img style='max-width: 80px; max-height: 60px;' src='{{image}}' />
</span>
<span class='media-body'>{{title}}</span>
</span>

5
ui/src/templates/forms/inputs/add-ons/helpText.hbs Normal file
View File

@@ -0,0 +1,5 @@
<i class="fa fa-question-circle input-info tooltip-always-on xibo-help-text"
data-toggle="tooltip"
data-placement="top"
title="{{helpText}}">
</i>

16
ui/src/templates/forms/inputs/add-ons/playerCompatibility.hbs Normal file
View File

@@ -0,0 +1,16 @@
<i class="fa fa-warning input-warning tooltip-always-on"
data-toggle="popover"
data-trigger="hover"
data-placement="left"
data-html="true"
data-content='<div class="player-compatibility-helper">
{{#if message }}<div class="message">{{ message }}</div>{{/if}}
<ul>
<li {{#neq android null}}class="unsupported"{{/neq}}><div class="os-icon-container"><img src="/dist/assets/players/android.png" alt="Android" class="os-icon"></div>{{#if android}}<span class="desc">{{ android }}</span>{{/if}}</li>
<li {{#neq linux null}}class="unsupported"{{/neq}}><div class="os-icon-container"><img src="/dist/assets/players/linux.png" alt="Linux" class="os-icon"></div>{{#if linux}}<span class="desc">{{ linux }}</span>{{/if}}</li>
<li {{#neq tizen null}}class="unsupported"{{/neq}}><div class="os-icon-container"><img src="/dist/assets/players/tizen.png" alt="Tizen" class="os-icon"></div>{{#if tizen}}<span class="desc">{{ tizen }}</span>{{/if}}</li>
<li {{#neq webos null}}class="unsupported"{{/neq}}><div class="os-icon-container"><img src="/dist/assets/players/webos.png" alt="webOS" class="os-icon"></div>{{#if webos}}<span class="desc">{{ webos }}</span>{{/if}}</li>
<li {{#neq windows null}}class="unsupported"{{/neq}}><div class="os-icon-container"><img src="/dist/assets/players/windows.png" alt="Windows" class="os-icon"></div>{{#if windows}}<span class="desc">{{ windows }}</span>{{/if}}</li>
<li {{#neq chromeos null}}class="unsupported"{{/neq}}><div class="os-icon-container"><img src="/dist/assets/players/chromeos.png" alt="ChromeOS" class="os-icon"></div>{{#if chromeos}}<span class="desc">{{ chromeos }}</span>{{/if}}</li>
</ul>
</div>'>

9
ui/src/templates/forms/inputs/add-ons/richTextRegionControls.hbs Normal file
View File

@@ -0,0 +1,9 @@
<div class="form-editor-controls rich-text-dimensions-control">
<label class="font-weight-bold control-label m-0">{{trans.widgetDimensions }}</label>
<div class="form-group form-group-width">
<input type="number" class="form-control text-editor-width" id="editorWidth" placeholder="{{trans.width }}" title="{{trans.width }}" value="{{dimensions.width}}">
</div>
<div class="form-group form-group-height">
<input type="number" class="form-control text-editor-height" id="editorHeight" placeholder="{{trans.height }}" title="{{trans.height }}" value="{{dimensions.height}}">
</div>
</div>

36
ui/src/templates/forms/inputs/buttonSwitch.hbs Normal file
View File

@@ -0,0 +1,36 @@
<div class="form-group xibo-form-input button-switch-input-group
{{customClass}}
{{variant}}"
{{#if visibility}}data-visibility="{{visibility}}"{{/if}}
{{#if dependsOn}}data-depends-on="{{dependsOn}}"{{/if}}
{{#if isRequired}}data-is-required="{{isRequired}}"{{/if}}
>
<label for="{{#unless forceId}}input_{{/unless}}{{id}}" class="control-label"><strong>{{title}}</strong></label>
<div class="input-info-container">
{{#if helpText}}
{{> add-ons/helpText helpText=helpText}}
{{/if}}
</div>
<input id="{{#unless forceId}}input_{{/unless}}{{id}}" name="{{#if name}}{{name}}{{else}}{{id}}{{/if}}" value="{{value}}" type="hidden"/>
<div class="btn-group btn-block" role="group"
{{#each customData}}
data-{{this.name}}="{{this.value}}"
{{/each}}
{{#if readonly}}readonly{{/if}}
>
{{!-- Set default property values --}}
{{#unless optionsValue}}
{{set "optionsValue" "name"}}
{{/unless}}
{{#unless optionsTitle}}
{{set "optionsTitle" "title"}}
{{/unless}}
{{!-- Render options --}}
{{#each options}}
<button type="button" class="btn btn-sm {{#eq (lookup this ../optionsValue) ../value}}selected{{/eq}}"
data-value="{{lookup this ../optionsValue}}"
>{{lookup this ../optionsTitle}}</button>
{{/each}}
</div>
</div>

3
ui/src/templates/forms/inputs/canvasWidgetsSelector.hbs Normal file
View File

@@ -0,0 +1,3 @@
<div class="canvas-widget-control mb-2">
{{> dropdown id="canvasWidgetControl" value=widgetId title=trans.canvasWidgets customClass="canvas-widget-control-dropdown" options=widgets optionsTitle="widgetName" optionsValue="widgetId" helpText=trans.canvasWidgetsHelp }}
</div>

17
ui/src/templates/forms/inputs/checkbox.hbs Normal file
View File

@@ -0,0 +1,17 @@
<div class="form-check pb-3 xibo-form-input {{customClass}}"
{{#if visibility}}data-visibility="{{visibility}}"{{/if}}
{{#if dependsOn}}data-depends-on="{{dependsOn}}"{{/if}}
{{#if isRequired}}data-is-required="{{isRequired}}"{{/if}}
>
<input type="checkbox" class="form-check-input" id="input_{{id}}" name="{{#if name}}{{name}}{{else}}{{id}}{{/if}}" {{#eq (number value) 1}}checked="checked"{{/eq}}
{{#each customData}}
data-{{this.name}}="{{this.value}}"
{{/each}}
/>
<label for="input_{{id}}" class="form-check-label"><strong>{{title}}</strong></label>
<div class="input-info-container pt-0">
{{#if helpText}}
{{>add-ons/helpText helpText=helpText}}
{{/if}}
</div>
</div>

25
ui/src/templates/forms/inputs/code.hbs Normal file
View File

@@ -0,0 +1,25 @@
<div class="form-group code-input-group xibo-code-input xibo-form-input {{customClass}}"
{{#if visibility}}data-visibility="{{visibility}}"{{/if}}
{{#if dependsOn}}data-depends-on="{{dependsOn}}"{{/if}}
>
<label for="input_{{id}}" class="control-label"><strong>{{title}}</strong></label>
<div class="input-info-container">
{{#if helpText}}
{{>add-ons/helpText helpText=helpText}}
{{/if}}
</div>
<textarea class="form-control code-input d-none" id="input_{{id}}" name="{{#if name}}{{name}}{{else}}{{id}}{{/if}}" rows="{{rows}}" data-code-type="{{variant}}"
{{#each customData}}
data-{{this.name}}="{{this.value}}"
{{/each}}
>{{value}}</textarea>
<div class="code-input-editor-container non-scroll">
<div class="code-input-editor-scrollable">
<div class="code-input-editor"></div>
</div>
<button type="button" class="code-input-fs-btn btn btn-sm btn-white">
<i class="fas fa-arrows-alt hide-on-code-fs"></i>
<i class="fas fa-compress-arrows-alt show-on-code-fs"></i>
</button>
</div>
</div>

27
ui/src/templates/forms/inputs/color.hbs Normal file
View File

@@ -0,0 +1,27 @@
<div class="form-group colorpicker-form-element colorpicker-input xibo-form-input {{customClass}}"
{{#if default}}data-default="{{default}}"{{/if}}
{{#if visibility}}data-visibility="{{visibility}}"{{/if}}
{{#if dependsOn}}data-depends-on="{{dependsOn}}"{{/if}}
{{#if isRequired}}data-is-required="{{isRequired}}"{{/if}}
{{#if colorFormat}}data-color-format="{{colorFormat}}"{{/if}}
>
{{#if title}}
<label for="input_{{id}}" class="control-label"><strong>{{title}}</strong></label>
{{/if}}
<div class="input-info-container">
{{#if helpText}}
{{>add-ons/helpText helpText=helpText}}
{{/if}}
</div>
<div class="input-group">
<div class="input-group-prepend">
<i class="input-group-text input-group-addon" id="{{id}}_label"></i>
</div>
<input type="text" class="form-control" id="input_{{id}}" name="{{#if name}}{{name}}{{else}}{{id}}{{/if}}" value="{{value}}"
{{#each customData}}
data-{{this.name}}="{{this.value}}"
{{/each}}
/>
</div>
<div class="picker-container"><!-- Container for the picker dropdown --></div>
</div>

35
ui/src/templates/forms/inputs/colorGradient.hbs Normal file
View File

@@ -0,0 +1,35 @@
<div class="form-group color-gradient {{customClass}} xibo-form-input"
{{#if default}}data-default="{{default}}"{{/if}}
{{#if visibility}}data-visibility="{{visibility}}"{{/if}}
{{#if isRequired}}data-is-required="{{isRequired}}"{{/if}}
{{#if colorFormat}}data-color-format="{{colorFormat}}"{{/if}}
>
{{#if title}}
<label for="input_{{id}}" class="control-label"><strong>{{title}}</strong></label>
{{/if}}
<div class="input-info-container">
{{#if helpText}}
{{>add-ons/helpText helpText=helpText}}
{{/if}}
</div>
<div class="color-gradient-colours">
{{> color id='gradientColor1' name="" title=trans.colorGradient.gradientColor1}}
{{> color id='gradientColor2' name="" title=trans.colorGradient.gradientColor2}}
</div>
{{> dropdown id='gradientType' name="" title=trans.colorGradient.gradientType
optionsTitle="title" optionsValue="name"
options=(arr
(obj name='linear' title=trans.colorGradient.gradientTypeLinear)
(obj name='radial' title=trans.colorGradient.gradientTypeRadial)
)
helpText=helpText
}}
<div class="color-gradient-angle">
{{> number id='gradientAngle' name="" title=trans.colorGradient.gradientAngle}}
</div>
{{> hidden name=name customClass="color-gradient-hidden" value=value }}
</div>

1
ui/src/templates/forms/inputs/commandBuilder.hbs Normal file
View File

@@ -0,0 +1 @@
{{> text id=id name=name value=value title=title customClass="XiboCommand xibo-command-builder" helpText=helpText}}

17
ui/src/templates/forms/inputs/commandSelector.hbs Normal file
View File

@@ -0,0 +1,17 @@
{{> dropdown id=id name=name value=value title=title selectType="pagedSelect"
options=(arr (obj name='' title='')) optionsTitle="title" optionsValue="name"
customData=(arr
(obj name='width' value='100%')
(obj name='allow-clear' value='true')
(obj name='placeholder--id' value=null)
(obj name='placeholder--value' value='')
(obj name='search-url' value=commandSearchUrl)
(obj name='search-term' value='command')
(obj name='id-property' value='code')
(obj name='text-property' value='command')
(obj name='selected-property' value='selected')
(obj name='initial-value' value=initialValue)
(obj name='initial-key' value=initialKey)
)
helpText=helpText
}}

28
ui/src/templates/forms/inputs/connectorProperties.hbs Normal file
View File

@@ -0,0 +1,28 @@
{{#if isAutoComplete }}
{{> text id=id name=name value=value title=title helpText=helpText
customData=(arr
(obj name='role' value='panelTagsInput')
(obj name='auto-complete-url' value=connectorPropertiesUrl)
(obj name='search-term-key' value=name)
)
}}
{{else}}
{{> dropdown id=id name=name value=value title=title selectType="pagedSelect"
options=(arr (obj name='' title='')) optionsTitle="title" optionsValue="name"
customData=(arr
(obj name='width' value='100%')
(obj name='allow-clear' value='true')
(obj name='placeholder--id' value=null)
(obj name='placeholder--value' value='')
(obj name='search-url' value=connectorPropertiesUrl)
(obj name='search-term' value='name')
(obj name='id-property' value='type')
(obj name='text-property' value='name')
(obj name='selected-property' value='selected')
(obj name='initial-value' value=initialValue)
(obj name='initial-key' value=initialKey)
(obj name='display-all' value=true)
)
helpText=helpText
}}
{{/if}}

9
ui/src/templates/forms/inputs/custom.hbs Normal file
View File

@@ -0,0 +1,9 @@
<div class="xibo-form-input custom-input {{customClass}}"
{{#if visibility}}data-visibility="{{visibility}}"{{/if}}
{{#if dependsOn}}data-depends-on="{{dependsOn}}"{{/if}}
>
<input type="hidden" id="input_{{id}}" name="{{#if name}}{{name}}{{else}}{{id}}{{/if}}" value="{{value}}"
{{#each customData}}
data-{{this.name}}="{{this.value}}"
{{/each}}" />
</div>

26
ui/src/templates/forms/inputs/datasetColStyle.hbs Normal file
View File

@@ -0,0 +1,26 @@
<div class="dataset-col-style pt-2 my-3"
data-component-id="{{id}}"
>
<div class="dataset-col-style-title">{{name}}</div>
<div class="dataset-col-style-properties" id="{{concat "dataset-col-style-properties-" id}}" data-type="{{type}}">
{{#eq type "image"}}
{{> number value=value.opacity name=(concat 'style_' id '_opacity') customClass="dataset-col-style-property" customData=(arr (obj name='dataset-col-style-input' value='opacity')) title=trans.form.opacity}}
{{> number value=value.width name=(concat 'style_' id '_width') customClass="dataset-col-style-property" customData=(arr (obj name='dataset-col-style-input' value='width')) title=trans.form.width}}
{{> number value=value.height name=(concat 'style_' id '_height') customClass="dataset-col-style-property" customData=(arr (obj name='dataset-col-style-input' value='height')) title=trans.form.height}}
{{else}}
{{> number value=value.fontSize name=(concat 'style_' id '_fontSize') customClass="dataset-col-style-property" customData=(arr (obj name='dataset-col-style-input' value='fontSize')) title=trans.form.fontSize}}
{{> color value=value.fontColor name=(concat 'style_' id '_fontColor') customClass="dataset-col-style-property" customData=(arr (obj name='dataset-col-style-input' value='fontColor')) title=trans.form.fontColor}}
{{> dropdown value=value.fontFamily name=(concat 'style_' id '_fontFamily') title=trans.form.fontFamily customClass="font-selector dataset-col-style-property"
options=(arr (obj name='' title='')) optionsTitle="title" optionsValue="name"
customData=(arr
(obj name='search-url' value=fontsSearchUrl)
(obj name='value' value=value.fontFamily)
(obj name='dataset-col-style-input' value='fontFamily')
)
}}
{{> checkbox value=value.bold name=(concat 'style_' id '_bold') customClass="dataset-col-style-property" customData=(arr (obj name='dataset-col-style-input' value='bold')) title=trans.form.bold}}
{{> checkbox value=value.italics name=(concat 'style_' id '_italics') customClass="dataset-col-style-property" customData=(arr (obj name='dataset-col-style-input' value='italics')) title=trans.form.italics}}
{{> checkbox value=value.underline name=(concat 'style_' id '_underline') customClass="dataset-col-style-property" customData=(arr (obj name='dataset-col-style-input' value='underline')) title=trans.form.underline}}
{{/eq}}
</div>
</div>

19
ui/src/templates/forms/inputs/datasetColStyleSelector.hbs Normal file
View File

@@ -0,0 +1,19 @@
<div class="xibo-form-input dataset-column-style-selector pb-2"
data-select-id="{{id}}"
>
<div class="connectedlist w-50">
<p class="text-info text-center col-out-title mb-1">{{trans.colAvailable}}1</p>
<ul id="colsOut" class="connectedSortable m-auto text-center">
</ul>
</div>
<div class="connectedlist w-50">
<p class="text-info text-center col-in-title mb-1">{{trans.colSelected}}2</p>
<ul id="colsIn" class="connectedSortable m-auto text-center">
</ul>
</div>
{{> hidden id=id name=name value=value }}
<div class="dataset-column-styles">
<!-- COL STYLES -->
</div>
</div>

15
ui/src/templates/forms/inputs/datasetColumnSelector.hbs Normal file
View File

@@ -0,0 +1,15 @@
<div class="xibo-form-input dataset-column-selector pb-2"
data-select-id="{{id}}"
>
<div class="connectedlist w-50">
<p class="text-info text-center col-out-title mb-1">{{trans.colAvailable}}1</p>
<ul id="columnsOut" class="connectedSortable m-auto text-center">
</ul>
</div>
<div class="connectedlist w-50">
<p class="text-info text-center col-in-title mb-1">{{trans.colSelected}}2</p>
<ul id="columnsIn" class="connectedSortable m-auto text-center">
</ul>
</div>
{{> hidden id=id name=name value=value }}
</div>

4
ui/src/templates/forms/inputs/datasetField.hbs Normal file
View File

@@ -0,0 +1,4 @@
{{> dropdown id=id name=name value=value title=title customClass="dataset-field-selector"
options=(arr (obj name='' title='')) optionsTitle="title" optionsValue="name"
helpText=helpText
}}

6
ui/src/templates/forms/inputs/datasetFilter.hbs Normal file
View File

@@ -0,0 +1,6 @@
<div class="xibo-form-input dataset-filter-clause"
data-filter-id="{{id}}"
>
<div class="filter-clause-container alert alert-primary p-2 overflow-auto"></div>
{{> hidden id=id name=name value=value }}
</div>

6
ui/src/templates/forms/inputs/datasetOrder.hbs Normal file
View File

@@ -0,0 +1,6 @@
<div class="xibo-form-input dataset-order-clause"
data-order-id="{{id}}"
>
<div class="order-clause-container alert alert-primary p-2 overflow-auto"></div>
{{> hidden id=id name=name value=value }}
</div>

17
ui/src/templates/forms/inputs/datasetSelector.hbs Normal file
View File

@@ -0,0 +1,17 @@
{{> dropdown id=id name=name value=value title=title selectType="pagedSelect"
options=(arr (obj name='' title='')) optionsTitle="title" optionsValue="name"
customData=(arr
(obj name='width' value='100%')
(obj name='allow-clear' value='true')
(obj name='placeholder--id' value=null)
(obj name='placeholder--value' value='')
(obj name='search-url' value=datasetSearchUrl)
(obj name='search-term' value='dataSet')
(obj name='id-property' value='dataSetId')
(obj name='text-property' value='dataSet')
(obj name='selected-property' value='selected')
(obj name='initial-value' value=initialValue)
(obj name='initial-key' value=initialKey)
)
helpText=helpText
}}

20
ui/src/templates/forms/inputs/date.hbs Normal file
View File

@@ -0,0 +1,20 @@
<div class="form-group xibo-form-input date-input-group {{customClass}}"
{{#if visibility}}data-visibility="{{visibility}}"{{/if}}
{{#if dependsOn}}data-depends-on="{{dependsOn}}"{{/if}}
>
<label for="input_{{id}}" class="control-label"><strong>{{title}}</strong></label>
<div class="input-info-container">
{{#if helpText}}
{{>add-ons/helpText helpText=helpText}}
{{/if}}
</div>
<div class="input-group">
<input type="text" class="form-control dateControl {{variant}}" id="input_{{id}}" name="{{#if name}}{{name}}{{else}}{{id}}{{/if}}" value="{{value}}" {{#if format }}data-custom-format="{{ format }}"{{/if}}
{{#each customData}}
data-{{this.name}}="{{this.value}}"
{{/each}}
/>
<span class="input-group-append input-group-addon input-group-text date-clear-button d-none" role="button"><i
class="fa fa-times"></i></span>
</div>
</div>

5
ui/src/templates/forms/inputs/divider.hbs Normal file
View File

@@ -0,0 +1,5 @@
<div class="xibo-form-input {{customClass}}"
{{#if visibility}}data-visibility="{{visibility}}"{{/if}}
>
<hr id="input_{{id}}" class="divider ml-5 mr-5" ></hr>
</div>

43
ui/src/templates/forms/inputs/dropdown.hbs Normal file
View File

@@ -0,0 +1,43 @@
<div class="form-group xibo-form-input dropdown-input-group
{{#if selectType}}{{selectType}}{{else}}localSelect{{/if}}
{{customClass}}
{{variant}}"
{{#if visibility}}data-visibility="{{visibility}}"{{/if}}
{{#if dependsOn}}data-depends-on="{{dependsOn}}"{{/if}}
{{#if isRequired}}data-is-required="{{isRequired}}"{{/if}}
>
<label for="{{#unless forceId}}input_{{/unless}}{{id}}" class="control-label"><strong>{{title}}</strong></label>
<div class="input-info-container">
{{#if helpText}}
{{>add-ons/helpText helpText=helpText}}
{{/if}}
</div>
<select class="form-control" id="{{#unless forceId}}input_{{/unless}}{{id}}" name="{{#if name}}{{name}}{{else}}{{id}}{{/if}}"
{{#if multiple}}multiple{{/if}}
{{#each customData}}
data-{{this.name}}="{{this.value}}"
{{/each}}
{{#if readonly}}readonly{{/if}}
>
{{!-- Set default property values --}}
{{#unless optionsValue}}
{{set "optionsValue" "name"}}
{{/unless}}
{{#unless optionsTitle}}
{{set "optionsTitle" "title"}}
{{/unless}}
{{!-- Render options --}}
{{#each options}}
<option value="{{lookup this ../optionsValue}}"
{{#eq (lookup this ../optionsValue) ../value}}selected{{/eq}}
{{#if image}}
data-content="{{> add-ons/dropdownOptionImage image=image title=(lookup this ../optionsTitle) }}"
{{/if}}
{{#if set}}
data-set="{{#each set}}{{this}}{{#unless @last}},{{/unless}}{{/each}}"
{{/if}}
>{{lookup this ../optionsTitle}}</option>
{{/each}}
</select>
</div>

5
ui/src/templates/forms/inputs/effectSelector.hbs Normal file
View File

@@ -0,0 +1,5 @@
{{> dropdown id=id name=name value=value title=title customClass="effect-selector"
options=options optionsTitle="title" optionsValue="name"
customData=(arr (obj name="effects-type" value=variant) (obj name="value" value=value))
helpText=helpText
}}

8
ui/src/templates/forms/inputs/fontSelector.hbs Normal file
View File

@@ -0,0 +1,8 @@
{{> dropdown id=id name=name value=value title=title customClass=(concat "font-selector " customClass)
options=(arr (obj name='' title='')) optionsTitle="title" optionsValue="name"
customData=(arr
(obj name='search-url' value=fontsSearchUrl)
(obj name='value' value=value)
)
helpText=helpText
}}

13
ui/src/templates/forms/inputs/forecastUnitsSelector.hbs Normal file
View File

@@ -0,0 +1,13 @@
{{> dropdown id=id name=name title=title
value=value
selectType="localSelect"
optionsTitle="title" optionsValue="name"
options=(arr
(obj name='auto' title='Automatically select based on geographic location')
(obj name='ca' title='Canada')
(obj name='si' title='Standard International Units')
(obj name='uk2' title='United Kingdom')
(obj name='us' title='United States')
)
helpText=helpText
}}

5
ui/src/templates/forms/inputs/header.hbs Normal file
View File

@@ -0,0 +1,5 @@
<div class="xibo-form-input {{customClass}}"
{{#if visibility}}data-visibility="{{visibility}}"{{/if}}
>
<div id="input_{{id}}" class="header pt-3 mb-1 {{variant}}" >{{title}}</div>
</div>

7
ui/src/templates/forms/inputs/hidden.hbs Normal file
View File

@@ -0,0 +1,7 @@
<input name="{{#if name}}{{name}}{{else}}{{id}}{{/if}}" class="{{customClass}}" type="hidden" id="input_{{ id }}" value="{{ value }}"
{{#each customData}}
data-{{this.name}}="{{this.value}}"
{{/each}}
{{#if visibility}}data-visibility="{{visibility}}"{{/if}}
{{#if dependsOn}}data-depends-on="{{dependsOn}}"{{/if}}
/>

11
ui/src/templates/forms/inputs/imageReplace.hbs Normal file
View File

@@ -0,0 +1,11 @@
<div class="form-group xibo-form-input image-replace-control">
<label for="input_{{id}}" class="control-label"><strong>{{title}}</strong></label>
<div class="input-info-container">
{{#if helpText}}
{{>add-ons/helpText helpText=helpText}}
{{/if}}
</div>
<div class="image-replace-control-area">
<div>{{helpText}}</div>
</div>
</div>

19
ui/src/templates/forms/inputs/keyCapture.hbs Normal file
View File

@@ -0,0 +1,19 @@
<div class="form-group xibo-form-input key-capture-input {{customClass}}"
{{#if visibility}}data-visibility="{{visibility}}"{{/if}}
{{#if dependsOn}}data-depends-on="{{dependsOn}}"{{/if}}
{{#if isRequired}}data-is-required="{{isRequired}}"{{/if}}
data-capture-target-id="{{target}}"
>
<label for="input_{{id}}" class="control-label"><strong>{{title}}</strong></label>
<div class="input-info-container">
{{#if helpText}}
{{>add-ons/helpText helpText=helpText}}
{{/if}}
</div>
<div class="key-capture-input-wrapper">
<input type="text" class="key-capture-area" id="input_{{id}}">
<span class="clear-key-button fas fa-times" title="{{trans.clearKey}}"></span>
</div>
<div class="key-capture-error"></div>
</div>

147
ui/src/templates/forms/inputs/languageSelector.hbs Normal file
View File

@@ -0,0 +1,147 @@
{{> dropdown id=id name=name title=title
value=value
selectType="languageSelect"
variant=variant
optionsTitle="title" optionsValue="name"
options=(arr
(obj name=null title='')
(obj name='af' title='Afrikaans')
(obj name='ar-dz' title='Arabic (Algeria)')
(obj name='ar-kw' title='Arabic (Kuwait)')
(obj name='ar-ly' title='Arabic (Libya)')
(obj name='ar-ma' title='Arabic (Morocco)')
(obj name='ar-sa' title='Arabic (Saudi Arabia)')
(obj name='ar-tn' title='Arabic (Tunisia)')
(obj name='ar' title='Arabic')
(obj name='az' title='Azerbaijani')
(obj name='be' title='Belarusian')
(obj name='bg' title='Bulgarian')
(obj name='bm' title='Bambara')
(obj name='bn-bd' title='Bengali (Bangladesh)')
(obj name='bn' title='Bengali')
(obj name='bo' title='Tibetan')
(obj name='br' title='Breton')
(obj name='bs' title='Bosnian')
(obj name='ca' title='Catalan')
(obj name='cs' title='Czech')
(obj name='cv' title='Chuvash')
(obj name='cy' title='Welsh')
(obj name='da' title='Danish')
(obj name='de-at' title='German (Austria)')
(obj name='de-ch' title='German (Switzerland)')
(obj name='de' title='German')
(obj name='dv' title='Divehi')
(obj name='el' title='Greek')
(obj name='en-au' title='English (Australia)')
(obj name='en-ca' title='English (Canada)')
(obj name='en-gb' title='English (United Kingdom)')
(obj name='en-ie' title='English (Ireland)')
(obj name='en-il' title='English (Israel)')
(obj name='en-in' title='English (India)')
(obj name='en-nz' title='English (New Zealand)')
(obj name='en-sg' title='English (Singapore)')
(obj name='eo' title='Esperanto')
(obj name='es-do' title='Spanish (Dominican Republic)')
(obj name='es-mx' title='Spanish (Mexico)')
(obj name='es-us' title='Spanish (United States)')
(obj name='es' title='Spanish')
(obj name='et' title='Estonian')
(obj name='eu' title='Basque')
(obj name='fa' title='Persian')
(obj name='fi' title='Finnish')
(obj name='fil' title='Filipino')
(obj name='fo' title='Faroese')
(obj name='fr-ca' title='French (Canada)')
(obj name='fr-ch' title='French (Switzerland)')
(obj name='fr' title='French')
(obj name='fy' title='Western Frisian')
(obj name='gd' title='Scottish Gaelic')
(obj name='gl' title='Galician')
(obj name='gom-latn' title='gom (Latin)')
(obj name='gu' title='Gujarati')
(obj name='he' title='Hebrew')
(obj name='hi' title='Hindi')
(obj name='hr' title='Croatian')
(obj name='hu' title='Hungarian')
(obj name='hy-am' title='Armenian (Armenia)')
(obj name='id' title='Indonesian')
(obj name='is' title='Icelandic')
(obj name='it-ch' title='Italian (Switzerland)')
(obj name='it' title='Italian')
(obj name='ja' title='Japanese')
(obj name='jv' title='Javanese')
(obj name='ka' title='Georgian')
(obj name='kk' title='Kazakh')
(obj name='km' title='Khmer')
(obj name='kn' title='Kannada')
(obj name='ko' title='Korean')
(obj name='ku' title='Kurdish')
(obj name='ky' title='Kirghiz')
(obj name='lb' title='Luxembourgish')
(obj name='lo' title='Lao')
(obj name='lt' title='Lithuanian')
(obj name='lv' title='Latvian')
(obj name='me' title='Montenegrin')
(obj name='mi' title='Maori')
(obj name='mk' title='Macedonian')
(obj name='ml' title='Malayalam')
(obj name='mn' title='Mongolian')
(obj name='mr' title='Marathi')
(obj name='ms-my' title='Malay (Malaysia)')
(obj name='ms' title='Malay')
(obj name='mt' title='Maltese')
(obj name='my' title='Burmese')
(obj name='nb' title='Norwegian Bokmål')
(obj name='ne' title='Nepali')
(obj name='nl-be' title='Dutch (Belgium)')
(obj name='nl' title='Dutch')
(obj name='nn' title='Norwegian Nynorsk')
(obj name='pa-in' title='Punjabi (India)')
(obj name='pl' title='Polish')
(obj name='pt-br' title='Portuguese (Brazil)')
(obj name='pt' title='Portuguese')
(obj name='ro' title='Romanian')
(obj name='ru' title='Russian')
(obj name='sd' title='Sindhi')
(obj name='se' title='Northern Sami')
(obj name='si' title='Sinhala')
(obj name='sk' title='Slovak')
(obj name='sl' title='Slovenian')
(obj name='sq' title='Albanian')
(obj name='sr-cyrl' title='Serbian (Cyrillic)')
(obj name='sr' title='Serbian')
(obj name='ss' title='Swati')
(obj name='sv' title='Swedish')
(obj name='sw' title='Swahili')
(obj name='ta' title='Tamil')
(obj name='te' title='Telugu')
(obj name='tet' title='Tetum')
(obj name='tg' title='Tajik')
(obj name='th' title='Thai')
(obj name='tk' title='Turkmen')
(obj name='tl-ph' title='Tagalog (Philippines)')
(obj name='tlh' title='Klingon')
(obj name='tr' title='Turkish')
(obj name='tzl' title='Talossan')
(obj name='tzm-latn' title='Central Atlas Tamazight (Latin)')
(obj name='tzm' title='Central Atlas Tamazight')
(obj name='ug-cn' title='Uyghur (China)')
(obj name='uk' title='Ukrainian')
(obj name='ur' title='Urdu')
(obj name='uz-latn' title='Uzbek (Latin)')
(obj name='uz' title='Uzbek')
(obj name='vi' title='Vietnamese')
(obj name='x-pseudo' title='Pseudo')
(obj name='yo' title='Yoruba (Nigeria)')
(obj name='zh-cn' title='Chinese (China)')
(obj name='zh-hk' title='Chinese (Hong Kong)')
(obj name='zh-mo' title='Chinese (Macau)')
(obj name='zh-tw' title='Chinese (Taiwan)')
)
customData=(arr
(obj name='allow-clear' value='true')
(obj name='placeholder--id' value=null)
(obj name='placeholder--value' value='')
)
helpText=helpText
}}

25
ui/src/templates/forms/inputs/mediaSelector.hbs Normal file
View File

@@ -0,0 +1,25 @@
{{#if variant}}
{{set "filterOptions" '{"type":"{{variant}}"}'}}
{{else}}
{{set "filterOptions" '{"type":"image"}'}}
{{/if}}
{{> dropdown id=id name=name value=value title=title selectType="pagedSelect"
options=(arr (obj name='' title='')) optionsTitle="title" optionsValue="name"
customData=(arr
(obj name='width' value='100%')
(obj name='allow-clear' value='true')
(obj name='placeholder--id' value=null)
(obj name='placeholder--value' value='')
(obj name='search-url' value=mediaSearchUrl)
(obj name='search-term' value='media')
(obj name='search-term-tags' value='tags')
(obj name='id-property' value='mediaId')
(obj name='text-property' value='name')
(obj name='selected-property' value='selected')
(obj name='initial-value' value=initialValue)
(obj name='initial-key' value=initialKey)
(obj name='filter-options' value=filterOptions)
)
helpText=helpText
}}

18
ui/src/templates/forms/inputs/menuBoardCategorySelector.hbs Normal file
View File

@@ -0,0 +1,18 @@
{{> dropdown id=id name=name value=value title=title selectType="dependsSelect" customClass="menu-board-category-selector"
options=(arr (obj name='' title='')) optionsTitle="title" optionsValue="name"
customData=(arr
(obj name='width' value='100%')
(obj name='allow-clear' value='true')
(obj name='placeholder--id' value=null)
(obj name='placeholder--value' value='')
(obj name='search-url-base' value=menuBoardCategorySearchUrl)
(obj name='search-url' value=menuBoardCategorySearchUrl)
(obj name='search-term' value='name')
(obj name='id-property' value='menuCategoryId')
(obj name='text-property' value='name')
(obj name='selected-property' value='selected')
(obj name='initial-value' value=initialValue)
(obj name='initial-key' value=initialKey)
)
helpText=helpText
}}

17
ui/src/templates/forms/inputs/menuBoardSelector.hbs Normal file
View File

@@ -0,0 +1,17 @@
{{> dropdown id=id name=name value=value title=title selectType="pagedSelect"
options=(arr (obj name='' title='')) optionsTitle="title" optionsValue="name"
customData=(arr
(obj name='width' value='100%')
(obj name='allow-clear' value='true')
(obj name='placeholder--id' value=null)
(obj name='placeholder--value' value='')
(obj name='search-url' value=menuBoardSearchUrl)
(obj name='search-term' value='name')
(obj name='id-property' value='menuId')
(obj name='text-property' value='name')
(obj name='selected-property' value='selected')
(obj name='initial-value' value=initialValue)
(obj name='initial-key' value=initialKey)
)
helpText=helpText
}}

5
ui/src/templates/forms/inputs/message.hbs Normal file
View File

@@ -0,0 +1,5 @@
<div class="xibo-form-input {{customClass}}"
{{#if visibility}}data-visibility="{{visibility}}"{{/if}}
>
<div id="input_{{id}}" class="alert {{#if variant}}alert-{{variant}}{{else}}alert-info{{/if}}" >{{title}}</div>
</div>

17
ui/src/templates/forms/inputs/number.hbs Normal file
View File

@@ -0,0 +1,17 @@
<div class="form-group xibo-form-input {{customClass}}"
{{#if visibility}}data-visibility="{{visibility}}"{{/if}}
{{#if dependsOn}}data-depends-on="{{dependsOn}}"{{/if}}
{{#if isRequired}}data-is-required="{{isRequired}}"{{/if}}
>
<label for="input_{{id}}" class="control-label"><strong>{{title}}</strong></label>
<div class="input-info-container">
{{#if helpText}}
{{>add-ons/helpText helpText=helpText}}
{{/if}}
</div>
<input type="number" class="form-control" {{#if step}}step="{{step}}"{{/if}} id="input_{{id}}" name="{{#if name}}{{name}}{{else}}{{id}}{{/if}}" {{#if min}}min="{{min}}"{{/if}} value="{{value}}"
{{#each customData}}
data-{{this.name}}="{{this.value}}"
{{/each}}
/>
</div>

7
ui/src/templates/forms/inputs/playlistMixer.hbs Normal file
View File

@@ -0,0 +1,7 @@
<div class="xibo-form-input playlist-mixer"
data-mixer-id="{{id}}"
data-playlist-id="{{playlistId}}"
>
<div class="mixer-playlist-container alert alert-primary overflow-auto"></div>
{{> hidden id=id name=name value=value }}
</div>

24
ui/src/templates/forms/inputs/richText.hbs Normal file
View File

@@ -0,0 +1,24 @@
<div class="form-group xibo-form-input rich-text-input {{customClass}}"
{{#if visibility}}data-visibility="{{visibility}}"{{/if}}
{{#if dependsOn}}data-depends-on="{{dependsOn}}"{{/if}}
>
<label for="input_{{id}}" class="control-label"><strong>{{title}}</strong></label>
<div class="input-info-container">
{{#if helpText}}
{{>add-ons/helpText helpText=helpText}}
{{/if}}
</div>
<div class="rich-text-main-container">
<div class="text-area-buttons"></div>
<div class="rich-text-container-wrapper">
<div class="rich-text-container">
<textarea type="text" class="form-control rich-text" id="input_{{id}}" name="{{#if name}}{{name}}{{else}}{{id}}{{/if}}"
{{#each customData}}
data-{{this.name}}="{{this.value}}"
{{/each}}
/>{{value}}</textarea>
<div class="rich-text-editor" data-target="input_{{id}}" data-allow-lib-refs="{{allowLibraryRefs}}"></div>
</div>
</div>
</div>
</div>

13
ui/src/templates/forms/inputs/snippet.hbs Normal file
View File

@@ -0,0 +1,13 @@
<div class="form-group xibo-form-input dropdown-input-group localSelect snippet-selector"
{{#if visibility}}data-visibility="{{visibility}}"{{/if}}
title="{{helpText}}">
<select class="form-control" id="input_{{id}}"
data-mode="{{mode}}"
data-target="{{target}}"
data-placeholder="{{title}}">
<option></option>
{{#each options}}
<option value="{{name}}">{{title}}</option>
{{/each}}
</select>
</div>

17
ui/src/templates/forms/inputs/text.hbs Normal file
View File

@@ -0,0 +1,17 @@
<div class="form-group xibo-form-input {{customClass}}"
{{#if visibility}}data-visibility="{{visibility}}"{{/if}}
{{#if dependsOn}}data-depends-on="{{dependsOn}}"{{/if}}
{{#if isRequired}}data-is-required="{{isRequired}}"{{/if}}
>
<label for="input_{{id}}" class="control-label"><strong>{{title}}</strong></label>
<div class="input-info-container">
{{#if helpText}}
{{>add-ons/helpText helpText=helpText}}
{{/if}}
</div>
<input type="text" class="form-control" id="input_{{id}}" name="{{#if name}}{{name}}{{else}}{{id}}{{/if}}" value="{{value}}"
{{#each customData}}
data-{{this.name}}="{{this.value}}"
{{/each}}
/>
</div>

18
ui/src/templates/forms/inputs/textArea.hbs Normal file
View File

@@ -0,0 +1,18 @@
<div class="form-group xibo-form-input {{customClass}}"
{{#if visibility}}data-visibility="{{visibility}}"{{/if}}
{{#if dependsOn}}data-depends-on="{{dependsOn}}"{{/if}}
{{#if isRequired}}data-is-required="{{isRequired}}"{{/if}}
>
<label for="input_{{id}}" class="control-label"><strong>{{title}}</strong></label>
<div class="input-info-container">
{{#if helpText}}
{{>add-ons/helpText helpText=helpText}}
{{/if}}
</div>
<div class="text-area-buttons"></div>
<textarea class="form-control" id="input_{{id}}" name="{{#if name}}{{name}}{{else}}{{id}}{{/if}}" rows="6"
{{#each customData}}
data-{{this.name}}="{{this.value}}"
{{/each}}
/>{{value}}</textarea>
</div>

20
ui/src/templates/forms/inputs/tickerTagSelector.hbs Normal file
View File

@@ -0,0 +1,20 @@
<div class="xibo-form-input ticker-tag-selector pb-2"
data-select-id="{{id}}"
>
<div class="connectedlist w-50">
<p class="text-info text-center col-out-title mb-0">{{trans.tagAvailable}}1</p>
<ul id="tagsOut" class="connectedSortable m-auto text-center">
</ul>
</div>
<div class="connectedlist w-50">
<p class="text-info text-center col-in-title mb-0">{{trans.tagSelected}}2</p>
<ul id="tagsIn" class="connectedSortable m-auto text-center">
</ul>
</div>
{{> hidden id=id name=name value=value }}
<div class="ticker-tag-styles">
<!-- TAG STYLES -->
</div>
</div>

26
ui/src/templates/forms/inputs/tickerTagStyle.hbs Normal file
View File

@@ -0,0 +1,26 @@
<div class="ticker-tag-style pt-2 my-3"
data-component-id="{{id}}"
>
<div class="ticker-tag-style-title">{{lookup trans id}}</div>
<div class="ticker-tag-style-properties" id="{{concat "ticker-tag-style-properties-" id}}" data-type="{{id}}">
{{#eq type "image"}}
{{> number value=value.opacity name=(concat 'style_' id '_opacity') customClass="ticker-tag-style-property" customData=(arr (obj name='tag-style-input' value='opacity')) title=trans.form.opacity}}
{{> number value=value.width name=(concat 'style_' id '_width') customClass="ticker-tag-style-property" customData=(arr (obj name='tag-style-input' value='width')) title=trans.form.width}}
{{> number value=value.height name=(concat 'style_' id '_height') customClass="ticker-tag-style-property" customData=(arr (obj name='tag-style-input' value='height')) title=trans.form.height}}
{{else}}
{{> number value=value.fontSize name=(concat 'style_' id '_fontSize') customClass="ticker-tag-style-property" customData=(arr (obj name='tag-style-input' value='fontSize')) title=trans.form.fontSize}}
{{> color value=value.fontColor name=(concat 'style_' id '_fontColor') customClass="ticker-tag-style-property" customData=(arr (obj name='tag-style-input' value='fontColor')) title=trans.form.fontColor}}
{{> dropdown value=value.fontFamily name=(concat 'style_' id '_fontFamily') title=trans.form.fontFamily customClass="font-selector ticker-tag-style-property"
options=(arr (obj name='' title='')) optionsTitle="title" optionsValue="name"
customData=(arr
(obj name='search-url' value=fontsSearchUrl)
(obj name='value' value=value.fontFamily)
(obj name='tag-style-input' value='fontFamily')
)
}}
{{> checkbox value=value.bold name=(concat 'style_' id '_bold') customClass="ticker-tag-style-property" customData=(arr (obj name='tag-style-input' value='bold')) title=trans.form.bold}}
{{> checkbox value=value.italics name=(concat 'style_' id '_italics') customClass="ticker-tag-style-property" customData=(arr (obj name='tag-style-input' value='italics')) title=trans.form.italics}}
{{> checkbox value=value.underline name=(concat 'style_' id '_underline') customClass="ticker-tag-style-property" customData=(arr (obj name='tag-style-input' value='underline')) title=trans.form.underline}}
{{/eq}}
</div>
</div>

3
ui/src/templates/forms/inputs/widgetInfo.hbs Normal file
View File

@@ -0,0 +1,3 @@
<div class="widget-info-container mb-1">
<span class="widget-info-name" title="{{trans.widgetName}}">{{widget.widgetName}}</span>
</div>

8
ui/src/templates/forms/inputs/worldClock.hbs Normal file
View File

@@ -0,0 +1,8 @@
<div class="xibo-form-input world-clock-control"
data-order-id="{{id}}"
{{#if visibility}}data-visibility="{{visibility}}"{{/if}}
{{#if dependsOn}}data-depends-on="{{dependsOn}}"{{/if}}
>
<div class="clocksContainer"></div>
{{> hidden id=id name=name value=value customClass="world-clock-value" }}
</div>