nuxeo-development-framework 3.1.1 → 3.1.2

package/src/lib/components/hijri-gregorian-datepicker/services/ngx-hijri-gregorian-datepicker.service.ts

@@ -0,0 +1,9 @@
+import { Injectable } from '@angular/core';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class NgxHijriGregorianDatepickerService {
+
+  constructor() { }
+}

package/src/lib/components/hijri-gregorian-datepicker/utils/CustomNgbDateParserFormatter.ts

@@ -0,0 +1,35 @@
+import { NgbDateParserFormatter, NgbDateStruct } from '@ng-bootstrap/ng-bootstrap';
+import { DatePipe } from '@angular/common';
+import { Injectable } from '@angular/core';
+
+@Injectable()
+export class CustomNgbDateParserFormatter extends NgbDateParserFormatter {
+  datePipe = new DatePipe('en-US');
+  constructor() {
+    super();
+  }
+  format(date: NgbDateStruct): string {
+    if (date === null) {
+      return '';
+    }
+    try {
+      return this.datePipe.transform(new Date(date.year, date.month - 1, date.day), 'd/M/yyyy');
+    } catch (e) {
+      return '';
+    }
+  }
+  parse(value: string): NgbDateStruct {
+    let returnVal: NgbDateStruct;
+    if (!value) {
+      returnVal = null;
+    } else {
+      try {
+        let dateParts = this.datePipe.transform(value, 'M-d-y').split('-');
+        returnVal = { year: parseInt(dateParts[2]), month: parseInt(dateParts[0]), day: parseInt(dateParts[1]) };
+      } catch (e) {
+        returnVal = null;
+      }
+    }
+    return returnVal;
+  }
+}

package/src/lib/components/hijri-gregorian-datepicker/utils/IslamicI18n.ts

@@ -0,0 +1,26 @@
+import { Injectable } from '@angular/core';
+import { NgbDatepickerI18n, NgbDateStruct } from '@ng-bootstrap/ng-bootstrap';
+
+const WEEKDAYS = ['إثنين', 'ثلاثاء', 'أربعاء', 'خميس', 'جمعة', 'سبت', 'أحد'];
+const MONTHS = ['محرم', 'صفر', 'ربيع الأول', 'ربيع الآخر', 'جمادى الأولى', 'جمادى الآخرة', 'رجب', 'شعبان', 'رمضان', 'شوال',
+  'ذو القعدة', 'ذو الحجة'];
+
+@Injectable()
+export class IslamicI18n extends NgbDatepickerI18n {
+
+  getWeekdayShortName(weekday: number) {
+    return WEEKDAYS[weekday - 1];
+  }
+
+  getMonthShortName(month: number) {
+    return MONTHS[month - 1];
+  }
+
+  getMonthFullName(month: number) {
+    return MONTHS[month - 1];
+  }
+
+  getDayAriaLabel(date: NgbDateStruct): string {
+    return `${date.day}-${date.month}-${date.year}`;
+  }
+}

package/src/lib/components/hijri-gregorian-datepicker/utils/consts.ts

@@ -0,0 +1,4 @@
+export class DateType {
+  public static Hijri = 1;
+  public static Gregorian  = 2;
+}

package/src/lib/components/latest-activity/components/activity-line/activity-line.component.html

@@ -0,0 +1,27 @@
+<div class="activity-line-wrapper" #myParentWrapper>
+  <h3 [innerHTML]=" item.extendedInfo?.isDelegated ? ('ACTIVITY_LOG_DELEGATED.' + item.eventName
+  | translate
+    : {
+        delegatedUser: item.extendedInfo.primaryUser,
+        creator:
+          item.creator.properties?.firstName +
+          ' ' +
+          item.creator.properties?.lastName,
+        param2: item
+      }): ('ACTIVITY_LOG.' + item.eventName
+      | translate
+        : {
+            creator:
+              item.creator.properties?.firstName +
+              ' ' +
+              item.creator.properties?.lastName,
+            param2: item
+          })
+  "></h3>
+</div>
+
+<!-- <div class="d-flex">
+  <div class="myLink link publishMeetingParent">{{ creator }}</div>
+  <div class="mx-1">published the meeting</div>
+  <div class="myLink link publishMeetingchild" id="child1">{{ param2 }}</div>
+</div> -->

package/src/lib/components/latest-activity/components/activity-line/activity-line.component.scss

