ng-ipa-library 0.7.6 → 0.7.7

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

@@ -1,11 +0,0 @@
-<div class="form-floating {{containerClasses}}">
-    <textarea #input id="{{id}}" class="form-control {{classes}}" [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))}">
-    </textarea>
-    <label for="{{id}}">{{label}}</label>
-    <div class="invalid-feedback" *ngIf="errorMessage !== null">
-        {{errorMsg}}
-    </div>
-</div>

package/src/lib/ipa-form/textarea-input/textarea-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-textarea-input',
-  templateUrl: './textarea-input.component.html',
-  styleUrls: ['./textarea-input.component.scss'],
-})
-export class TextareaInputComponent implements OnInit {
-  @ViewChild('input', { static: true }) input: ElementRef<any> =
-    new ElementRef<any>(null);
-  @Input() id!: string;
-  @Input() placeholder = 'please enter text';
-  @Input() label: string = 'textarea input';
-  @Input() required = false;
-  @Input() patternErrorMsg = 'invalid pattern';
-  @Input() pattern!: string;
-  @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;
-  }
-}

package/src/lib/models/apiResponse.ts

@@ -1,4 +0,0 @@
-export interface ApiResponse {
-  statusCode: number;
-  message: string;
-}

package/src/lib/models/breadcrumbs.model.ts

@@ -1,4 +0,0 @@
-export interface Breadcrumbs {
-  nodeName: string;
-  nodeUrl: string | null;
-}

package/src/lib/models/decodedToken.model.ts

@@ -1,6 +0,0 @@
-export interface DecodedToken {
-  nameid?: string;
-  given_name?: string;
-  email?: string;
-  exp?: number;
-}

package/src/lib/models/exceptionUrl.model.ts

@@ -1,4 +0,0 @@
-export interface ExceptionUrl {
-  path: string;
-  method: string;
-}

package/src/lib/models/generateForm.model.ts

@@ -1,29 +0,0 @@
-export interface GenerateForm {
-  columns: Column[];
-}
-
-export interface Column {
-  arabicLabel: string;
-  englishName: string;
-  validationPattern?: string;
-  inputClasses?: string;
-  containerClasses?: string;
-  valueField?: string;
-  textField?: string;
-  patternErrorMsg?: string;
-  type: string;
-  size?: number;
-  required: boolean;
-  data?: Data[] | any[];
-  acceptedFiles?: string;
-  multipleFile?: number;
-  apiUrl?: string;
-  autoUploadFile?: boolean;
-  apiURlMethod?: string;
-  authorization?: string;
-}
-
-export interface Data {
-  id: number;
-  description: string;
-}

package/src/lib/models/pagedResult.ts

@@ -1,4 +0,0 @@
-export interface PagedResult<T> {
-  data: T[];
-  count: number;
-}

package/src/lib/models/user.model.ts

@@ -1,7 +0,0 @@
-export interface User {
-  id: string;
-  email: string;
-  displayName: string;
-  token: string;
-  imageUrl: string;
-}

package/src/lib/ng-ipa-library.component.ts

@@ -1,15 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-
-@Component({
-  selector: 'lib-ipa-library',
-  template: ``,
-  styles: []
-})
-export class NgIpaFormComponent implements OnInit {
-
-  constructor() { }
-
-  ngOnInit(): void {
-  }
-
-}

package/src/lib/ng-ipa-library.module.ts

