Hi it is possible pass variable from controller to JS script. I must do change color event when user join to event.
I need pass variable $colorrr to my js becouse i use fullcalendar there is option eventColor: and i want send there variable $colorrr from controller. Now only i do checking if event exist in pivot table. And its working, my problem is i dont know how pass variable to option eventColor
Controller:
public function index()
{
$eventscolo=DB::table('save_events')->select('events_id')->get();
$eventsss=DB::table('events')->select('id','title')->get();
foreach ($eventsss as $eventss)
{
if(DB::table('save_events')->where('events_id','=',$eventss->id)->exists())
{
$colorrr = 'grey';
}
else
{
if ($eventss->title=="Wydzial 1")
{
$colorrr = 'red';
}
elseif($eventss->title == "Wydzial 2")
{
$colorrr = 'blue';
}
elseif ($eventss->title == "Wydzial 3")
{
$colorrr = 'green';
}
elseif ($eventss->title == "Wydzial 4")
{
$colorrr = 'yellow';
}
}
}
return view('home',['eventscolo'=>$eventscolo,'eventsss'=>$eventsss,'colorrr'=>$colorrr]);JS script:
<script src="{{ asset('js/fullcalendar') }}/fullcalendar.js"></script>
<script src="{{ asset('js/bootstrap.js') }}"></script>
<script type="text/javascript">
$(document).ready(function() {
var base_url = '{{ url('/') }}';
$('#bootstrapModalFullCalendar').fullCalendar({
weekends: true,
header: {
left: 'prev,next today',
center: 'title',
right: 'month,agendaWeek'
},
eventClick: function(event, jsEvent, view) {
$('#modalTitle').html(event.title);
$('#modalBody').html(event.name);
$('#eventUrl').attr('href','/home/zapis/'+event.id);
$("#startTime").html(moment(event.start).format('HH:mm '));
if (event.end) $("#endTime").html(moment(event.end).format('HH:mm '));
else $("#endTime").html('');
$('#fullCalModal').modal();
return false;
},
eventLimit: true, // allow "more" link when too many events
FirstDay: 1,
contentheight : 650,
editable : true,
allDay : false,
aspectRatio : 2,
slotLabelFormat : 'HH:mm:ss',
timeFormat : 'HH:mm',
displayEventEnd : true,
events: {
url: base_url + '/api',
error: function() {
alert("cannot load json");
}
},
eventColor: 'colorrr',
});
});
</script></div>
Controller (Pass value like following to your view)
//..........................
//............................
$data['myVal'] = "abc";
return view('myViewPage',['data'=>$data]);
Blade-myViewPage(JS)
<script>
//Global variable on you blade
var url = "{{url('/manufacturers-json')}}";
var custom_val = "{{$data['myVal']}}"; //What ever you are getting from controller ($colorr)
</script>
and then you can use this JS variable into your JS. I am doing this way using angularJS. If in your case the above will not work then try creating an input field.
<input type="hidden" value="<?php echo $colorrr; ?>" id="my_color" />
Where $colorrr (or what ever you are passing from your controller to the view, make sure this variable contains value.
and in your JS.
var color = $("#my_color").val();