nuxeo-development-framework 3.1.6 → 3.1.8

package/src/lib/pipes/localized-date.pipe.ts

@@ -1,80 +0,0 @@
-import { DatePipe } from '@angular/common';
-import { OnDestroy, Pipe, PipeTransform } from '@angular/core';
-import { Subject } from 'rxjs';
-import { takeUntil } from 'rxjs/operators';
-import { UserPreferencesService, UserPreferenceValues } from '../core/services/user/user-preferences.service';
-
-/**
- * Transforms date to localized date string
- *
- * ### In template example:
- * ~~~html
- * <!-- in template -->
- * <p>
- *  {{ dateObject | localizedDate: "EEEE, MMMM dd, yyyy"  }}
- * </p>
- * ~~~
- * @title
- * Localized Date
- *
- * @example
- * ...
- * constructor(...  private LocalizedDatePipe: localizedDatePipe ...){
- *   const localizedDateString = this.localizedDatePipe.transform(dateObject, 'EEEE, MMMM dd, yyyy');
- * }
- * ...
- */
-@Pipe({
-  name: 'localizedDate',
-  pure: false
-})
-export class LocalizedDatePipe implements PipeTransform, OnDestroy {
-
-  static DEFAULT_LOCALE = 'en-US';
-  static DEFAULT_DATE_FORMAT = 'dd MMMM yyyy hh:mm a';
-
-  defaultLocale: string = LocalizedDatePipe.DEFAULT_LOCALE;
-  defaultFormat: string = LocalizedDatePipe.DEFAULT_DATE_FORMAT;
-
-  private onDestroy$ = new Subject<boolean>();
-
-  constructor(public userPreferenceService?: UserPreferencesService) {
-
-    if (this.userPreferenceService) {
-      this.userPreferenceService
-        .select(UserPreferenceValues.Locale)
-        .pipe(takeUntil(this.onDestroy$))
-        .subscribe(locale => {
-          if (locale) {
-            this.defaultLocale = locale;
-          }
-        });
-    }
-
-
-  }
-  /**
-   *
-   * @param value date object
-   * @param format format
-   * @param locale locale to convert to
-   * @returns localized date string
-   */
-  transform(value: any, format?: string, locale?: string): any {
-    try {
-      const actualFormat = format || this.defaultFormat;
-      const actualLocale = locale || this.defaultLocale;
-      const datePipe: DatePipe = new DatePipe(actualLocale);
-      return datePipe.transform(value, actualFormat, 'GMT+3');
-    } catch (e) {
-      console.warn(e);
-      return value;
-    }
-  }
-  /** @ignore */
-  ngOnDestroy(): any {
-    this.onDestroy$.next(true);
-    this.onDestroy$.complete();
-  }
-
-}

package/src/lib/pipes/multi-value.pipe.ts

@@ -1,39 +0,0 @@
-import { Pipe, PipeTransform } from '@angular/core';
-/**
- * Transforms array of strings to single string seperated with seperator
- *
- * ### In template example:
- * ~~~html
- * <!-- in template -->
- * <p>{{ ['string 1','string 2', 'string 3'] | multiValue : {valueSeparator:', '}}}</p>
- * ~~~
- * @title
- * Multi Value
- *
- * @example
- * ...
- * constructor(...  private MultiValuePipe: multiValuePipe ...){
- *   const MultiValueString = this.multiValuePipe.transform(['string 1','string 2', 'string 3'], ', ');
- * }
- * ...
- */
-@Pipe({ name: 'multiValue' })
-export class MultiValuePipe implements PipeTransform {
-
-    static DEFAULT_SEPARATOR = ', ';
-
-    /**
-     *
-     * @param values array of strings
-     * @param valueSeparator seperator to place between elements
-     * @returns the joining of all array items seperated with seperator
-     */
-    transform(values: any | any[], valueSeparator: string = MultiValuePipe.DEFAULT_SEPARATOR): string {
-
-        if (values && values instanceof Array) {
-            return values.join(valueSeparator);
-        }
-
-        return values;
-    }
-}

package/src/lib/pipes/pipes.module.ts

