@falcon-ng/tailwind 0.0.2 → 0.0.4

package/src/lib/component/textbox/textbox.component.spec.ts

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

package/src/lib/component/textbox/textbox.component.ts

@@ -1,13 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { FormGroup } from '@angular/forms';
-import { BaseControl } from '../../base-control';
-
-@Component({
-  selector: 'falcon-textbox',
-  templateUrl: './textbox.component.html',
-  styleUrls: ['./textbox.component.scss'],
-})
-export class TextboxComponent {
-  control!: BaseControl<string>;
-  formGroup!: FormGroup;
-}

package/src/lib/control-builder/control-builder.component.html

@@ -1,5 +0,0 @@
-<div [class]="layout.class">
-  <ng-container *ngFor="let control of layout.baseControls">
-    <ng-container reactiveField [control]="control" [formGroup]="formGroup"></ng-container>
-  </ng-container>
-</div>

package/src/lib/control-builder/control-builder.component.ts

@@ -1,14 +0,0 @@
-import {Component, Input} from '@angular/core';
-import {FormGroup, ReactiveFormsModule} from "@angular/forms";
-import {BaseControl, Layout} from "../base-control";
-import {CommonModule} from "@angular/common";
-
-@Component({
-  selector: 'control-builder',
-  templateUrl: './control-builder.component.html',
-  styleUrls: ['./control-builder.component.scss']
-})
-export class ControlBuilderComponent {
-  @Input() layout!: Layout<string>;
-  @Input() formGroup!: FormGroup;
-}

package/src/lib/control-type/AutoComplete.ts

@@ -1,6 +0,0 @@
-import { BaseControl } from '../base-control';
-import { ControlType } from '../model/enum';
-
-export class AutoComplete extends BaseControl<string> {
-  override controlType = ControlType.AutoComplete;
-}

package/src/lib/control-type/Button.ts

@@ -1,6 +0,0 @@
-import {BaseControl} from "../base-control";
-import {ControlType} from "../model/enum";
-
-export class Button extends BaseControl<string> {
-  override controlType = ControlType.Button;
-}

package/src/lib/control-type/ButtonToggle.ts

@@ -1,6 +0,0 @@
-import { BaseControl } from '../base-control';
-import { ControlType } from '../model/enum';
-
-export class ButtonToggle extends BaseControl<string> {
-  override controlType = ControlType.ButtonToggle;
-}

package/src/lib/control-type/CheckBox.ts

@@ -1,6 +0,0 @@
-import { BaseControl } from '../base-control';
-import { ControlType } from '../model/enum';
-
-export class CheckBox extends BaseControl<boolean> {
-  override controlType = ControlType.Checkbox;
-}

package/src/lib/control-type/DatePicker.ts

@@ -1,6 +0,0 @@
-import { BaseControl } from '../base-control';
-import { ControlType } from '../model/enum';
-
-export class DatePicker extends BaseControl<string> {
-  override controlType = ControlType.DatePicker;
-}

package/src/lib/control-type/Divider.ts

@@ -1,6 +0,0 @@
-import { BaseControl } from '../base-control';
-import { ControlType } from '../model/enum';
-
-export class Divider extends BaseControl<string> {
-  override controlType = ControlType.Divider;
-}

package/src/lib/control-type/Editor.ts

@@ -1,6 +0,0 @@
-import { BaseControl } from '../base-control';
-import { ControlType } from '../model/enum';
-
-export class Editor extends BaseControl<string> {
-  override controlType = ControlType.Editor;
-}

package/src/lib/control-type/RichTextEditor.ts

@@ -1,6 +0,0 @@
-import { BaseControl } from '../base-control';
-import { ControlType } from '../model/enum';
-
-export class RichTextEditor extends BaseControl<any> {
-  override controlType = ControlType.Editor;
-}

package/src/lib/control-type/SlideToggle.ts

@@ -1,6 +0,0 @@
-import { BaseControl } from '../base-control';
-import { ControlType } from '../model/enum';
-
-export class SliderToggle extends BaseControl<boolean> {
-  override controlType = ControlType.SlideToggle;
-}

package/src/lib/control-type/Slider.ts

@@ -1,6 +0,0 @@
-import { BaseControl } from '../base-control';
-import { ControlType } from '../model/enum';
-
-export class Slider extends BaseControl<number> {
-  override controlType = ControlType.Slider;
-}

package/src/lib/control-type/select.ts

@@ -1,6 +0,0 @@
-import { BaseControl } from '../base-control';
-import { ControlType } from '../model/enum';
-
-export class Select extends BaseControl<string> {
-  override controlType = ControlType.Select;
-}