@@ -0,0 +1,13 @@
+.activity-line-wrapper {
+  h3 {
+    font-size: 12px;
+  }
+  .var-container{
+    row-gap: 8px;
+    font-size: 13px;
+    margin: 0;
+  }
+  .myLink {
+    color: blue;
+  }
+}

package/src/lib/components/latest-activity/components/activity-line/activity-line.component.spec.ts

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

package/src/lib/components/latest-activity/components/activity-line/activity-line.component.ts

@@ -0,0 +1,73 @@
+import {
+  Component,
+  ElementRef,
+  Input,
+  OnInit,
+  Renderer2,
+  ViewChild,
+  ViewEncapsulation,
+} from '@angular/core';
+import { TranslateService } from '@ngx-translate/core';
+import { Router } from '@angular/router';
+@Component({
+  selector: 'cts-activity-line',
+  templateUrl: './activity-line.component.html',
+  styleUrls: ['./activity-line.component.scss'],
+  encapsulation: ViewEncapsulation.None,
+})
+export class ActivityLineComponent implements OnInit {
+  @Input() item;
+  @Input() documentTitle;
+  @ViewChild('myParentWrapper') myParent;
+  constructor(
+    private element: ElementRef,
+    private translate: TranslateService,
+    private router: Router,
+    private renderer: Renderer2
+  ) {}
+
+  ngAfterViewInit() {
+    setTimeout(() => {
+      // this.translate.get('ACTIVITY_LOG.' + this.item.eventName).subscribe((translateText: string) => {
+      //   console.log(translateText)
+      // this.element.nativeElement.innerHTML = translateText;
+      // // this.cdRef.detectChanges();
+
+      const navigationElements = Array.prototype.slice.call(
+        this.myParent.nativeElement.getElementsByClassName('myLink')
+      );
+      navigationElements.forEach((elem) => {
+        this.renderer.listen(elem, 'click', (event) => {
+          event.preventDefault();
+          let myClasses = event.target.className;
+          if (this.item.eventName === 'meeting_published') {
+            if (myClasses.includes('publishMeetingParent')) {
+              console.log('publish Meeting parent div clicked');
+            } else if (myClasses.includes('publishMeetingchild')) {
+              console.log('publish Meeting child div clicked');
+            }
+          } else if (this.item.eventName === 'meeting_created') {
+            if (myClasses.includes('creatMeetingParent')) {
+              console.log('creat Meeting parent div clicked');
+            } else if (myClasses.includes('creatMeetingChild')) {
+              console.log('creat Meeting child div clicked');
+            }
+          } else if (this.item.eventName === 'meeting_resolutionAdded') {
+            if (myClasses.includes('resolutionParent')) {
+              console.log('Resolution parent div clicked');
+            } else if (myClasses.includes('resolutionChild')) {
+              console.log('Resolution child div clicked');
+            }
+          }
+        });
+      });
+      // });
+    }, 2000);
+  }
+
+  ngOnInit(): void {}
+
+  navigateto(link) {
+    console.log(link);
+  }
+}

package/src/lib/components/latest-activity/components/latest-activity/latest-activity.component.html

@@ -0,0 +1,36 @@
+<div
+  [scrollWindow]="false"
+  infiniteScroll
+  [infiniteScrollDistance]="2"
+  [infiniteScrollThrottle]="50"
+  (scrolled)="onScroll()"
+  class="activity-body"
+>
+  <div class="activity-area">
+    <div *ngFor="let item of activitylog; let i = index">
+      <cts-single-activity [item]="item" [documentTitle]="documentTitle">
+      </cts-single-activity>
+    </div>
+  </div>
+</div>
+
+<!-- <cts-single-activity [user]="item.creator">
+      <div class="lineOne">
+        <span class="">
+            {{ item.creator.properties?.firstName }}
+            {{ item.creator.properties?.lastName }} // commented
+          </span>
+        <cts-activity-line [item]="item" [documentTitle]="documentTitle">
+        </cts-activity-line>
+      </div>
+      <div class="lineOnePart2">
+          <span class="mx-2">
+            {{item.eventName}} commented 
+          </span>
+        </div>
+      <div class="lineTwo">
+        <span class="" style="width: fit-content">
+          {{ item.eventDate | localizedDate: "EEEE, MMMM d, y" }}
+        </span>
+      </div>
+    </cts-single-activity> -->

package/src/lib/components/latest-activity/components/latest-activity/latest-activity.component.scss

