ns/ace-bundle

This bundle provides the ace admin bootstrap template

7.0.5 2023-03-23 17:50 UTC

Requires

• php: 8.1.*
• ext-json: *
• doctrine/orm: ^2.5|^2.6
• knplabs/knp-menu-bundle: ^3.0
• symfony/doctrine-bridge: ^6.0
• symfony/form: ^6.0
• symfony/framework-bundle: ^6.0
• symfony/routing: ^6.0
• symfony/security-core: ^6.0
• twig/twig: ^2.0|^3.0

Requires (Dev)

• lexik/form-filter-bundle: ^7.0
• liip/rmt: ^1.6
• phpunit/phpunit: ^9.0

Suggests

• craue/formflow-bundle: Provides multi-step forms for which we have a theme
• lexik/form-filter-bundle: Form filtering
• punkave/symfony2-file-uploader-bundle: Allows for drag & drop or multiple file upload

MIT

• Nathanael David Noblet
• Mark Woynarski

README

#Features

AJAX Links

Add class 'ajaxForm' and data-update to the target to update with the return of the ajax call.

<form action="..." method="post" class="ajaxForm" data-update="#divToUpdate">...</form>

Then the form will be submitted over AJAX and the returned content if successful is put as the HTML content of the element with id divToUpdate. (Via Jquery $element.html(response)).

FullCalendar

Add the routing configuration

#app/config/routing.yml
ns_ace:
  resource: "@NSAceBundle/Resources/config/routing.yml"

Include the following on the page you want to use the calendar

{% block javascripts %}
    {{ parent() }}
    <script src="//cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.5.1/fullcalendar.min.js"></script>
{% endblock %}

{% block stylesheets %}
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.5.1/fullcalendar.min.css" />
    <link rel="stylesheet" media="print" href="//cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.5.1/fullcalendar.print.css" />
    {{ parent() }}
{% endblock %}

{% block inlinescripts %}
    <script type="text/javascript">
        $(document).ready(function(){
            var date = new Date();
            var d = date.getDate();
            var m = date.getMonth();
            var y = date.getFullYear();

            $('#calendar-holder').fullCalendar({
                header: {
                    left: 'prev, next',
                    center: 'title',
                    right: 'month, basicWeek, basicDay,'
                },
                lazyFetching: true,
                timeFormat: {
                    // for agendaWeek and agendaDay
                    agenda: 'h:mmt',    // 5:00 - 6:30

                    // for all other views
                    '': 'h:mmt'         // 7p
                },
                eventSources: [
                    {
                        url: '{{path('ace_calendar_loader')}}',
                        type: 'POST',
                        // A way to add custom filters to your event listeners
                        data: {
                        },
                        error: function() {
                            //alert('There was an error while fetching Google Calendar!');
                        }
                    }
                ]
            });
        });
    </script>
{% endblock %}

{% block body %}
... 
<div id="calendar-holder"></div>
...
{% endblock %}