nuxeo-development-framework 3.1.1 → 3.1.2

package/src/lib/components/latest-activity/constants/activitylog.ts

@@ -0,0 +1,80 @@
+export class ActivityLogConstants {
+  public static pageProvider = {
+    buisnesslog: {
+      name: 'PP_BusinessLog',
+      headers: { 'X-NXproperties': '*', 'X-NXfetch-document': 'dc:creator' },
+    },
+  };
+
+  public static quickFilters = {
+    meetinglogs: {
+      name: 'meetinglogs',
+      active: false,
+    },
+    committeelogs: {
+      name: 'committeelogs',
+      active: false,
+    },
+  };
+  public static events = {
+    meeting_created: 'meeting_created',
+    meeting_modified: 'meeting_modified',
+    meeting_cancelled: 'meeting_cancelled',
+    committee_created: 'committee_created',
+    committee_modified: 'committee_modified',
+    committee_deleted: 'committee_deleted',
+    committee_categoryAdded: 'committee_categoryAdded',
+    committee_memberAdded: 'committee_memberAdded',
+    committee_memberRemoved: 'committee_memberRemoved',
+    meeting_published: 'meeting_published',
+    meeting_completed: 'meeting_completed',
+    meeting_closed: 'meeting_closed',
+    meeting_started: 'meeting_started',
+    meeting_rsvp: 'meeting_rsvp',
+    meeting_resolutionAdded: 'meeting_resolutionAdded',
+    meeting_resolutionRemoved: 'meeting_resolutionRemoved',
+    meeting_memberInvited: 'meeting_memberInvited',
+    meeting_memberRemoved: 'meeting_memberRemoved',
+    document_attachmentAdded: 'document_attachmentAdded',
+    document_pollAnswered: 'document_pollAnswered',
+    document_pollAdded: 'document_pollAdded',
+    document_pollRemoved: 'document_pollRemoved',
+    document_discussionAdded: 'document_discussionAdded',
+    document_discussionRemoved: 'document_discussionRemoved',
+    };
+  public static fields = {
+    documentId: 'bl:documentId',
+    documentLifecycle: 'bl:documentLifecycle',
+    documentName: 'bl:documentName',
+    documentPath: ' bl:documentPath',
+    documentTypes: 'bl:documentTypes',
+    eventCategory: 'bl:eventCategory',
+    eventComment: 'bl:eventComment',
+    eventDate: 'bl:eventDate',
+    eventName: 'bl:eventName',
+    eventTypes: 'bl:eventTypes',
+    extendedInfo: 'bl:extendedInfo',
+    person: 'bl:person',
+    contributors: 'dc:contributors',
+    coverage: 'dc:coverage',
+    created: 'dc:created',
+    creator: 'dc:creator',
+    description: 'dc:description',
+    expired: 'dc:expired',
+    format: 'dc:format',
+    issued: 'dc:issued',
+    language: 'dc:language',
+    lastContributor: 'dc:lastContributor',
+    modified: 'dc:modified',
+    nature: 'dc:nature',
+    publisher: 'dc:publisher',
+    rights: 'dc:rights',
+    source: 'dc:source',
+    subjects: 'dc:subjects',
+    title: 'dc:title',
+    valid: 'dc:valid',
+    major_version: 'uid:major_version',
+    minor_version: 'uid:minor_version',
+    uid: 'uid:uid',
+  };
+}

package/src/lib/components/latest-activity/latest-activity.module.ts

