added reporting screen (#1805)

templates/form/kimai-theme.html.twig

@@ -45,3 +45,29 @@
         {{ block('form_widget_simple') }}
     {% endif %}
 {%- endblock text_widget %}
+
+{% block monthpicker_widget -%}
+    <div class="btn-group">
+        <a class="btn btn-default btn-left" href="#" onclick="$('#{{ form.vars.id }}').val('{{previousMonth|date_short}}').change()">
+            <i class="{{ 'left'|icon }}"></i>
+        </a>
+        <a class="btn btn-default" href="#" onclick="return false;">
+            <span id="{{ form.vars.id }}_month_name">{{ data|month_name|trans ~ ' '  ~ data|date_format('Y') }}</span>
+        </a>
+        <a class="btn btn-default btn-right" href="#" onclick="$('#{{ form.vars.id }}').val('{{nextMonth|date_short}}').change()">
+            <i class="{{ 'right'|icon }}"></i>
+        </a>
+    </div>
+    <script type="text/javascript">
+        document.addEventListener('kimai.initialized', function() {
+            $('#{{ form.vars.id }}').on('change', function(ev) {
+                var newDate = moment($(this).val(), '{{ momentFormat }}').format('MMMM YYYY');
+                $('#{{ form.vars.id }}_month_name').html(
+                    newDate[0].toUpperCase() + newDate.slice(1)
+                );
+            });
+        });
+    </script>
+    {% set type = 'hidden' %}
+    {{ block('form_widget_simple') }}
+{%- endblock monthpicker_widget %}

templates/reporting/actions.html.twig

@@ -0,0 +1,11 @@
+{% macro reporting() %}
+    {% import "macros/widgets.html.twig" as widgets %}
+    {% set actions = {} %}
+    {% set children = {} %}
+    {% for id, report in available_reports(app.user) %}
+        {% set children = children|merge({(report.id): {'title': report.label|trans({}, 'reporting'), 'url': path(report.route), 'class': 'toolbar-action report-' ~ report.id}}) %}
+    {% endfor %}
+    {% set actions = actions|merge({'reporting': {'children': children}}) %}
+    {% set event = trigger('actions.reporting', {'actions': actions}) %}
+    {{ widgets.page_actions(event.payload.actions) }}
+{% endmacro %}

templates/reporting/layout.html.twig

@@ -0,0 +1,14 @@
+{% extends 'base.html.twig' %}
+{% import "reporting/actions.html.twig" as actions %}
+
+{% block page_title %}{{ 'reporting.title'|trans({}, 'reporting') }}{% endblock %}
+{% block page_subtitle %}{% block report_title %}{% endblock %}{% endblock %}
+{% block page_actions %}{{ actions.reporting() }}{% endblock %}
+
+{% block main %}
+    <div class="row">
+        <div class="col-md-12">
+            {% block report %}{% endblock %}
+        </div>
+    </div>
+{% endblock %}

templates/reporting/month_by_user.html.twig

@@ -0,0 +1,99 @@
+{% extends 'reporting/layout.html.twig' %}
+
+{% block report_title %}{{ 'report_user_month'|trans({}, 'reporting') }}{% endblock %}
+
+{% block report %}
+
+    {% embed '@AdminLTE/Widgets/box-widget.html.twig' %}
+        {% import "macros/widgets.html.twig" as widgets %}
+        {% block box_before %}
+            {{ form_start(form, {'action': path('report_user_month'), 'attr': {'class': 'form-inline'}}) }}
+        {% endblock %}
+        {% block box_after %}
+            {{ form_end(form) }}
+        {% endblock %}
+        {% block box_title %}
+            {% if form.user is defined %}
+                {{ form_widget(form.user) }}
+            {% else %}
+                {{ widgets.username(user) }}
+            {% endif %}
+            {{ form_widget(form.date) }}
+        {% endblock %}
+        {% block box_body_class %}user-month-reporting-box no-padding table-responsive{% endblock %}
+        {% block box_body %}
+            <table class="table table-bordered table-hover dataTable">
+                <tr>
+                    <th></th>
+                    {% for day in days %}
+                    <th class="text-center text-nowrap{% if day.day is weekend %} weekend{% endif %}">
+                        {{ day.day|day_name(true) }}<br>
+                        {{ day.day|date_format('d.m') }}
+                    </th>
+                    {% endfor %}
+                    <th></th>
+                </tr>
+                {% for project in rows %}
+                    <tr>
+                        <td class="text-nowrap">
+                            <strong>{{ widgets.label_project(project.project) }}</strong>
+                        </td>
+                        {% for day in project.days %}
+                            <td class="text-nowrap{% if day.date is weekend %} weekend{% endif %}">
+                                {% if day.duration > 0 %}
+                                    {{ day.duration|duration }}
+                                {% endif %}
+                            </td>
+                        {% endfor %}
+                        <th class="text-nowrap">{{ project.duration|duration }}</th>
+                    </tr>
+                    {% for activity in project.activities %}
+                    <tr>
+                        <td class="text-nowrap">
+                            {{ widgets.label_activity(activity.activity) }}
+                        </td>
+                        {% for day in activity.days %}
+                            <td class="text-nowrap{% if day.date is weekend %} weekend{% endif %}">
+                                {% if day.duration > 0 %}
+                                    {{ day.duration|duration }}
+                                {% endif %}
+                            </td>
+                        {% endfor %}
+                        <th class="text-nowrap">{{ activity.duration|duration }}</th>
+                    </tr>
+                    {% endfor %}
+                {% endfor %}
+                {% set total = 0 %}
+                <tr>
+                    <th></th>
+                    {% for day in days %}
+                        <th class="text-nowrap{% if day.day is weekend %} weekend{% endif %}">
+                            {% if day.totalDuration > 0 %}
+                                {{ day.totalDuration|duration }}
+                                {% set total = total + day.totalDuration %}
+                            {% endif %}
+                        </th>
+                    {% endfor %}
+                    <th class="text-nowrap">{{ total|duration }}</th>
+                </tr>
+            </table>
+        {% endblock %}
+    {% endembed %}
+
+{% endblock %}
+
+{% block javascripts %}
+    {{ parent() }}
+    <script type="text/javascript">
+        document.addEventListener('kimai.initialized', function() {
+            {% if form.user is defined %}
+            $('#{{ form.user.vars.id }}').on('change', function(ev) {
+                $(this).closest('form').submit();
+            });
+            {% endif %}
+            $('#{{ form.date.vars.id }}').on('change', function(ev) {
+                $(this).closest('form').submit();
+            });
+        });
+    </script>
+{% endblock %}

templates/reporting/monthly_user_list.html.twig

@@ -0,0 +1,63 @@
+{% extends 'reporting/layout.html.twig' %}
+
+{% block report_title %}{{ 'report_monthly_users'|trans({}, 'reporting') }}{% endblock %}
+
+{% block report %}
+
+    {% embed '@AdminLTE/Widgets/box-widget.html.twig' %}
+        {% import "macros/widgets.html.twig" as widgets %}
+        {% block box_before %}
+            {{ form_start(form, {'action': path('report_monthly_users'), 'attr': {'class': 'form-inline'}}) }}
+        {% endblock %}
+        {% block box_after %}
+            {{ form_end(form) }}
+        {% endblock %}
+        {% block box_title %}
+            {{ form_widget(form.date) }}
+        {% endblock %}
+        {% block box_body_class %}monthly-user-list-reporting-box no-padding table-responsive{% endblock %}
+        {% block box_body %}
+            <table class="table table-bordered table-hover dataTable">
+                <tr>
+                    <th></th>
+                    {% for day in days %}
+                    <th class="text-center text-nowrap{% if day is weekend %} weekend{% endif %}">
+                        {{ day|day_name(true) }}<br>
+                        {{ day|date_format('d.m') }}
+                    </th>
+                    {% endfor %}
+                    <th></th>
+                </tr>
+                {% for userDay in rows %}
+                    {% set usersMonthDuration = 0 %}
+                    <tr>
+                        <td class="text-nowrap">
+                            <strong>{{ widgets.username(userDay.user) }}</strong>
+                        </td>
+                        {% for day in userDay.days %}
+                            <td class="text-nowrap{% if day.day is weekend %} weekend{% endif %}">
+                                {% if day.totalDuration > 0 %}
+                                    {{ day.totalDuration|duration }}
+                                    {% set usersMonthDuration = usersMonthDuration + day.totalDuration %}
+                                {% endif %}
+                            </td>
+                        {% endfor %}
+                        <th class="text-nowrap">{{ usersMonthDuration|duration }}</th>
+                    </tr>
+                {% endfor %}
+            </table>
+        {% endblock %}
+    {% endembed %}
+
+{% endblock %}
+
+{% block javascripts %}
+    {{ parent() }}
+    <script type="text/javascript">
+        document.addEventListener('kimai.initialized', function() {
+            $('#{{ form.date.vars.id }}').on('change', function(ev) {
+                $(this).closest('form').submit();
+            });
+        });
+    </script>
+{% endblock %}