package/src/lib/control-type/textarea.ts

@@ -1,6 +0,0 @@
-import { BaseControl } from '../base-control';
-import { ControlType } from '../model/enum';
-
-export class Textarea extends BaseControl<string> {
-  override controlType = ControlType.TextArea;
-}

package/src/lib/control-type/textbox.ts

@@ -1,6 +0,0 @@
-import { BaseControl } from '../base-control';
-import { ControlType } from '../model/enum';
-
-export class Textbox extends BaseControl<string> {
-  override controlType = ControlType.TextBox;
-}

package/src/lib/falcon-core.module.ts

@@ -1,141 +0,0 @@
-import {ModuleWithProviders, NgModule, APP_INITIALIZER, inject} from '@angular/core';
-import {TextboxComponent} from './component/textbox/textbox.component';
-import {TextareaComponent} from './component/textarea/textarea.component';
-import {SelectComponent} from './component/select/select.component';
-import {ReactiveFieldDirective} from './reactive-field.directive';
-import {AngularmaterialModule} from "./module/angularmaterial.module";
-import {CommonModule} from "@angular/common";
-import {FormsModule, ReactiveFormsModule} from "@angular/forms";
-import {ControlBuilderComponent} from "./control-builder/control-builder.component";
-import {EnvironmentViewModel} from "./model/environments";
-import {RouterModule} from "@angular/router";
-import {IGenericHttpClient} from "./service/http/igeneric-http-client";
-import {GenericHttpClient} from "./service/http/generic-http-client";
-import {AppSettingService, appSettingsFactory} from "./service/appsetting.service";
-import {AuthService, authServiceFactory} from "./service/open-id/auth.service";
-import {LoggerService, loggerServiceFactory} from "./service/logger.service";
-import {MAT_SNACK_BAR_DEFAULT_OPTIONS} from "@angular/material/snack-bar";
-import {provideHttpClient, withInterceptors} from "@angular/common/http";
-import { DatePickerComponent } from './component/date-picker/date-picker.component';
-import { CheckboxComponent } from './component/checkbox/checkbox.component';
-import { RadioComponent } from './component/radio/radio.component';
-import { AutoCompleteComponent } from './component/auto-complete/auto-complete.component';
-import { ButtonToggleComponent } from './component/button-toggle/button-toggle.component';
-import { ChipComponent } from './component/chips/chip.component';
-import { SliderComponent } from './component/slider/slider.component';
-import { SlideToggleComponent } from './component/slide-toggle/slide-toggle.component';
-import { ButtonComponent } from './component/button/button.component';
-import { DialogComponent } from './component/dialog/dialog.component';
-import { SnackBarComponent } from './component/snack-bar/snack-bar.component';
-import { BottomSheetComponent } from './component/bottom-sheet/bottom-sheet.component';
-import { ProgressBarComponent } from './component/progress-bar/progress-bar.component';
-import { ProgressSpinnerComponent } from './component/progress-spinner/progress-spinner.component';
-import { TableComponent } from './component/table/table.component';
-import { PaginationComponent } from './component/pagination/pagination.component';
-import { RichTextEditorComponent } from './component/rich-text-editor/rich-text-editor.component';
-import {AngularEditorModule} from "@kolkov/angular-editor";
-
-@NgModule({
-  declarations: [
-    TextboxComponent,
-    TextareaComponent,
-    SelectComponent,
-    ReactiveFieldDirective,
-    ControlBuilderComponent,
-    DatePickerComponent,
-    CheckboxComponent,
-    RadioComponent,
-    AutoCompleteComponent,
-    ButtonToggleComponent,
-    ChipComponent,
-    SliderComponent,
-    SlideToggleComponent,
-    ButtonComponent,
-    DialogComponent,
-    SnackBarComponent,
-    BottomSheetComponent,
-    ProgressBarComponent,
-    ProgressSpinnerComponent,
-    TableComponent,
-    PaginationComponent,
-    RichTextEditorComponent
-  ],
-  imports: [
-    AngularmaterialModule,
-    CommonModule,
-    FormsModule,
-    ReactiveFormsModule,
-    RouterModule,
-    AngularEditorModule,
-  ],
-  exports: [
-    AngularmaterialModule,
-    CommonModule,
-    FormsModule,
-    ReactiveFormsModule,
-    ControlBuilderComponent,
-    RouterModule,
-    ProgressBarComponent,
-    ProgressSpinnerComponent,
-    ChipComponent,
-    PaginationComponent,
-    TableComponent,
-    AngularEditorModule,
-    ButtonComponent,
-  ],
-  providers: [
-    provideHttpClient(
-      withInterceptors([
-        (req, next) => {
-          // Get the auth token from the service.
-          const authToken = inject(AuthService).getAuthorizationHeaderValue();
-          inject(LoggerService).info("Auth bearer token ", authToken);
-          if (authToken) {
-            req = req.clone({
-              setHeaders: {
-                'Content-Type': 'application/json',
-                Authorization: authToken
-              }
-            });
-          }
-          return next(req);
-        },
-      ])
-    ),
-    {provide: IGenericHttpClient, useClass: GenericHttpClient},
-    {
-      provide: APP_INITIALIZER,
-      useFactory: appSettingsFactory,
-      deps: [AppSettingService],
-      multi: true,
-    },
-    {
-      provide: APP_INITIALIZER,
-      useFactory: authServiceFactory,
-      deps: [AuthService, AppSettingService, EnvironmentViewModel],
-      multi: true,
-    },
-    {
-      provide: APP_INITIALIZER,
-      useFactory: loggerServiceFactory,
-      deps: [LoggerService, AppSettingService],
-      multi: true,
-    },
-    {
-      provide: MAT_SNACK_BAR_DEFAULT_OPTIONS,
-      useValue: {duration: 5000},
-    },
-  ],
-})
-export class FalconCoreModule {
-  public static forRoot(
-    environment: any,
-  ): ModuleWithProviders<FalconCoreModule> {
-    return {
-      ngModule: FalconCoreModule,
-      providers: [
-        {provide: EnvironmentViewModel, useValue: environment},
-      ],
-    };
-  }
-}

