LironHazan

//Vue Plugins:

// Link to live stackblitz: https://stackblitz.com/edit/vue-plugins-demo-ts?file=index.ts 

// How:
// Add global methods: Vue.myGlobalFn (e.g vue-custom-element)
// Add global assets (directives/filters/mixin..)
// Add instance methods Vue.prototype.someFn
// API of all of the above (e.g vue-router)

LironHazan

• On default changeDetection, every async task will trigger changed detection (as dirty checking - comparing new value to old and decides if to update the view)

• On onPush the component depends by its @Input() and changeDetection will be triggred when:

1. Input reference changed (which is awsome cause it forces you to work with immutable objects).
2. If a componnent custom/dom event is triggred (or its child event).
3. When explicitly running the detectChanges() of ChangeDetectorRef or by ApplicationRef.tick() which will run change detection upon all application.

LironHazan

import {Component, Inject, OnInit} from '@angular/core';
import {MAT_DIALOG_DATA, MatDialogRef} from "@angular/material";
import {SelectedValueModel} from "../../incident.model";
import {UsersShareService} from "../../../../../services/store/users-share.service";
import {Subscription} from "rxjs/internal/Subscription";
import {IncidentService} from "../../incident.service";

@Component({
  selector: 'app-more-info-dialog',
  styleUrls: ['./more-info-dialog.component.scss'],

LironHazan

// component part

// 1. declare formgroup which contains wanted form control
public securityForm: FormGroup = new FormGroup({
   classificationItem: new FormControl()
  });
private classification: ClassificationModel;
private fb: FormBuilder;
  
ngOnInit() {

LironHazan

export const themes = {
  oceanBlueThemProps : {
    '--background' : 'aliceblue',
    '--text-color': '#0F0F0F',
    '--tasks-background': 'cornflowerblue'
  },
  deepPurpleThemProps: {
    '--background' : 'purple',
    '--text-color': 'whitesmoke',
    '--tasks-background': 'rebeccapurple'

LironHazan

  ngOnInit() {
    this.themServiceSubscription = this.themService.observeActiveThemeChane()
      .subscribe(themeName => {
        this.themeName = themeName ;
        this.updateTheme(this.themeName);
      });
  }

  updateTheme(themeName) {
    const element = this.elementRef.nativeElement;

LironHazan

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import {IncidentsDTO} from './incidents.model';
import {Observable} from "rxjs/internal/Observable";
import {forkJoin} from 'rxjs';
import {catchError} from "rxjs/operators";

@Injectable({

LironHazan

const { gitDescribeSync } = require('git-describe');
const { writeFileSync } = require('fs');
const path = require('path');

const info = gitDescribeSync();
const infoJson = JSON.stringify(info, null, 2);

writeFileSync(path.join(__dirname, '/src/git-version.json'), infoJson);

LironHazan

declare module '*.json' {
  const value: any;
  export default value;
}

LironHazan

import { Injectable } from '@angular/core';

@Injectable({
  providedIn: 'root'
})
export class LocalStorageWrapperService {

  constructor() { }

  private localStorage = localStorage;