Subversion Repositories bacoAlunos

Rev

Blame | Last modification | View Log | RSS feed 

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>




    <!-- jquery, moment, and angular have to get included before fullcalendar -->

</head>
<body ng-app="BacoAngularApp">

<!-- ESTES INCLUDES NAO SE COLOCAM EM DESENVOLVIMENTO O LAYOUT DO BACO JA OS INCLUI-->
    <jsp:include page="/layout/themes/scripts-default.jsp"/>
    <jsp:include page="/layout/headerTools.jsp"/>


    <%--- PARA USAR O CALENDAR CRIE UM MODULO NORMAL COM O PLUGIN ui.calendar --%>
<script>
    var myAppModule = angular.module('App', ['ui.calendar']);
    GLOBAL_BacoAngularAppDependencies.push('App');
    myAppModule.controller('MyController', function($scope) {
        /* config object */
        $scope.eventSources = [
            {
                color: '#f00',
                textColor: 'yellow',
                events: [
                    {
                        title  : 'event1',
                        start  : '2017-05-18'
                    },
                    {
                        title  : 'event2',
                        start  : '2017-05-19',
                        end    : '2017-05-20'
                    },
                    {
                        title  : 'event3',
                        start  : '2017-05-23T12:30:00',
                        allDay : false // will make the time show
                    }
                ]
            }
        ];
        $scope.uiConfig = {
            calendar:{
                height: 450,
                editable: true,
                header:{
                    left: 'month basicWeek basicDay agendaWeek agendaDay',
                    center: 'title',
                    right: 'today prev,next'
                },
                eventClick: $scope.alertEventOnClick,
                eventDrop: $scope.alertOnDrop,
                eventResize: $scope.alertOnResize
            }
        };
    }
);




</script>

<div ng-app="App" ng-controller="MyController">

    <div ui-calendar="uiConfig.calendar" ng-model="eventSources"></div>

</div>



</body>
</html>