@@ -1,63 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { ToastrModule } from 'ngx-toastr';
-import { DropzoneModule } from 'ngx-dropzone-wrapper';
-import { NgxCaptchaModule } from 'ngx-captcha';
-import { PipesModule } from './pipes/pipes.module';
-import { NgbDatepickerModule } from '@ng-bootstrap/ng-bootstrap';
-import { NgSelectModule } from '@ng-select/ng-select';
-
-import { TextInputComponent } from './ipa-form/text-input/text-input.component';
-import { TextareaInputComponent } from './ipa-form/textarea-input/textarea-input.component';
-import { DropdownInputComponent } from './ipa-form/dropdown-input/dropdown-input.component';
-import { LoaderComponent } from './core/components/loading/loading.component';
-import { GenerateFormComponent } from './generate-form/generate-form.component';
-import { FileUploadComponent } from './ipa-form/file-upload/file-upload.component';
-import { DatepickerComponent } from './ipa-form/datepicker/datepicker.component';
-import { HijriDatepickerComponent } from './ipa-form/datepicker/hijri-datepicker/hijri-datepicker.component';
-import { GregorianDatepickerComponent } from './ipa-form/datepicker/gregorian-datepicker/gregorian-datepicker.component';
-import { ShareButtonModule } from './share-button/share-button.module';
-import { RecaptchaComponent } from './ipa-form/recaptcha/recaptcha.component';
-
-@NgModule({
-  declarations: [
-    TextInputComponent,
-    TextareaInputComponent,
-    DropdownInputComponent,
-    LoaderComponent,
-    GenerateFormComponent,
-    FileUploadComponent,
-    DatepickerComponent,
-    HijriDatepickerComponent,
-    GregorianDatepickerComponent,
-    RecaptchaComponent,
-  ],
-  imports: [
-    CommonModule,
-    FormsModule,
-    ReactiveFormsModule,
-    ToastrModule,
-    DropzoneModule,
-    NgxCaptchaModule,
-    PipesModule,
-    NgbDatepickerModule,
-    ShareButtonModule,
-    NgSelectModule,
-  ],
-  exports: [
-    TextInputComponent,
-    TextareaInputComponent,
-    DropdownInputComponent,
-    LoaderComponent,
-    GenerateFormComponent,
-    FileUploadComponent,
-    PipesModule,
-    HijriDatepickerComponent,
-    GregorianDatepickerComponent,
-    ShareButtonModule,
-    RecaptchaComponent,
-    NgSelectModule,
-  ],
-})
-export class NgIPALibraryModule {}

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

@@ -1,15 +0,0 @@
-import { Pipe, PipeTransform } from '@angular/core';
-import momentHijri from 'moment-hijri';
-@Pipe({
-  name: 'hijriDate',
-})
-export class HijriDatePipe implements PipeTransform {
-  transform(
-    date: string,
-    format: string = 'iYYYY-iMM-iDD',
-    lang: 'ar' | 'en' = 'en'
-  ): string {
-    momentHijri.locale(lang);
-    return momentHijri(date).format(format);
-  }
-}

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

@@ -1,8 +0,0 @@
-import { NgModule } from '@angular/core';
-import { HijriDatePipe } from './hijri-date.pipe';
-
-@NgModule({
-  declarations: [HijriDatePipe],
-  exports: [HijriDatePipe],
-})
-export class PipesModule {}

package/src/lib/services/breadcrumbs.service.ts

