Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 4692 | Rev 4716 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
4113 efrain 1 
<?php
2 
 
3 
$routeEvents = $this->url('calendar/events');
4 
 
4398 efrain 5 
$this->headLink()->appendStylesheet($this->basePath('vendors/nprogress/nprogress.css'));
6 
$this->inlineScript()->appendFile($this->basePath('vendors/nprogress/nprogress.js'));
4113 efrain 7 
 
8 
$this->headLink()->appendStylesheet($this->basePath('vendors/fullcalendar/fullcalendar.css'));
9 
 
10 
$this->inlineScript()->appendFile($this->basePath('vendors/fullcalendar/lib/moment.min.js'));
11 
$this->inlineScript()->appendFile($this->basePath('vendors/fullcalendar/fullcalendar.js'));
12 
$this->inlineScript()->appendFile($this->basePath('vendors/fullcalendar/locale/es-us.js'));
13 
$this->inlineScript()->appendFile($this->basePath('vendors/popper/umd/popper.js'));
14 
 
15 
 
4692 stevensc 16 
$defaultDate = date('Y-m-d');
4113 efrain 17 
 
18 
$this->inlineScript()->captureStart();
19 
echo <<<JS
20 
jQuery( document ).ready(function( $ ) {
21 
 
22 
    var data_resources  = new Array();
23 
    var data_events = new Array();
24 
 
25 
    $('#calendar').fullCalendar({
26 
        header: {
27 
            left: 'prev,next today',
28 
            center: 'title',
29 
            right: 'month,agendaWeek,agendaDay,listWeek'
30 
          },
31 
          defaultDate: '$defaultDate',
32 
          editable: true,
33 
          navLinks: true, // can click day/week names to navigate views
34 
          eventLimit: true, // allow "more" link when too many events
35 
          events: {
36 
            url: '$routeEvents',
37 
            error: function() {
38 
              $('#script-warning').show();
39 
            }
4694 stevensc 40 
          },
41 
          eventClick: function(event) {
42 
            if (event.url) {
43 
              window.open(event.url, "_blank");
44 
              return false;
45 
            }
46 
          },
47 
          eventRender: function(eventObj, \$el) {
4632 efrain 48 
            console.log(eventObj);
49 
 
4113 efrain 50 
            $('.popover').remove();
51 
            \$el.popover({
4148 efrain 52 
                title: eventObj.title,
4141 efrain 53 
                content: eventObj.agenda,
4694 stevensc 54 
                trigger: 'hover', // 'hover',
4113 efrain 55 
                placement: 'top',
56 
                container: 'body',
4398 efrain 57 
 
4113 efrain 58 
                popperOptions : {
59 
                    removeOnDestroy: true
60 
                },
61 
                options : {
62 
                    removeOnDestroy: true
63 
                },
64 
                 html: true
65 
            });
4141 efrain 66 
        },
4113 efrain 67 
 
68 
    });
69 
 
4398 efrain 70 
 
71 
 
72 
    $('body').on('click', 'a.goto-backend', function(e) {
73 
        e.preventDefault();
74 
        var action = $(this).attr('href');
75 
 
76 
        NProgress.start();
77 
        $.ajax({
78 
            'dataType'  : 'json',
79 
            'method'    : 'get',
80 
            'url'       :  action,
81 
            'data'      :  $('#form').serialize(),
82 
        }).done(function(response) {
83 
            if(response['success']) {
84 
              window.open(response['data'], '_backend')
85 
            } else {
86 
                $.fn.showError(response['data']);
87 
            }
88 
        }).fail(function( jqXHR, textStatus, errorThrown) {
89 
            $.fn.showError(textStatus);
90 
        }).always(function() {
91 
            NProgress.done();
92 
        });
93 
 
94 
    });
95 
 
96 
 
97 
 
4131 efrain 98 
 
99 
 
4113 efrain 100 
});
101 
JS;
102 
$this->inlineScript()->captureEnd();
4188 stevensc 103 
$this->inlineScript()->appendFile('/react-bundles/calendar/calendarBundle.js');
4113 efrain 104 
?>
105 
<section class="info-page">
4188 stevensc 106 
  <div class="container">
107 
    <div class="row">
108 
      <div id="calendar" class="col-12 col-md-8"></div>
109 
      <div id="calendar-events" class="col-12 col-md-4"></div>
110 
    </div>
111 
  </div>
4192 stevensc 112 
</section>
113 
<script>
114 
  const isMobile = Boolean(window.innerWidth < 768)
115 
  const row = document.querySelector('.container .row')
116 
 
117 
  if (isMobile) row.setAttribute('style', 'gap: 1rem;')
118 
</script>