2 |
6 |
--------------------------------------------------------------------------------
/docker-compose.yaml:
--------------------------------------------------------------------------------
1 | version: "2.4"
2 |
3 | services:
4 | frontend:
5 | image: node:14
6 | working_dir: /app
7 | ports:
8 | - "4200:4200"
9 | command: "sh -c 'yarn && npm start -- --host 0.0.0.0'"
10 | volumes:
11 | - ./:/app
12 |
--------------------------------------------------------------------------------
/src/app/models/form.section.model.ts:
--------------------------------------------------------------------------------
1 | import { FormQuestion } from './form.question.model';
2 |
3 | export interface FormSection {
4 | uniqueId: string;
5 | id: number;
6 | code: string;
7 | description: string;
8 | questions: FormQuestion[];
9 | }
10 |
--------------------------------------------------------------------------------
/src/app/table/table-column/table-column.directive.ts:
--------------------------------------------------------------------------------
1 | import { Directive, TemplateRef } from '@angular/core';
2 |
3 | @Directive({
4 | selector: '[tableColumn]'
5 | })
6 | export class TableColumnDirective {
7 | constructor (public templateRef: TemplateRef
3 | Loading...
4 |
5 |
2 |
--------------------------------------------------------------------------------
/src/app/components/answer/answer-note/answer-note.component.scss:
--------------------------------------------------------------------------------
1 | .clear {
2 | clear:both;
3 | }
4 | .content-container{
5 | .note-image{
6 | max-width:300px;
7 | margin:10px;
8 | float:right;
9 | }
10 | .note-text{
11 | clear:right;
12 | float:left
13 | }
14 | }
15 |
--------------------------------------------------------------------------------
/src/app/table/table-column/table-column.directive.spec.ts:
--------------------------------------------------------------------------------
1 | import { TableColumnDirective } from './table-column.directive';
2 |
3 | describe('TableColumnDirective', () => {
4 | it('should create an instance', () => {
5 | const directive = new TableColumnDirective();
6 | expect(directive).toBeTruthy();
7 | });
8 | });
9 |
--------------------------------------------------------------------------------
/src/environments/environment.local.ts:
--------------------------------------------------------------------------------
1 | import { EnvironmentConfig } from '../typings';
2 |
3 | export const environment: EnvironmentConfig = {
4 | production: false,
5 | observerGuideUrl:
6 | 'https://votcorect.ro/wp-content/uploads/2020/09/Manualul-observatorului-locale-2020-public.pdf',
7 | apiUrl: 'https://localhost:5001',
8 | };
9 |
--------------------------------------------------------------------------------
/src/app/store/observers/observers.config.ts:
--------------------------------------------------------------------------------
1 | export interface ObserversStateConfig {
2 | key: string;
3 | method: string;
4 | header: string;
5 | subHeader: string;
6 | }
7 | export let observersConfig = [{
8 | key: 'observers-list',
9 | method: '',
10 | header: 'Observatori',
11 | subHeader: '',
12 | }];
13 |
--------------------------------------------------------------------------------
/src/environments/environment.prod.ts:
--------------------------------------------------------------------------------
1 | import { EnvironmentConfig } from '../typings';
2 |
3 | export const environment: EnvironmentConfig = {
4 | production: true,
5 | observerGuideUrl:
6 | 'https://fiecarevot.ro/wp-content/uploads/2020/12/Manual-observatori-FV-parlamentare2020.pdf',
7 | apiUrl: 'https://api.votemonitor.org/',
8 | };
9 |
--------------------------------------------------------------------------------
/src/app/components/statistics/statistics-details/statistics-details.component.html:
--------------------------------------------------------------------------------
1 |
3 |
6 | {{index}}
4 | {{label}}
5 | {{value}}
7 |
2 |
3 |
4 |
5 |
8 |
--------------------------------------------------------------------------------
/src/app/shared/pagination.service.ts:
--------------------------------------------------------------------------------
1 | export function shouldLoadPage(page: number, pageSize: number, arrayLen) {
2 | if (page === undefined || pageSize === undefined) {
3 | return true;
4 | }
5 | if (page * pageSize > arrayLen) {
6 | return !((page - 1) * pageSize < arrayLen);
7 | } else {
8 | return false;
9 | }
10 | }
11 |
--------------------------------------------------------------------------------
/src/app/store/county/county.selectors.ts:
--------------------------------------------------------------------------------
1 | import { createFeatureSelector, createSelector } from '@ngrx/store';
2 | import { CountyState } from './county.state';
3 |
4 | export const county = createFeatureSelector
2 |
4 |
--------------------------------------------------------------------------------
/src/typings.d.ts:
--------------------------------------------------------------------------------
1 | // Typings reference file, you can add your own global typings here
2 | // https://www.typescriptlang.org/docs/handbook/writing-declaration-files.html
3 |
4 | export interface EnvironmentConfig {
5 | production: boolean;
6 | observerGuideUrl: string;
7 | apiUrl: string;
8 | answersRefreshTimeMs?: number;
9 | pageSize?: number;
10 | }
11 |
--------------------------------------------------------------------------------
/src/app/models/note.model.ts:
--------------------------------------------------------------------------------
1 | export class Note {
2 | countyCode: string;
3 | pollingStattionNumber: number;
4 | attachmentsPaths: ({ src: string; isImage: boolean, type?: string; })[];
5 | text: string;
6 | formCode: string;
7 | formId: number;
8 | questionId: number;
9 | }
10 |
11 | export interface NoteMap {
12 | [prop: number]: Note;
13 | }
14 |
--------------------------------------------------------------------------------
/src/app/store/util.ts:
--------------------------------------------------------------------------------
1 |
2 | const typeCache: { [label: string]: boolean } = {};
3 | export function actionType{{message}}
3 |
2 | ![]()
4 | ![]()
6 |
7 |
--------------------------------------------------------------------------------
/src/app/store/meta-reducers/index.ts:
--------------------------------------------------------------------------------
1 | import { ActionReducer, MetaReducer } from '@ngrx/store';
2 | import { logout } from '../user/user.actions';
3 |
4 | const resetStateAfterLogout = (reducer: ActionReducer
2 |
13 |
--------------------------------------------------------------------------------
/src/app/components/statistics/statistics.component.html:
--------------------------------------------------------------------------------
1 | {{ section.description }}
3 |
4 |
9 |
10 |
11 |
12 | 11 |
2 |
12 |
--------------------------------------------------------------------------------
/src/app/components/answer/answer-note/answer-note.component.html:
--------------------------------------------------------------------------------
1 |
3 |
8 |
4 |
5 |
6 |
7 |
9 |
11 |
2 |
14 |
--------------------------------------------------------------------------------
/src/app/components/statistics/statistics-card/statistics-card.component.scss:
--------------------------------------------------------------------------------
1 | @import "../../../../variables";
2 | .card-header {
3 | background:#fff;
4 | padding: 10px 25px;
5 | height: 100px;
6 | display: flex;
7 | }
8 | .card-header-contents {
9 | margin: auto 0;
10 | }
11 | .card-row {
12 | &:nth-child(odd) {
13 | background:$gray-light;
14 | }
15 | }
16 | .card-footer {
17 | padding: 10px 25px;
18 | background-color:#fff;
19 | a {
20 | color: $primary;
21 | cursor: pointer;
22 | }
23 | }
24 | .dialog {
25 | margin: -1rem;
26 | }
--------------------------------------------------------------------------------
/src/app/components/answer/answer-extra-questions/answer-extra-questions.component.ts:
--------------------------------------------------------------------------------
1 | import { AnswerExtra } from '../../../models/answer.extra.model';
2 | import { Component, Input, OnInit } from '@angular/core';
3 | @Component({
4 | selector: 'app-answer-extra-questions',
5 | templateUrl: './answer-extra-questions.component.html',
6 | styleUrls: ['./answer-extra-questions.component.scss']
7 | })
8 | export class AnswerExtraQuestionsComponent implements OnInit{
9 |
10 | @Input()
11 | answerExtra: AnswerExtra;
12 | ngOnInit(){
13 |
14 | }
15 | }
16 |
--------------------------------------------------------------------------------
/src/app/routing/guards/home.guard.ts:
--------------------------------------------------------------------------------
1 | import { Injectable } from '@angular/core';
2 | import { ActivatedRouteSnapshot, CanActivate, Router, RouterStateSnapshot } from '@angular/router';
3 | @Injectable()
4 | export class HomeGuard implements CanActivate
5 | {
6 | constructor(private router: Router) { }
7 | canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot) {
8 | this.router.navigate(['/answers'], {
9 | queryParams: {
10 | urgente: true
11 | }
12 | });
13 | return false;
14 | }
15 | }
16 |
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | # See http://help.github.com/ignore-files/ for more about ignoring files.
2 |
3 | # compiled output
4 | /dist
5 | /tmp
6 |
7 | # dependencies
8 | /node_modules
9 | /bower_components
10 |
11 | # IDEs and editors
12 | /.idea
13 | /.vscode
14 | .project
15 | .classpath
16 | *.launch
17 | .settings/
18 |
19 | # misc
20 | /package-lock.json
21 | /.sass-cache
22 | /connect.lock
23 | /coverage/*
24 | /libpeerconnection.log
25 | npm-debug.log
26 | testem.log
27 | /typings
28 |
29 | # e2e
30 | /e2e/*.js
31 | /e2e/*.map
32 |
33 | #System Files
34 | .DS_Store
35 | Thumbs.db
36 |
--------------------------------------------------------------------------------
/src/app/shared/confirmation-modal/confirmation-modal.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit, Input } from '@angular/core';
2 | import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
3 |
4 | @Component({
5 | selector: 'app-confirmation-modal',
6 | templateUrl: './confirmation-modal.component.html',
7 | styleUrls: ['./confirmation-modal.component.css']
8 | })
9 | export class ConfirmationModalComponent implements OnInit {
10 |
11 | @Input()
12 | public message: string;
13 |
14 | constructor(public modal: NgbActiveModal) { }
15 |
16 | ngOnInit() {
17 | }
18 |
19 | }
20 |
--------------------------------------------------------------------------------
/src/app/components/statistics/statistics-value/statistics-value.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, Input, OnInit } from '@angular/core';
2 |
3 | @Component({
4 | selector: 'app-statistics-value',
5 | styleUrls: ['./statistics-value.component.scss'],
6 | templateUrl: './statistics-value.component.html'
7 | })
8 | export class StatisticsValueComponent implements OnInit {
9 |
10 | @Input()
11 | label: string;
12 |
13 | @Input()
14 | value: string;
15 |
16 | @Input()
17 | index: number;
18 |
19 |
20 | constructor() { }
21 |
22 | ngOnInit() { }
23 | }
24 |
--------------------------------------------------------------------------------
/src/app/table/table.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { CommonModule } from '@angular/common';
3 | import { TableContainerComponent } from './table-container/table-container.component';
4 | import { SharedModule } from '../shared/shared.module';
5 | import { TableColumnDirective } from './table-column/table-column.directive';
6 |
7 | @NgModule({
8 | exports: [TableContainerComponent, TableColumnDirective],
9 | declarations: [TableContainerComponent, TableColumnDirective],
10 | imports: [
11 | CommonModule,
12 | SharedModule,
13 | ],
14 | })
15 | export class TableModule { }
16 |
--------------------------------------------------------------------------------
/src/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
3 | 
9 |
10 |
11 |
4 |
8 | 5 | {{note.text}} 6 |
7 |
12 |
13 |
18 |
22 |
19 | Loading...
20 |
21 |
2 |
4 | {{'PREDEFINED_OPTIONS_MODAL.TITLE' | translate}}
3 |
5 |
14 |
18 |
--------------------------------------------------------------------------------
/src/app/models/form.model.ts:
--------------------------------------------------------------------------------
1 | import { FormSection } from './form.section.model';
2 | import {FormDetails} from './form.info.model';
3 |
4 | export class Form implements FormDetails {
5 | id: number;
6 | formSections: FormSection[];
7 | description: string;
8 | code: string;
9 | diaspora: boolean;
10 | draft: boolean;
11 | currentVersion: number;
12 |
13 | public static fromMetaData(formDetails: FormDetails) {
14 | const result = new Form();
15 | result.inheritMetaData(formDetails);
16 | return result;
17 | }
18 |
19 | public inheritMetaData(formDetails: FormDetails) {
20 | this.id = formDetails.id;
21 | this.description = formDetails.description;
22 | this.code = formDetails.code;
23 | this.diaspora = formDetails.diaspora;
24 | this.currentVersion = formDetails.currentVersion;
25 | this.draft = formDetails.draft;
26 | }
27 | }
28 |
--------------------------------------------------------------------------------
/src/app/shared/base-dropdown/base-dropdown.component.scss:
--------------------------------------------------------------------------------
1 | $selected-foreground-color: #707070;
2 | $selected-bg-color: rgba(0, 0, 0, 0.04);
3 | $arrow-focused-color: #E8E8E8;
4 |
5 | :host {
6 | display: inline-grid;
7 | grid-auto-rows: 1fr;
8 | grid-template-columns: 3fr 2fr;
9 | }
10 |
11 | .c-dropdown__container {
12 | margin-left: .2rem;
13 | }
14 |
15 | .c-dropdown__arrow {
16 | width: 100%;
17 | height: 100%;
18 |
19 | &:focus {
20 | background-color: $arrow-focused-color;
21 | }
22 | }
23 |
24 | .dropdown-menu {
25 | // with the default rule `will-change: transform;`
26 | // the dropdown list will be a bit blurry
27 | will-change: initial !important;
28 | }
29 |
30 | .c-dropdown__item[class]:hover {
31 | background-color: $selected-bg-color;
32 | }
33 |
34 | .c-dropdown__item[class] {
35 | color: $selected-foreground-color;
36 | padding-top: 0.6rem;
37 | padding-bottom: .6rem;
38 | }
--------------------------------------------------------------------------------
/browserslist:
--------------------------------------------------------------------------------
1 | # This file is used by the build system to adjust CSS and JS output to support the specified browsers below.
2 | # For additional information regarding the format and rule options, please see:
3 | # https://github.com/browserslist/browserslist#queries
4 |
5 | # For the full list of supported browsers by the Angular framework, please see:
6 | # https://angular.io/guide/browser-support
7 |
8 | # You can see what browsers were selected by your queries by running:
9 | # npx browserslist
10 |
11 | last 1 Chrome version
12 | last 1 Firefox version
13 | last 2 Edge major versions
14 | last 2 Safari major versions
15 | last 2 iOS major versions
16 | Firefox ESR
17 | not IE 9-10 # Angular support for IE 9-10 has been deprecated and will be removed as of Angular v11. To opt-in, remove the 'not' prefix on this line.
18 | not IE 11 # Angular supports IE 11 only as an opt-in. To opt-in, remove the 'not' prefix on this line.
19 |
--------------------------------------------------------------------------------
/src/app/answers/answers-routing.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { Routes, RouterModule } from '@angular/router';
3 | import { AnswerDetailsComponent } from './answer-details/answer-details.component';
4 | import { AnswerNotificationComponent } from './answer-notification/answer-notification.component';
5 | import { AnswersComponent } from './answers/answers.component';
6 |
7 |
8 | const routes: Routes = [
9 | {
10 | path: '',
11 | pathMatch: 'full',
12 | component: AnswersComponent,
13 | },
14 | {
15 | path: ':observerId/:pollingStationId',
16 | component: AnswerDetailsComponent
17 | },
18 | {
19 | path: ':observerId/:pollingStationId/notification',
20 | component: AnswerNotificationComponent,
21 | },
22 | ];
23 |
24 | @NgModule({
25 | imports: [RouterModule.forChild(routes)],
26 | exports: [RouterModule]
27 | })
28 | export class AnswersRoutingModule { }
29 |
--------------------------------------------------------------------------------
/src/app/store/notifications/notifications.effects.ts:
--------------------------------------------------------------------------------
1 | import {Actions, createEffect, ofType} from '@ngrx/effects';
2 | import {NotificationsService} from '../../services/notifications.service';
3 | import {NotificationsActions} from './notifications.actions';
4 | import {catchError, map, mergeMap} from 'rxjs/operators';
5 | import {Injectable} from '@angular/core';
6 |
7 | @Injectable()
8 | export class NotificationsEffects {
9 | loadNotifications$ = createEffect(() =>
10 | this.actions$.pipe(
11 | ofType(NotificationsActions.LOAD_ACTION),
12 | mergeMap(({page, pageSize}) => this.notificationsService.getAll(page, pageSize)
13 | .pipe(
14 | map(NotificationsActions.loaded),
15 | catchError(() => NotificationsActions.error)
16 | ))
17 | )
18 | );
19 |
20 | constructor(private actions$: Actions,
21 | private notificationsService: NotificationsService) {}
22 | }
23 |
--------------------------------------------------------------------------------
/src/app/core/core.module.ts:
--------------------------------------------------------------------------------
1 | import { AnonGuard } from './anon.guard';
2 | import { AuthGuard } from './authGuard/auth.guard';
3 | import { SharedModule } from '../shared/shared.module';
4 | import { ApiService } from './apiService/api.service';
5 | import { TokenService } from './token/token.service';
6 | import { NgModule, Optional, SkipSelf } from '@angular/core';
7 | import {HttpClientModule} from '@angular/common/http';
8 |
9 |
10 |
11 | @NgModule({
12 | imports: [
13 | HttpClientModule,
14 | SharedModule
15 | ],
16 | exports: [
17 | ],
18 | providers: [
19 | TokenService,
20 | ApiService,
21 | AuthGuard,
22 | AnonGuard
23 | ],
24 | declarations: []
25 | })
26 | export class CoreModule {
27 | constructor( @Optional() @SkipSelf() private core: CoreModule) {
28 | if (core) {
29 | throw new Error(
30 | 'CoreModule was already imported. It cannot be imported twice'
31 | );
32 | }
33 | }
34 | }
35 |
--------------------------------------------------------------------------------
/src/app/components/login/login.component.scss:
--------------------------------------------------------------------------------
1 | .container {
2 | .header{
3 | height: 70vh;
4 | h4 {
5 | margin:2rem 0;
6 | }
7 | .logo {
8 | background: #fbd844;
9 | border-radius: 50%;
10 | height:200px;
11 | width:200px;
12 | img {
13 | width:200px;
14 | }
15 | }
16 | }
17 | form {
18 | background-color:#fff;
19 | -webkit-box-shadow: 0px 0px 15px 5px rgba(204,204,204,1);
20 | -moz-box-shadow: 0px 0px 15px 5px rgba(204,204,204,1);
21 | box-shadow: 0px 0px 15px 5px rgba(204,204,204,1);
22 | border-radius: 0.5rem;
23 | width:450px;
24 |
25 | hr {
26 | width: calc(100% + 3rem);
27 | margin-left: -1.5rem;
28 | margin-right: -1.5rem;
29 | }
30 |
31 | label {
32 | color:rgba(0, 0, 0, 0.7);
33 | }
34 |
35 |
36 | }
37 | }
--------------------------------------------------------------------------------
/src/app/table/table.model.ts:
--------------------------------------------------------------------------------
1 | import { InjectionToken } from '@angular/core'
2 | import { Observable } from 'rxjs';
3 |
4 | export interface TableColumn {
5 | name: string;
6 | canBeSorted?: boolean;
7 | propertyName?: string;
8 | dataType?: 'STRING' | 'DATE';
9 | }
10 |
11 | export type TableColumnTranslated = Omit{{'PREDEFINED_OPTIONS_MODAL.NOTE' | translate}}
6 |
7 | {{ category.label | translate }}
8 |
13 |
9 | {{ option.label | translate }}
11 |
12 |
2 |
37 |
--------------------------------------------------------------------------------
/src/app/shared/pagination/pagination.component.scss:
--------------------------------------------------------------------------------
1 | @import '../../../variables';
2 |
3 | $foreground-color: #A5A5A5;
4 |
5 | :host {
6 | display: flex;
7 | justify-content: space-between;
8 | align-items: center;
9 | padding: 1.5rem .8rem;
10 | flex-wrap: wrap;
11 |
12 | &.is-hidden {
13 | display: none;
14 | }
15 | }
16 |
17 | .c-pagination {
18 | &__buttons {
19 | display: flex;
20 | align-items: center;
21 | }
22 |
23 | &__button {
24 | margin-left: .45rem;
25 | height: 30px;
26 | width: 30px;
27 | color: $foreground-color;
28 | cursor: pointer;
29 |
30 | &:not(&--direction) {
31 | background-color: transparent;;
32 | }
33 |
34 | &--selected:not(&--direction) {
35 | background-color: $primary-purple;
36 | color: #fff;
37 | }
38 |
39 | // adding `[class]` to have the same specificity
40 | // as `:not(.class)` from above
41 | &--disabled[class] {
42 | background-color: lighten($foreground-color, 20%);
43 | cursor: not-allowed;
44 | }
45 | }
46 |
47 | &__stats {
48 | color: $foreground-color;
49 | font-size: 1rem;
50 | }
51 | }
--------------------------------------------------------------------------------
/src/app/components/answer/answer-form-list/answer-form-list.component.ts:
--------------------------------------------------------------------------------
1 | import { Note } from '../../../models/note.model';
2 | import { BaseQuestion } from '../../../models/base.question.model';
3 | import { CompletedQuestion } from '../../../models/completed.question.model';
4 | import { Component, Input } from '@angular/core';
5 | import { find } from 'lodash';
6 | import { Form } from '../../../models/form.model';
7 |
8 | @Component({
9 | selector: 'app-answer-form-list',
10 | templateUrl: './answer-form-list.component.html',
11 | styleUrls: ['./answer-form-list.component.scss'],
12 | })
13 | export class AnswerFormListComponent {
14 | @Input()
15 | form: Form;
16 |
17 | @Input()
18 | completedQuestions: CompletedQuestion[];
19 |
20 | @Input()
21 | notes: Note[];
22 |
23 | answersForQuestion(question: BaseQuestion) {
24 | return find(this.completedQuestions, (value) => value.id === question.id);
25 | }
26 | notesForQuestion(question: BaseQuestion) {
27 | if (!this.notes || !this.notes.length) {
28 | return undefined;
29 | }
30 | return this.notes.filter((note) => note.questionId === question.id);
31 | }
32 |
33 | constructor() {}
34 | }
35 |
--------------------------------------------------------------------------------
/src/app/components/forms/section/section.component.scss:
--------------------------------------------------------------------------------
1 | @import "../../../../variables";
2 | .section-create {
3 | margin-top:20px; // this matches that margin on the header-row bottom
4 | .section-details {
5 | display: flex;
6 | flex-direction: column;
7 | }
8 |
9 | .add-question-button {
10 | color: $primary;
11 | cursor: pointer;
12 | }
13 |
14 | .form-labeled-field {
15 | margin-bottom: 10px;
16 | }
17 |
18 | .header-row {
19 | display: flex;
20 | flex-direction: row;
21 | justify-content: space-between;
22 | margin-bottom: 20px;
23 |
24 | .header-text {
25 | margin: auto 0;
26 | }
27 | }
28 |
29 | .question-list {
30 | display: flex;
31 | flex-direction: column;
32 |
33 | .question-line {
34 | display: flex;
35 | flex-direction: row;
36 |
37 | .question {
38 | flex-grow: 1;
39 | }
40 | }
41 | }
42 |
43 | .icon-holder {
44 | /* display: flex;
45 | flex-direction: column;
46 | justify-content: space-around; */
47 |
48 | cursor: pointer;
49 |
50 | margin: 12px 4px;
51 | }
52 |
53 | .icon-reorder {
54 | cursor: move;
55 | }
56 | }
57 |
--------------------------------------------------------------------------------
/src/app/components/observers/base-observer-crud.component.ts:
--------------------------------------------------------------------------------
1 | import { Observer } from '../../models/observer.model';
2 | import { Input, Output, EventEmitter, Directive } from '@angular/core';
3 |
4 | @Directive()
5 | export class BaseObserverCrudComponent {
6 | @Input() observer: Observer;
7 | @Input() enableEdit = false;
8 | @Input() selectionEnabled = false;
9 |
10 | @Output() onSelect: EventEmitter
3 |
9 |
4 |
8 | 5 | {{ item.header | translate }} 6 |
7 |
10 |
36 |
11 | {{ "LOADING" | translate }}
12 |
13 |
14 |
35 |
18 |
24 |
25 |
26 |
27 |
34 |
2 |
31 |
3 |
27 |
4 |
17 |
18 |
19 |
28 |
30 |
32 |
34 |
--------------------------------------------------------------------------------
/src/app/components/statistics/statistics-details/statistics-details.component.ts:
--------------------------------------------------------------------------------
1 |
2 | import {mergeMap, map} from 'rxjs/operators';
3 | import { Store } from '@ngrx/store';
4 | import { AppState } from '../../../store/store.module';
5 | import { StatisticsStateItem } from '../../../store/statistics/statistics.state';
6 | import { Component, Input, OnDestroy, OnInit } from '@angular/core';
7 | import { Subscription } from 'rxjs';
8 | import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
9 |
10 | @Component({
11 | selector: 'app-statistics-details',
12 | templateUrl: './statistics-details.component.html',
13 | styleUrls: ['./statistics-details.component.scss']
14 | })
15 | export class StatisticsDetailsComponent implements OnInit, OnDestroy {
16 | state: StatisticsStateItem;
17 | subs: Subscription[];
18 |
19 | @Input() item: StatisticsStateItem;
20 |
21 | constructor(private store: Store
2 |
3 | {{ "ARRIVAL_TIME" | translate }}:
4 | {{ answerExtra.observerArrivalTime | date: "shortTime" }}
5 |
6 |
7 | {{ "DEPARTURE_TIME" | translate }}:
8 | {{ answerExtra.observerLeaveTime | date: "shortTime" }}
9 |
10 |
11 | 12 | 13 | 14 | 17 | 23 | 24 | 27 | 33 | 34 | 37 | 43 |
44 |
--------------------------------------------------------------------------------
/src/app/shared/base-checkbox/base-checkbox.component.scss:
--------------------------------------------------------------------------------
1 | @import '../../../variables';
2 |
3 | $filled-unchecked-bg: $light-gray;
4 | $filled-checked-bg: $primary-purple;
5 |
6 | $border-color: $base-gray;
7 |
8 | label {
9 | position: relative;
10 | cursor: pointer;
11 | }
12 |
13 | label::after,
14 | label::before {
15 | position: absolute;
16 | content: '';
17 | }
18 |
19 | label::before {
20 | width: 20px;
21 | height: 20px;
22 | border-radius: 4px;
23 | background-color: $filled-unchecked-bg;
24 | }
25 |
26 | input:checked + label::before {
27 | background-color: $filled-checked-bg;
28 | }
29 |
30 | input:checked + label::after {
31 | height: 11px;
32 | width: 4px;
33 | border-bottom: 1.5px solid #fff;
34 | border-right: 1.5px solid #fff;
35 | transform: translate(200%, 30%) rotate(35deg);
36 | }
37 |
38 | :host.is-transparent {
39 | label::before {
40 | width: 20px;
41 | height: 20px;
42 | border-radius: 4px;
43 | background-color: #fff;
44 | border: 1px solid $primary-purple;
45 | }
46 |
47 | input:checked + label::before {
48 | background-color: #fff;
49 | }
50 |
51 | input:checked + label::after {
52 | height: 16px;
53 | width: 6px;
54 | border-bottom: 1.5px solid $primary-purple;
55 | border-right: 1.5px solid $primary-purple;
56 | transform: translate(200%, -20%) rotate(48deg);
57 | box-shadow: 1px 1p 1px 1px red;
58 | box-shadow: 6px -9px 0px 0px #fff, inset -3px -4px 0px 0px #fff;
59 | }
60 | }
61 |
62 | :host.is-disabled {
63 | label {
64 | cursor: not-allowed;
65 | }
66 | }
--------------------------------------------------------------------------------
/src/app/components/login/login.component.html:
--------------------------------------------------------------------------------
1 | 11 | 12 | 13 | 14 | 17 | 23 | 24 | 27 | 33 | 34 | 37 | 43 |
2 |
31 |
--------------------------------------------------------------------------------
/src/app/components/forms/question/question.component.scss:
--------------------------------------------------------------------------------
1 |
2 | @import "../../../../variables";
3 | span {
4 | &.rotate {
5 | img {
6 | transform: rotate(270deg)
7 | }
8 | }
9 | }
10 |
11 | .add-option-button {
12 | color: $primary;
13 | cursor: pointer;
14 | }
15 |
16 | .options-list {
17 | display: flex;
18 | flex-direction: column;
19 |
20 | .option-line {
21 | display: flex;
22 | flex-direction: row;
23 |
24 | .option {
25 | flex-grow: 1;
26 | }
27 | }
28 |
29 | }
30 |
31 |
32 | .question-component {
33 |
34 | display: flex;
35 | flex-direction: row;
36 |
37 |
38 |
39 | .options-panel {
40 | background-color: $border-color-gray;
41 | padding: 8px;
42 |
43 | .options-list {
44 | display: flex;
45 | flex-direction: column;
46 |
47 | .option-line {
48 | display: flex;
49 | flex-direction: row;
50 |
51 | .option {
52 | flex-grow: 1;
53 | }
54 | }
55 |
56 | }
57 | }
58 |
59 | .expandable-container {
60 | display: flex;
61 | flex-direction: column;
62 |
63 | flex-grow: 1;
64 |
65 | padding: 4px;
66 | }
67 |
68 | .main-fields-container {
69 | display: flex;
70 | justify-content: space-evenly;
71 | flex-direction: row;
72 |
73 | border: 1px solid $border-color-gray;
74 | }
75 |
76 | .icon-holder {
77 | display: flex;
78 | flex-direction: column;
79 | justify-content: space-around;
80 |
81 | cursor: pointer;
82 | }
83 |
84 | /* .field {
85 | margin: 16px auto;
86 | } */
87 | }
88 |
--------------------------------------------------------------------------------
/src/app/shared/base-dropdown/base-dropdown.component.html:
--------------------------------------------------------------------------------
1 |
3 |
30 |
4 |
29 |
5 | 
10 |
11 |
10 | Welcome to VoteMonitor
12 | 28 |
19 |
20 |
29 |
30 |
43 |
--------------------------------------------------------------------------------
/src/app/store/statistics/statistics.config.ts:
--------------------------------------------------------------------------------
1 | export interface StatisticsStateConfig {
2 | key: string;
3 | method: string;
4 | header: string;
5 | }
6 | export let statisticsConfig = [
7 | {
8 | key: 'numar-observatori',
9 | method: 'observerNumber',
10 | header: 'Top municipalities by number of observers.',
11 | },
12 | {
13 | key: 'sesizari-judete',
14 | method: 'countiesIrregularities',
15 | header: 'Top municipalities by filled-in forms with a flagged answer (all forms)',
16 | },
17 | {
18 | key: 'sesizari-sectii',
19 | method: 'pollingStationIrregularities',
20 | header: 'Top polling stations by filled-in forms with a flagged answer (all forms)',
21 | },
22 | {
23 | key: 'sesizari-deschidere-judete',
24 | method: 'countiesOpeningIrregularities',
25 | header: 'Top municipalities by filled-in forms with a flagged answer and form code = "A" (opening)',
26 | },
27 | {
28 | key: 'sesizari-deschidere-sectii',
29 | method: 'pollingStationOpeningIrregularities',
30 | header: 'Top polling stations by filled-in forms with a flagged answer and form code = "A" (opening)',
31 | },
32 | {
33 | key: 'sesizari-numarare-judete',
34 | method: 'countiesByCountingIrregularities',
35 | header: 'Top municipalities by filled-in forms with a flagged answer checked and form code = "C" (closing)',
36 | },
37 | {
38 | key: 'sesizari-numarare-sectii',
39 | method: 'pollingStationsByCountingIrregularities',
40 | header: 'Top polling stations by filled-in forms with a flagged answer checked and form code = "C" (closing)',
41 | },
42 | ];
43 |
--------------------------------------------------------------------------------
/src/app/components/forms/form-groups-builder.ts:
--------------------------------------------------------------------------------
1 | import { FormBuilder, Validators } from '@angular/forms';
2 |
3 |
4 | export function initFormFormGroup(formBuilder: FormBuilder) {
5 | return formBuilder.group({
6 | id: formBuilder.control(0),
7 | orderNumber: formBuilder.control(0),
8 | description: formBuilder.control(null, Validators.required),
9 | code: formBuilder.control(null, Validators.required),
10 | diaspora: formBuilder.control(false),
11 | formSections: formBuilder.array([], Validators.required)
12 | });
13 | }
14 |
15 | export function initSectionFormGroup(formBuilder: FormBuilder) {
16 | return formBuilder.group({
17 | id: formBuilder.control(0),
18 | orderNumber: formBuilder.control(0),
19 | questions: formBuilder.array([]),
20 | description: formBuilder.control(''),
21 | code: formBuilder.control('')
22 | });
23 | }
24 |
25 | export function initQuestionFormGroup(formBuilder: FormBuilder) {
26 | return formBuilder.group({
27 | id: formBuilder.control(0),
28 | orderNumber: formBuilder.control(0),
29 | optionsToQuestions: formBuilder.array([]),
30 | text: formBuilder.control(''),
31 | code: formBuilder.control(''),
32 | questionType: formBuilder.control(0)
33 | });
34 | }
35 |
36 | export function initOptionFormGroup(formBuilder: FormBuilder) {
37 | return formBuilder.group({
38 | id: formBuilder.control(0),
39 | orderNumber: formBuilder.control(0),
40 | optionId: formBuilder.control(0),
41 | text: formBuilder.control(''),
42 | isFreeText: formBuilder.control(false),
43 | flagged: formBuilder.control(false)
44 | });
45 | }
46 |
--------------------------------------------------------------------------------
/src/app/store/form/form.reducer.ts:
--------------------------------------------------------------------------------
1 | import {FormActions, FormActionTypes} from './form.actions';
2 | import {Form} from '../../models/form.model';
3 | import {FormDetails} from '../../models/form.info.model';
4 | import {cloneDeep} from 'lodash';
5 |
6 | export class FormState {
7 | items: FormDetails[];
8 | fullyLoaded: {
9 | [key: number]: Form;
10 | };
11 | }
12 | const formsInitialState: FormState = {
13 | items: undefined,
14 | fullyLoaded: {}
15 | };
16 | export function formReducer(state = formsInitialState, $action: FormActions) {
17 | switch ($action.type) {
18 | case FormActionTypes.LOAD_ALL_FORMS_META_COMPLETE:
19 | return {
20 | ...state,
21 | items: $action.payload
22 | };
23 | case FormActionTypes.CLEAR:
24 | return {
25 | fullyLoaded: [],
26 | items: []
27 | };
28 | case FormActionTypes.LOAD_ONE_FORM_FULLY_COMPLETE:
29 | const fullyLoaded = state.fullyLoaded;
30 | const loadedForm = $action.payload;
31 | const formDetails = state.items.find(f => f.id === loadedForm.id);
32 |
33 | const mutableLoadedForm: Form = cloneDeep(loadedForm);
34 | mutableLoadedForm.inheritMetaData(formDetails);
35 |
36 | const allFullyLoadedForms = {...fullyLoaded};
37 | allFullyLoadedForms[mutableLoadedForm.id] = mutableLoadedForm;
38 | return {
39 | ...state,
40 | fullyLoaded: allFullyLoadedForms
41 | };
42 | default:
43 | return state;
44 | }
45 | }
46 |
--------------------------------------------------------------------------------
/src/app/components/answer/categorical-question/categorical-question.component.html:
--------------------------------------------------------------------------------
1 |
2 |
6 | 3 | {{ question.code }}: {{ question.text }} ? 4 |
5 |
7 |
31 |
11 |
30 |
12 |
17 |
20 |
21 |
22 |
29 |
32 |
41 |
42 |
43 | 44 |
45 |
50 |
--------------------------------------------------------------------------------
/src/app/components/answer/answer-details/answer-details.component.html:
--------------------------------------------------------------------------------
1 |
46 |
47 |
48 |
49 | 48 |
2 |
3 |
4 |
5 |
47 |
--------------------------------------------------------------------------------
/src/app/components/login/login.component.ts:
--------------------------------------------------------------------------------
1 | import { Subscription } from 'rxjs';
2 | import { TokenService } from '../../core/token/token.service';
3 | import { Router } from '@angular/router';
4 | import { ApiService } from '../../core/apiService/api.service';
5 | import { Component, OnInit } from '@angular/core';
6 | import { Location } from '@angular/common';
7 | import { environment } from 'src/environments/environment';
8 |
9 | @Component({
10 | templateUrl: './login.component.html',
11 | styleUrls: ['./login.component.scss'],
12 | })
13 | export class LoginComponent implements OnInit {
14 | private baseUrl: string;
15 | constructor(
16 | private http: ApiService,
17 | private router: Router,
18 | private tokenService: TokenService
19 | ) {
20 | this.baseUrl = environment.apiUrl;
21 | }
22 |
23 | user: string;
24 | password: string;
25 |
26 | invalid: boolean;
27 |
28 | loginSubscription: Subscription;
29 |
30 | tryLogin() {
31 | if (this.loginSubscription) {
32 | this.loginSubscription.unsubscribe();
33 | }
34 | const authUrl: string = Location.joinWithSlash(
35 | this.baseUrl,
36 | '/api/v2/access/authorize'
37 | );
38 | this.loginSubscription = this.http
39 | .post<{ access_token: string; expires_in: number }>(authUrl, {
40 | user: this.user,
41 | password: this.password,
42 | })
43 | .subscribe(
44 | (res) => {
45 | this.tokenService.token = res.access_token;
46 | this.router.navigate(['/answers']);
47 | },
48 | () => {
49 | this.invalid = true;
50 | }
51 | );
52 | }
53 |
54 | ngOnInit() {}
55 | }
56 |
--------------------------------------------------------------------------------
/src/app/answers/notes/notes.component.ts:
--------------------------------------------------------------------------------
1 | import { ChangeDetectionStrategy, Component, EventEmitter, Inject, Input, OnInit, Output, TemplateRef, ViewChild } from '@angular/core';
2 | import { ActivatedRoute } from '@angular/router';
3 | import { Store } from '@ngrx/store';
4 | import { Subject } from 'rxjs';
5 | import { Note } from 'src/app/models/note.model';
6 | import { BASE_BUTTON_VARIANTS, Variants } from 'src/app/shared/base-button/base-button.component';
7 | import { LoadNotesAction } from 'src/app/store/note/note.actions';
8 | import { DisplayedNote } from '../answers.model';
9 |
10 | @Component({
11 | selector: 'app-notes',
12 | templateUrl: './notes.component.html',
13 | styleUrls: ['./notes.component.scss'],
14 | changeDetection: ChangeDetectionStrategy.OnPush
15 | })
16 | export class NotesComponent implements OnInit {
17 | @Input() notes: DisplayedNote[] = [];
18 |
19 | @Output() questionLinkClicked = new EventEmitter
6 |
8 |
9 |
46 |
10 |
45 |
11 |
15 |
16 |
17 |
39 |
40 |
41 |
42 | {{ "NOTHING_SELECTED" | translate }}
43 |
44 |
3 |
7 |
8 |
4 | {{ column.name }}
5 |
6 |
9 |
40 |
10 |
39 |
11 |
12 |
15 |
16 |
17 | -
18 |
19 |
20 |
21 | {{ note.tabName }}
13 | {{ note.questionCode }}
14 |
22 |
26 |
27 |
28 |
29 | {{ note.text }}
30 |
31 |
32 |
33 |
37 |
38 | {{ 'NOTES_EMPTY_ROWS_MESSAGE' | translate }}.
44 |
2 |
20 |
21 |
22 |
23 | {{ 'UNSPECIFIED' | translate }}
24 |
25 |
26 | {{ row[prop] | date: 'shortTime' }}
27 |
28 |
29 | {{ row[prop].length }} {{'OBSERVERS' | translate}}
30 |
31 |
32 | {{row[prop]}}
33 |
34 |
35 |
36 |
37 |
45 |
46 |
47 |
48 |
--------------------------------------------------------------------------------
/src/app/components/notifications/notification-history/notification-history.component.ts:
--------------------------------------------------------------------------------
1 | import {Component, OnInit} from '@angular/core';
2 | import {Store} from '@ngrx/store';
3 | import {AppState} from '../../../store/store.module';
4 | import {NotificationsActions} from '../../../store/notifications/notifications.actions';
5 | import {NotificationsState, selectNotifications} from '../../../store/notifications/notifications.state';
6 | import {Observable} from 'rxjs';
7 | import {TranslateService} from '@ngx-translate/core';
8 | import {TableColumn, TableColumnTranslated} from '../../../table/table.model';
9 | import {environment} from '../../../../environments/environment';
10 |
11 | const DEFAULT_PAGE_SIZE = environment.pageSize;
12 | const TABLE_COLUMNS: TableColumn[] = [
13 | { name: 'SENT_BY', propertyName: 'senderAccount'},
14 | { name: 'NGO', propertyName: 'senderNgoName'},
15 | { name: 'TITLE', propertyName: 'title'},
16 | { name: 'MESSAGE', propertyName: 'body'},
17 | { name: 'SENT_TO', propertyName: 'sentObserverIds'},
18 | { name: 'SENT_AT', propertyName: 'insertedAt'}
19 | ];
20 |
21 | @Component({
22 | selector: 'app-notification-history',
23 | templateUrl: './notification-history.component.html',
24 | styleUrls: ['./notification-history.component.scss'],
25 | })
26 | export class NotificationHistoryComponent implements OnInit {
27 | tableColumns: TableColumnTranslated[] = [];
28 | notificationState$: Observable
3 |
5 |
8 | {{'Back' | translate}}
9 |
10 |
11 | {{'NOTIFICATION_HISTORY' | translate}}
12 | 13 |
9 |
12 |
13 |
58 |
--------------------------------------------------------------------------------
/src/app/core/token/token.service.ts:
--------------------------------------------------------------------------------
1 | import {Observable, Observer} from 'rxjs';
2 | import {Injectable} from '@angular/core';
3 | import { JwtHelperService } from '@auth0/angular-jwt';
4 | import { User } from '../../models/user.model';
5 |
6 | @Injectable()
7 | export class TokenService {
8 | jwtHelper = new JwtHelperService();
9 |
10 | public tokenKey = 'token-id';
11 | private _token: string = undefined;
12 | private _user: User;
13 |
14 | private _isRefreshing: boolean;
15 |
16 | tokenStream: Observable
14 |
32 |
57 | 15 | {{ observer.name }} 16 |
17 | 30 | {{ observer.phone }} 31 |
2 |
64 |
--------------------------------------------------------------------------------
/src/app/answers/answer-questions/answer-questions.component.scss:
--------------------------------------------------------------------------------
1 | @import '../../../variables';
2 |
3 | $question-title-background: #FAFAFA;
4 | $flagged-question-title-background: #FFF5F5;
5 | $question-text-color: #474747;
6 |
7 | .c-answer-section {
8 | &:not(:first-child) {
9 | margin-top: 1rem;
10 | }
11 |
12 | &__desc {
13 | color: $light-text-gray;
14 | width: 50%;
15 |
16 | @media all and (max-width: 980px) {
17 | & {
18 | width: 70%;
19 | }
20 | }
21 |
22 | @media all and (max-width: 650px) {
23 | width: 100%;
24 | }
25 | }
26 |
27 | &__questions {
28 | display: grid;
29 | grid-template-columns: 1fr 1fr;
30 | gap: 1rem;
31 | margin-top: 1rem;
32 |
33 | @media all and (max-width: 600px) {
34 | grid-template-columns: 1fr;
35 | }
36 | }
37 | }
38 |
39 | .c-answer-question {
40 | border: 1px solid $border-color-gray;
41 | border-radius: 4px;
42 | color: $question-text-color;
43 | height: min-content;
44 |
45 | &.is-flagged {
46 | border-color: $delete-color;
47 | }
48 |
49 | &__title {
50 | padding: 1rem;
51 | background-color: $question-title-background;
52 |
53 | .c-answer-question.is-flagged & {
54 | background-color: $flagged-question-title-background;
55 | }
56 | }
57 |
58 | &__options {
59 | display: flex;
60 | flex-direction: column;
61 | row-gap: .8rem;
62 | padding: 1rem;
63 | }
64 |
65 | &__option {
66 | display: flex;
67 | column-gap: 2rem;
68 |
69 | &.is-option-text {
70 | display: flex;
71 | }
72 | }
73 |
74 | .c-answer-checkbox {
75 | line-height: .5rem;
76 | }
77 | }
78 |
79 | .c-answer-note {
80 | &__button {
81 | width: max-content;
82 | display: block;
83 | margin-left: auto;
84 | margin-right: 1rem;
85 | margin-bottom: .5rem;
86 |
87 | &.has-question-flagged {
88 | color: $delete-color;
89 | }
90 | }
91 | }
92 |
93 | .checkboxOption {
94 | display: inline-flex;
95 | gap: 30px;
96 | }
97 |
98 | .textOption {
99 | display: inline-flex;
100 | gap: 30px;
101 | }
102 |
--------------------------------------------------------------------------------
/src/app/store/note/note.selectors.ts:
--------------------------------------------------------------------------------
1 | import { createFeatureSelector, createSelector } from '@ngrx/store';
2 | import { Note, NoteMap } from '../../models/note.model';
3 | import { getSelectedAnswersAsObject } from '../answer/answer.selectors';
4 | import { getAllQuestionsGroupedByTabId, getFormItems, getFormItemsById, getFullyLoadedForms } from '../form/form.selectors';
5 |
6 | import { NoteState } from './note.reducer';
7 |
8 | const emptyResult = [];
9 | const displayedTextLenLimit = 185;
10 |
11 | export const note = createFeatureSelector
3 |
21 |
22 |
4 |
9 |
19 |
20 |
10 |
15 |
16 | {{ 'BACK' | translate }}
17 |
18 |
23 |
25 |
26 | {{ 'OBSERVERS_IMPORT' | translate }}
24 |
27 |
62 |
63 |
3 |
45 |
--------------------------------------------------------------------------------
/src/app/components/answer/answer.component.html:
--------------------------------------------------------------------------------
1 |
4 | 
{{ questionFormGroup.controls['code']?.value || 'QUESTION_CODE' | translate }} - {{ questionFormGroup.controls['text']?.value || 'QUESTION_TEXT' | translate }}
5 |
9 | {{ questionFormGroup.controls['code']?.value || 'QUESTION_CODE' | translate }} - {{ questionFormGroup.controls['text']?.value || 'QUESTION_TEXT' | translate }}
6 | 
7 |
8 |
7 |
10 |
11 |
26 |
27 |
44 | 27 |
28 |
39 |
29 |
32 |
33 |
34 |
38 |
35 | 
36 |
37 |
36 |
40 |
41 |
42 |
43 |
2 |
34 |
35 |
50 |
--------------------------------------------------------------------------------
/src/app/store/county/county.actions.ts:
--------------------------------------------------------------------------------
1 |
2 | import { Action } from "@ngrx/store";
3 | import { actionType } from "../util";
4 | import { County } from "./county.state";
5 |
6 |
7 | export class CountyActionTypes {
8 | static readonly FETCH_COUNTIES_FROM_ANSWERS = actionType('[Answers Page] Fetch Counties');
9 | static readonly FETCH_COUNTIES_SUCCESS = actionType('[County Effects] Counties Fetched Success');
10 | static readonly FETCH_COUNTIES_FAILURE = actionType('[County Effects] Counties Fetched Failure');
11 | static readonly FETCH_COUNTIES_FOR_POLLING_STATIONS = actionType('[Polling Station Page] Fetch Counties');
12 | static readonly FETCH_COUNTIES_FOR_POLLING_STATIONS_SUCCESS = actionType('[Polling Station Effects] Counties Fetched Success');
13 | static readonly FETCH_COUNTIES_FOR_POLLING_STATIONS_FAILURE = actionType('[Polling Station Effects] Counties Fetched Failure');
14 | }
15 |
16 | export type CountyActions =
17 | CountyAnswersFetchAction |
18 | CountyAnswersErrorAction |
19 | CountyAnswersSuccessAction |
20 | CountyPollingStationFetchAction |
21 | CountyPollingStationErrorAction |
22 | CountyPollingStationSuccessAction;
23 |
24 |
25 | export class CountyAnswersFetchAction implements Action {
26 | readonly type = CountyActionTypes.FETCH_COUNTIES_FROM_ANSWERS;
27 | }
28 |
29 | export class CountyAnswersErrorAction implements Action {
30 | readonly type = CountyActionTypes.FETCH_COUNTIES_FAILURE;
31 | errorMessage: string;
32 |
33 | constructor(errorMessage: string) {
34 | this.errorMessage = errorMessage;
35 | }
36 | }
37 |
38 | export class CountyAnswersSuccessAction implements Action {
39 | readonly type = CountyActionTypes.FETCH_COUNTIES_SUCCESS;
40 | counties: County[];
41 |
42 | constructor(counties: County[]) {
43 | this.counties = counties;
44 | }
45 | }
46 |
47 |
48 | export class CountyPollingStationFetchAction implements Action {
49 | readonly type = CountyActionTypes.FETCH_COUNTIES_FOR_POLLING_STATIONS;
50 |
51 | constructor() { }
52 | }
53 |
54 | export class CountyPollingStationErrorAction implements Action {
55 | readonly type = CountyActionTypes.FETCH_COUNTIES_FOR_POLLING_STATIONS_FAILURE;
56 | errorMessage: string;
57 |
58 | constructor(errorMessage: string) {
59 | this.errorMessage = errorMessage;
60 | }
61 | }
62 |
63 | export class CountyPollingStationSuccessAction implements Action {
64 | readonly type = CountyActionTypes.FETCH_COUNTIES_FOR_POLLING_STATIONS_SUCCESS;
65 | counties: County[];
66 |
67 | constructor(counties: County[]) {
68 | this.counties = counties;
69 | }
70 | }
71 |
--------------------------------------------------------------------------------
/src/app/services/notifications.service.ts:
--------------------------------------------------------------------------------
1 | import {first, take} from 'rxjs/operators';
2 | import {Injectable} from '@angular/core';
3 | import {ApiService, QueryParamBuilder} from '../core/apiService/api.service';
4 | import {Observable} from 'rxjs';
5 | import {HistoryNotifications, SentGlobalNotificationModel, SentNotificationModel,} from '../models/notification.model';
6 | import {environment} from 'src/environments/environment';
7 | import {Location} from '@angular/common';
8 | import {Observer} from '../models/observer.model';
9 | import {HttpParams} from '@angular/common/http';
10 |
11 | @Injectable({
12 | providedIn: 'root',
13 | })
14 | export class NotificationsService {
15 | private readonly baseUrl: string;
16 |
17 | constructor(private http: ApiService) {
18 | this.baseUrl = environment.apiUrl;
19 | }
20 |
21 | public getAll(page, pageSize = 100): Observable
36 |
40 | {{((answerState | async)?.urgent ? 'URGENT_HEADER' : 'NOT_URGENT_HEADER') | translate}}
37 |{{((answerState | async)?.urgent ? 'URGENT_SUBHEADER' : 'NOT_URGENT_SUBHEADER') | translate}}
38 | 39 |
41 |
43 |
44 |
45 |
46 |
47 |
48 |
49 |
2 |
--------------------------------------------------------------------------------
3 |
18 |
19 |
4 |
6 |
16 |
17 |
7 |
12 |
13 | {{ 'BACK' | translate }}
14 |
15 | {{ 'NOTIF_DETAILS_FOR' | translate }} {{ observerName$ | async }}
20 | 21 |
22 | {{ actionResultMessage ? (actionResultMessage | translate) : '' }}
23 |
24 |
25 |
26 |
69 |
70 |