@@ -1,189 +0,0 @@
-import { Injectable } from '@angular/core';
-import { Breadcrumbs } from '../models/breadcrumbs.model';
-
-@Injectable({
-  providedIn: 'root',
-})
-export class BreadcrumbsService {
-  constructor() {}
-
-  setPageTitle(text: string) {
-    const titleEl = document.querySelector('.sub-section-title');
-    if (titleEl) {
-      titleEl.textContent = text;
-    }
-  }
-
-  setMainPageTitle(text: string, url: string) {
-    const div = document.getElementsByClassName('main-section-title');
-    if (div && div.length > 0) {
-      div[0].innerHTML = `<a id="site-url" href="${url}">${text}</a>`;
-    }
-  }
-
-  addBreadcrumb(
-    nodeName: string,
-    spanClasses = 'bc-current',
-    linkClasses = 'bc-node'
-  ) {
-    const spans = document.getElementById('ctl00_path')?.children;
-    //get last child
-    const lastIndex = spans?.item(spans.length - 1) as HTMLSpanElement;
-    const innerHTML = lastIndex.innerHTML;
-    lastIndex.innerHTML = '';
-    lastIndex.classList.remove(...['bc-current']);
-    //add new link
-    lastIndex.appendChild(
-      this.createLink(innerHTML, location.pathname, linkClasses)
-    );
-    //add new span and empty span
-    const newSpan = this.createSpan(nodeName, spanClasses);
-    const emptySpan = document.createElement('span');
-    lastIndex.after(...[emptySpan, newSpan]);
-  }
-
-  addBreadcrumbList(
-    nodeList: Breadcrumbs[],
-    spanClasses = 'bc-current',
-    linkClasses = 'bc-node'
-  ) {
-    const spans = document.getElementById('ctl00_path')?.childNodes;
-    //get last child
-    const lastSpan = spans?.item(spans.length - 1) as HTMLSpanElement;
-    const innerHTML = lastSpan.innerHTML;
-    lastSpan.classList.remove(...[spanClasses]);
-    lastSpan.innerHTML = '';
-    //add new link
-    lastSpan.appendChild(
-      this.createLink(innerHTML, location.pathname, linkClasses)
-    );
-
-    for (let i = 0; i < nodeList.length; i++) {
-      const lastIndex = spans?.item(spans.length - 1) as HTMLSpanElement;
-      if (nodeList[i].nodeUrl) {
-        const newSpan = document.createElement('span');
-        newSpan.appendChild(
-          this.createLink(
-            nodeList[i].nodeName,
-            nodeList[i].nodeUrl,
-            linkClasses
-          )
-        );
-        const emptySpan = document.createElement('span');
-        lastIndex.after(...[emptySpan, newSpan]);
-      } else {
-        const newSpan = this.createSpan(nodeList[i].nodeName, spanClasses);
-        const emptySpan = document.createElement('span');
-        lastIndex.after(...[emptySpan, newSpan]);
-      }
-    }
-  }
-
-  createBreadcrumbs(
-    nodeList: Breadcrumbs[],
-    spanClasses = 'bc-current',
-    linkClasses = 'bc-node'
-  ) {
-    const currentSpan = document.getElementById(
-      'ctl00_path'
-    ) as HTMLSpanElement;
-    currentSpan.innerHTML = '';
-    const newSpan = document.createElement('span');
-    currentSpan?.appendChild(newSpan);
-    newSpan.appendChild(
-      this.createLink(nodeList[0].nodeName, nodeList[0].nodeUrl, linkClasses)
-    );
-    const spans = currentSpan?.children;
-    for (let i = 1; i < nodeList.length; i++) {
-      const lastIndex = spans?.item(spans.length - 1) as HTMLSpanElement;
-      if (nodeList[i].nodeUrl) {
-        const newSpan = document.createElement('span');
-        newSpan.appendChild(
-          this.createLink(
-            nodeList[i].nodeName,
-            nodeList[i].nodeUrl,
-            linkClasses
-          )
-        );
-        const emptySpan = document.createElement('span');
-        lastIndex?.after(...[emptySpan, newSpan]);
-      } else {
-        const newSpan = this.createSpan(nodeList[i].nodeName, spanClasses);
-        const emptySpan = document.createElement('span');
-        lastIndex.after(...[emptySpan, newSpan]);
-      }
-    }
-  }
-
-  removeLastBreadcrumb() {
-    const spans = document.getElementById('ctl00_path')?.children;
-    spans?.item(spans.length - 1)?.remove();
-    spans?.item(spans.length - 1)?.remove();
-    this.setCurrentNode(spans);
-  }
-
-  removeBreadcrumbByNodeName(nodeName: string) {
-    const spans = document.getElementById('ctl00_path')
-      ?.children as HTMLCollection;
-    let index = -1;
-    for (let i = 0; i < spans.length; i++) {
-      const span = spans.item(i);
-      if (span?.textContent?.trim() === nodeName) {
-        index = i;
-        break;
-      }
-    }
-    const lastNode = spans.length - 1 === index;
-    if (index !== -1 && !lastNode) {
-      spans?.item(index)?.remove();
-      spans?.item(index)?.remove();
-    } else {
-      spans?.item(index)?.remove();
-      spans?.item(index - 1)?.remove();
-    }
-    if (lastNode) {
-      this.setCurrentNode(spans);
-    }
-  }
-
-  removeLastBreadcrumbsByLength(length: number) {
-    const spans = document.getElementById('ctl00_path')
-      ?.children as HTMLCollection;
-    while (length > 0) {
-      spans?.item(spans.length - 1)?.remove();
-      spans?.item(spans.length - 1)?.remove();
-      length--;
-    }
-    if (spans.length > 0) {
-      this.setCurrentNode(spans);
-    }
-  }
-
-  private createLink(
-    innerHTML: string,
-    href: string | null,
-    classes: string
-  ): HTMLAnchorElement {
-    const link = document.createElement('a');
-    link.innerHTML = ' ' + innerHTML;
-    link.href = href ?? '';
-    link.classList.add(...[classes]);
-    return link;
-  }
-
-  private createSpan(innerHTML: string, classes: string): HTMLSpanElement {
-    const span = document.createElement('span');
-    span.classList.add(...[classes]);
-    span.innerHTML = ' ' + innerHTML;
-    return span;
-  }
-
-  private setCurrentNode(spans?: HTMLCollection) {
-    const lastSpan = spans?.item(spans.length - 1) as HTMLSpanElement;
-    const lastSpanLink = spans
-      ?.item(spans.length - 1)
-      ?.children.item(0) as HTMLAnchorElement;
-    lastSpan?.classList.add(...['bc-current']);
-    lastSpan.innerHTML = lastSpanLink.innerHTML;
-  }
-}

