From 4ca9f21f7d04d2f4e302430d609c77e2777c95bb Mon Sep 17 00:00:00 2001
From: Thomah <5090230+Thomah@users.noreply.github.com>
Date: Sat, 28 Oct 2023 18:25:32 +0200
Subject: [PATCH] feat: add view rules on report component

---
 src/app/app/budgets/budgets.component.html    |   4 +-
 .../projects/list/list-projects.component.ts  |   3 +-
 src/app/app/report/report.component.html      |  28 +++-
 src/app/app/report/report.component.ts        |  86 +++++++-----
 src/locale/messages.fr.xlf                    |   9 ++
 src/locale/messages.xlf                       | 127 +++++++++++-------
 6 files changed, 167 insertions(+), 90 deletions(-)

diff --git a/src/app/app/budgets/budgets.component.html b/src/app/app/budgets/budgets.component.html
index 4f6833f..2246823 100644
--- a/src/app/app/budgets/budgets.component.html
+++ b/src/app/app/budgets/budgets.component.html
@@ -12,7 +12,7 @@ <h3 class="card-title" i18n="@@budgets">Budgets</h3>
             </a>
         </div>
     </div>
-    <div class="card-body p-0">
+    <div class="card-body p-0 table-responsive">
         <table class="table table-striped projects">
             <thead>
                 <tr>
@@ -155,7 +155,7 @@ <h4 class="modal-title pull-left" i18n="@@editBudget">Edit budget</h4>
                 </div>
             </div>
             <div class="form-group">
-                <label for="rules">Rules</label>
+                <label for="rules" i18n="@@budgetsRules">Rules</label>
                 <select class="custom-select" class="form-control" style="width: 100%;" formControlName="rules"
                     id="rules">
                     <option *ngFor="let item of rules | keyvalue" value="{{ item.key }}">{{ item.value.name }}</option>
