Split participation reports into components - Part 4

courses_legacy/static/js/reports/role-participation-report/role-participation-report.component.js

+(function() {
+    'use strict';
+
+    angular
+        .module('roleParticipationReport')
+        .component('roleParticipationReport', {
+            templateUrl: '/role-participation-report.template.html',
+            controller: RoleParticipationReportCtrl,
+            bindings: {
+                date: '<',
+            },
+        });
+
+    RoleParticipationReportCtrl.$inject = ['$scope'];
+
+    function RoleParticipationReportCtrl ($scope) {
+
+        var ctrl = this;
+
+        ctrl.minimized = false;
+        ctrl.toggleDetails = toggleDetails;
+
+        ctrl.$onInit = function() {
+
+        };
+
+        function toggleDetails() {
+            ctrl.minimized = !ctrl.minimized;
+        }
+    }
+})();

courses_legacy/static/js/reports/role-participation-report/role-participation-report.module.js

+(function() {
+    'use strict';
+
+    angular.module('roleParticipationReport', [
+        'reports.services',
+    ]);
+
+})();

courses_legacy/static/js/reports/user-participation-report/user-participation-report.app.js

@@ -5,6 +5,7 @@
         'cityParticipationReport',
         'cityParticipationReportList',
         'classroomParticipationReport',
+        'roleParticipationReport',
         'userParticipationGraphicsReport',
         'userParticipationReport',
         'shared',

courses_legacy/templates/components/city-participation-report-list.template.html

@@ -19,7 +19,7 @@
     <div class="filter-row">
       <span>Busque pelo nome do município:</span>
       <input name="city" placeholder="Busque por um município" aria-label="Nome">
-      <span>Filtre a lista</span>
+      <span>Filtre a lista:</span>
       <select name="city" aria-label="Nome">
         <option>Selecione o Nome</option>
       </select>

courses_legacy/templates/components/role-participation-report.template.html

+{% verbatim %}
+
+<section class="widget container-fluid">
+  <header class="widget-header">
+    <div class="row">
+      <div class="col-sm-12 col-md-12">
+        <span class="pull-left">
+          <h2 class="widget-title">Funções</h2>
+        </span>
+        <div class="pull-right">
+          <button class="btn btn-primary collapse-button" ng-click="$ctrl.toggleDetails()">
+            {{ $ctrl.minimized ? 'Exibir' : 'Minimizar' }} dados<i ng-class="['fa', $ctrl.minimized ? 'fa-chevron-down' : 'fa-chevron-up']" aria-hidden="true"></i>
+          </button>
+        </div>
+      </div>
+    </div>
+  </header>
+  <main class="widget-body" ng-if="!$ctrl.minimized">
+    <div class="filter-row">
+      <span>Filtre a lista:</span>
+      <select name="nte" aria-label="NTE">
+        <option>Selecione o NTE</option>
+      </select>
+      <select name="network" aria-label="Rede">
+        <option>Selecione a Rede</option>
+      </select>
+      <select name="city" aria-label="Município">
+        <option>Selecione o Município</option>
+      </select>
+    </div>
+    <div class="table-wrapper">
+      <table>
+        <thead>
+          <tr>
+            <th>Cargo/função</th>
+            <th>Participantes ativos</th>
+            <th>Participantes não ativos</th>
+            <th>Usuários não participantes</th>
+            <th>Total geral</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td><b>Apoio pedagógico</b></td>
+            <td>124</td>
+            <td>124</td>
+            <td>163</td>
+            <td>600</td>
+          </tr>
+          <tr class="total">
+            <td><b>TOTAL GERAL</b></td>
+            <td>124</td>
+            <td>124</td>
+            <td>163</td>
+            <td>600</td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+  </main>
+</section>
+
+{% endverbatim %}

courses_legacy/templates/components/user-participation-report.template.html

@@ -11,6 +11,8 @@
   <city-participation-report-list ntes="$ctrl.ntes_reports"></city-participation-report-list>
 
   <classroom-participation-report></classroom-participation-report>
+
+  <role-participation-report></role-participation-report>
 </div>
 
 {% endverbatim %}

courses_legacy/templates/user-participation-report.html

@@ -34,6 +34,8 @@
 <script type="text/javascript" src="{% static 'js/reports/city-participation-report-list/city-participation-report-list.component.js' %}"></script>
 <script type="text/javascript" src="{% static 'js/reports/classroom-participation-report/classroom-participation-report.module.js' %}"></script>
 <script type="text/javascript" src="{% static 'js/reports/classroom-participation-report/classroom-participation-report.component.js' %}"></script>
+<script type="text/javascript" src="{% static 'js/reports/role-participation-report/role-participation-report.module.js' %}"></script>
+<script type="text/javascript" src="{% static 'js/reports/role-participation-report/role-participation-report.component.js' %}"></script>
 <script type="text/javascript" src="{% static 'js/reports/user-participation-graphics-report/user-participation-graphics-report.module.js' %}"></script>
 <script type="text/javascript" src="{% static 'js/reports/user-participation-graphics-report/user-participation-graphics-report.component.js' %}"></script>
 <script type="text/javascript" src="{% static 'js/reports/user-participation-report/user-participation-report.module.js' %}"></script>

courses_legacy/urls.py

@@ -210,6 +210,7 @@ urlpatterns = [
     url(r'^city-participation-report.template.html', TemplateView.as_view(template_name="components/city-participation-report.template.html"), name='city-participation-report'),
     url(r'^city-participation-report-list.template.html', TemplateView.as_view(template_name="components/city-participation-report-list.template.html"), name='city-participation-report-list'),
     url(r'^classroom-participation-report.template.html', TemplateView.as_view(template_name="components/classroom-participation-report.template.html"), name='classroom-participation-report'),
+    url(r'^role-participation-report.template.html', TemplateView.as_view(template_name="components/role-participation-report.template.html"), name='role-participation-report'),
     url(r'^user-participation-graphics-report.template.html', TemplateView.as_view(template_name="components/user-participation-graphics-report.template.html"), name='user-participation-graphics-report'),
     url(r'^user-participation-report.template.html', TemplateView.as_view(template_name="components/user-participation-report.template.html"), name='user-participation-report'),