package/src/lib/model/constant.ts

@@ -1,32 +0,0 @@
-import { TextboxComponent } from '../component/textbox/textbox.component';
-import { TextareaComponent } from '../component/textarea/textarea.component';
-import { SelectComponent } from '../component/select/select.component';
-import { DatePickerComponent } from '../component/date-picker/date-picker.component';
-import { RadioComponent } from '../component/radio/radio.component';
-import { CheckboxComponent } from '../component/checkbox/checkbox.component';
-import { SlideToggleComponent } from '../component/slide-toggle/slide-toggle.component';
-import { SliderComponent } from '../component/slider/slider.component';
-import { ButtonToggleComponent } from '../component/button-toggle/button-toggle.component';
-import { AutoCompleteComponent } from '../component/auto-complete/auto-complete.component';
-import { ChipComponent } from '../component/chips/chip.component';
-import {ButtonComponent} from "../component/button/button.component";
-import {RichTextEditorComponent} from "../component/rich-text-editor/rich-text-editor.component";
-
-export class Constant {
-  public static ComponentMapper = [
-    TextboxComponent,
-    TextareaComponent,
-    SelectComponent,
-    DatePickerComponent,
-    RadioComponent,
-    CheckboxComponent,
-    ButtonComponent,
-    SlideToggleComponent,
-    SliderComponent,
-    ButtonToggleComponent,
-    AutoCompleteComponent,
-    ChipComponent,
-    RichTextEditorComponent,
-    //DividerComponent,
-  ];
-}

package/src/lib/model/enum.ts