@@ -0,0 +1,33 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { TranslateModule } from '@ngx-translate/core';
+import { PipesModule } from '../../pipes/pipes.module';
+import { ActivityModule } from '../activity/activity.module';
+import { CardModule } from '../card/card.module';
+import { PaginationModule } from '../pagination/pagination.module';
+import { ActivityLineComponent } from './components/activity-line/activity-line.component';
+import { LatestActivityComponent } from './components/latest-activity/latest-activity.component';
+import { SingleActivityComponent } from './components/single-activity/single-activity.component';
+import { InfiniteScrollModule } from 'ngx-infinite-scroll';
+
+/**
+ * @ignore
+ */
+@NgModule({
+  declarations: [LatestActivityComponent, ActivityLineComponent, SingleActivityComponent],
+  imports: [
+    CommonModule,
+    PaginationModule,
+    TranslateModule,
+    ActivityModule,
+    CardModule,
+    PipesModule,
+    InfiniteScrollModule
+  ],
+  exports:[
+    LatestActivityComponent,
+    SingleActivityComponent,
+    ActivityLineComponent
+  ]
+})
+export class LatestActivityModule { }

package/src/lib/components/latest-activity/services/activity-log.service.ts

@@ -0,0 +1,41 @@
+import { Injectable } from '@angular/core';
+import { Observable } from 'rxjs';
+import { CallApiService } from '../../../Core/services/callApi/call-api.service';
+import { catchError, map } from 'rxjs/operators';
+import { ActivityLogConstants } from '../constants/activitylog';
+import { AdapterService } from '../../../Core/adapters/adapter.service';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class ActivityLogService {
+  constructor(
+    private adapter: AdapterService,
+    private callApi: CallApiService
+  ) {}
+
+  getActivityLog(documentId, params = {}): Observable<any> {
+    return this.callApi
+      .query(
+        {
+          pageProvider: ActivityLogConstants.pageProvider.buisnesslog.name,
+          businesslog_documentId: documentId,
+          ...params,
+        },
+        {
+          headers: ActivityLogConstants.pageProvider.buisnesslog.headers,
+        }
+      )
+      .pipe(
+        map((data: any) => {
+          data.entries.map((item) =>
+            this.adapter.adaptIn(item, ActivityLogConstants.fields)
+          );
+          return data;
+        }),
+        catchError((err) => {
+          throw err;
+        })
+      );
+  }
+}

package/src/lib/components/mutiple-dynamic-form-viewer/multiple-dynamic-form-viewer/multiple-dynamic-form-viewer.component.html

@@ -0,0 +1,36 @@
+<div class="dynamic-fields-values">
+    <div class="fields-title">
+      {{ "CREATE.FORM_VIEWER" | translate }}
+    </div>
+    <div class="values-wrapper">
+      <div class="single-field-value" *ngFor="let item of list">
+        <div class="dynamic-title" *ngIf="!isArabic">{{ item.labelEn }}</div>
+        <div class="dynamic-title" *ngIf="isArabic">{{ item.labelAr }}</div>
+        <ng-container [ngSwitch]="item?.type">
+          <ng-container *ngSwitchCase="'vocabulary'">
+              <div class="value" *ngIf="item.value">{{ 'vocabulary.' + item.customOptions.vocId + '.' + item.value | translate}}</div>    
+          </ng-container>
+          <ng-container *ngSwitchCase="'toggle'">
+              <div class="value">{{ '' + item.value | translate}}</div>    
+          </ng-container>
+          <ng-container *ngSwitchCase="'customdate'">
+            <div class="value" *ngIf="item.value">{{  item.value | localizedDate: {format: "dd MMMM yyyy" , locale: ((this.isArabic? 'ar' : 'en'))} }}</div>    
+        </ng-container>
+        <ng-container *ngSwitchCase="'userSelector'">
+          <div class="value" *ngIf="item.customOptions.multipleMode === false">
+            {{item?.value?.id ? item.value?.id : item?.value?.properties?.username}}
+          </div>
+          <div class="value" *ngIf="item.customOptions.multipleMode === true">
+            <span *ngFor="let user of item.value ; let i = index">
+              {{user?.id ? user?.id : user?.properties?.username}} <span *ngIf="(item.value.length-1) > i">,</span>
+            </span>
+          </div>
+      </ng-container>
+          <ng-container *ngSwitchDefault>
+              <div class="value">{{ item.value}}</div>    
+          </ng-container>
+        </ng-container>
+      </div>
+    </div>
+  </div>
+  