diff --git a/src/app/app/projects/list/list-projects.component.ts b/src/app/app/projects/list/list-projects.component.ts
index f7e6188..7259123 100644
--- a/src/app/app/projects/list/list-projects.component.ts
+++ b/src/app/app/projects/list/list-projects.component.ts
@@ -117,8 +117,9 @@ export class ListProjectsComponent implements OnInit {
             var projectCampaigns = data.filter(campaign => campaign.project.id === project.id);
             var projectTotalDonations = projectCampaigns.reduce((sum, current) => sum + current.totalDonations, 0);
             var projectDonationsRequired = projectCampaigns.reduce((sum, current) => {
+              console.log(current.status + " : " + current.totalRequired);
               if (current.status != CampaignStatus.FAILED) {
-                return sum + current.donationsRequired
+                return sum + current.totalRequired
               } else {
                 return sum
               }
diff --git a/src/app/app/report/report.component.html b/src/app/app/report/report.component.html
index e3defc5..82172a8 100644
--- a/src/app/app/report/report.component.html
+++ b/src/app/app/report/report.component.html
@@ -1,5 +1,5 @@
 <div class="row action-bar" [formGroup]="selectBudgetForm">
-    <div class="col-2">
+    <div class="col-md-2">
         <div class="form-group">
             <label for="amount" i18n="@@budget">Budget</label>
             <select class="form-control" style="width: 100%;" formControlName="budget">
@@ -7,7 +7,13 @@
             </select>
         </div>
     </div>
-    <div class="col-10">
+    <div class="col-md-2">
+        <div class="form-group">
+            <label for="amount" i18n="@@reportRulesLabel">Rules</label>
+            <button type="button" class="btn btn-block btn-default" (click)="onViewTermsOfUse(viewRulesModalTemplate)" i18n="@@reportRulesButton">View rules</button>
+        </div>
+    </div>
+    <div class="col-md-8">
         <div id="budgetUsage" class="progress-group">
             <span class="progress-text" i18n="@@usageOverview">Usage overview</span>
             <div class="progress" title="{{ budgetUsage }}">
@@ -54,7 +60,7 @@ <h3 class="card-title" i18n="@@campaigns">Campaigns</h3>
                             <td><span *ngIf="projects.get(campaign.project.id) !== undefined">{{
                                     getProject(campaign.project.id).peopleGivingTimeRef.length }} / 3</span></td>
                             <td>{{ campaign.totalDonations.toFixed(2) }} €</td>
-                            <td>{{ campaign.donationsRequired.toFixed(2) }} €</td>
+                            <td>{{ campaign.totalRequired.toFixed(2) }} €</td>
                             <td>
                                 <span *ngIf="campaign.status === 'IN_PROGRESS'" class="badge bg-yellow"
                                     i18n="@@reportStatusInProgress">In Progress</span>
@@ -191,4 +197,18 @@ <h3 class="card-title" i18n="@@reportAccountsState">Accounts State</h3>
             </div>
         </div>
     </div>
-</div>
\ No newline at end of file
+</div>
+
+<ng-template #viewRulesModalTemplate>
+    <div class="modal-header">
+        <h4 class="modal-title pull-left">{{ rules.name }}</h4>
+        <button type="button" class="close pull-right" aria-label="Close" (click)="viewRulesModal.hide()">
+            <span aria-hidden="true">&times;</span>
+        </button>
+    </div>
+    <div class="modal-body" [innerHTML]="rules.value">
+    </div>
+    <div class="modal-footer">
+        <button class="btn btn-primary" (click)="viewRulesModal.hide()" i18n="@@close">Close</button>
+    </div>
+</ng-template>
\ No newline at end of file
diff --git a/src/app/app/report/report.component.ts b/src/app/app/report/report.component.ts
index d8c1053..a1c487c 100644
--- a/src/app/app/report/report.component.ts
+++ b/src/app/app/report/report.component.ts
@@ -1,9 +1,10 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, TemplateRef } from '@angular/core';
 import { UntypedFormBuilder } from '@angular/forms';
-import { Account, Budget, User } from 'src/app/_entities';
+import { BsModalRef, BsModalService } from 'ngx-bootstrap/modal';
+import { Account, Budget, Content, User } from 'src/app/_entities';
 import { AccountModel, CampaignModel, DataPage, ProjectModel } from 'src/app/_models';
 import { Pager } from 'src/app/_models/pagination/pager/pager';
-import { AuthenticationService, BudgetService, OrganizationService, PagerService, ProjectService } from 'src/app/_services';
+import { AuthenticationService, BudgetService, ContentService, OrganizationService, PagerService, ProjectService } from 'src/app/_services';
 
 @Component({
   selector: 'app-report',
@@ -22,6 +23,10 @@ export class ReportComponent implements OnInit {
     budget: [0]
   });
 
+  // Rules Modal
+  viewRulesModal = new BsModalRef();
+  rules = new Content();
+
   // Campaigns Box
   private rawProjectsResponse = new DataPage<CampaignModel>();
   campaignPager = new Pager();
@@ -37,12 +42,14 @@ export class ReportComponent implements OnInit {
   accountsSyncStatus = 'idle';
 
   constructor(
+    private modalService: BsModalService,
+    private fb: UntypedFormBuilder,
     private authenticationService: AuthenticationService,
     private budgetService: BudgetService,
+    private contentService: ContentService,
     private organizationService: OrganizationService,
     private projectService: ProjectService,
-    private pagerService: PagerService,
-    private fb: UntypedFormBuilder) { }
+    private pagerService: PagerService) { }
 
   ngOnInit() {
     this.refresh();
@@ -56,7 +63,7 @@ export class ReportComponent implements OnInit {
       });
     this.selectBudgetForm.controls['budget'].valueChanges.subscribe(val => {
       const budgetFound = this.budgets.find(budget => budget.id === +val);
-      if(budgetFound !== undefined) {
+      if (budgetFound !== undefined) {
         this.budget = budgetFound;
         this.budgetUsage = this.computeNumberPercent(this.budget.totalDonations, this.authenticationService.currentOrganizationValue.membersRef.length * this.budget.amountPerMember) + "%";
         this.refreshCampaigns(this.campaignPager.currentPage);
@@ -69,32 +76,39 @@ export class ReportComponent implements OnInit {
     if (this.pagerService.canChangePage(this.campaignPager, page)) {
       this.campaignsSyncStatus = 'running';
       this.budgetService.getCampaigns(this.selectBudgetForm.controls['budget'].value, page - 1, this.campaignsPageSize)
-        .subscribe(response => {
-          this.rawProjectsResponse = response;
-          this.setCampaignsPage(page);
-          const projectIds: number[] = [];
-          this.pagedCampaigns.forEach(campaign => {
-            if(campaign.project.id > 0) {
-              projectIds.push(campaign.project.id);
-            }
-          });
-          this.projectService.getAllByIds(projectIds)
-            .subscribe(response => {
-              response.forEach(prj => this.projects.set(prj.id, prj))
-            },
-            error => {
-              console.log(error);
+        .subscribe({
+          next: (response) => {
+            this.rawProjectsResponse = response;
+            this.setCampaignsPage(page);
+            const projectIds: number[] = [];
+            this.pagedCampaigns.forEach(campaign => {
+              if (campaign.project.id > 0) {
+                projectIds.push(campaign.project.id);
+              }
             });
-          this.campaignsSyncStatus = 'success';
-          setTimeout(() => {
-            this.campaignsSyncStatus = 'idle';
-          }, 1000);
-        }, error => {
-          this.campaignsSyncStatus = 'error';
-          console.log(error);
-          setTimeout(() => {
-            this.campaignsSyncStatus = 'idle';
-          }, 1000);
+            this.projectService.getAllByIds(projectIds)
+              .subscribe({
+                next: (response) => response.forEach(prj => this.projects.set(prj.id, prj)),
+                complete: () => { },
+                error: error => {
+                  console.log(error);
+                }
+              });
+            this.campaignsSyncStatus = 'success';
+            setTimeout(() => {
+              this.campaignsSyncStatus = 'idle';
+            }, 1000);
+
+          },
+          complete: () => { },
+          error: error => {
+            this.campaignsSyncStatus = 'error';
+            console.log(error);
+            setTimeout(() => {
+              this.campaignsSyncStatus = 'idle';
+            }, 1000);
+
+          }
         });
     }
   }
@@ -147,7 +161,7 @@ export class ReportComponent implements OnInit {
 
   getProject(id: number): ProjectModel {
     let entity = this.projects.get(id);
-    if(entity === undefined) {
+    if (entity === undefined) {
       entity = new ProjectModel();
     }
     return entity;
@@ -159,4 +173,12 @@ export class ReportComponent implements OnInit {
     }
     return 100 * number / max;
   }
+  
+  onViewTermsOfUse(template: TemplateRef<string>) {
+    this.contentService.getById(this.budget.rules.id)
+      .subscribe(content => {
+        this.rules = Content.fromModel(content);
+        this.viewRulesModal = this.modalService.show(template);
+      });
+  }
 }
diff --git a/src/locale/messages.fr.xlf b/src/locale/messages.fr.xlf
index e790c6b..db345cc 100644
--- a/src/locale/messages.fr.xlf
+++ b/src/locale/messages.fr.xlf
@@ -68,6 +68,9 @@
       <trans-unit id="costOfHour" datatype="html">
         <target>Coût d'une heure</target>
       </trans-unit>
+      <trans-unit id="budgetsRules" datatype="html">
+        <target>Règles d'utilisation</target>
+      </trans-unit>
       <trans-unit id="budgetFieldDisabled" datatype="html">
         <target> Certains champs ont été désactivés car le budget est déjà distribué entre les membres de l'organisation. </target>
       </trans-unit>
@@ -562,6 +565,12 @@
       <trans-unit id="userWhantToLeadRealOfIdea" datatype="html">
         <target>Je souhaite porter la réalisation de cette idée</target>
       </trans-unit>
+      <trans-unit id="reportRulesLabel" datatype="html">
+        <target>Règles associées</target>
+      </trans-unit>
+      <trans-unit id="reportRulesButton" datatype="html">
+        <target>Afficher les règles</target>
+      </trans-unit>
       <trans-unit id="usageOverview" datatype="html">
         <target>Utilisation</target>
       </trans-unit>
diff --git a/src/locale/messages.xlf b/src/locale/messages.xlf
index d91bf97..ee5df89 100644
--- a/src/locale/messages.xlf
+++ b/src/locale/messages.xlf
@@ -110,7 +110,7 @@
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/app/profile/profile.component.html</context>
-          <context context-type="linenumber">53</context>
+          <context context-type="linenumber">52</context>
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/app/projects/view/view-project.component.html</context>
@@ -209,6 +209,13 @@
           <context context-type="linenumber">127</context>
         </context-group>
       </trans-unit>
+      <trans-unit id="budgetsRules" datatype="html">
+        <source>Rules</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/app/budgets/budgets.component.html</context>
+          <context context-type="linenumber">158</context>
+        </context-group>
+      </trans-unit>
       <trans-unit id="budgetFieldDisabled" datatype="html">
         <source> Some field have been disabled because budget is already distributed between organization members. </source>
         <context-group purpose="location">
@@ -224,12 +231,16 @@
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/app/profile/profile.component.html</context>
-          <context context-type="linenumber">157</context>
+          <context context-type="linenumber">156</context>
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/app/projects/view/view-project.component.html</context>
           <context context-type="linenumber">536</context>
         </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/app/report/report.component.html</context>
+          <context context-type="linenumber">212</context>
+        </context-group>
       </trans-unit>
       <trans-unit id="save" datatype="html">
         <source>Save</source>
@@ -251,7 +262,7 @@
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/app/profile/profile.component.html</context>
-          <context context-type="linenumber">119</context>
+          <context context-type="linenumber">118</context>
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/app/projects/edit/edit-project.component.html</context>
@@ -299,7 +310,7 @@
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/app/profile/profile.component.html</context>
-          <context context-type="linenumber">51</context>
+          <context context-type="linenumber">50</context>
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/app/projects/edit/edit-project.component.html</context>
@@ -419,11 +430,11 @@
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/app/profile/profile.component.html</context>
-          <context context-type="linenumber">100</context>
+          <context context-type="linenumber">99</context>
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/app/profile/profile.component.html</context>
-          <context context-type="linenumber">101</context>
+          <context context-type="linenumber">100</context>
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/app/users/users.component.html</context>
@@ -487,11 +498,11 @@
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/app/report/report.component.html</context>
-          <context context-type="linenumber">78</context>
+          <context context-type="linenumber">84</context>
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/app/report/report.component.html</context>
-          <context context-type="linenumber">158</context>
+          <context context-type="linenumber">164</context>
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/app/users/users.component.html</context>
@@ -522,11 +533,11 @@
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/app/report/report.component.html</context>
-          <context context-type="linenumber">80</context>
+          <context context-type="linenumber">86</context>
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/app/report/report.component.html</context>
-          <context context-type="linenumber">160</context>
+          <context context-type="linenumber">166</context>
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/app/users/users.component.html</context>
@@ -557,11 +568,11 @@
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/app/report/report.component.html</context>
-          <context context-type="linenumber">82</context>
+          <context context-type="linenumber">88</context>
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/app/report/report.component.html</context>
-          <context context-type="linenumber">162</context>
+          <context context-type="linenumber">168</context>
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/app/users/users.component.html</context>
@@ -592,11 +603,11 @@
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/app/report/report.component.html</context>
-          <context context-type="linenumber">84</context>
+          <context context-type="linenumber">90</context>
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/app/report/report.component.html</context>
-          <context context-type="linenumber">164</context>
+          <context context-type="linenumber">170</context>
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/app/users/users.component.html</context>
@@ -819,14 +830,14 @@
         <source>Projects</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/app/profile/profile.component.html</context>
-          <context context-type="linenumber">47</context>
+          <context context-type="linenumber">46</context>
         </context-group>
       </trans-unit>
       <trans-unit id="shortDescription" datatype="html">
         <source>Short Description</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/app/profile/profile.component.html</context>
-          <context context-type="linenumber">52</context>
+          <context context-type="linenumber">51</context>
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/app/projects/edit/edit-project.component.html</context>
@@ -841,49 +852,49 @@
         <source>Draft</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/app/profile/profile.component.html</context>
-          <context context-type="linenumber">61</context>
+          <context context-type="linenumber">60</context>
         </context-group>
       </trans-unit>
       <trans-unit id="profileStatusIdea" datatype="html">
         <source>Idea</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/app/profile/profile.component.html</context>
-          <context context-type="linenumber">62</context>
+          <context context-type="linenumber">61</context>
         </context-group>
       </trans-unit>
       <trans-unit id="profileStatusInProgress" datatype="html">
         <source>In Progress</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/app/profile/profile.component.html</context>
-          <context context-type="linenumber">63</context>
+          <context context-type="linenumber">62</context>
         </context-group>
       </trans-unit>
       <trans-unit id="profileStatusOnPause" datatype="html">
         <source>On Pause</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/app/profile/profile.component.html</context>
-          <context context-type="linenumber">64</context>
+          <context context-type="linenumber">63</context>
         </context-group>
       </trans-unit>
       <trans-unit id="profileStatusFinished" datatype="html">
         <source>Finished</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/app/profile/profile.component.html</context>
-          <context context-type="linenumber">65</context>
+          <context context-type="linenumber">64</context>
         </context-group>
       </trans-unit>
       <trans-unit id="contributions" datatype="html">
         <source>Contributions</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/app/profile/profile.component.html</context>
-          <context context-type="linenumber">71</context>
+          <context context-type="linenumber">70</context>
         </context-group>
       </trans-unit>
       <trans-unit id="budget" datatype="html">
         <source>Budget</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/app/profile/profile.component.html</context>
-          <context context-type="linenumber">75</context>
+          <context context-type="linenumber">74</context>
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/app/projects/view/view-project.component.html</context>
@@ -906,7 +917,7 @@
         <source>Date</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/app/profile/profile.component.html</context>
-          <context context-type="linenumber">76</context>
+          <context context-type="linenumber">75</context>
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/app/projects/view/view-project.component.html</context>
@@ -917,14 +928,14 @@
         <source>Project</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/app/profile/profile.component.html</context>
-          <context context-type="linenumber">77</context>
+          <context context-type="linenumber">76</context>
         </context-group>
       </trans-unit>
       <trans-unit id="amount" datatype="html">
         <source>Amount</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/app/profile/profile.component.html</context>
-          <context context-type="linenumber">78</context>
+          <context context-type="linenumber">77</context>
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/app/projects/view/view-project.component.html</context>
@@ -939,14 +950,14 @@
         <source>Settings</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/app/profile/profile.component.html</context>
-          <context context-type="linenumber">97</context>
+          <context context-type="linenumber">96</context>
         </context-group>
       </trans-unit>
       <trans-unit id="password" datatype="html">
         <source>Password</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/app/profile/profile.component.html</context>
-          <context context-type="linenumber">104</context>
+          <context context-type="linenumber">103</context>
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/app/users/users.component.html</context>
@@ -961,7 +972,7 @@
         <source>Password - Keep empty to leave it unchanged</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/app/profile/profile.component.html</context>
-          <context context-type="linenumber">105</context>
+          <context context-type="linenumber">104</context>
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/app/users/users.component.html</context>
@@ -972,11 +983,11 @@
         <source>Firstname</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/app/profile/profile.component.html</context>
-          <context context-type="linenumber">108</context>
+          <context context-type="linenumber">107</context>
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/app/profile/profile.component.html</context>
-          <context context-type="linenumber">109</context>
+          <context context-type="linenumber">108</context>
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/app/users/users.component.html</context>
@@ -991,11 +1002,11 @@
         <source>Lastname</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/app/profile/profile.component.html</context>
-          <context context-type="linenumber">112</context>
+          <context context-type="linenumber">111</context>
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/app/profile/profile.component.html</context>
-          <context context-type="linenumber">113</context>
+          <context context-type="linenumber">112</context>
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/app/users/users.component.html</context>
@@ -1010,11 +1021,11 @@
         <source>Avatar URL</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/app/profile/profile.component.html</context>
-          <context context-type="linenumber">116</context>
+          <context context-type="linenumber">115</context>
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/app/profile/profile.component.html</context>
-          <context context-type="linenumber">117</context>
+          <context context-type="linenumber">116</context>
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/app/users/users.component.html</context>
@@ -1029,21 +1040,21 @@
         <source>Developper</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/app/profile/profile.component.html</context>
-          <context context-type="linenumber">122</context>
+          <context context-type="linenumber">121</context>
         </context-group>
       </trans-unit>
       <trans-unit id="generate" datatype="html">
         <source>Generate</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/app/profile/profile.component.html</context>
-          <context context-type="linenumber">143</context>
+          <context context-type="linenumber">142</context>
         </context-group>
       </trans-unit>
       <trans-unit id="yourNewApiToken" datatype="html">
         <source>Your new API Token</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/app/profile/profile.component.html</context>
-          <context context-type="linenumber">148</context>
+          <context context-type="linenumber">147</context>
         </context-group>
       </trans-unit>
       <trans-unit id="detailedPresentation" datatype="html">
@@ -1612,95 +1623,109 @@
           <context context-type="linenumber">576</context>
         </context-group>
       </trans-unit>
+      <trans-unit id="reportRulesLabel" datatype="html">
+        <source>Rules</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/app/report/report.component.html</context>
+          <context context-type="linenumber">12</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit id="reportRulesButton" datatype="html">
+        <source>View rules</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/app/report/report.component.html</context>
+          <context context-type="linenumber">13</context>
+        </context-group>
+      </trans-unit>
       <trans-unit id="usageOverview" datatype="html">
         <source>Usage overview</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/app/report/report.component.html</context>
-          <context context-type="linenumber">12</context>
+          <context context-type="linenumber">18</context>
         </context-group>
       </trans-unit>
       <trans-unit id="campaigns" datatype="html">
         <source>Campaigns</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/app/report/report.component.html</context>
-          <context context-type="linenumber">24</context>
+          <context context-type="linenumber">30</context>
         </context-group>
       </trans-unit>
       <trans-unit id="reportTitle" datatype="html">
         <source>Title</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/app/report/report.component.html</context>
-          <context context-type="linenumber">37</context>
+          <context context-type="linenumber">43</context>
         </context-group>
       </trans-unit>
       <trans-unit id="reportCreatedAt" datatype="html">
         <source>Created at</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/app/report/report.component.html</context>
-          <context context-type="linenumber">38</context>
+          <context context-type="linenumber">44</context>
         </context-group>
       </trans-unit>
       <trans-unit id="reportDescription" datatype="html">
         <source>Description</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/app/report/report.component.html</context>
-          <context context-type="linenumber">39</context>
+          <context context-type="linenumber">45</context>
         </context-group>
       </trans-unit>
       <trans-unit id="reportTeamMembers" datatype="html">
         <source>Team Members</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/app/report/report.component.html</context>
-          <context context-type="linenumber">40</context>
+          <context context-type="linenumber">46</context>
         </context-group>
       </trans-unit>
       <trans-unit id="reportDonations" datatype="html">
         <source>Donations</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/app/report/report.component.html</context>
-          <context context-type="linenumber">41</context>
+          <context context-type="linenumber">47</context>
         </context-group>
       </trans-unit>
       <trans-unit id="reportDonationsRequired" datatype="html">
         <source>Donations required</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/app/report/report.component.html</context>
-          <context context-type="linenumber">42</context>
+          <context context-type="linenumber">48</context>
         </context-group>
       </trans-unit>
       <trans-unit id="reportStatus" datatype="html">
         <source>Status</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/app/report/report.component.html</context>
-          <context context-type="linenumber">43</context>
+          <context context-type="linenumber">49</context>
         </context-group>
       </trans-unit>
       <trans-unit id="reportStatusInProgress" datatype="html">
         <source>In Progress</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/app/report/report.component.html</context>
-          <context context-type="linenumber">60</context>
+          <context context-type="linenumber">66</context>
         </context-group>
       </trans-unit>
       <trans-unit id="reportStatusFailed" datatype="html">
         <source>Failed</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/app/report/report.component.html</context>
-          <context context-type="linenumber">62</context>
+          <context context-type="linenumber">68</context>
         </context-group>
       </trans-unit>
       <trans-unit id="reportStatusSuccessful" datatype="html">
         <source>Successful</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/app/report/report.component.html</context>
-          <context context-type="linenumber">64</context>
+          <context context-type="linenumber">70</context>
         </context-group>
       </trans-unit>
       <trans-unit id="reportAccountsState" datatype="html">
         <source>Accounts State</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/app/report/report.component.html</context>
-          <context context-type="linenumber">121</context>
+          <context context-type="linenumber">127</context>
         </context-group>
       </trans-unit>
       <trans-unit id="navProjects" datatype="html">