@@ -1,151 +0,0 @@
-/**
- * @description
- * Enum use for setting the form control Types.
- * @usageNotes
- * ```ts
- *      export class Textbox extends BaseControl<string>{
- *         override controlType = ControlType.Select;
- *      }
- * ```
- */
-export const enum ControlType {
-  TextBox = 0,
-  TextArea = 1,
-  Select = 2,
-  DatePicker = 3,
-  Radio = 4,
-  Checkbox = 5,
-  Button = 6,
-  SlideToggle = 7,
-  Slider = 8,
-  ButtonToggle = 9,
-  AutoComplete = 10,
-  Chip = 11,
-  Editor = 12,
-  Divider = 13,
-}
-
-/**
- * @description
- * Enum use for Appearance of the control.
- * @usageNotes
- * Before and After property should be only use for Checkbox and Radio button
- * ```ts
- *       if (componentType == ComponentType.Radio && componentType == ComponentType.Checkbox) THEN
- *          only use Appearance Before and After
- * ```
- */
-export const enum Appearance {
-  /**
-   * @usageNotes Should be only use for input, textbox, and select
-   */
-  Plain = 'plain',
-  Legacy = 'legacy',
-  Standard = 'standard',
-  Fill = 'fill',
-  Outline = 'outline',
-  /**
-   * @usageNotes Should be only use for label position
-   */
-  Before = 'before',
-  After = 'after',
-  /**
-   * @usageNotes Should be only use for select
-   */
-  Multiple = 'true',
-
-  /**
-   * @usageNotes Should be only use for Buttom
-   */
-  Basic = 0,
-  Raised = 1,
-  Stroked = 2,
-  Flat = 3,
-  Icon = 4,
-  FAB = 5,
-  MiniFAB = 6,
-  routeLink = 7,
-  routeHref = 8,
-}
-
-/**
- * @description
- * Enum use for setting the attribute Types.
- * @usageNotes
- * ```ts
- *      componentProperty: {
- *        attrType: InputTypes.Text
- *      }
- * ```
- */
-export const enum InputTypes {
-  Color = 'color',
-  Date = 'date',
-  DatetimeLocal = 'datetime-local',
-  Email = 'email',
-  Month = 'month',
-  Number = 'number',
-  Password = 'password',
-  Search = 'search',
-  Tel = 'tel',
-  Text = 'text',
-  Time = 'time',
-  Url = 'url',
-  Week = 'week',
-  /**
-   * @usageNotes Should be only use for Buttom
-   */
-  Button = 'button',
-  Submit = 'submit',
-  DragDrop = 'dragDrop',
-}
-
-/**
- * @description
- * Enum use for setting HTTP method.
- * @usageNotes
- * ```ts
- *      this.genericHttpClientService.Delete(this.deleteUserUrl).subscribe(item => {}, error => {});
- * ```
- */
-export const enum HttpMethod {
-  Get = 'GET',
-  Post = 'POST',
-  Put = 'PUT',
-  Patch = 'PATCH',
-  Delete = 'DELETE',
-}
-
-/**
- * @description
- * Enum use for Table actions
- */
-export const enum TableAction {
-  View,
-  Edit,
-  Delete,
-  RightArrow,
-}
-
-/**
- * @description
- * Enum use for setting the Floating label.
- * @usageNotes
- * ```ts
- *      componentProperty: {
- *        floatLabel: Floatinglabel.Always
- *      }
- * ```
- */
-export const enum Floatinglabel {
-  Auto = 'auto',
-  Always = 'always',
-}
-
-export const enum LoggingLevel {
-  None = 'None',
-  Verbose = 'Verbose',
-  Info = 'Info',
-  Warnings = 'Warnings',
-  Errors = 'Errors'
-}

package/src/lib/module/angularmaterial.module.ts

@@ -1,98 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import {ScrollingModule} from "@angular/cdk/scrolling";
-import {PortalModule} from "@angular/cdk/portal";
-import {OverlayModule} from "@angular/cdk/overlay";
-import {MatTreeModule} from "@angular/material/tree";
-import {MatTooltipModule} from "@angular/material/tooltip";
-import {MatToolbarModule} from "@angular/material/toolbar";
-import {MatTabsModule} from "@angular/material/tabs";
-import {MatTableModule} from "@angular/material/table";
-import {MatSortModule} from "@angular/material/sort";
-import {MatSnackBarModule} from "@angular/material/snack-bar";
-import {MatSlideToggleModule} from "@angular/material/slide-toggle";
-import {MatSliderModule} from "@angular/material/slider";
-import {MatSidenavModule} from "@angular/material/sidenav";
-import {MatSelectModule} from "@angular/material/select";
-import {MatNativeDateModule, MatRippleModule} from "@angular/material/core";
-import {MatRadioModule} from "@angular/material/radio";
-import {MatProgressSpinnerModule} from "@angular/material/progress-spinner";
-import {MatProgressBarModule} from "@angular/material/progress-bar";
-import {MatPaginatorModule} from "@angular/material/paginator";
-import {MatMenuModule} from "@angular/material/menu";
-import {MatListModule} from "@angular/material/list";
-import {MatInputModule} from "@angular/material/input";
-import {MatIconModule} from "@angular/material/icon";
-import {MatGridListModule} from "@angular/material/grid-list";
-import {MatExpansionModule} from "@angular/material/expansion";
-import {MatDividerModule} from "@angular/material/divider";
-import {MatDialogModule} from "@angular/material/dialog";
-import {MatDatepickerModule} from "@angular/material/datepicker";
-import {MatStepperModule} from "@angular/material/stepper";
-import {MatChipsModule} from "@angular/material/chips";
-import {MatCheckboxModule} from "@angular/material/checkbox";
-import {MatCardModule} from "@angular/material/card";
-import {MatButtonToggleModule} from "@angular/material/button-toggle";
-import {MatButtonModule} from "@angular/material/button";
-import {MatBottomSheetModule} from "@angular/material/bottom-sheet";
-import {MatBadgeModule} from "@angular/material/badge";
-import {MatAutocompleteModule} from "@angular/material/autocomplete";
-import {DragDropModule} from "@angular/cdk/drag-drop";
-import {CdkTreeModule} from "@angular/cdk/tree";
-import {CdkTableModule} from "@angular/cdk/table";
-import {CdkStepperModule} from "@angular/cdk/stepper";
-import {ClipboardModule} from "@angular/cdk/clipboard";
-import {A11yModule} from "@angular/cdk/a11y";
-
-
-
-@NgModule({
-  declarations: [],
-  exports: [
-    A11yModule,
-    ClipboardModule,
-    CdkStepperModule,
-    CdkTableModule,
-    CdkTreeModule,
-    DragDropModule,
-    MatAutocompleteModule,
-    MatBadgeModule,
-    MatBottomSheetModule,
-    MatButtonModule,
-    MatButtonToggleModule,
-    MatCardModule,
-    MatCheckboxModule,
-    MatChipsModule,
-    MatStepperModule,
-    MatDatepickerModule,
-    MatDialogModule,
-    MatDividerModule,
-    MatExpansionModule,
-    MatGridListModule,
-    MatIconModule,
-    MatInputModule,
-    MatListModule,
-    MatMenuModule,
-    MatNativeDateModule,
-    MatPaginatorModule,
-    MatProgressBarModule,
-    MatProgressSpinnerModule,
-    MatRadioModule,
-    MatRippleModule,
-    MatSelectModule,
-    MatSidenavModule,
-    MatSliderModule,
-    MatSlideToggleModule,
-    MatSnackBarModule,
-    MatSortModule,
-    MatTableModule,
-    MatTabsModule,
-    MatToolbarModule,
-    MatTooltipModule,
-    MatTreeModule,
-    OverlayModule,
-    PortalModule,
-    ScrollingModule
-  ]
-})
-export class AngularmaterialModule { }

