2016-09-07 20:10:37 +02:00
< div class = "container-fluid" >
2017-02-08 14:36:28 +01:00
< h3 class = "page-header" > < i class = "fa fa-lightbulb-o fa-fw" > < / i > < span data-i18n = "main_menu_leds_conf_token" > LED Hardware< / span > < / h3 >
2016-09-06 10:14:54 +02:00
< ul id = "leds_cfg_nav" class = "nav nav-tabs" >
2016-12-04 19:32:23 +01:00
< li class = "active" > < a data-toggle = "tab" href = "#menu_controller" data-i18n = "conf_leds_nav_label_ledcontroller" > LED Controller< / a > < / li >
< li > < a data-toggle = "tab" href = "#menu_gencfg" data-i18n = "conf_leds_nav_label_ledlayout" > LED Layout< / a > < / li >
2016-09-06 10:14:54 +02:00
< / ul >
2016-09-05 17:26:29 +02:00
2016-09-06 10:14:54 +02:00
< div class = "tab-content" >
2016-09-05 17:26:29 +02:00
2016-09-07 20:10:37 +02:00
< div id = "menu_controller" class = "tab-pane fade in active" style = "padding-top:10px" >
2016-12-21 18:24:03 +01:00
< div class = "row" >
2017-02-08 14:36:28 +01:00
< div class = "col-lg-12" id = "leddevice_intro" > < / div >
< div class = "col-lg-6" >
< div class = "panel panel-default" >
< div class = "panel-heading form-group" >
< label for = "leddevices" class = "panel-title" data-i18n = "conf_leds_contr_label_contrtype" > Controller type:< / label >
2016-09-13 11:51:16 +02:00
< select id = "leddevices" class = "form-control" style = "color:black;width:auto;margin-left:10px;display:inline-block" / >
2016-09-09 18:59:58 +02:00
< / div >
2016-09-11 22:20:57 +02:00
2016-09-13 11:51:16 +02:00
< div class = "panel-body" >
< div id = "ledDeviceOptions" > < div id = 'editor_container' > < / div > < / div >
< / div >
2017-01-17 21:53:35 +01:00
< div class = "panel-footer" style = "text-align:right" >
2017-02-08 14:36:28 +01:00
< button id = 'btn_submit_controller' class = "btn btn-primary" > < i class = "fa fa-fw fa-save" / > < span data-i18n = "general_button_savesettings" > Save Settings< / span > < / button >
2016-12-21 18:24:03 +01:00
< / div >
2016-09-07 20:10:37 +02:00
< / div >
< / div >
2016-12-21 18:24:03 +01:00
< / div >
< / div >
2016-09-11 22:20:57 +02:00
2016-09-07 20:10:37 +02:00
< div id = "menu_gencfg" class = "tab-pane fade" style = "padding-top:10px" >
2016-09-06 10:14:54 +02:00
2016-09-07 20:10:37 +02:00
< div class = "row" >
2017-02-08 14:36:28 +01:00
< div class = "col-lg-12" id = "layout_intro" > < / div >
2016-11-30 17:32:12 +01:00
< div class = "col-lg-6 col-md-12" >
2016-09-07 20:10:37 +02:00
< div class = "panel-group" id = "accordion" >
< div class = "panel panel-primary" >
2016-11-18 18:39:27 +01:00
< div class = "panel-heading headcollapse" data-toggle = "collapse" data-parent = "#accordion" data-target = "#collapse1" >
2016-09-07 20:10:37 +02:00
< h4 class = "panel-title" >
2016-12-04 19:32:23 +01:00
< a > < i class = "fa fa-television fa-fw" > < / i > < span data-i18n = "conf_leds_layout_frame" > Classic Layout (LED Frame)< / span > < / a >
2016-09-07 20:10:37 +02:00
< / h4 >
< / div >
2017-01-17 21:53:35 +01:00
< div id = "collapse1" class = "panel-collapse collapse in" >
< div class = "panel-body" >
2016-12-21 18:24:03 +01:00
< table class = "table borderless" >
< tbody >
< tr >
< td class = "ltd" >
2017-02-15 15:53:35 +01:00
< label class = "ltdlabel" for = "ip_cl_top" data-i18n = "conf_leds_layout_cl_top" > Top< / label >
2016-12-21 18:24:03 +01:00
< / td >
< td class = "itd input-group" >
2017-02-15 15:53:35 +01:00
< input class = "form-control ledCLconstr " id = "ip_cl_top" type = "number" value = "10" min = "0" step = "1" > < / input >
2016-12-21 18:24:03 +01:00
< div class = "input-group-addon" data-i18n = "edt_append_leds" > LEDs< / div >
< / td >
< / tr >
< tr >
< td class = "ltd" >
2017-02-15 15:53:35 +01:00
< label class = "ltdlabel" for = "ip_cl_bottom" data-i18n = "conf_leds_layout_cl_bottom" > Bottom< / label >
2016-12-21 18:24:03 +01:00
< / td >
< td class = "itd input-group" >
2017-02-15 15:53:35 +01:00
< input class = "form-control ledCLconstr" id = "ip_cl_bottom" type = "number" value = "10" min = "0" step = "1" > < / input >
2016-12-21 18:24:03 +01:00
< div class = "input-group-addon" data-i18n = "edt_append_leds" > LEDs< / div >
< / td >
< / tr >
< tr >
< td class = "ltd" >
2017-02-15 15:53:35 +01:00
< label class = "ltdlabel" for = "ip_cl_left" data-i18n = "conf_leds_layout_cl_left" > Left< / label >
2016-12-21 18:24:03 +01:00
< / td >
< td class = "itd input-group" >
2017-02-15 15:53:35 +01:00
< input class = "form-control ledCLconstr" id = "ip_cl_left" type = "number" value = "6" min = "0" step = "1" > < / input >
2016-12-21 18:24:03 +01:00
< div class = "input-group-addon" data-i18n = "edt_append_leds" > LEDs< / div >
< / td >
< / tr >
< tr >
< td class = "ltd" >
2017-02-15 15:53:35 +01:00
< label class = "ltdlabel" for = "ip_cl_right" data-i18n = "conf_leds_layout_cl_right" > Right< / label >
2016-12-21 18:24:03 +01:00
< / td >
< td class = "itd input-group" >
2017-02-15 15:53:35 +01:00
< input class = "form-control ledCLconstr" id = "ip_cl_right" type = "number" value = "6" min = "0" step = "1" > < / input >
2016-12-21 18:24:03 +01:00
< div class = "input-group-addon" data-i18n = "edt_append_leds" > LEDs< / div >
< / td >
< / tr >
< tr >
< td class = "ltd" >
2017-02-15 15:53:35 +01:00
< label class = "ltdlabel" for = "ip_cl_glength" data-i18n = "conf_leds_layout_cl_gaglength" > Gap length< / label >
2016-12-21 18:24:03 +01:00
< / td >
< td class = "itd input-group" >
2017-02-15 15:53:35 +01:00
< input class = "form-control ledCLconstr" id = "ip_cl_glength" type = "number" value = "0" min = "0" step = "1" > < / input >
2016-12-21 18:24:03 +01:00
< div class = "input-group-addon" data-i18n = "edt_append_leds" > LEDs< / div >
< / td >
< / tr >
< tr >
< td class = "ltd" >
2017-02-15 15:53:35 +01:00
< label class = "ltdlabel" for = "ip_cl_gpos" data-i18n = "conf_leds_layout_cl_gappos" > Gap position< / label >
2016-12-21 18:24:03 +01:00
< / td >
< td class = "itd" >
2017-02-15 15:53:35 +01:00
< input class = "form-control ledCLconstr" id = "ip_cl_gpos" type = "number" value = "0" min = "0" step = "1" >
2016-12-21 18:24:03 +01:00
< / td >
< / tr >
< tr >
< td class = "ltd" >
< label class = "ltdlabel" for = "ip_cl_position" data-i18n = "conf_leds_layout_cl_inppos" > Input position< / label >
< / td >
< td class = "itd" >
2017-02-15 15:53:35 +01:00
< input class = "form-control ledCLconstr" id = "ip_cl_position" type = "number" value = "0" step = "1" >
2016-12-21 18:24:03 +01:00
< / td >
< / tr >
< tr >
< td class = "ltd" >
< label class = "ltdlabel" for = "ip_cl_reverse" data-i18n = "conf_leds_layout_cl_reversdir" > Reverse direction< / label >
< / td >
< td class = "itd" >
< div class = "checkbox" >
2017-02-15 15:53:35 +01:00
< input class = "ledCLconstr" id = "ip_cl_reverse" type = "checkbox" value = "false" > < / input >
2016-12-21 18:24:03 +01:00
< label > < / label >
2016-11-18 18:39:27 +01:00
< / div >
2016-12-21 18:24:03 +01:00
< / td >
< / tr >
< / tbody >
< / table >
< div class = "panel panel-default" >
< div class = "panel-heading headcollapse" data-toggle = "collapse" data-target = "#collapse3" >
< h4 class = "panel-title" >
< a > < span data-i18n = "conf_leds_layout_advanced" > Advanced settings< / span > < / a >
< / h4 >
< / div >
< div id = "collapse3" class = "panel-collapse collapse" >
< div class = "panel-body " >
< table class = "tableform borderless" >
< tbody >
< tr >
< td class = "ltd" >
2017-02-15 15:53:35 +01:00
< label class = "ltdlabel" for = "ip_cl_hdepth" data-i18n = "conf_leds_layout_cl_hleddepth" > Horizontal LED depth< / label >
2016-12-21 18:24:03 +01:00
< / td >
< td class = "itd input-group" >
2017-02-15 15:53:35 +01:00
< input class = "form-control ledCLconstr" id = "ip_cl_hdepth" type = "number" value = "8" min = "1" max = "100" step = "1" > < / input >
2016-12-21 18:24:03 +01:00
< div class = "input-group-addon" data-i18n = "edt_append_percent" > %< / div >
< / td >
< / tr >
< tr >
< td class = "ltd" >
2017-02-15 15:53:35 +01:00
< label class = "ltdlabel" for = "ip_cl_vdepth" data-i18n = "conf_leds_layout_cl_vleddepth" > Vertical LED depth< / label >
2016-12-21 18:24:03 +01:00
< / td >
< td class = "itd input-group" >
2017-02-15 15:53:35 +01:00
< input class = "form-control ledCLconstr" id = "ip_cl_vdepth" type = "number" value = "5" min = "1" max = "100" step = "1" > < / input >
2016-12-21 18:24:03 +01:00
< div class = "input-group-addon" data-i18n = "edt_append_percent" > %< / div >
< / td >
< / tr >
< tr >
< td class = "ltd" >
2017-02-08 14:36:28 +01:00
< label class = "ltdlabel" for = "ip_cl_overlap" data-i18n = "conf_leds_layout_cl_overlap" > Edge Gap< / label >
2016-12-21 18:24:03 +01:00
< / td >
< td class = "itd input-group" >
2017-02-15 15:53:35 +01:00
< input class = "form-control ledCLconstr" id = "ip_cl_overlap" type = "number" value = "0" min = "0" max = "200" step = "1" > < / input >
2016-12-21 18:24:03 +01:00
< div class = "input-group-addon" data-i18n = "edt_append_percent" > %< / div >
< / td >
< / tr >
< tr >
< td class = "ltd" >
2017-02-15 15:53:35 +01:00
< label class = "ltdlabel" for = "ip_cl_edgegap" data-i18n = "conf_leds_layout_cl_edgegap" > Edge Gap< / label >
2017-02-08 14:36:28 +01:00
< / td >
< td class = "itd input-group" >
2017-02-15 15:53:35 +01:00
< input class = "form-control ledCLconstr" id = "ip_cl_edgegap" type = "number" value = "0" min = "0" max = "50" step = "1" > < / input >
2017-02-08 14:36:28 +01:00
< div class = "input-group-addon" data-i18n = "edt_append_percent" > %< / div >
< / td >
< / tr >
<!-- <tr>
< td class = "ltd" >
2017-02-15 15:53:35 +01:00
< label class = "ltdlabel" for = "ip_cl_cornergap" data-i18n = "conf_leds_layout_cl_cornergap" > Corner Gap< / label >
2016-12-21 18:24:03 +01:00
< / td >
< td class = "itd input-group" >
2017-02-15 15:53:35 +01:00
< input class = "form-control ledCLconstr " id = "ip_cl_cornergap" type = "number" value = "0" min = "0" max = "50" step = "1" > < / input >
2016-12-21 18:24:03 +01:00
< div class = "input-group-addon" data-i18n = "edt_append_percent" > %< / div >
< / td >
< / tr >
2017-02-08 14:36:28 +01:00
-->
2016-12-21 18:24:03 +01:00
< / tbody >
< / table >
2016-11-18 18:39:27 +01:00
< / div >
< / div >
< / div >
< / div >
2017-01-17 21:53:35 +01:00
< div class = "panel-footer" style = "text-align:right;" >
< button id = "btn_cl_generate" class = "btn btn-warning" > < i class = "fa fa-fw fa-television" > < / i > < span data-i18n = "conf_leds_layout_cl_generate" > Generate LED configuration< / span > < / button >
2017-02-08 14:36:28 +01:00
< button id = "btn_cl_save" class = "btn btn-primary" > < i class = "fa fa-fw fa-save" > < / i > < span data-i18n = "conf_leds_layout_button_savelay" > Save layout< / span > < / button >
2016-09-07 20:10:37 +02:00
< / div >
< / div >
2016-09-11 22:20:57 +02:00
< / div >
2016-12-21 18:24:03 +01:00
< div class = "panel panel-primary" >
2016-11-18 18:39:27 +01:00
< div class = "panel-heading headcollapse" data-toggle = "collapse" data-parent = "#accordion" data-target = "#collapse2" >
2016-09-07 20:10:37 +02:00
< h4 class = "panel-title" >
2016-12-04 19:32:23 +01:00
< a > < i class = "fa fa-th fa-fw" > < / i > < span data-i18n = "conf_leds_layout_matrix" > Matrix Configuration (LED wall)< / span > < / a >
2016-09-07 20:10:37 +02:00
< / h4 >
< / div >
< div id = "collapse2" class = "panel-collapse collapse" >
< div class = "panel-body" >
2016-12-21 18:24:03 +01:00
< table >
< tbody >
< tr >
< td class = "ltd" >
< label class = "ltdlabel" for = "ip_ma_ledshoriz" data-i18n = "conf_leds_layout_ma_horiz" > Horizontal< / label >
< / td >
< td class = "itd input-group" >
2017-02-15 15:53:35 +01:00
< input class = "form-control ledMAconstr" id = "ip_ma_ledshoriz" type = "number" value = "10" min = "1" step = "1" > < / input >
2016-12-04 19:32:23 +01:00
< div class = "input-group-addon" data-i18n = "edt_append_leds" > LEDs< / div >
2016-12-21 18:24:03 +01:00
< / td >
< / tr >
< tr >
< td class = "ltd" >
< label class = "ltdlabel" for = "ip_ma_ledsvert" data-i18n = "conf_leds_layout_ma_vert" > Vertical< / label >
< / td >
< td class = "itd input-group" >
2017-02-15 15:53:35 +01:00
< input class = "form-control ledMAconstr" id = "ip_ma_ledsvert" type = "number" value = "10" min = "1" step = "1" > < / input >
2016-12-04 19:32:23 +01:00
< div class = "input-group-addon" data-i18n = "edt_append_leds" > LEDs< / div >
2016-12-21 18:24:03 +01:00
< / td >
< / tr >
< tr >
< td class = "ltd" >
< label class = "ltdlabel" for = "ip_ma_cabling" data-i18n = "conf_leds_layout_ma_cabling" > Cabling< / label >
< / td >
< td class = "itd" >
2017-02-15 15:53:35 +01:00
< select class = "form-control ledMAconstr" id = "ip_ma_cabling" >
2016-12-04 19:32:23 +01:00
< option value = "snake" data-i18n = "conf_leds_layout_ma_optsnake" > Snake< / option >
< option value = "parallel" data-i18n = "conf_leds_layout_ma_optparallel" > Parallel< / option >
2016-11-18 18:39:27 +01:00
< / select >
2016-12-21 18:24:03 +01:00
< / td >
< / tr >
<!-- - <tr>
< td class = "ltd" >
< label class = "ltdlabel" for = "ip_ma_order" data-i18n = "conf_leds_layout_ma_order" > Order< / label >
< / td >
< td class = "itd" >
2016-11-18 18:39:27 +01:00
< select class = "form-control ledMAconstr" id = "ip_ma_order" >
2016-12-04 19:32:23 +01:00
< option value = "horizontal" data-i18n = "conf_leds_layout_ma_opthoriz" > Horizontal< / option >
< option value = "vertical" data-i18n = "conf_leds_layout_ma_optvert" > Vertical< / option >
2016-11-18 18:39:27 +01:00
< / select >
2016-12-21 18:24:03 +01:00
< / td >
< / tr >
2016-11-18 18:39:27 +01:00
--->
2016-12-21 18:24:03 +01:00
< tr >
< td class = "ltd" >
< label class = "ltdlabel" for = "ip_ma_start" data-i18n = "conf_leds_layout_ma_position" > Input< / label >
< / td >
< td class = "itd" >
2017-02-15 15:53:35 +01:00
< select class = "form-control ledMAconstr" id = "ip_ma_start" >
2016-12-04 19:32:23 +01:00
< option value = "top-left" data-i18n = "conf_leds_layout_ma_opttopleft" > Top left< / option >
< option value = "top-right" data-i18n = "conf_leds_layout_ma_opttopright" > Top right< / option >
< option value = "bottom-left" data-i18n = "conf_leds_layout_ma_optbottomleft" > Bottom left< / option >
< option value = "bottom-right" data-i18n = "conf_leds_layout_ma_optbottomright" > Bottom right< / option >
2016-11-18 18:39:27 +01:00
< / select >
2016-12-21 18:24:03 +01:00
< / td >
< / tr >
< / tbody >
< / table >
2016-11-18 18:39:27 +01:00
< / div >
2017-01-17 21:53:35 +01:00
< div class = "panel-footer" style = "text-align:right;" >
< button id = "btn_ma_generate" class = "btn btn-warning" > < i class = "fa fa-fw fa-th" > < / i > < span data-i18n = "conf_leds_layout_cl_generate" > Generate LED configuration< / span > < / button >
2017-02-08 14:36:28 +01:00
< button id = "btn_ma_save" class = "btn btn-primary" > < i class = "fa fa-fw fa-save" > < / i > < span data-i18n = "conf_leds_layout_button_savelay" > Save layout< / span > < / button >
2016-11-18 18:39:27 +01:00
< / div >
< / div >
2016-12-21 18:24:03 +01:00
< / div >
2017-01-17 21:53:35 +01:00
< div id = "texfield_panel" class = "panel panel-primary" >
< div class = "panel-heading headcollapse" data-toggle = "collapse" data-parent = "#accordion" data-target = "#collapse4" >
< h4 class = "panel-title" >
< a > < i class = "fa fa-wrench fa-fw" > < / i > < span data-i18n = "conf_leds_layout_generatedconf" > Generated/Actual LED Configuration< / span > < / a >
< / h4 >
< / div >
< div id = "collapse4" class = "panel-collapse collapse" >
< div class = "panel-body" >
< p data-i18n = "conf_leds_layout_textf1" > This textfield shows by default your current loaded layout and will be overwritten if you generate a new one above. Optional you could perform further edits.< / p >
2017-02-28 17:53:41 +01:00
< div id = "aceedit" style = "width:100%;height:500px" > < / div >
2017-01-17 21:53:35 +01:00
< / div >
< div class = "panel-footer" >
< button type = "button" class = "btn btn-warning" id = "leds_custom_updsim" > < i class = "fa fa-search fa-fw" > < / i > < span data-i18n = "conf_leds_layout_button_updsim" > Update preview< / span > < / button >
2017-02-08 14:36:28 +01:00
< button type = "button" class = "btn btn-primary pull-right" id = "leds_custom_save" > < i class = "fa fa-fw fa-save" > < / i > < span data-i18n = "conf_leds_layout_button_savelay" > Save layout< / span > < / button >
2017-01-17 21:53:35 +01:00
< / div >
< / div >
< / div >
2016-11-18 18:39:27 +01:00
< / div >
2016-12-21 18:24:03 +01:00
< / div > <!-- accordion -->
< div class = "col-lg-6 col-md-12" >
2017-02-08 14:36:28 +01:00
< div class = "panel panel-default" >
2016-12-21 18:24:03 +01:00
< div class = "panel-heading" >
< h4 class = "panel-title" > < i class = "fa fa-search fa-fw" > < / i > < span data-i18n = "conf_leds_layout_peview" > LED Layout preview< / span > < / h4 >
< / div >
< div class = "panel-body" >
2017-01-17 21:53:35 +01:00
< p id = "previewcreator" style = "font-weight:bold" > < / p >
< p id = "previewledcount" style = "font-weight:bold" > < / p >
2017-02-26 20:55:41 +01:00
< p id = "previewledpower" style = "font-weight:bold" > < / p >
2017-02-08 14:36:28 +01:00
< div id = "led_vis_help" > < / div >
2016-12-21 18:24:03 +01:00
< div class = "col-lg-12 st_helper" style = "padding-left:0px; padding-right:0px" >
< div id = "leds_preview" > < / div >
< / div >
< / div >
< div class = "panel-footer" >
2017-01-17 21:53:35 +01:00
< button type = "button" class = "btn btn-danger" id = "leds_prev_toggle_num" > < i class = "fa fa-info fa-fw" > < / i > < span data-i18n = "main_ledsim_btn_togglelednumber" > toggle led numbers< / span > < / button >
2017-02-08 14:36:28 +01:00
< button type = "button" class = "btn btn-primary" id = "leds_prev_checklist" > < i class = "fa fa-info-circle fa-fw" > < / i > < span data-i18n = "conf_leds_layout_btn_checklist" > toggle led numbers< / span > < / button >
2016-09-07 20:10:37 +02:00
< / div >
2016-11-30 17:32:12 +01:00
< / div >
< / div >
2016-12-21 18:24:03 +01:00
< / div >
2016-09-07 20:10:37 +02:00
< / div > <!-- row layout -->
< / div >
2016-12-21 18:24:03 +01:00
< / div >
2016-09-07 20:10:37 +02:00
2016-09-05 17:26:29 +02:00
2016-09-06 10:14:54 +02:00
< / div > <!-- tab content -->
2016-09-07 20:10:37 +02:00
< / div >
2016-09-05 17:26:29 +02:00
2016-09-06 10:14:54 +02:00
< script src = "/js/content_leds.js" > < / script >