ng-ipa-library 0.7.6 → 0.7.7

package/src/lib/ipa-form/dropdown-input/dropdown-input.component.ts

@@ -1,68 +0,0 @@
-import {
-  Component,
-  ElementRef,
-  Input,
-  OnInit,
-  Self,
-  ViewChild,
-} from '@angular/core';
-import { FormControl, NgControl } from '@angular/forms';
-import { IPAFormService } from '../ipa-form.service';
-
-@Component({
-  selector: 'ipa-dropdown-input',
-  templateUrl: './dropdown-input.component.html',
-  styleUrls: ['./dropdown-input.component.scss'],
-})
-export class DropdownInputComponent implements OnInit {
-  @ViewChild('select', { static: true }) input!: HTMLSelectElement;
-  @Input() id!: string;
-  @Input() label: string = 'text input';
-  @Input() items: any[] = [];
-  @Input() textField!: string;
-  @Input() valueField!: string;
-  @Input() required = false;
-  @Input() searchable = false;
-  @Input() notFoundText = 'لا يوجد بيانات';
-  @Input() classes!: string;
-  @Input() containerClasses!: string;
-  formControl: FormControl = new FormControl('');
-  errorMsg!: string | null;
-
-  constructor(
-    private validationService: IPAFormService,
-    @Self() public controlDir: NgControl
-  ) {
-    this.controlDir.valueAccessor = this;
-  }
-
-  ngOnInit(): void {
-    const control = this.controlDir.control;
-    const validators = control?.validator ? [control.validator] : [];
-
-    control?.setValidators(validators);
-    control?.updateValueAndValidity();
-    this.formControl = control as FormControl;
-    this.formControl.patchValue(null);
-  }
-
-  onChange(event: any): void {}
-
-  onTouched(): void {}
-  writeValue(obj: any): void {
-    if (this.input) this.input.value = obj || '';
-  }
-
-  registerOnChange(fn: any): void {
-    this.onChange = fn;
-  }
-
-  registerOnTouched(fn: any): void {
-    this.onTouched = fn;
-  }
-
-  get errorMessage(): string | null {
-    this.errorMsg = this.validationService.getErrorMessage(this.formControl);
-    return this.errorMsg;
-  }
-}

package/src/lib/ipa-form/file-upload/file-upload.component.html

@@ -1,37 +0,0 @@
-<div class="file-upload">
-    <div class="upload-overlay" [dropzone]="config" (error)="onUploadError($event)"
-        (queueComplete)="operationCompleted($event)" (success)="onUploadSuccess($event)" (dragenter)="dragEnter = true"
-        (dragLeave)="dragEnter = false" (drop)="dragEnter = false" (dragEnd)="dragEnter = false"
-        [class.active-border]="dragEnter" (sending)="sending($event)" (reset)="reset($event)"
-        (addedFile)="fileWasAdded($event)">
-    </div>
-    <div class="upload-btn-wrapper">
-        <div>
-            <div class="subtitle mb-2">
-                {{label}}
-                <span *ngIf="required" class="required">*</span>
-            </div>
-            <hr>
-            <span style="font-size: 12px;">قم بسحب الملف أو اضغط هنا</span>
-            <i class="fas fa-upload upload-icon mr-2"></i>
-        </div>
-        <div *ngIf="acceptedFiles.length > 0" class="allowed-extensions">
-            الصيغة المسموح بها:
-            <span class="extensions">{{ acceptedFiles }}</span>
-        </div>
-        <div class="allowed-extensions">
-            اقصى حجم للمرفق:
-            <span class="extensions">{{ maxFileSize }} MB</span>
-        </div>
-    </div>
-</div>
-<div id="attachment-status" style="text-align: center; margin-top:10px;">
-    <span style="font-size: 14px; margin: auto; font-weight:bold;" *ngFor="let file of currentFiles">
-        {{ file.name }} <i (click)="deleteFile(file)" class="fas fa-trash"
-            style="color:firebrick; cursor: pointer;"></i>
-        <br>
-    </span>
-    <ul class="list-unstyled">
-        <li class="text-danger" style="font-size: 12px;" *ngFor="let error of errors">{{error}}</li>
-    </ul>
-</div>

