-
+
This page gives you an overview of all Hyperion versions available. On top you could update or downgrade your version of Hyperion whenever you want. Sorted from newest to oldest
diff --git a/assets/webconfig/css/hyperion.css b/assets/webconfig/css/hyperion.css
index 271c1277..22e66f9c 100644
--- a/assets/webconfig/css/hyperion.css
+++ b/assets/webconfig/css/hyperion.css
@@ -17,9 +17,12 @@ table.borderless td,table.borderless th{border: none !important;}
.sidebar{margin-top:61px;padding-top:20px;}
.dropdown{font-size:18px;}
@media (max-width: 767px) {.sidebar{margin-top:0px;}}
+.page-header{margin-top:15px;}
/*Panels*/
.panel-heading{font-size:18px;}
+.headcollapse{cursor:pointer;}
+.headcollapse a:hover{text-decoration:none;}
/*Dashboard*/
.component-on{color:green;}
diff --git a/assets/webconfig/index.html b/assets/webconfig/index.html
index 0c54f55d..86f52f61 100644
--- a/assets/webconfig/index.html
+++ b/assets/webconfig/index.html
@@ -5,7 +5,7 @@
-
+
Hyperion - WebUI
diff --git a/assets/webconfig/js/content_effectsconfigurator.js b/assets/webconfig/js/content_effectsconfigurator.js
index b47445e8..634aec91 100644
--- a/assets/webconfig/js/content_effectsconfigurator.js
+++ b/assets/webconfig/js/content_effectsconfigurator.js
@@ -1,3 +1,52 @@
+ JSONEditor.defaults.editors.colorPicker = JSONEditor.defaults.editors.string.extend({
+
+ getValue: function() {
+ color = $(this.input).data('colorpicker').color.toRGB();
+ return [color.r, color.g, color.b];
+ },
+
+ setValue: function(val) {
+ function rgb2hex(rgb){
+ return "#" +
+ ("0" + parseInt(rgb[0],10).toString(16)).slice(-2) +
+ ("0" + parseInt(rgb[1],10).toString(16)).slice(-2) +
+ ("0" + parseInt(rgb[2],10).toString(16)).slice(-2);
+ }
+
+ $(this.input).colorpicker('setValue', rgb2hex(val));
+ },
+
+ build: function() {
+ this._super();
+ var myinput = this
+ $(this.input).colorpicker({
+ format: 'rgb',
+ customClass: 'colorpicker-2x',
+ sliders: {
+ saturation: {
+ maxLeft: 200,
+ maxTop: 200
+ },
+ hue: {
+ maxTop: 200
+ },
+ },
+
+ })
+ //$(this.input).colorpicker().on('changeColor', function(e) {
+ //$(this.input).trigger("change");
+ //});
+
+ }
+ });
+
+ JSONEditor.defaults.resolvers.unshift(function(schema) {
+ if(schema.type === "array" && schema.format === "colorpicker") {
+ return "colorPicker";
+ }
+
+ });
+
$(hyperion).one("cmd-config-getschema", function(event) {
effects = parsedConfSchemaJSON.properties.effectSchemas.internal
EffectsHtml = "";
@@ -83,7 +132,25 @@ $(hyperion).one("cmd-config-getschema", function(event) {
$('#btn_cont_test').off().on('click',function() {
toggleClass('#btn_cont_test', "btn-success", "btn-danger");
});
-
+
+// Delete effect
+ delList=parsedServerInfoJSON.info.effects
+ var EffectHtml
+
+ for(var idx=0; idx
'+delList[idx].name+'';
+ }
+ }
+ $("#effectsdellist").html(EffectHtml);
+
+ $('#btn_delete').off().on('click',function() {
+ var name = $("#effectsdellist").val();
+ requestDeleteEffect(name);
+ });
+
$(document).ready( function() {
requestServerConfigSchema();
});
diff --git a/assets/webconfig/js/content_leds.js b/assets/webconfig/js/content_leds.js
index b8dd550e..e2543fa4 100644
--- a/assets/webconfig/js/content_leds.js
+++ b/assets/webconfig/js/content_leds.js
@@ -1,5 +1,6 @@
var ledsCustomCfgInitialized = false;
+var finalLedArray = [];
function get_hue_lights(){
$.ajax({
@@ -16,8 +17,284 @@ function get_hue_lights(){
});
}
+function validateText(){
+ e = isJsonString($("#ledconfig").val());
+
+ if (e.length != 0){
+ showInfoDialog("error", "Validation failed!", e);
+ return false
+ }
+ return true
+}
+
+function createLedPreview(leds, origin){
+
+ if (origin == "classic"){
+ $('#previewcreator').html('Created from: Classic Layout (LED Frame)
');
+ $('#leds_preview').css("padding-top", "56.25%");
+ }
+ else if(origin == "text"){
+ $('#previewcreator').html('Created from: Textfield
');
+ $('#leds_preview').css("padding-top", "56.25%");
+ }
+ else if(origin == "matrix"){
+ $('#previewcreator').html('Created from: Matrix Layout(LED wall)
');
+ $('#leds_preview').css("padding-top", "100%");
+ }
+
+ $('#previewledcount').html('Total LED count: '+leds.length+'
');
+
+ $('.st_helper').css("border", "8px solid grey");
+
+ canvas_height = $('#leds_preview').innerHeight();
+ canvas_width = $('#leds_preview').innerWidth();
+
+ leds_html = "";
+ for(var idx=0; idx'+idx+'';
+ }
+ $('#leds_preview').html(leds_html);
+ $('#ledc_0').css({"background-color":"black","z-index":"10"});
+ $('#ledc_1').css({"background-color":"grey","z-index":"10"});
+ $('#ledc_2').css({"background-color":"#A9A9A9","z-index":"10"});
+}
+
+function createClassicLeds(){
+ //get values
+ var ledsTop = parseInt($("#ip_cl_ledstop").val());
+ var ledsBottom = parseInt($("#ip_cl_ledsbottom").val());
+ var ledsLeft = parseInt($("#ip_cl_ledsleft").val());
+ var ledsRight = parseInt($("#ip_cl_ledsright").val());
+ var ledsGlength = parseInt($("#ip_cl_ledsglength").val());
+ var ledsGPos = parseInt($("#ip_cl_ledsgpos").val());
+ var position = parseInt($("#ip_cl_position").val());
+ var reverse = $("#ip_cl_reverse").is(":checked");
+ var edgeGap = 0.1
+
+ //advanced values
+ var rawledsVDepth = parseInt($("#ip_cl_ledsvdepth").val());
+ var rawledsHDepth = parseInt($("#ip_cl_ledshdepth").val());
+
+ //helper
+ var ledsVDepth = rawledsVDepth / 100;
+ var ledsHDepth = rawledsHDepth / 100;
+ var min = 0.0 + edgeGap;
+ var max = 1.0 - edgeGap;
+ var ledArray = [];
+
+ createLeftLeds(createBottomLeds(createRightLeds(createTopLeds())));
+
+ if(ledsGlength != "0" && validateGap()){
+ ledArray.splice(ledsGPos, ledsGlength);
+ }
+
+ if (position != "0"){
+ rotateArray(ledArray, position);
+ }
+
+ if (reverse)
+ ledArray.reverse();
+
+ createLedPreview(ledArray, 'classic');
+ createFinalArray(ledArray);
+
+ function createFinalArray(array){
+ for(var i = 0; i