@@ -1,20 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { SecurePipe } from './secure.pipe';
-import { LocalizedDatePipe } from './localized-date.pipe';
-import { SafeHtmlPipe } from './secure-html.pipe';
-import { TimeAgoPipe } from './time-ago.pipe';
-import { MultiValuePipe } from './multi-value.pipe';
-import { FileSizePipe } from './file-size.pipe';
-import { HijriDatePipe } from './hijri-date.pipe';
-/**
- * @title
- * Pipes Module
- */
-@NgModule({
-  declarations: [SecurePipe, LocalizedDatePipe, SafeHtmlPipe, TimeAgoPipe, MultiValuePipe, FileSizePipe, HijriDatePipe],
-  imports: [CommonModule],
-  exports: [SecurePipe, LocalizedDatePipe, SafeHtmlPipe, TimeAgoPipe, MultiValuePipe, FileSizePipe, HijriDatePipe],
-  providers: [TimeAgoPipe, MultiValuePipe],
-})
-export class PipesModule { }

package/src/lib/pipes/secure-html.pipe.ts

@@ -1,27 +0,0 @@
-import { DomSanitizer } from '@angular/platform-browser';
-import { PipeTransform, Pipe } from '@angular/core';
-
-
-/**
- * Transforms html string into safe html to be rendered in the view
- *
- * ### In template example:
- * ~~~html
- * <!-- in template -->
- * <span [innerHTML]="htmlString | safeHtml"></span>
- * ~~~
- * @title
- * Safe HTML
- */
-@Pipe({ name: 'safeHtml' })
-export class SafeHtmlPipe implements PipeTransform {
-  constructor(private sanitized: DomSanitizer) { }
-  /**
-   *
-   * @param value HTML String
-   * @returns Safe HTML
-   */
-  transform(value): any {
-    return this.sanitized.bypassSecurityTrustHtml(value);
-  }
-}

package/src/lib/pipes/secure.pipe.ts

@@ -1,37 +0,0 @@
-import { Pipe, PipeTransform } from '@angular/core';
-import { HttpClient } from '@angular/common/http';
-import { DomSanitizer, SafeUrl } from '@angular/platform-browser';
-import { map } from 'rxjs/operators';
-import { Observable } from 'rxjs';
-
-/**
- * Transforms URL into async safe URL to be rendered in the view
- *
- * ### In template example:
- * ~~~html
- * <!-- in template -->
- *   <img [attr.src]="user.avatar | secure | async" />
- * ~~~
- * @title
- * Safe URL
- */
-@Pipe({
-  name: 'secure'
-})
-export class SecurePipe implements PipeTransform {
-
-  constructor(private http: HttpClient, private sanitizer: DomSanitizer) { }
-
-  /**
-   *
-   * @param url Resource URL
-   * @returns Safe URL
-   */
-  transform(url): Observable<SafeUrl> {
-    return this.http
-      .get(url, { responseType: 'blob' }).pipe(
-        map(val => this.sanitizer.bypassSecurityTrustUrl(URL.createObjectURL(val)))
-      );
-  }
-
-}

package/src/lib/pipes/time-ago.pipe.ts

@@ -1,68 +0,0 @@
-
-import { OnDestroy, Pipe, PipeTransform } from '@angular/core';
-import moment from 'moment-es6';
-import { Subject } from 'rxjs';
-import { takeUntil } from 'rxjs/operators';
-import { UserPreferencesService, UserPreferenceValues } from '../core/services/user/user-preferences.service';
-
-/**
- * Converts date into how long time ago string
- *
- * ### In template example:
- * ~~~html
- * <!-- in template -->
- *   <span>{{ dateObject | timeAgo }}</span>
- * ~~~
- * @title
- * Time Ago
- */
-@Pipe({
-  name: 'timeAgo'
-})
-export class TimeAgoPipe implements PipeTransform, OnDestroy {
-
-  static DEFAULT_LOCALE = 'en-US';
-  static DEFAULT_DATE_TIME_FORMAT = 'dd/MM/yyyy HH:mm';
-
-  defaultLocale: string;
-  defaultDateTimeFormat: string;
-
-  private onDestroy$ = new Subject<boolean>();
-
-  constructor(public userPreferenceService: UserPreferencesService) {
-      this.userPreferenceService
-        .select(UserPreferenceValues.Locale)
-        .pipe(takeUntil(this.onDestroy$))
-        .subscribe(locale => {
-          this.defaultLocale = locale || TimeAgoPipe.DEFAULT_LOCALE;
-        });
-      this.defaultDateTimeFormat = TimeAgoPipe.DEFAULT_DATE_TIME_FORMAT;
-  }
-  /**
-   *
-   * @param value date object
-   * @param locale locale to be transformed to
-   * @returns Time ago string (15 minutes ago)
-   */
-  transform(value: Date, locale?: string) {
-      if (value !== null && value !== undefined) {
-        const actualLocale = locale || this.defaultLocale;
-        const then = moment(value);
-        //const diff = moment().locale(actualLocale).diff(then, 'days');
-        return then.locale(actualLocale).fromNow();
-        // if ( diff > 7) {
-        //     const datePipe: DatePipe = new DatePipe(actualLocale);
-        //     return datePipe.transform(value, this.defaultDateTimeFormat);
-        // } else {
-        //     return then.locale(actualLocale).fromNow();
-        // }
-      }
-      return '';
-  }
-
-  /** @ignore */
-  ngOnDestroy(): any {
-    this.onDestroy$.next(true);
-    this.onDestroy$.complete();
-  }
-}

