MINI Sh3ll
@extends('layouts.main')
@section('title', 'Dashboard')
@section('content')
@section('style')
<link href="{{ asset('css/charts.css')}}" rel="stylesheet"/>
@endsection
<div class="m-content">
<div class="row m-portlet " >
<div class="m-portlet--mobile filter_row m-form m-form--fit m-form--label-align-right">
<div class="m-portlet__body">
<form class="m-form m-form--fit m-form--label-align-right" autocomplete="off" data-parsley-validate="parsley">
<div class="row">
<div class="col-md-6">
<div class="form-group m-form__group">
<label class="show_status"> Company </label>
<select class="form-control m-select2" id="m_select2_1" name="param" required>
<option value=""> select company </option>
@foreach($companies as $company)
<option value="{{$company->id}}">
{{$company->company_name}}
</option>
@endforeach
</select>
</div>
</div>
<div class="col-md-6">
<div class="form-group m-form__group">
<label class="">
Select Plant
</label><br>
<select class="form-control" id="m_select2_5" name="plant[]" disabled
data-parsley-required="required"
data-parsley-required-message='Please select plant user' multiple="multiple" required>
<option value="">Select Plant</option>
</select>
<span class="m-form__help"></span>
</div>
</div>
</div>
<div style="padding-left: 30px;margin-top: 20px;">
<button type="button" id="srchBtn" class="btn btn-sm btn-accent m-btn m-btn--custom m-btn--icon m-btn--air search_plant">
Get Details
</button>
</div>
</form>
</div>
<div class="m-portlet__foot m-portlet__foot--fit">
<div class="m-form__actions">
@if(\Auth::user()->role_id != config('constants.role.portal_support.id') && \Auth::user()->role_id != config('constants.role.user.id'))
<a href="{{ route('addPanel') }}" class="btn btn-sm btn-accent m-btn m-btn--custom m-btn--icon m-btn--air" style="float: right">
<span>
<span>
Add Panel
</span>
</span>
</a>
@endif
<h5>Plant Details</h5>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12 m-portlet m-row--col-separator-xl" >
<div class="m-portlet__head">
<div class="m-portlet__head-caption">
<div class="m-portlet__head-title">
<span class="m-portlet__head-icon m--hide">
<i class="la la-gear"></i>
</span>
<h3 class="m-portlet__head-text">
Daily energy generated by plants <span id="dailyenergyPlant"> <b>({{date('M-Y')}})</b></h5></span>
</h3>
</div>
</div>
<div class="col-lg-4 col-md-9 col-sm-12 m-input-icon m-input-icon--right" style="float:right;">
<input type='text' class="form-control" id="m_datepicker" readonly placeholder="Select month"/ style="margin-top: 15px;">
<span class="m-input-icon__icon m-input-icon__icon--right">
<span>
<i class="la la-calendar"></i>
</span>
</span>
</div>
</div>
<div class="m-widget1 m-portlet__body">
<div id="loader">
<img src="{{asset('image/loader.gif')}}"></img>
</div>
<div id="no-response" style="display: none;">
<span>No Record Found</span>
</div>
@include('treepye.day_wise.days_wise_energy_chart')
</div>
</div>
</div>
</div>
<!--end::Portlet-->
@endsection
@section('style')
<style>
.numeric_data{
margin-top: 25px;
}
</style>
@endsection
@section('script')
<script src="{{asset('js/comman_bar_chart.js')}}"></script>
<!-- <script src="{{asset('js/Chart.bundle.js')}}" charset="utf-8"></script>
<script src="{{asset('js/Chart.min.js')}}"></script>
<script src="{{asset('js/utils.js')}}"></script>
<script src="{{asset('js/hourly_energy_chart.js')}}" type="text/javascript"></script>
<script src="{{asset('js/monthly_energy_chart.js')}}" type="text/javascript"></script>
<script src="{{asset('js/day_wise_energy_chart.js')}}" type="text/javascript"></script>
<script src="{{asset('js/inverters _temperature_trend.js')}}" type="text/javascript"></script>
<script src="{{asset('js/daily_power_grid_chart.js')}}" type="text/javascript"></script>
<script src="{{asset('js/todays_power_genration_trend.js')}}" type="text/javascript"></script>
<script src="{{asset('js/todays_energy_generation_trend.js')}}" type="text/javascript"></script>
<script src="{{asset('js/daily_power.js')}}" type="text/javascript"></script>
<script src="{{asset('js/daily_energy_grid.js')}}" type="text/javascript"></script>
<script src="{{asset('js/monthly_power_by_grid.js')}}" type="text/javascript"></script>
<script src="{{asset('js/monthly_power_generated_by_plants.js')}}" type="text/javascript"></script> -->
<script>
$(document).ready(function () {
$('#m_select2_1').change(function () {
$('#m_select2_5').prop('disabled', true);
var company_id = this.value;
$.ajax({
data: {'company_id': company_id},
type: 'get',
url: "{{route('getCompanyPlants')}}",
dataType: "json",
success: function (response) {
$('#m_select2_5').prop('disabled', false);
$('#m_select2_5').empty();
$('#m_select2_5').append('<option value="">Please choose one</option>');
$.each(response, function (index, plantObj) {
$('#m_select2_5').append('<option value="' + plantObj.id + '">' + plantObj.plant_name + '</option>');
});
}
});
});
});
var getDataAllApiResponse = "{{route('getData')}}";
$.get(getDataAllApiResponse, function(data, status){
alert("Data: " + data + "\nStatus: " + status);
$.each(data, function(key,apiarray) {
$.each(apiarray, function(apiname,grapharray) {
alert(apiname);
$.each(grapharray, function(graph,value1) {
alert(graph);
});
});
});
});
$(document).on("change", "#m_datepicker", function () {
$(this).datepicker('hide');
var date = $('#m_datepicker').val();
alert(date);
var month = formatDate(new Date(date));
var plant_id = $('#m_select2_5').val();
var company_id = $('#m_select2_1').val();
var day_wise = '{{ route('getDayWiseEnergyChart') }}';
day_wise = day_wise + "?date=" + date + "&plant_id=" + plant_id + "&company_id=" + company_id;
$('#dailyenergyPlant').html('<b>'+'('+month+')'+'</b>');
loaddaywisechart(day_wise);
});
function formatDate(date) {
var monthNames = [
"Jan", "Feb", "Mar",
"Apr", "May", "Jun", "Jul",
"Aug", "Sep", "Oct",
"Nov", "Dec"
];
var day = date.getDate();
var monthIndex = date.getMonth();
var year = date.getFullYear();
if(day){
return day +' '+ monthNames[monthIndex] + ' ' + year;
}
return monthNames[monthIndex] + ' ' + year;
}
console.log(formatDate(new Date("2015-03")));
</script>
@endsection
OHA YOOOO