package/src/lib/services/common.service.ts

@@ -1,63 +0,0 @@
-import { Injectable } from '@angular/core';
-
-@Injectable({
-  providedIn: 'root',
-})
-export class CommonService {
-  constructor() {}
-
-  print(element: string, title: string, classes?: string) {
-    const styles = this.getElementTag('style');
-    const linkes = this.getElementTag('link');
-    const scripts = this.getElementTag('script');
-
-    const printContents = document.getElementById(element)?.innerHTML;
-    const popupWin = window.open('', '', 'top=0,left=0,height=100%,width=auto');
-    const data = `
-        <!DOCTYPE html>
-            <head>
-            <title> ${title} </title>
-            <meta charset="utf-8">
-            ${linkes}
-            ${styles}
-            <style>
-                @media print {
-                  .noPrint{
-                    display: none !important;
-                  }
-                  body {
-                    direction: rtl;
-                  }
-              }
-            </style>
-            </head>
-          <body class="${classes}">
-            ${printContents}
-            ${scripts}
-          </body>
-
-        </html>`;
-    popupWin?.document.open();
-    popupWin?.document.write(data);
-    popupWin?.document.close();
-    popupWin?.focus();
-    popupWin?.addEventListener('focus', () => {
-      setTimeout(() => {
-        if (popupWin.document.hasFocus()) {
-          popupWin.print();
-          popupWin.close();
-        }
-      }, 1000);
-    });
-  }
-
-  private getElementTag(tag: keyof HTMLElementTagNameMap): string {
-    const html: string[] = [];
-    const elements = document.getElementsByTagName(tag);
-    for (let index = 0; index < elements.length; index++) {
-      html.push(elements[index].outerHTML);
-    }
-
-    return html.join('\r\n');
-  }
-}

package/src/lib/share-button/share-button.component.html

@@ -1,3 +0,0 @@
-<share-popup-button [title]="title" [description]="description" [icon]="'share-alt'"
-    [include]="['facebook','twitter','linkedin','telegram','whatsapp','email','copy']">
-</share-popup-button>

