@osovitny/anatoly 1.0.1 → 1.2.1

package/src/lib/core/services/base-gridedit.service.ts

@@ -0,0 +1,124 @@
+/*
+<file>
+  Authors:
+    Vadim Osovitny
+
+  Created:
+    29 Apr 2018
+
+  Version:
+    1.0
+
+  Copyright (c) 2016-2019 Osovitny Inc. All rights reserved.
+</file>
+*/
+
+import { Injectable } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+
+//RxJs
+import { Observable } from 'rxjs';
+import { BehaviorSubject } from 'rxjs';
+import { map } from 'rxjs/operators';
+
+import '../consts';
+
+@Injectable()
+export class BaseGridEditService extends BehaviorSubject<any[]> {
+  protected baseUrl: string;
+  protected baseReadUrl: string;
+  protected savedReadParams: any;
+  private data: any[] = [];
+
+  constructor(protected http: HttpClient) {
+    super([]);
+
+    this.baseUrl = anatoly.consts.apiUrl;
+    this.baseReadUrl = this.baseUrl + "getAll";
+  }
+
+  private serializeParams(data?: any): string {
+    return data ? ('?' + $.param(data)) : '';
+  }
+
+  private reset() {
+    this.data = [];
+  }
+
+  public resetItem(dataItem: any) {
+    if (!dataItem) { return; }
+
+    //find orignal data item
+    const originalDataItem = this.data.find(item => item.Id === dataItem.Id);
+
+    //revert changes
+    Object.assign(originalDataItem, dataItem);
+    super.next(this.data);
+  }
+
+  public read(params?: any) {
+    if (this.data.length) {
+        return super.next(this.data);
+    }    
+
+    var url = this.baseReadUrl;
+
+    if (typeof params === 'undefined') {
+        params = this.savedReadParams;
+    }
+
+    if (typeof params !== 'undefined') {
+        url = this.baseReadUrl + `${this.serializeParams(params)}`;
+        this.savedReadParams = params;
+    }
+
+  //  this.http.get(url)
+  //           .map(res => <any[]>res)
+  //           .do(data => { this.data = data; }).subscribe(data => { super.next(data); });
+  //}
+
+    this.http.get(url).pipe(
+      map(res => <any[]>res) 
+    ).subscribe(data => { super.next(data) });
+  }
+
+
+  public save(data: any, isNew: boolean, sucess?: Function) {
+    const action = isNew ? 'add' : 'update';
+
+    this.reset();
+    this.post(action, data).subscribe(
+      () => {
+      },
+      () => {
+        this.read(); 
+      },
+      () => {
+        this.read();
+        if (sucess) sucess();
+      }
+    );
+  }
+
+  public remove(data: any, sucess?: Function) {
+    this.reset();
+    this.post('remove', data).subscribe(
+      () => {
+      },
+      () => {
+        this.read();
+      },
+      () => {
+        this.read();
+        if (sucess) sucess();
+      }
+    );
+  }
+
+  post(action: any, data?: any): Observable<any[]> {
+    var url = this.baseUrl + `${action}${this.serializeParams(data)}`;
+    return this.http.post(url, data).pipe(
+      map(res => <any[]>res)
+    );
+  }
+}

package/src/lib/identity/components/signin-button.component.html

@@ -0,0 +1 @@
+<a href="identity/signIn" class="{{classbtn}}">Sign In</a>

package/src/lib/identity/components/signin-button.component.ts

@@ -0,0 +1,27 @@
+/*
+<file>
+  Authors:
+    Vadim Osovitny
+
+  Created:
+    4 Jul 2018
+
+  Version:
+    1.0
+
+  Copyright (c) 2018 Osovitny Inc. All rights reserved.
+</file>
+*/
+
+import { Component, Input } from '@angular/core';
+
+@Component({
+  selector: 'anatoly-signin-button',
+  templateUrl: './signin-button.component.html'
+})
+
+export class SignInButtonComponent {
+  @Input() classbtn: string;
+
+  constructor() { }
+}

package/src/lib/identity/components/signout-button.component.html

@@ -0,0 +1 @@
+<a href="identity/signOut" class="{{classbtn}}">Sign Out</a>

package/src/lib/identity/components/signout-button.component.ts

@@ -0,0 +1,27 @@
+/*
+<file>
+  Authors:
+    Vadim Osovitny
+
+  Created:
+    4 Jul 2018
+
+  Version:
+    1.0
+
+  Copyright (c) 2018 Osovitny Inc. All rights reserved.
+</file>
+*/
+
+import { Component, Input } from '@angular/core';
+
+@Component({
+  selector: 'anatoly-signout-button',
+  templateUrl: './signout-button.component.html'
+})
+
+export class SignOutButtonComponent {
+  @Input() classbtn: string;
+
+  constructor() { }
+}