@@ -0,0 +1,12 @@
+@import "../../../../assets/scss/myApp.scss";
+.activity-body {
+  padding: 14px 10px;
+  overflow: auto;
+  height: 100%;
+  .activity-area {
+    // padding: 0 12px 0 20px;
+    padding-inline-start: 20px;
+    padding-inline-end: 12px;
+    border-inline-start: 2px solid $gray-100;
+  }
+}

package/src/lib/components/latest-activity/components/latest-activity/latest-activity.component.spec.ts

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

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

@@ -0,0 +1,78 @@
+import {
+  Component,
+  EventEmitter,
+  Input,
+  OnInit,
+  Output,
+  SimpleChanges,
+} from '@angular/core';
+import { ActivityLogService } from '../../services/activity-log.service';
+
+@Component({
+  selector: 'cts-latest-activity',
+  templateUrl: './latest-activity.component.html',
+  styleUrls: ['./latest-activity.component.scss'],
+})
+export class LatestActivityComponent implements OnInit {
+  @Input()
+  documentId;
+  @Input() documentTitle;
+  @Output()
+  success = new EventEmitter();
+
+  p = 1;
+  count = 5;
+  totalRecords = 0;
+  isFetching = false;
+  activitylog = [];
+
+  constructor(private activityLogSer: ActivityLogService) {}
+
+  ngOnInit(): void {
+    // this.getActivities();
+  }
+  ngOnChanges(changes: SimpleChanges): void {
+    this.getActivities();
+  }
+  getActivities() {
+    this.isFetching = true;
+    this.activityLogSer
+      .getActivityLog(this.documentId.uid, {
+        currentPageIndex: this.p - 1,
+        // pageSize: this.count,
+      })
+      .subscribe(
+        (data) => {
+          // this.activitylog = [];
+          let i = 1;
+          data.entries.map((item) => {
+            i++;
+            item.properties.extendedInfo = item.properties.extendedInfo.reduce(
+              (obj, item) => ((obj[item.key] = item.value), obj),
+              {}
+            );
+            this.activitylog.push({
+              ...item.properties,
+            });
+          });
+          this.totalRecords = data.totalSize;
+          this.isFetching = false;
+          this.success.emit(true);
+        },
+        (err) => {
+          // this.success.emit(false);
+        }
+      );
+  }
+
+  onChangePagination(e) {
+    this.p = e;
+    this.getActivities();
+  }
+
+  onScroll(){
+    this.p ++
+    this.getActivities();
+
+  }
+}

package/src/lib/components/latest-activity/components/single-activity/single-activity.component.html

@@ -0,0 +1,38 @@
+<ng-container *ngIf="item">
+  <div class="avtivity-wrapper">
+    <div class="avtivity-point border-primary {{ item.documentLifecycle }}"></div>
+    <div class="avtivity-panal border-primary {{ item.documentLifecycle }}">
+      <div class="avtivity-corr-status border-primary {{ item.documentLifecycle }}">
+        {{ "STATS." + item.documentLifecycle | translate }}
+      </div>
+      <div class="avtivity-heading">
+        <div class="avtivity-title">
+          <div class="status">{{ "ACTIVITY_LOG.status." + item.eventName | translate }}</div>
+          <div class="">
+            {{ item.creator.id === 'system' ? ('SYSTEM_ADMIN' | translate) : item.creator.properties.firstName + " " +item.creator.properties.lastName }}
+          </div>
+        </div>
+        <div class="avtivity-date">
+          <div>{{ item.eventDate | localizedDate: "M/d/y" }}</div>
+          <div>{{ item.eventDate | localizedDate: "h:mm a" }}</div>
+        </div>
+      </div>
+      <div class="avtivity-body">
+        <cts-activity-line
+          [item]="item"
+          [documentTitle]="item.documentName"
+        ></cts-activity-line>
+      </div>
+    </div>
+  </div>
+</ng-container>
+
+<!-- <div class="d-flex">
+  <div class="myLink link creator" id="parent3">{{ creator }}</div>
+  <div class="mx-1">send the correspondence</div>
+  <div class="myLink link" id="child3">{{ param2 }}</div>
+  <div class="myLink to" id="child3">to</div>
+  <div class="myLink link" id="child3">{{corr:to}}</div>
+  <div class="myLink link" id="child3">and assigned it to</div>
+  <div class="myLink link" id="child3">{{corr:owner}}</div>
+</div> -->

package/src/lib/components/latest-activity/components/single-activity/single-activity.component.scss