package/src/lib/ipa-form/file-upload/file-upload.component.scss

@@ -1,45 +0,0 @@
-.subtitle {
-  border-bottom: none;
-  display: block;
-  line-height: 2;
-}
-
-.file-upload {
-  border: dashed 1px #ccc;
-  display: block;
-  min-height: 150px;
-  border-radius: 15px;
-  width: 350px;
-  cursor: pointer;
-  position: relative;
-  margin: auto;
-}
-
-.upload-overlay {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-}
-
-.upload-btn-wrapper {
-  text-align: center;
-}
-
-.upload-icon {
-  margin-right: 5px;
-}
-
-.list-unstyled {
-  margin: 10px !important;
-  padding: 14px !important;
-  list-style: none;
-}
-
-.allowed-extensions {
-  color: #4d7297;
-}
-
-.required {
-  color: #dc3545;
-  font-size: 20px;
-}

package/src/lib/ipa-form/file-upload/file-upload.component.ts

@@ -1,109 +0,0 @@
-import { Component, EventEmitter, Input, OnInit, Output, ViewChild } from '@angular/core';
-import { ToastrService } from 'ngx-toastr';
-import { DropzoneConfigInterface, DropzoneDirective } from 'ngx-dropzone-wrapper';
-
-@Component({
-  selector: 'ipa-file-upload',
-  templateUrl: './file-upload.component.html',
-  styleUrls: ['./file-upload.component.scss']
-})
-export class FileUploadComponent implements OnInit {
-  @ViewChild(DropzoneDirective, { static: false })
-  dropzoneDir!: DropzoneDirective;
-  @Input() label = '';
-  @Input() required = false;
-  @Input() acceptedFiles = '';
-  @Input() multiple = 1; // set maxFiles (NOT uploadMultiple)in the config object,
-  @Input() maxFileSize = 2;
-  @Input() method = 'POST';
-  @Input() autoUpload = false;
-  @Input() apiUrl = 'apiUrl';
-  @Input() authorization!: string;
-  @Output() successUpload = new EventEmitter();
-  @Output() fileAdded = new EventEmitter();
-  @Output() fileDeleted = new EventEmitter();
-  dragEnter = false;
-  errors: string[] = [];
-  config!: DropzoneConfigInterface;
-  filesAdded: File[] = [];
-  currentFiles: File[] = [];
-
-  constructor(
-    // private authService: AuthService,
-    private toastrService: ToastrService
-  ) {}
-
-  ngOnInit(): void {
-    this.label = 'رفع ' + this.label;
-    this.config = {
-      url: this.apiUrl,
-      method: this.method,
-      headers: {
-        Authorization: 'Bearer ' + this.authorization,
-      },
-      maxFilesize: this.maxFileSize,
-      maxFiles: this.multiple,
-      uploadMultiple: this.multiple > 1,
-      dictInvalidFileType: 'صيغة الملف غير مسموح بها',
-      dictFileTooBig: 'الحجم تجاوز الحد المسموح',
-      dictMaxFilesExceeded:
-        'الرجاء حذف الملفات الموجودة حاليا لتتمكن من رفع هذا الملف',
-      acceptedFiles: this.acceptedFiles,
-      autoProcessQueue: this.autoUpload,
-      previewTemplate: '<span></span>',
-    };
-  }
-
-  operationCompleted(e: any): void {
-    if (this.filesAdded.length > 0) {
-      this.successUpload.emit(this.filesAdded);
-      this.filesAdded = [];
-    }
-    this.dropzoneDir.reset();
-  }
-
-  onUploadSuccess(e: any): void {
-    const file = e[0];
-    if (file.status === 'success') {
-      this.filesAdded.push(file);
-    }
-
-    this.toastrService.success('تم تحميل المرفقات بنجاح');
-  }
-
-  onUploadError(e: any): void {
-    if (e[1]) {
-      this.errors = [];
-      this.errors.push(`${e[1]} (${e[0].name})`);
-    }
-  }
-
-  fileWasAdded(e: File): void {
-    const myDropzone = this.dropzoneDir.dropzone();
-    if (this.multiple === 1) {
-      this.currentFiles = [];
-      this.filesAdded = [];
-      this.errors = [];
-      const files = myDropzone.files;
-      if (files.length > 1) {
-        myDropzone.removeFile(files[0]);
-      }
-    }
-    this.currentFiles.push(e);
-    this.fileAdded.emit(e);
-  }
-
-  sending(e: any): void {
-    this.errors = [];
-  }
-
-  reset(e: any): void {}
-
-  deleteFile(file: any): void {
-    this.currentFiles = this.currentFiles.filter(
-      (x) => x.name !== file.name && x.size !== file.size
-    );
-    this.errors = [];
-    this.fileDeleted.emit();
-  }
-}