package/src/lib/shared/components/button/button.component.html

@@ -1,13 +0,0 @@
-<button
-type="button"
-class="btn"
-  mat-button
-  [disabled]="disabled || loading"
-  (click)="emitClick()"
-  [ngClass]="this.classes"
->
-  <ng-content *ngIf="!loading; else spinner"></ng-content>
-  <ng-template #spinner>
-    <mat-spinner class="spinner" [diameter]="25"></mat-spinner>
-  </ng-template>
-</button>

package/src/lib/shared/components/button/button.component.scss

@@ -1,102 +0,0 @@
-@import "../../../assets/scss/myApp.scss";
-
-%base-class {
-  color: #fff;
-  width: 100%;
-  border: 1px solid transparent;
-  padding-top: 6px;
-  padding-bottom: 6px;
-  padding-left: 12px;
-  padding-right: 12px;
-  overflow: hidden;
-  min-width: max-content;
-  border-radius: 5px;
-  &:hover {
-    filter: brightness(92%);
-  }
-}
-
-.my-base-class {
-  @extend %base-class;
-}
-
-.btn {
-  // themes
-  &.primary {
-    background-image: $wrapper-gradient;
-    @extend %base-class;
-  }
-  &.rtl {
-    &.primary {
-      background-image: $wrapper-gradient-rtl;
-    }
-  }
-  &.blue {
-    background-color: $blue-400;
-    @extend %base-class;
-  }
-
-  &.green {
-    background-color: $green-400;
-    @extend %base-class;
-  }
-  &.danger {
-    background-color: $red-400;
-    @extend %base-class;
-  }
-  &.dark {
-    background-color: $gray-500;
-    @extend %base-class;
-  }
-  &.gray {
-    background-color: $gray-400;
-    border: none;
-    @extend %base-class;
-  }
-  &.light-gray {
-    background-color: $gray-100;
-    color: $gray-500;
-    border: none;
-    @extend %base-class;
-  }
-  &.outline-dark {
-    background-color: $white;
-    border: 1px solid $gray-300;
-    color: $gray-500;
-    @extend %base-class;
-  }
-  &.outline-dark:hover {
-    background-color: $gray-300;
-    color: $white;
-  }
-
-  // sizes
-  &.large {
-    height: 50px;
-    //   font-size: 16px;
-  }
-  &.regular {
-    height: 40px;
-    //   font-size: 14px;
-  }
-  &.small {
-    height: 30px;
-    //   font-size: 14px;
-  }
-  &.submitting {
-    background: rgb(215, 215, 215) !important;
-    border: 1px solid $gray-200;
-    @extend %base-class;
-  }
-  &.spinner {
-    margin: auto;
-  }
-
-  &.disabled {
-    opacity: 0.5;
-  }
-}
-
-.btn:focus {
-  background: #2cbddd;
-}

package/src/lib/shared/components/button/button.component.spec.ts

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

package/src/lib/shared/components/button/button.component.ts