package/src/lib/identity/components/signup-button.component.html

@@ -0,0 +1 @@
+<a href="identity/signup" class="{{classbtn}}">Sign Up</a>

package/src/lib/identity/components/signup-button.component.ts

@@ -0,0 +1,28 @@
+/*
+<file>
+  Authors:
+    Vadim Osovitny
+
+  Created:
+    4 Jul 2018
+
+  Version:
+    1.0
+
+  Copyright (c) 2018 Osovitny Inc. All rights reserved.
+</file>
+*/
+
+import { Component, Input } from '@angular/core';
+
+@Component({
+  selector: 'anatoly-signup-button',
+  templateUrl: './signup-button.component.html'
+})
+
+export class SignUpButtonComponent {
+  @Input() classbtn: string;
+
+  constructor() {
+  }
+}

package/src/lib/identity/identity.module.ts

@@ -0,0 +1,41 @@
+/*
+<file>
+  Authors:
+    Vadim Osovitny
+
+  Created:
+    4 Jul 2018
+
+  Version:
+    1.0
+
+  Copyright (c) 2018 Osovitny Inc. All rights reserved.
+</file>
+*/
+
+//System
+import { NgModule } from '@angular/core';
+
+//Custom
+import { SignInButtonComponent } from './components/signin-button.component';
+import { SignUpButtonComponent } from './components/signup-button.component';
+import { SignOutButtonComponent } from './components/signout-button.component';
+
+@NgModule({
+  imports: [
+  ],
+  exports: [
+    SignInButtonComponent,
+    SignUpButtonComponent,
+    SignOutButtonComponent
+  ],
+  declarations: [
+    SignInButtonComponent,
+    SignUpButtonComponent,
+    SignOutButtonComponent
+  ],
+  providers: []
+})
+
+export class AnatolyIdentityModule {
+}

package/src/lib/identity/index.ts

@@ -0,0 +1,7 @@
+// Components
+export * from './components/signin-button.component';
+export * from './components/signout-button.component';
+export * from './components/signup-button.component';
+
+//Module
+export { AnatolyIdentityModule } from './identity.module';

package/src/lib/ui/components/base-edit.component.ts

@@ -0,0 +1,77 @@
+/*
+<file>
+  Authors:
+    Vadim Osovitny
+
+  Created:
+    20 Nov 2017
+
+  Version:
+    1.0
+
+  Copyright (c) 2016-2019 Osovitny Inc. All rights reserved.
+</file>
+*/
+
+//Node
+import { Component, Input } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+
+//Custom
+import { BaseComponent } from './base.component';
+
+export class BaseEditComponent extends BaseComponent  {
+  @Input() 
+  public formGroup: FormGroup;
+  
+  @Input()
+  public formSubmitted: boolean = false;
+
+  constructor() {
+    super();
+  }
+
+  isActionAdding() {
+    var id = osovitny.utils.getValueByNameInQS("id");
+    if (typeof id === 'undefined' || id == '') return true;
+
+    return false;
+  }
+
+  getEntityId() {
+    return this.getQSId();
+  }
+
+  isItemInvalid(name: string) {
+    if (typeof name === 'undefined' || name == '') {
+        return false;
+    }
+
+    if (!this.formGroup) {
+        return false;
+    }
+
+    if (this.formGroup.get(name)) {
+        return (this.formSubmitted && this.formGroup.get(name).invalid) ||
+               (this.formGroup.get(name).touched && this.formGroup.get(name).invalid);
+    }
+
+    return false;
+  }
+
+  getFormValue(name) {
+    return this.formGroup.controls[name].value;
+  }
+
+  setFormValue(name, value) {
+    this.formGroup.controls[name].setValue(value);
+  }
+
+  getFormGroupValue(groupName, name) {
+    return this.formGroup.controls[groupName].get(name).value;
+  }
+
+  setFormGroupValue(groupName, name, value) {
+    this.formGroup.controls[groupName].get(name).setValue(value);
+  }
+}

package/src/lib/ui/components/base.component.ts

@@ -0,0 +1,45 @@
+/*
+<file>
+  Authors:
+    Vadim Osovitny
+
+  Created:
+    28 Aug 2018
+
+  Version:
+    1.0
+
+  Copyright (c) 2016-2019 Osovitny Inc. All rights reserved.
+</file>
+*/
+
+//Node
+import { Component, Input } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+
+export class BaseComponent {
+  constructor() {
+  }
+
+  getQSId() {
+    var id = osovitny.utils.getValueByNameInQS("id");
+    if (typeof id === 'undefined' || id == '') return null;
+
+    return id;
+  }
+
+  showLoading() {
+    var panelLoading = $('#pnlLoading');
+    panelLoading.show();
+  }
+
+  hideLoading() {
+    var panelLoading = $('#pnlLoading');
+    panelLoading.hide();
+  }
+
+  handleError(e) {
+    this.hideLoading();
+    osovitny.ui.errorOccurred();
+  }
+}

