// var moduleWidth = 1; // [m] // var moduleHeight = 1.7; // [m] // // // set roof height // var ratioHeightWidth = roofHeight / roofWidth; // // $('#pnlOutputResult #pnlRoof').css('padding-bottom', (ratioHeightWidth * 100 / 2) + '%'); // // var rotateX = 20 + (5 - roofInclination / 10) * 6; // 40 // $('#pnlOutputResult #pnlRoof .left').css('transform', 'perspective(900px) rotateX(' + rotateX + 'deg) rotateY(-' + roofInclination + 'deg)'); // $('#pnlOutputResult #pnlRoof .right').css('transform', 'perspective(900px) rotateX(' + rotateX + 'deg) rotateY(' + roofInclination + 'deg)'); // // // // roof - frame module // $('#pnlOutputResult #pnlRoof .frame .module').css({ // 'width': 'calc(' + (100 / roofWidth * moduleWidth) + '% - 2px)', // 1,00m // 'height': 'calc(' + (100 / roofHeight * moduleHeight) + '% - 2px)' // 1,70m // }); // // var startValue = plantPowerYield; // 3.1; // var sliderPlantPower = $('#pnlPlantPower .slider').get(0); // noUiSlider.create(sliderPlantPower, { // animate: false, // start: [startValue], // range: { // 'min': 3.12, // 'max': powerByRoofArea // 10.4 // bzw. powerByRoofArea // }, // step: 1.04, // 0.1 // // pips: { // // // mode: 'count', // // // values: 6, // // // density: 4, // // // stepped: true // // mode: 'values', // // values: ['1', '2', '3', '4', '5', '6'], // // density: 4, // // stepped: true // // } // pips: { // // mode: 'count', // // values: 6, // powerByRoofArea / 1.04 // // density: 4, // // stepped: true // mode: 'values', // values: ['3.1', '4.2', '5.2', '6.2', '7.3', '8.3', '9.4'], // density: 4, // stepped: true, // format: wNumb({ // decimals: 1 // // prefix: '$' // }) // } // // }); // sliderPlantPower.noUiSlider.on('update', function (values, handle, unencoded, tap, positions) { // // values: Current slider values; // // handle: Handle that caused the event; // // unencoded: Slider values without formatting; // // tap: Event was caused by the user tapping the slider (boolean); // // positions: Left offset of the handles in relation to the slider // // console.log(parseInt(values[0])); // // var value = parseFloat(values[0]).toFixed(1); // console.log('update: ' + value); // // $('#pnlPlantPower img.numberOfPersons').attr('src', '/assets/frontend/customer/1/persons-' + value + '.png'); // // // $('#pnlPlantPower .area .degree').html(value + '°'); // // $('#pnlPlantPower input[name="numberOfPersons"]').val(value); // // // $('#pnlPlantPower .slider .noUi-handle') // //$('#pnlPlantPower .slider .noUi-origin') // var handleRelativePosition = parseInt($('#pnlPlantPower .slider .noUi-origin').css('left')); // var trackMargin = parseInt($('#pnlPlantPower .slider').css('margin-left')); // $('#pnlPlantPower .handleLabel').css('left', (handleRelativePosition - 40 + trackMargin)); // $('#pnlPlantPower .handleLabel').text(value + ' kWp'); // setTimeout(updateHandleLabel, 200); // }); // sliderPlantPower.noUiSlider.on('change', function (values, handle, unencoded, tap, positions) { // var value = parseFloat(values[0]).toFixed(1); // console.log('change: ' + value); // var handleRelativePosition = parseInt($('#pnlPlantPower .slider .noUi-origin').css('left')); // var trackMargin = parseInt($('#pnlPlantPower .slider').css('margin-left')); // $('#pnlPlantPower .handleLabel').css('left', (handleRelativePosition - 40 + trackMargin)); // $('#pnlPlantPower .handleLabel').text(value + ' kWp'); // }); // // $('#pnlPlantPower .slider .noUi-value').bind('click', function () { // var value = parseFloat($(this).text()); // sliderPlantPower.noUiSlider.set(value); // }); // // var updateHandleLabel = function () { // var handleRelativePosition = parseInt($('#pnlPlantPower .slider .noUi-origin').css('left')); // var trackMargin = parseInt($('#pnlPlantPower .slider').css('margin-left')); // $('#pnlPlantPower .handleLabel').css('left', (handleRelativePosition - 40 + trackMargin)); // $('#pnlPlantPower .handleLabel').text(startValue + ' kWp'); // $('#pnlPlantPower .handleLabel').fadeIn(); // }; // setTimeout(updateHandleLabel, 500); // // // --- doughnut ---------- // // // var chart = new CanvasJS.Chart( // // "chartContainer", // // { // // toolTip: { // // enabled: false // // }, // // animationEnabled: false, // // data: [ // // { // // type: "doughnut", // // startAngle: 90, // // showInLegend: false, // // dataPoints: [ // // {y: 65, indexLabel: ""}, // // {y: 35, indexLabel: ""} // // ] // // } // // ] // // } // // ); // // chart.render(); // // // // // var data = { // // labels: [ // // "Red", // // "Green", // // "Yellow" // // ], // // datasets: [ // // { // // data: [300, 50, 100], // // backgroundColor: [ // // "#FF6384", // // "#36A2EB", // // "#FFCE56" // // ], // // hoverBackgroundColor: [ // // "#FF6384", // // "#36A2EB", // // "#FFCE56" // // ] // // }] // // }; // // // // var myDoughnutChart = new Chart(ctx, { // // type: 'doughnut', // // data: data, // // options: options // // }); // // // var data = { // // // A labels array that can contain any sort of values // // labels: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri'], // // // Our series array that contains series objects or in this case series data arrays // // series: [ // // [5, 2, 4, 2, 0] // // ] // // }; // // // donut: true, // // donutWidth: 20, // // startAngle: 270, // // total: 200 // // var chartInternalConsumptionRate = new Chartist.Pie('.ct-chart-internalConsumptionRate', { // series: [ // { // value: internalConsumptionRate, // className: "donutValue" // }, // { // value: 100 - internalConsumptionRate, // className: "donutBackground" // } // ], // labels: [1, 2] // }, { // donut: true, // showLabel: false, // donutWidth: 10, // startAngle: 180, //270, // total: 100, // padding: 0 // }); // // var chartAutarchyRate = new Chartist.Pie('.ct-chart-autarchyRate', { // series: [ // { // value: autarchyRate, // className: "donutValue" // }, // { // value: 100 - autarchyRate, // className: "donutBackground" // } // ], // labels: [1, 2] // }, { // donut: true, // showLabel: false, // donutWidth: 10, // startAngle: 180, //270, // total: 100 // }); // // // var chart = new Chartist.Pie('.ct-chart', { // // series: [10, 20, 50, 20, 5, 50, 15], // // labels: [1, 2, 3, 4, 5, 6, 7] // // }, { // // donut: true, // // showLabel: false // // }); // // // new Chartist.Line('.ct-chart', data); // // // var updateHandleLabel = function() { // // // // } // // $('input[name=\'financingModel\']').bind('click', function (e) { // // console.log(e); // var value = $(this).val(); // // // // // // update input field via ajax call // // var numberOfPersons = sliderEnergyDemandByNumberOfPersonsNumberOfPersons.noUiSlider.get(); // // getEnergyDemand(numberOfPersons, value == 'yes' ? true : false); // if (value == 'purchase') { // $('#pnlInvestmentByPurchase').addClass('active'); // $('#pnlInvestmentByLeasehold').removeClass('active'); // } // else { // leasehold // $('#pnlInvestmentByPurchase').removeClass('active'); // $('#pnlInvestmentByLeasehold').addClass('active'); // } // }); // // $('.barInternalConsumptionSavings').css('height', barInternalConsumptionSavingsHeight + '%'); // $('.barFeedInEarnings').css('height', barFeedInEarningsHeight + '%'); // $('.barInvestmentByPurchase').css('height', barInvestmentByPurchaseHeight + '%'); // $('.barInvestmentByPurchasePadding').css('height', barInvestmentByPurchasePaddingHeight + '%'); // $('.barInvestmentByLeasehold').css('height', barInvestmentByLeaseholdHeight + '%'); // $('.barInvestmentByLeaseholdPadding').css('height', barInvestmentByLeaseholdPaddingHeight + '%'); // // // // var closeModal = function() { // // console.log('close modal'); // // }; // // $('#myModal').on('shown.bs.modal', function (e) { // console.log('modal shown'); // $(this).find('iframe').contents().find('.btnClose').bind('click', function () { // $('#myModal').modal('hide') // console.log('nide modal'); // }); // // $('.btnClose').bind('click', function () { // // $('#myModal').modal('hide') // // }); // });