package/src/lib/ipa-form/ipa-form.service.ts

@@ -1,294 +0,0 @@
-import { Injectable } from '@angular/core';
-import { AbstractControl, FormControl, ValidationErrors } from '@angular/forms';
-import momentHijri from 'moment-hijri';
-import { Moment } from 'moment';
-import { NgbDateParserFormatter } from '@ng-bootstrap/ng-bootstrap';
-
-@Injectable({
-  providedIn: 'root',
-})
-export class IPAFormService {
-  constructor(private parserFormatter: NgbDateParserFormatter) {}
-
-  /**
-   * check link is valid.
-   */
-  static linkValidation(control: AbstractControl): ValidationErrors | null {
-    const isValidLink =
-      /^((https?:\/\/)[\w-]+(\.[a-z-]+)+\.?(:\d+)?(\/\S*)?)$/.test(
-        control.value
-      );
-    return isValidLink || !control.value ? null : { link: true };
-  }
-
-  /**
-   * check mp4 link is valid.
-   */
-  static mp4LinkValidation(control: AbstractControl): ValidationErrors | null {
-    const isValidLink =
-      /^((https?:\/\/)[\w-]+(\.[a-z-]+)+\.?(:\d+)?(\/\S*)?(\/[\w\u0600-\u06FF]+\.mp4))$/.test(
-        control.value
-      );
-    return isValidLink || !control.value ? null : { linkMP4: true };
-  }
-
-  /**
-   * check mobile number is valid.
-   */
-  static mobileNo(control: AbstractControl): ValidationErrors | null {
-    const isValidLink = /^05\d{8}$/.test(control.value);
-    return isValidLink || !control.value ? null : { mobileNo: true };
-  }
-
-  /**
-   * check email is valid.
-   */
-  static email(control: AbstractControl): ValidationErrors | null {
-    const isValidLink =
-      /^(([^<>()[\]\.,;:\s@\"]+(\.[^<>()[\]\.,;:\s@\"]+)*)|(\".+\"))@(([^<>()[\]\.,;:\s@\"]+\.)+[^<>()[\]\.,;:\s@\"]{2,})$/.test(
-        control.value
-      );
-    return isValidLink || !control.value ? null : { Email: true };
-  }
-
-  /**
-   * check national ID or iqama ID is valid.
-   */
-  static checkID(control: AbstractControl): ValidationErrors | null {
-    let isValid = false;
-    const value = control.value;
-    if (
-      IPAFormService.nationalIdValidate(value) ||
-      IPAFormService.iqamaIdValidate(value)
-    ) {
-      isValid = true;
-    } else {
-      isValid = false;
-    }
-    return isValid || !value ? null : { checkId: true };
-  }
-
-  getErrorMessage(control: FormControl, patternErrorMsg = ''): string | null {
-    for (const propertyName in control?.errors) {
-      if (
-        control?.errors.hasOwnProperty(propertyName) &&
-        (control.touched || control.dirty)
-      ) {
-        return this.getValidatorErrorMessage(
-          propertyName,
-          control.errors[propertyName],
-          patternErrorMsg
-        );
-      }
-    }
-    return null;
-  }
-
-  /**
-   * convert gregorian date to hijri date (Based on Umm al-Qura calculations).
-   * @param date: gregorian date
-   * @param format: iDD => day: ١٥, iMM => month: ٠٤, iMMM => month: ربيع ٢,
-   *               iMMMM => ربيع الثاني,  iYY => year: ٤٢, iYYYY => year: ١٤٤٢,
-   *               dd => ن, ddd => إثنين, dddd => الإثنين
-   * @example 'iYYYY/iM/iDهـ الموافق YYYY/M/Dم'
-   *           '١٤٤٢/٠٤/١٥هـ الموافق ٢٠٢٠/١١/٣٠'
-   */
-  convertToHijriDate(
-    date: string,
-    format = 'iYYYY-iMM-iDD',
-    lang = 'ar-SA'
-  ): string {
-    momentHijri.locale(lang);
-    return momentHijri(date).format(format);
-  }
-
-  convertToGregorianDate(
-    date: Moment,
-    format = 'YYYY-MM-DD',
-    lang = 'en'
-  ): string {
-    momentHijri.locale(lang);
-    const m = momentHijri.iConvert.toGregorian(
-      date.year(),
-      date.month(),
-      date.date()
-    );
-    return momentHijri(new Date(m.gy, m.gm, m.gd)).format(format);
-  }
-
-  getCurrentHijriDate() {
-    momentHijri.locale('en');
-    return momentHijri().format('iYYYY/iMM/iDD');
-  }
-
-  private getValidatorErrorMessage(
-    validatorName: string,
-    validatorValue: any,
-    patternErrorMsg: string
-  ): string {
-    if (validatorName === 'pattern') {
-      validatorValue = this.addPatternMsg(validatorValue, patternErrorMsg);
-    }
-    const config: any = {
-      required: 'هذا الحقل مطلوب',
-      pattern: `${validatorValue.message}`,
-      Email: 'خطأ في البريد الالكتروني (example@ipa.edu.sa)',
-      maxlength: `تجاوز عدد الحقل المسموح بها (${validatorValue.requiredLength}) حرف`,
-      minlength: `على الأقل عدد ${validatorValue.requiredLength} حرف.`,
-      min: `رقم اكبر من أو يساوي ${validatorValue.min}`,
-      max: `رقم اصغر من أو يساوي ${validatorValue.max}`,
-      ngbDate: this.getNgbDatepickerErrorMsg(validatorValue),
-      checkId: 'رقم الهوية أو الاقامة غير صحيح',
-      link: 'الرابط غير صحيح (http://google.com)',
-      linkMP4: 'الرابط غير صحيح (http://example.com/a.mp4)',
-      mobileNo: 'خطأ في رقم الجوال (05xxxxxxxx)',
-    };
-    return config[validatorName];
-  }
-
-  private addPatternMsg(validatorValue: any, patternErrorMsg: string) {
-    let pattern = {
-      ...validatorValue,
-      message: patternErrorMsg,
-    };
-    return pattern;
-  }
-
-  private getNgbDatepickerErrorMsg(validatorValue: any): string {
-    let msg = '';
-    if (validatorValue.maxDate) {
-      msg = `التاريخ المدخل "${this.parserFormatter.format(
-        validatorValue.maxDate.actual
-      )}" اكبر من تاريخ اليوم "${this.parserFormatter.format(
-        validatorValue.maxDate.maxDate
-      )}"`;
-    } else if (validatorValue.minDate) {
-      msg = `التاريخ المدخل "${this.parserFormatter.format(
-        validatorValue.minDate.actual
-      )}" يجب ان يكون اكبر من أو يساوي تاريخ البداية "${this.parserFormatter.format(
-        validatorValue.minDate.minDate
-      )}"`;
-    } else if (validatorValue.invalid) {
-      msg = `التاريخ المدخل غير صحيح ${validatorValue.invalid}.`;
-    }
-    return msg;
-  }
-
-  private static convertToEn(value: string) {
-    let newValue = '';
-    for (let i = 0; i < value.length; i++) {
-      let ch = value.charCodeAt(i);
-      if (ch >= 1584 && ch <= 1650) {
-        let newChar = ch - 1584;
-        newValue = newValue + String.fromCharCode(newChar);
-      } else {
-        newValue = newValue + String.fromCharCode(ch);
-      }
-    }
-    return newValue;
-  }
-
-  private static nationalIdValidate(civilId: string): boolean {
-    if (civilId) {
-      let strID = this.convertToEn(civilId);
-      let digits = '';
-      let counter = 0;
-      while (counter < 9) {
-        if ((counter + 1) % 2 == 0) {
-          digits = digits + strID.substring(counter, counter + 1);
-        } else {
-          digits =
-            digits + (+strID.substring(counter, counter + 1) * 2).toString();
-        }
-        counter++;
-      }
-      let intSum = 0;
-      let intSumTemp = 0;
-      let strSum;
-      let intOddSumDigit;
-      let CheckDigit;
-      counter = 0;
-      while (counter < digits.length) {
-        intSumTemp = +digits.charAt(counter) * 1;
-        intSum += intSumTemp;
-        counter++;
-      }
-      strSum = intSum.toString();
-      if (strSum.length == 1) {
-        intOddSumDigit = intSum;
-      } else {
-        intOddSumDigit = strSum.substring(strSum.length, strSum.length - 1);
-      }
-      if (intOddSumDigit == 0) {
-        CheckDigit = 0;
-      } else {
-        CheckDigit = (10 - +intOddSumDigit).toString();
-      }
-      let PublicID = this.convertToEn(civilId);
-      if (
-        CheckDigit ==
-          PublicID.substring(PublicID.length - 1, PublicID.length) &&
-        strID.length == 10 &&
-        strID.substring(0, 1) == '1'
-      ) {
-        return true;
-      } else {
-        return false;
-      }
-    } else {
-      return false;
-    }
-  }
-
-  private static iqamaIdValidate(civilId: string): boolean {
-    if (civilId) {
-      let strID = this.convertToEn(civilId);
-      let digits = '';
-      let counter = 0;
-      while (counter < 9) {
-        if ((counter + 1) % 2 == 0) {
-          digits = digits + strID.substring(counter, counter + 1);
-        } else {
-          digits =
-            digits + (+strID.substring(counter, counter + 1) * 2).toString();
-        }
-        counter++;
-      }
-      let intSum = 0;
-      let intSumTemp = 0;
-      let strSum;
-      let intOddSumDigit;
-      let CheckDigit;
-      counter = 0;
-      while (counter < digits.length) {
-        intSumTemp = +digits.charAt(counter) * 1;
-        intSum += intSumTemp;
-        counter++;
-      }
-      strSum = intSum.toString();
-      if (strSum.length == 1) {
-        intOddSumDigit = intSum;
-      } else {
-        intOddSumDigit = strSum.substring(strSum.length, strSum.length - 1);
-      }
-      if (intOddSumDigit == 0) {
-        CheckDigit = 0;
-      } else {
-        CheckDigit = (10 - +intOddSumDigit).toString();
-      }
-      let PublicID = this.convertToEn(civilId);
-      if (
-        CheckDigit ==
-          PublicID.substring(PublicID.length - 1, PublicID.length) &&
-        strID.length == 10 &&
-        strID.substring(0, 1) == '2'
-      ) {
-        return true;
-      } else {
-        return false;
-      }
-    } else {
-      return false;
-    }
-  }
-}

package/src/lib/ipa-form/recaptcha/recaptcha.component.html

@@ -1,3 +0,0 @@
-<ngx-recaptcha2 [siteKey]="siteKey" [size]="recaptchaSize" [hl]="lang" [theme]="theme" [type]="recaptchaType"
-    [useGlobalDomain]="useGlobalDomain" [formControl]="formControl">
-</ngx-recaptcha2>

package/src/lib/ipa-form/recaptcha/recaptcha.component.ts

@@ -1,42 +0,0 @@
-import { Component, Input, OnInit, Self } from '@angular/core';
-import { FormControl, NgControl } from '@angular/forms';
-
-@Component({
-  selector: 'ipa-recaptcha',
-  templateUrl: './recaptcha.component.html',
-  styleUrls: ['./recaptcha.component.scss'],
-})
-export class RecaptchaComponent implements OnInit {
-  @Input() siteKey = '6LefJQYdAAAAAIlxmfkjNlWidMk8VukIZcs6lO5e';
-  @Input() recaptchaSize: 'compact' | 'normal' = 'normal';
-  @Input() lang = 'ar';
-  @Input() recaptchaType: 'image' | 'audio' = 'image';
-  @Input() theme: 'light' | 'dark' = 'light';
-  @Input() useGlobalDomain = true;
-  formControl: FormControl = new FormControl('');
-  constructor(@Self() public controlDir: NgControl) {
-    this.controlDir.valueAccessor = this;
-  }
-
-  ngOnInit(): void {
-    const control = this.controlDir.control;
-    const validators = control?.validator ? [control.validator] : [];
-
-    control?.setValidators(validators);
-    control?.updateValueAndValidity();
-    this.formControl = control as FormControl;
-  }
-
-  onChange(event: any): void {}
-
-  onTouched(): void {}
-  writeValue(obj: any): void {}
-
-  registerOnChange(fn: any): void {
-    this.onChange = fn;
-  }
-
-  registerOnTouched(fn: any): void {
-    this.onTouched = fn;
-  }
-}

package/src/lib/ipa-form/text-input/text-input.component.html

@@ -1,10 +0,0 @@
-<div class="form-floating {{containerClasses}}">
-    <input #input id="{{id}}" class="form-control {{classes}}" [type]="type" [required]="required" pattern="{{pattern}}"
-        placeholder="{{placeholder}}" [formControl]="formControl" (input)="onChange(controlDir.control?.value)"
-        (blur)="onTouched()"
-        [ngClass]="{'is-invalid is-invalid:focus': (controlDir.control?.invalid && (controlDir.control?.dirty || controlDir.control?.touched)) && errorMsg,'is-valid is-valid:focus': (controlDir.control?.valid && (controlDir.control?.dirty || controlDir.control?.touched)  && (errorMsg || controlDir.value))}">
-    <label for="{{id}}">{{label}}</label>
-    <div class="invalid-feedback" *ngIf="errorMessage !== null">
-        {{errorMsg}}
-    </div>
-</div>

package/src/lib/ipa-form/text-input/text-input.component.ts

@@ -1,69 +0,0 @@
-import {
-  Component,
-  ElementRef,
-  Input,
-  OnInit,
-  Self,
-  ViewChild,
-} from '@angular/core';
-import { FormControl, NgControl } from '@angular/forms';
-import { IPAFormService } from '../ipa-form.service';
-
-@Component({
-  selector: 'ipa-text-input',
-  templateUrl: './text-input.component.html',
-  styleUrls: ['./text-input.component.scss'],
-})
-export class TextInputComponent implements OnInit {
-  @ViewChild('input', { static: true }) input!: ElementRef;
-  @Input() id!: string;
-  @Input() type = 'text';
-  @Input() placeholder = 'please enter text';
-  @Input() label: string = 'text input';
-  @Input() required = false;
-  @Input() patternErrorMsg = 'invalid pattern';
-  @Input() pattern = '';
-  @Input() classes!: string;
-  @Input() containerClasses!: string;
-  formControl: FormControl = new FormControl('');
-  errorMsg!: string | null;
-
-  constructor(
-    private validationService: IPAFormService,
-    @Self() public controlDir: NgControl
-  ) {
-    this.controlDir.valueAccessor = this;
-  }
-
-  ngOnInit(): void {
-    const control = this.controlDir.control;
-    const validators = control?.validator ? [control.validator] : [];
-
-    control?.setValidators(validators);
-    control?.updateValueAndValidity();
-    this.formControl = control as FormControl;
-  }
-
-  onChange(event: any): void {}
-
-  onTouched(): void {}
-  writeValue(obj: any): void {
-    this.input.nativeElement.value = obj || '';
-  }
-
-  registerOnChange(fn: any): void {
-    this.onChange = fn;
-  }
-
-  registerOnTouched(fn: any): void {
-    this.onTouched = fn;
-  }
-
-  get errorMessage(): string | null {
-    this.errorMsg = this.validationService.getErrorMessage(
-      this.formControl,
-      this.patternErrorMsg
-    );
-    return this.errorMsg;
-  }
-}