package/src/lib/ui/components/content-header/content-header.component.html

@@ -0,0 +1,4 @@
+<h2 class="page-header">
+  {{title}}
+  <!--<small>Optional {{title}}</small>-->
+</h2>

package/src/lib/ui/components/content-header/content-header.component.ts

@@ -0,0 +1,32 @@
+/*
+<file>
+  Authors:
+    Anatoly Osovitny
+
+  Created:
+    23 Apr 2018
+
+  Version:
+    1.0
+
+  Copyright (c) 2016-2019 Osovitny Inc. All rights reserved.
+</file>
+*/
+
+//Node
+import { Component, Input, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'anatoly-content-header',
+  templateUrl: './content-header.component.html'
+})
+
+export class ContentHeaderComponent implements OnInit {
+  @Input() title?: string;
+
+  ngOnInit() {
+    if (this.title == null) {
+        this.title = '';
+    }
+  }
+}

package/src/lib/ui/components/html-editor/base-html-editor.component.ts

@@ -0,0 +1,97 @@
+/*
+<file>
+  Authors:
+    Anatoly Osovitny
+    Vadim Osovitny
+
+  Created:
+    12 Dec 2017
+
+  Version:
+    1.0
+
+  Copyright (c) 2016-2019 Osovitny Inc. All rights reserved.
+</file>
+*/
+
+//Node
+import { Component, OnInit, Input, AfterViewInit } from '@angular/core';
+
+//Custom
+import { BaseEditComponent } from '../base-edit.component';
+
+//Consts
+import { DefaultEditorOptions } from './html-editor.defaultoptions';
+
+export class BaseHtmlEditorComponent extends BaseEditComponent implements OnInit {
+  protected _control;  
+
+  //Public members
+  public options;
+  public editorInitialized: boolean = false;
+
+  //General params
+  @Input() editorId: string = '';
+  @Input() editorLabelText: string = 'Html';
+  @Input() editorOptions: Object = {};
+
+  constructor() {
+    super();
+  }
+
+  ngOnInit() {
+    let opt = this.editorOptions;
+    if (typeof this.editorOptions == "string") {
+        opt = JSON.parse(this.editorOptions);
+    }
+
+    let newOptions: any = $.extend({}, DefaultEditorOptions, opt);
+    let key = (<any>window).__froalaEditor_Key;
+    if (key) {
+      newOptions = $.extend({}, newOptions, JSON.parse('{ "key": "' + key + '" }'));
+    }
+  
+    if (newOptions.events && newOptions.events.initialized) {
+        newOptions.events.initialized.overridden = false;
+    }
+    
+    this.options = newOptions;
+  }
+
+  protected doAfterEditorInitialized(action) {
+    var that = this;
+    var timeOut = 500;
+
+    if (this.editorInitialized) {
+      timeOut = 100;
+    }
+
+    setTimeout(function () { action(that); }, timeOut);
+  }
+
+  protected getEditor() {
+    if (this._control)
+       return this._control.getEditor();
+
+    return null;
+  }
+
+  //Public Funcs
+  public initializeControl(control) {
+    this._control = control;  
+    this._control.initialize();   
+    this.editorInitialized = true;
+  }
+
+  public setUploadParams(uploadType, uploadParentId) {    
+    this.doAfterEditorInitialized(function (that) {
+      var editor = that.getEditor();
+      if (typeof (editor) == "undefined" || editor == null) {
+        return;
+      }
+
+      editor.opts.imageUploadParams.uploadType = uploadType;
+      editor.opts.imageUploadParams.uploadParentId = uploadParentId;
+    });
+  }
+}

package/src/lib/ui/components/html-editor/forms-html-editor.component.html

@@ -0,0 +1,14 @@
+<div [formGroup]="formGroup">
+  <div class="form-group" [ngClass]="{'has-error': isItemInvalid(editorFormKey) }">
+    <label class="control-label">{{ editorLabelText }}</label>
+    <textarea id="htmleditor-{{editorId}}" class="htmleditor-{{editorId}}"
+              [formControlName]="editorFormKey"
+              [froalaEditor]="options" (froalaInit)="initializeControl($event)">
+    </textarea>
+    <anatoly-item-validation-summary [formGroup]="formGroup"
+                                      [formSubmitted]="formSubmitted"
+                                      [key]="editorFormKey"
+                                      [title]="editorLabelText">
+    </anatoly-item-validation-summary>
+  </div>
+</div>