package/src/lib/share-button/share-button.component.ts

@@ -1,23 +0,0 @@
-import { Component, AfterViewInit, Input } from '@angular/core';
-
-@Component({
-  selector: 'ipa-share-button',
-  templateUrl: './share-button.component.html',
-  styleUrls: ['./share-button.component.scss'],
-})
-export class ShareButtonComponent implements AfterViewInit {
-  @Input() title = '';
-  @Input() description = '';
-  @Input() btnLabel = '';
-  constructor() {}
-  ngAfterViewInit(): void {
-    const elements = document.getElementsByClassName('sb-show-icon');
-    elements[0].setAttribute('type', 'button');
-    elements[0].setAttribute('id', 'IPAShareBtn');
-    const label = document.createElement('label');
-    label.innerHTML = this.btnLabel;
-    label.classList.add('sm-share-title');
-    label.classList.add('me-1');
-    elements[0].before(label);
-  }
-}

package/src/lib/share-button/share-button.module.ts

@@ -1,32 +0,0 @@
-import { OverlayModule } from '@angular/cdk/overlay';
-import { NgModule } from '@angular/core';
-import {
-  FaIconLibrary,
-  FontAwesomeModule,
-} from '@fortawesome/angular-fontawesome';
-import { fas } from '@fortawesome/free-solid-svg-icons';
-import { ShareIconsModule } from 'ngx-sharebuttons/icons';
-import { ShareButtonsPopupModule } from 'ngx-sharebuttons/popup';
-import { ShareButtonComponent } from './share-button.component';
-
-@NgModule({
-  declarations: [ShareButtonComponent],
-  imports: [
-    ShareIconsModule,
-    ShareButtonsPopupModule,
-    OverlayModule,
-    FontAwesomeModule,
-  ],
-  exports: [
-    ShareButtonComponent,
-    ShareIconsModule,
-    ShareButtonsPopupModule,
-    OverlayModule,
-    FontAwesomeModule,
-  ]
-})
-export class ShareButtonModule {
-  constructor(library: FaIconLibrary) {
-    library.addIconPacks(fas);
-  }
-}

package/src/test.ts

@@ -1,26 +0,0 @@
-// This file is required by karma.conf.js and loads recursively all the .spec and framework files
-
-import 'zone.js';
-import 'zone.js/testing';
-import { getTestBed } from '@angular/core/testing';
-import {
-  BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting
-} from '@angular/platform-browser-dynamic/testing';
-
-declare const require: {
-  context(path: string, deep?: boolean, filter?: RegExp): {
-    keys(): string[];
-    <T>(id: string): T;
-  };
-};
-
-// First, initialize the Angular testing environment.
-getTestBed().initTestEnvironment(
-  BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting()
-);
-// Then we find all the tests.
-const context = require.context('./', true, /\.spec\.ts$/);
-// And load the modules.
-context.keys().map(context);

package/tsconfig.lib.json

@@ -1,20 +0,0 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../out-tsc/lib",
-    "target": "es2015",
-    "declaration": true,
-    "declarationMap": true,
-    "inlineSources": true,
-    "types": [],
-    "lib": [
-      "dom",
-      "es2018"
-    ]
-  },
-  "exclude": [
-    "src/test.ts",
-    "**/*.spec.ts"
-  ]
-}

package/tsconfig.lib.prod.json

@@ -1,10 +0,0 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-{
-  "extends": "./tsconfig.lib.json",
-  "compilerOptions": {
-    "declarationMap": false
-  },
-  "angularCompilerOptions": {
-    "compilationMode": "partial"
-  }
-}

package/tsconfig.spec.json

@@ -1,17 +0,0 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../out-tsc/spec",
-    "types": [
-      "jasmine"
-    ]
-  },
-  "files": [
-    "src/test.ts"
-  ],
-  "include": [
-    "**/*.spec.ts",
-    "**/*.d.ts"
-  ]
-}