package/src/lib/reactive-field.directive.ts

@@ -1,24 +0,0 @@
-import {ComponentRef, Directive, Input, OnInit, ViewContainerRef} from '@angular/core';
-import {BaseControl} from "./base-control";
-import {FormGroup} from "@angular/forms";
-import {Constant} from "./model/constant";
-
-@Directive({
-  selector: '[reactiveField]'
-})
-export class ReactiveFieldDirective implements OnInit {
-  @Input() control!: BaseControl<string>;
-  @Input() formGroup!: FormGroup;
-  private componentRef!: ComponentRef<any>;
-  constructor(private viewContainerRef: ViewContainerRef) {
-  }
-
-  ngOnInit(): void {
-    if (this.control !== undefined) {
-      this.componentRef = this.viewContainerRef.createComponent(Constant.ComponentMapper[this.control.controlType]);
-      this.componentRef.instance.control = this.control;
-      this.componentRef.instance.formGroup = this.formGroup;
-    }
-  }
-
-}

package/src/lib/service/appsetting.service.ts

@@ -1,57 +0,0 @@
-import {Injectable} from '@angular/core';
-import {HttpClient} from '@angular/common/http';
-import {Subject, Observable, from} from 'rxjs';
-import {LoggerService} from './logger.service';
-
-@Injectable({
-  providedIn: 'root'
-})
-export class AppSettingService {
-  static APP_SETTINGS_LOADED = "APP_SETTINGS_LOADED";
-  private listeners: any;
-  initialized: boolean = false;
-  private eventsSubject: Subject<any>;
-  public isServiceReady: Subject<boolean> = new Subject<boolean>();
-  private events: Observable<any>;
-  private appSettings: any;
-
-  constructor(private http: HttpClient, private logger: LoggerService) {
-    this.listeners = {};
-    this.eventsSubject = new Subject<any>();
-
-    this.events = from(this.eventsSubject);
-    this.events.subscribe(
-      ({name, args}) => {
-        if (this.listeners[name]) {
-          for (let listener of this.listeners[name]) {
-            listener(...args);
-          }
-        }
-      });
-  }
-
-  async load() {
-    if (this.initialized) return;
-    let data = await this.http.get('assets/appsetting.json').toPromise();
-    this.appSettings = data;
-    this.initialized = true;
-    this.isServiceReady.next(this.initialized);
-    this.logger.info("[AppSettingService] load --> isServiceReady", this.initialized);
-  }
-
-  on(name: any, listener: any) {
-    if (!this.listeners[name]) {
-      this.listeners[name] = [];
-    }
-
-    this.listeners[name].push(listener);
-  }
-
-  public getAppsettingValue<T>(): T | null {
-    return this.appSettings ? <T>this.appSettings : null;
-  }
-}
-
-export function appSettingsFactory(appSettings: AppSettingService) {
-  return async () => await appSettings.load();
-};