@@ -1,87 +0,0 @@
-import {
-  Component,
-  EventEmitter,
-  Input,
-  OnChanges,
-  OnInit,
-  Output,
-  SimpleChanges,
-  ViewEncapsulation,
-} from '@angular/core';
-
-/**
- * reusable button with spinner component
- * @title
- * Button with spinner
- * @example
- *
- * <cts-button
- *     [theme]="'danger'"
- *     [size]="'regular'"
- *     [loading]="false"
- *     [disabled]="false"
- *     (onClick)="executeAction()"
- *   >
- *     Button Text
- *   </cts-button>
- */
-@Component({
-  selector: 'cts-button',
-  templateUrl: './button.component.html',
-  styleUrls: ['./button.component.scss'],
-  encapsulation: ViewEncapsulation.None,
-})
-export class ButtonComponent implements OnInit, OnChanges {
-  /** is button disabled */
-  @Input()
-  disabled?;
-  /** is button loading */
-  @Input()
-  loading?;
-  /** button size large || regular || small */
-  @Input()
-  size?= 'regular';
-  @Input()
-  /** available themes: primary , blue , green , danger, dark, light-gray, outline-dark */
-  theme?= 'primary';
-  classes;
-  /** button click event */
-  @Output()
-  onClick = new EventEmitter();
-  constructor() { }
-
-  emitClick(): void {
-    this.onClick.next();
-  }
-  ngOnChanges(changes: SimpleChanges): void {
-    //Called before any other lifecycle hook. Use it to inject dependencies, but avoid any serious work here.
-    //Add '${implements OnChanges}' to the class.
-    this.setClasses();
-  }
-  ngOnInit(): void {
-    this.setClasses();
-  }
-
-  setClasses() {
-    let classes = {
-      //theme
-      primary: this.theme === 'primary',
-      blue: this.theme === 'blue',
-      green: this.theme === 'green',
-      danger: this.theme === 'danger',
-      dark: this.theme === 'dark',
-      gray: this.theme === 'gray',
-      'light-gray': this.theme === 'light-gray',
-      'outline-dark': this.theme === 'outline-dark',
-      //sizes
-      large: this.size === 'large',
-      regular: this.size === 'regular',
-      small: this.size === 'small',
-      //loading
-      submitting: this.loading,
-      //actions
-      disabled: this.disabled,
-    };
-    this.classes = classes;
-  }
-}

package/src/lib/shared/components/item-list/item-list.component.html

@@ -1,37 +0,0 @@
-
-<mat-list-item class="list-item" (click)="itemlistClick()" [ngClass]="{
-    'list-item-selected': selectedId == item.uid
-  }">
-  <div class="direction"><i class="incoming bi bi-box-arrow-down" *ngIf="!iconname&&item.direction?.toLowerCase() === 'incoming'"></i></div>
-
-  <div class="direction"><i class="outcoming bi bi-box-arrow-up" *ngIf="!iconname&&item.direction?.toLowerCase() === 'outgoing'"></i></div>
-
-  <div class="direction"><i class="internal bi bi-box-arrow-right" *ngIf="!iconname&&item.direction?.toLowerCase() === 'interenal'"></i></div>
-
-  <mat-icon *ngIf="iconname" mat-list-icon class="icon {{moreclasses}}">{{
-    iconname
-    }}</mat-icon>
-
-  <ng-content select=".icon"></ng-content>
-
-  <div class="content">
-    <div *ngIf="title" mat-line>{{ title }}</div>
-  <div mat-line>
-    <ng-content select=".description"> </ng-content>
-  </div>
-</div>
-  <button class="menu-item-action" *ngIf="actions?.length" (click)="$event.stopPropagation()" [matMenuTriggerFor]="menu">
-    <mat-icon>more_vert</mat-icon>
-  </button>
-
-  <mat-menu #menu="matMenu" class="actionMenuWrapper">
-    <div SetRtl class="flex flex-col justify-between">
-      <ng-container *ngFor="let menu_item of actions">
-        <button mat-menu-item class="{{menu_item.action_Style}}" (click)="menuactionClicked(menu_item.name, item)">
-          <i class="{{menu_item.icon}}" *ngIf="menu_item.icon"></i>
-          <span class="{{menu_item.title_Style}}">{{ menu_item.title | translate }}</span>
-        </button>
-      </ng-container>
-    </div>
-  </mat-menu>
-</mat-list-item>

package/src/lib/shared/components/item-list/item-list.component.scss

@@ -1,62 +0,0 @@
-.list-item {
-  font-size: 16px;
-  cursor: pointer;
-  height: 55px !important;
-  .mat-list-item-content{
-    padding: 0px !important;
-    .icon {
-      padding: 0px 4px;
-      font-size: 35px;
-      width: auto;
-      height: auto;
-      &.link-relation{
-        font-size: 25px;
-      }
-      &.attachment-icon {
-        font-size: 25px;
-      }
-    }
-    .content {
-      width: 100%;
-      margin: 0px;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      .mat-line{
-        font-size: 16px;
-        color: #212529;
-        .description{
-          font-size: 12px;
-        }
-      }
-    }
-  }
-  a {
-    color: black;
-  }
-
-  .menu-item-action {
-    font-size: 20px;
-    border: 0;
-    background: transparent;
-  }
-
-
-  .direction {
-    font-size: 20px;
-    .incoming {
-      color: #00dca5;
-    }
-    .outcoming {
-      color: #fbb62c;
-    }
-  }
-  
-}
-
-.list-item:hover {
-  background-color: #f5f6f8;
-}
-
-.list-item-selected {
-  background-color: #f5f6f8;
-}

package/src/lib/shared/components/item-list/item-list.component.spec.ts

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