package/src/lib/components/mutiple-dynamic-form-viewer/multiple-dynamic-form-viewer/multiple-dynamic-form-viewer.component.scss

@@ -0,0 +1,32 @@
+.dynamic-fields-values{
+    .fields-title{
+        font-size: 14px;
+    font-weight: bold;
+    color: rgb(100, 116, 139);
+    }
+    .values-wrapper{
+        border: 1px solid #d9dce2;
+        padding: 5px 10px;
+        .single-field-value{
+            padding: 10px 0px;
+            display: flex;
+            border-bottom: 1px solid #e2e6ec;
+           .dynamic-title{
+            font-size: 12px;
+            font-weight: bold;
+            width: 140px;
+            word-break: break-word;
+            color: rgb(100, 116, 139);
+           } 
+           .value{
+            font-size: 12px;
+            width: calc(100% - 140px);
+            word-break: break-word;
+            color: rgb(15, 23, 42);
+           }
+        }
+        .single-field-value:last-child{
+            border-bottom: none;
+        }
+    }
+}

package/src/lib/components/mutiple-dynamic-form-viewer/multiple-dynamic-form-viewer/multiple-dynamic-form-viewer.component.spec.ts

@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { MultipleDynamicFormViewerComponent } from './multiple-dynamic-form-viewer.component';
+
+describe('MultipleDynamicFormViewerComponent', () => {
+  let component: MultipleDynamicFormViewerComponent;
+  let fixture: ComponentFixture<MultipleDynamicFormViewerComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ MultipleDynamicFormViewerComponent ]
+    })
+    .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(MultipleDynamicFormViewerComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/src/lib/components/mutiple-dynamic-form-viewer/multiple-dynamic-form-viewer/multiple-dynamic-form-viewer.component.ts

@@ -0,0 +1,45 @@
+import { Component, Input, OnDestroy, OnInit } from '@angular/core';
+import { Utils } from 'formiojs';
+import { Subscription } from 'rxjs';
+import { TranslationService } from '../../../Core/services/translation/translation.service';
+
+@Component({
+  selector: 'app-multiple-dynamic-form-viewer',
+  templateUrl: './multiple-dynamic-form-viewer.component.html',
+  styleUrls: ['./multiple-dynamic-form-viewer.component.scss']
+})
+export class MultipleDynamicFormViewerComponent implements OnInit, OnDestroy {
+  @Input()
+  form: any = {};
+  @Input()
+  data: any = null;
+  list = [];
+  isArabic = false;
+  languageSubscription : Subscription;
+  constructor(private translation : TranslationService) { }
+
+  ngOnInit(): void {
+    this.languageSubscription = this.translation.isArabic.subscribe(res => {
+      this.isArabic = res ;
+      this.list = [];
+      const translations = {};
+      const translationsAr = {};
+      Utils.eachComponent(this.form.components, (comp) => {
+          this.list.push({
+            labelAr : comp.labelAr,
+            labelEn : comp.label,
+            customOptions: comp.customOptions,
+            value :  this.form.prefix[comp.key] ? this.data[ this.form.prefix[comp.key] + ':' + comp.key ] : this.data[comp.key],
+            type : comp.type
+          })
+        
+      });
+    })
+  
+  }
+
+  ngOnDestroy(){
+    this.languageSubscription ? this.languageSubscription.unsubscribe() : null;
+  }
+
+}

package/src/lib/components/mutiple-dynamic-form-viewer/mutiple-dynamic-form-viewer.module.ts

@@ -0,0 +1,18 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { MultipleDynamicFormViewerComponent } from './multiple-dynamic-form-viewer/multiple-dynamic-form-viewer.component';
+import { TranslateModule } from '@ngx-translate/core';
+import { PipesModule } from '../../pipes/pipes.module';
+
+
+
+@NgModule({
+  declarations: [MultipleDynamicFormViewerComponent],
+  imports: [
+    CommonModule,
+    TranslateModule,
+    PipesModule
+  ],
+  exports:[MultipleDynamicFormViewerComponent]
+})
+export class MutipleDynamicFormViewerModule { }

package/src/lib/components/notifications/components/notification-item/notification-item.component.html

@@ -0,0 +1,45 @@
+<div class="notification-item">
+  <mat-list-item
+    (click)="navigateToDetais(notification.data.correspondenceId)"
+    [ngClass]="{ unread: notification.status != 'READ' }"
+  >
+    <p [dir]="isArabic ? 'rtl' : 'ltr'" mat-line class="wrap">{{ isArabic ? arContent : enContent }}</p>
+    <p mat-line class="time-ago">{{ notification?.sendDate | timeAgo: lang  }}</p>
+    <button
+      class="mat-icon-button"
+      (click)="stop($event)"
+      [matMenuTriggerFor]="appMenu"
+      mat-icon-button
+    >
+      <mat-icon class="mat-24">more_vert</mat-icon>
+    </button>
+    <mat-menu #appMenu="matMenu">
+      <div (click)="stop($event)">
+        <mat-list-item
+          (click)="toggleRead($event)"
+          class="user-option mat-menu-item"
+        >
+          <mat-icon *ngIf="notification.status === 'READ'" class="option-icon"
+            >check_circle_outline</mat-icon
+          >
+          <mat-icon *ngIf="notification.status != 'READ'" class="option-icon"
+            >check_circle</mat-icon
+          >
+          {{
+            (notification.status === "READ"
+              ? "notifications.markAsUnread"
+              : "notifications.markAsRead"
+            ) | translate
+          }}
+        </mat-list-item>
+        <mat-list-item
+          (click)="updateNotification('delete')"
+          class="user-option mat-menu-item"
+        >
+          <mat-icon class="option-icon">remove_circle</mat-icon>
+          {{ "notifications.delete" | translate }}
+        </mat-list-item>
+      </div>
+    </mat-menu>
+  </mat-list-item>
+</div>

package/src/lib/components/notifications/components/notification-item/notification-item.component.scss

@@ -0,0 +1,60 @@
+@import "../../../../assets/scss/myApp.scss";
+
+.user-option {
+  cursor: pointer;
+}
+
+.notification-item {
+  .mat-icon-button {
+    background: none;
+    border: none;
+    margin: 0;
+    padding: 0;
+  }
+  mat-list-item {
+    border: 1px solid $gray-200;
+    height: 80px;
+    font-size: 11px;
+    &:hover {
+      cursor: pointer;
+    }
+    p {
+      font-size: 12px;
+    }
+
+    &.unread {
+      background: #f7f8f9;
+    }
+    .time-ago {
+      font-size: 11px !important;
+      opacity: 0.8;
+    }
+    .options {
+      opacity: 0;
+      transition: 0.3s;
+      ion-button {
+        margin: 0px !important;
+      }
+      &:focus {
+        opacity: 1;
+      }
+    }
+    &:hover {
+      .options {
+        opacity: 1;
+      }
+    }
+  }
+  .type {
+    padding: 2px;
+    margin: 0px;
+    height: 18px;
+  }
+}
+.rtl {
+  .notification-item {
+    .mat-list-item-content {
+      flex-direction: row-reverse;
+    }
+  }
+}

package/src/lib/components/notifications/components/notification-item/notification-item.component.ts

@@ -0,0 +1,136 @@
+import {
+  Component,
+  EventEmitter,
+  Input,
+  Output,
+  SimpleChanges,
+  ViewEncapsulation,
+} from "@angular/core";
+import { TranslationService } from '../../../../Core/services/translation/translation.service';
+import { Router } from "@angular/router";
+import { Subscription } from 'rxjs';
+
+@Component({
+  selector: "app-notification-item",
+  styleUrls: ["./notification-item.component.scss"],
+  templateUrl: "./notification-item.component.html",
+  host: { class: "notification-item" },
+  encapsulation: ViewEncapsulation.None,
+})
+export class NotificationItemComponent {
+  @Input() notification;
+  @Output() update: EventEmitter<any> = new EventEmitter();
+  @Input() isArabic;
+  arContent = "";
+  enContent = "";
+  lang =  'en';
+  langSubscription : Subscription;
+
+  constructor(private translationSrvice : TranslationService ,private router: Router) { }
+
+  stop(event) {
+    event.stopPropagation();
+  }
+  toggleRead(event) {
+    this.update.emit({ action: "status", notification: this.notification });
+  }
+  ngOnInit(): void {
+    this.langSubscription = this.translationSrvice.isArabic.subscribe(res => {
+      this.lang = res ? 'ar' : 'en' ;
+    })
+    // this.notification.notificationContents.forEach((res) => {
+    //   if (res.lang === "AR") {
+    //     this.arContent = res.message;
+    //   }
+    //   if (res.lang === "EN") {
+    //     this.enContent = res.message;
+    //   }
+    // });
+  }
+  ngOnChanges(changes: SimpleChanges): void {
+    if (this.notification.data.correspondenceReferenceNumber) {
+      this.notification.notificationContents.forEach((res) => {
+        if (res.lang === "AR") {
+          this.arContent = res.message;
+        }
+        if (res.lang === "EN") {
+          this.enContent = res.message;
+        }
+      });
+    } else {
+      this.notification.notificationContents.forEach((res) => {
+        if (res.lang === "AR") {
+          this.arContent =  res.message.replace("رقم", "رقم -");
+          if(res.message.includes('ExtRequest') || res.message.includes('IntRequest')){
+            this.arContent =  res.message.replace("المستند", "الطلب");
+            this.arContent =  this.arContent.replace(('IntRequest'), "رقم - ");
+            this.arContent =  this.arContent.replace(('ExtRequest'), "رقم - ");
+
+          }
+        }
+        if (res.lang === "EN") {
+          this.enContent = res.message.replace("correspondence", "correspondence -");
+          if(res.message.includes('ExtRequest') || res.message.includes('IntRequest')){
+            this.enContent =  res.message.replace("document", "request");
+            this.enContent =  this.enContent.replace(('IntRequest'), "number - ");
+            this.enContent =  this.enContent.replace(('ExtRequest'), "number - ");
+
+          }
+        }
+      });
+    }
+  }
+  /* async showOptions(event) {
+       event.stopPropagation();
+       const popover = await this.popoverCtrl.create({
+           component: NotificationOptionsComponent,
+           cssClass: 'notification-options',
+           event: event,
+           showBackdrop: false,
+       });
+       await popover.present();
+       const { data } = await popover.onDidDismiss();
+       if (data && this.notification) {
+           this.updateNotification(data);
+
+       }
+
+   } */
+  updateNotification(data) {
+    this.update.emit({ action: data, notification: this.notification });
+  }
+  navigateToDetais(corrId) {
+    let sourceType = this.notification.sourceType;
+    const isAssignmentOrApproval: boolean =
+      sourceType === "approval" || sourceType === "assignment";
+    const correspondence = sourceType === "correspondence";
+    const assignment = sourceType === "assignment";
+    const approval = sourceType === "approval";
+    const memo = sourceType === "memo";
+    const general = sourceType === "general";
+    const id = memo ? this.notification.sourceId : corrId;
+    if (corrId) {
+      this.router.navigate(
+        [
+          {
+            outlets: { viewer: ["view", id] },
+          },
+        ],
+        {
+          queryParams: {
+            location: this.router.url,
+            ...(isAssignmentOrApproval && { approvalMode: true }),
+            ...(assignment && {
+              assignmentId: this.notification.data.assignmentId,
+            }),
+          },
+        }
+      );
+    }
+    if (memo) {
+      this.router.navigate([{ outlets: { viewer: ["memo", id] } }], {
+        queryParams: { location: this.router.url },
+      });
+    }
+  }
+}

package/src/lib/components/notifications/components/notification-options/notification-options.component.html

@@ -0,0 +1,7 @@
+<!-- <ion-list no-padding no-margin lines="none">
+    <ion-item (click)="delete()">
+        <ion-label>
+            {{'notifications.delete' | translate}}
+        </ion-label>
+    </ion-item>
+</ion-list> -->

package/src/lib/components/notifications/components/notification-options/notification-options.component.scss

@@ -0,0 +1,7 @@
+ion-item {
+  font-size: 11px;
+  --min-height: 30px;
+  ion-label {
+    margin: 2px 0px;
+  }
+}

package/src/lib/components/notifications/components/notification-options/notification-options.component.ts

@@ -0,0 +1,16 @@
+import { Component } from '@angular/core';
+
+/**
+ * Sorting Options Popovermenu
+ */
+@Component({
+  selector: 'app-notification-options',
+  templateUrl: './notification-options.component.html',
+  styleUrls: ['./notification-options.component.scss']
+})
+export class NotificationOptionsComponent {
+  constructor() {}
+  delete() {
+    // this.popoverCtrl.dismiss('delete');
+  }
+}

package/src/lib/components/notifications/components/notification-toast/notification-toast.component.html

@@ -0,0 +1,66 @@
+<div
+  class="toast-container"
+  [style.display]="state.value === 'inactive' ? 'none' : ''"
+  [dir]="lang"
+>
+  <ng-container (click)="navigateToDetais()">
+    <div class="icon-container rounded-s-md">
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="25.667"
+        height="30"
+        viewBox="0 0 21.667 26"
+      >
+        <g
+          id="Group_1724"
+          data-name="Group 1724"
+          transform="translate(-1562 -49)"
+        >
+          <g
+            id="Group_1714"
+            data-name="Group 1714"
+            transform="translate(1562 49)"
+          >
+            <path
+              id="Path_6882"
+              data-name="Path 6882"
+              d="M63.661,18.322a7.256,7.256,0,0,1-2.577-5.552V9.75a7.589,7.589,0,0,0-6.5-7.5V1.083a1.083,1.083,0,1,0-2.167,0v1.17a7.589,7.589,0,0,0-6.5,7.5v3.02a7.264,7.264,0,0,1-2.587,5.561,1.9,1.9,0,0,0,1.233,3.336H62.438a1.9,1.9,0,0,0,1.223-3.344Z"
+              transform="translate(-42.667)"
+              fill="#fff"
+            />
+            <path
+              id="Path_6883"
+              data-name="Path 6883"
+              d="M181.6,451.25a4.069,4.069,0,0,0,3.98-3.25h-7.96A4.069,4.069,0,0,0,181.6,451.25Z"
+              transform="translate(-170.768 -425.25)"
+              fill="#fff"
+            />
+          </g>
+        </g>
+      </svg>
+    </div>
+    <div class="toast-content-container">
+      <div
+        *ngIf="title"
+        [class]="options.titleClass"
+        [attr.aria-label]="title"
+        class="toast-content"
+      >
+        {{ title }}
+      </div>
+      <div
+        *ngIf="message"
+        role="alert"
+        aria-live="polite"
+        [class]="options.messageClass"
+        [attr.aria-label]="message"
+        class="message"
+      >
+        {{ message }}
+      </div>
+    </div>
+  </ng-container>
+  <div *ngIf="options.closeButton" (click)="remove()" class="remove">
+    <mat-icon class="">close</mat-icon>
+  </div>
+</div>