package/src/lib/ui/components/html-editor/forms-html-editor.component.ts

@@ -0,0 +1,35 @@
+/*
+<file>
+  Authors:
+    Anatoly Osovitny
+    Vadim Osovitny
+
+  Created:
+    12 Dec 2017
+
+  Version:
+    1.0
+
+  Copyright (c) 2016-2019 Osovitny Inc. All rights reserved.
+</file>
+*/
+
+//Node
+import { Component, Input } from '@angular/core';
+
+//Custom
+import { BaseHtmlEditorComponent } from './base-html-editor.component';
+
+@Component({
+  selector: 'anatoly-forms-html-editor',
+  templateUrl: './forms-html-editor.component.html'
+})
+export class FormsHtmlEditorComponent extends BaseHtmlEditorComponent {
+  content;
+  
+  @Input() editorFormKey: string = 'html';
+
+  constructor() {
+    super();
+  }
+}

package/src/lib/ui/components/html-editor/html-editor.component.html

@@ -0,0 +1,6 @@
+<div>
+  <label>{{ editorLabelText }}</label>
+  <textarea id="htmleditor-{{editorId}}" class="htmleditor-{{editorId}}" 
+            [froalaEditor]="options" (froalaInit)="initializeControl($event)">
+  </textarea>
+</div>

package/src/lib/ui/components/html-editor/html-editor.component.ts

@@ -0,0 +1,51 @@
+/*
+<file>
+  Authors:
+    Anatoly Osovitny
+    Vadim Osovitny
+
+  Created:
+    12 Dec 2017
+
+  Version:
+    1.0
+
+  Copyright (c) 2016-2019 Osovitny Inc. All rights reserved.
+</file>
+*/
+
+//Node
+import { Component, Input } from '@angular/core';
+
+//Custom
+import { BaseHtmlEditorComponent } from './base-html-editor.component';
+
+@Component({
+  selector: 'anatoly-html-editor',
+  templateUrl: './html-editor.component.html'
+})
+export class HtmlEditorComponent extends BaseHtmlEditorComponent {
+  constructor() {
+    super();
+  }
+
+  public setHtml(content) {
+    this.doAfterEditorInitialized(function (that) {
+      var editor = that.getEditor();
+      if (typeof (editor) == "undefined" || editor == null) {
+        return;
+      }
+
+      editor.html.set(content);
+    });
+  }
+
+  public getHtml() {
+    var editor = this.getEditor();
+    if (typeof (editor) == "undefined" || editor == null) {
+      return;
+    }
+
+    return editor.html.get(false);
+  }
+}

package/src/lib/ui/components/html-editor/html-editor.defaultoptions.ts

@@ -0,0 +1,38 @@
+export const DefaultEditorOptions: Object = {    
+    placeholderText: 'Edit Your Content Here',
+    charCounterCount: true,
+    heightMin: 100,
+    toolbarInline: false,
+
+    toolbarButtons: {
+        'moreText': {
+            'buttons': ['bold', 'italic', 'underline', 'strikeThrough', 'subscript', 'superscript', 
+                        'fontFamily', 'fontSize', 'textColor', 'backgroundColor', 'inlineClass', 'inlineStyle']
+        },
+        'moreParagraph': {
+            'buttons': ['alignLeft', 'alignCenter', 'formatOLSimple', 'alignRight', 'alignJustify', 
+                        'formatOL', 'formatUL', 'paragraphFormat', 'paragraphStyle', 'lineHeight', 'outdent', 'indent', 'quote']
+        },
+        'moreRich': {
+            'buttons': ['insertLink', 'insertImage', 'insertTable', 'emoticons', 'fontAwesome', 
+                        'specialCharacters', 'embedly']
+        },
+        'moreMisc': {
+            'buttons': ['selectAll', 'clearFormatting', 'html', 'undo', 'redo', 'fullscreen'],
+            'align': 'right',
+        }
+    },
+
+    /*
+        Upload:
+        https://www.froala.com/wysiwyg-editor/docs/concepts/image/upload
+    */
+    imageUploadURL: '/api/HtmlEditor/UploadImage',
+    imageAllowedTypes: ['jpeg', 'jpg', 'png'],
+    imageUploadParams: { uploadType: '', uploadParentId: '' },
+
+    events: {
+        'image.beforeUpload': function (images) {
+        }
+    }
+};

package/src/lib/ui/components/validation/form-validation-summary.component.html

@@ -0,0 +1,4 @@
+<div class="callout callout-danger" *ngIf="visible">
+  <h4 class="box-title">There are problems with the form</h4>
+  <p *ngFor="let error of getErrors()"><span class="help-block " style="color:white">{{error}}</span></p>
+</div>