Proyectos de Subversion LeadersLinked - Antes de SPA

<?php

$routeEvents = $this->url('calendar/events');

$routeNextEvents = $this->url('helpers/next-events');

$this->inlineScript()->appendFile($this->basePath('vendors/moment/moment-with-locales.js'));

$this->inlineScript()->appendFile($this->basePath('vendors/nprogress/nprogress.js'));

$this->headLink()->appendStylesheet($this->basePath('vendors/nprogress/nprogress.css'));

$this->headLink()->appendStylesheet($this->basePath('vendors/fullcalendar/fullcalendar.css'));

//$this->headLink()->appendStylesheet($this->basePath('vendors/fullcalendar-scheduler/dist/scheduler.css'));

//$this->headLink()->appendStylesheet($this->basePath('vendors/iCheck/skins/flat/green.css'));

$this->inlineScript()->appendFile($this->basePath('vendors/fullcalendar/lib/moment.min.js'));

$this->inlineScript()->appendFile($this->basePath('vendors/fullcalendar/fullcalendar.js'));

$this->inlineScript()->appendFile($this->basePath('vendors/fullcalendar/locale/es-us.js'));

//$this->inlineScript()->appendFile($this->basePath('vendors/fullcalendar-scheduler/dist/scheduler.js'));

//$this->inlineScript()->appendFile($this->basePath('vendors/iCheck/icheck.min.js'));

$this->inlineScript()->appendFile($this->basePath('vendors/popper/umd/popper.js'));

$this->inlineScript()->appendFile($this->basePath('vendors/jsrender/jsrender.js'));

$defaultDate = date('Y-m-d');

$this->inlineScript()->captureStart();

echo <<<JS

jQuery( document ).ready(function( $ ) {

    var data_resources  = new Array();

    var data_events = new Array();

    $.fn.reloadHelper = function() {

        NProgress.start();

        $.ajax({

            'dataType'  : 'json',

            'method'    : 'get',

            'url'       :  '$routeNextEvents',

            'data'      :  {

                t : moment().unix()

            },

        }).done(function(response) {

            if(response['success']) {

                $('#containerNextEvents').html(

                    $('#templateNextEvents').render(response['data'])

                );

            } else {

                $.fn.showError(response['data']);

            }

        }).fail(function( jqXHR, textStatus, errorThrown) {

            $.fn.showError(textStatus);

        }).always(function() {

            NProgress.done();

        });

    }

    $.fn.openBackend = function(url) {

        NProgress.start();

        $.ajax({

            'dataType'  : 'json',

            'method'    : 'get',

            'url'       :  url,

            'data'      :  $('#form').serialize(),

        }).done(function(response) {

            if(response['success']) {

              window.open(response['data'], '_backend')

            } else {

                $.fn.showError(response['data']);

            }

        }).fail(function( jqXHR, textStatus, errorThrown) {

            $.fn.showError(textStatus);

        }).always(function() {

            NProgress.done();

        });

    }

    $('#calendar').fullCalendar({

        header: {

            left: 'prev,next today',

            center: 'title',

            right: 'month,agendaWeek,agendaDay,listWeek'

          },

          defaultDate: '$defaultDate',

          editable: true,

          navLinks: true, // can click day/week names to navigate views

          eventLimit: true, // allow "more" link when too many events

          events: {

            url: '$routeEvents',

            error: function() {

              $('#script-warning').show();

            }

          },

          eventClick: function(event) {

            if (event.url) {

                setTimeout(() => {

                  $.fn.openBackend(event.url)

                }, 200);

                return false;

            }

          },

          eventRender: function(eventObj, \$el) {

            $('.popover').remove();

            \$el.popover({

                title: eventObj.title,

                content: eventObj.agenda,

                trigger: 'click', //'hover',

                placement: 'top',

                container: 'body',

                popperOptions : {

                    removeOnDestroy: true

                },

                options : {

                    removeOnDestroy: true

                },

                 html: true

            });

        },

    });

    $('body').on('click', 'a.goto-backend', function(e) {

        e.preventDefault();

        var action = $(this).attr('href');

        if(action) {

            $.fn.openBackend(action)

    }

    });

     $.fn.reloadHelper();

});

JS;

$this->inlineScript()->captureEnd();

$this->headLink()->appendStylesheet('/css/calendar.css');

$this->headLink()->appendStylesheet('/look-and-field/calendar.css');

?>

<section class="info-page">

	<div class="container">

		<div class="row">

			<div id="calendar" class="col-12 col-md-8"></div>

   			<div id="calendar-events" class="col-12 col-md-4">

				<div class="task-widget">

					<div class="sd-title d-flex align-items-center justify-content-between"

						><h3>Eventos y Tareas</h3>

					</div>

					<div id="containerNextEvents" class="d-flex flex-column" style="gap: 0.5rem; max-height: 500px; overflow: hidden scroll;">

   					</div>

   				</div>

   			</div>

   		</div>

	</div>

</section>

<script id="templateNextEvents" type="text/x-jsrender">

    <a href="{{:url}}"  class="goto-backend" rel="noreferrer">

	   <div class="calendar-event" style="{{:textColor}}; background: {{:backgroundColor}}">

	       <h4><b>LABEL_EVENT: </b> {{:title}}</h4><span><b>LABEL_START: </b>{{:start}}</span>

	   </div>

    </a>

</script>