@@ -0,0 +1,157 @@
+@import "../../../../assets/scss/myApp.scss";
+// .avtivity-wrapper{
+//   align-items: center;
+//   display: flex;
+//   font-size: 12px;
+// .user-image-wrapper{
+//   width: 50px;
+//   height: 50px;
+//   border-radius: 50%;
+//   overflow: hidden;
+// }
+// .user-data-wraper{
+//   display: flex;
+//   flex-direction: column;
+//   padding: 0px 10px;
+//   .first-data-row{
+//     display: flex;
+//     align-items: center;
+//     .data-link{
+//       cursor: pointer;
+//       font-size: 12px;
+//       display: flex;
+//       flex-direction: column;
+//     }
+//     .data-link-part2{
+//       display: flex;
+//       flex-direction: column;
+//     }
+//   }
+//   .lineTwo{
+
+//   }
+// }
+// }
+
+.avtivity-wrapper {
+  margin-bottom: 36px;
+  background: #fff;
+  // border-radius: 8px;
+  display: flex;
+  position: relative;
+  .avtivity-point {
+    display: block;
+    width: 14px;
+    height: 14px;
+    border-radius: 50%;
+    border: 4px solid #0dbab5;
+    background-color: #ffffff;
+    position: absolute;
+    top: 0px;
+    left: -28px;
+    &.draft {
+      border-color: #596973 !important;
+    }
+    &.registered {
+      border-color: #5a1496 !important;
+    }
+    &.closed {
+      border-color: #00dca5 !important;
+    }
+    &.inProgress {
+      border-color: #3c3cf0 !important;
+    }
+    &.archived {
+      border-color: #fbb62c !important;
+    }
+  }
+  .avtivity-panal {
+    width: 100%;
+    border-radius: 8px;
+    border-inline-start: 8px solid $cyan-50;
+    padding: 20px;
+    position: relative;
+    box-shadow: 0px 0px 25px 0 rgb(0, 0, 0, 0.1);
+    &.draft {
+      border-color: #596973 !important;
+    }
+    &.registered {
+      border-color: #5a1496 !important;
+    }
+    &.inProgress {
+      border-color: #3c3cf0 !important;
+    }
+    &.closed {
+      border-color: #00dca5 !important;
+    }
+    &.archived {
+      border-color: #fbb62c !important;
+    }
+    &.meeting_created {
+      border-color: #3c3cf0 !important;
+    }
+    .avtivity-corr-status {
+      position: absolute;
+      background: $white;
+      font-size: 11px;
+      width: 100px;
+      height: 24px;
+      border: 1px solid #0dbab5;
+      border-radius: 5px;
+      left: 11px;
+      top: -13px;
+      text-align: center;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      &.draft {
+        border-color: #596973 !important;
+      }
+      &.registered {
+        border-color: #5a1496 !important;
+      }
+      &.inProgress {
+        border-color: #3c3cf0 !important;
+      }
+      &.closed {
+        border-color: #00dca5 !important;
+      }
+      &.archived {
+        border-color: #fbb62c !important;
+      }
+      &.meeting_created {
+        border-color: #3c3cf0 !important;
+      }
+    }
+    .avtivity-heading {
+      display: flex;
+      justify-content: space-between;
+      margin-bottom: 10px;
+      border-bottom: 2px solid $gray-50;
+      .avtivity-date {
+        font-size: 12px;
+        color: $gray-400;
+      }
+      .avtivity-title {
+        margin-bottom: 8px;
+        font-size: 14px;
+        color: $gray-400;
+        .status {
+          font-weight: 400;
+          font-size: 16px;
+          color:$gray-500 !important
+        }
+      }
+    }
+  }
+}
+.rtl {
+  .avtivity-corr-status {
+    left: unset;
+    right: 11px;
+  }
+  .avtivity-point {
+    left: unset;
+    right: -28px;
+  }
+}

package/src/lib/components/latest-activity/components/single-activity/single-activity.component.spec.ts

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

package/src/lib/components/latest-activity/components/single-activity/single-activity.component.ts

@@ -0,0 +1,19 @@
+import { Component, Input, OnInit, ViewEncapsulation } from '@angular/core';
+
+@Component({
+  selector: 'cts-single-activity',
+  templateUrl: './single-activity.component.html',
+  styleUrls: ['./single-activity.component.scss'],
+  encapsulation: ViewEncapsulation.None,
+})
+export class SingleActivityComponent implements OnInit {
+  @Input()
+  item;
+  @Input()
+  documentTitle;
+
+  constructor() {}
+
+  ngOnInit(): void {
+  }
+}