Mustafa-Omran

import { Injectable } from '@angular/core';
import { MatSnackBar } from '@angular/material/snack-bar';
import { SwUpdate } from '@angular/service-worker';
@Injectable()
export class UpdateService {

  constructor(private swUpdate: SwUpdate,
    private snackbar: MatSnackBar) {
    this.swUpdate.available.subscribe(event => {

Mustafa-Omran

import { FormControl } from "@angular/forms";

export function noWhitespaceValidator(control: FormControl) {
    const isWhitespace = (control.value || '').trim().length === 0;
    const isValid = !isWhitespace;
    
    return isValid ? null : { 'whitespace': true };
}

Mustafa-Omran

import { Injectable, Inject } from '@angular/core';
import { BehaviorSubject, Observable } from 'rxjs';
import { TranslateService } from '@ngx-translate/core';
import { DOCUMENT } from '@angular/common';

@Injectable({
  providedIn: 'root'
})
export class LanguageService {
  private readonly DEFAULT_LANGUAGE = 'en';

Mustafa-Omran

<input type="text" autocomplete="off" autocomplete="chrome-off">

Mustafa-Omran

<!-- keep it as text to hide arrow up and down -->
<!-- user can add negative numbers if type number -->

<input type="text" positiveNumbers>

Mustafa-Omran

    <div id="print-section">
        <!-- template here -->
    </div>

Mustafa-Omran

<mat-option *ngFor="let value of list | filter:searchKeywords" [value]="value.id" matTooltip="{{value.name}}">
            {{value.name}}
</mat-option>

Mustafa-Omran

<form [formGroup]="form">
    <div formArrayName="students" *ngFor="let student of students.controls; let index = index; let last = last">
        <mat-card [formGroupName]="index">
            <mat-card-title>
                <p>student #{{index + 1}}</p>
                <mat-icon (click)="removeStudent()" class="remove">delete</mat-icon>
            </mat-card-title>

            <mat-card-content>
                <mat-form-field>

Mustafa-Omran

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { Observable } from 'rxjs';
@Injectable({
  providedIn: 'root'
})
export class SearchService {

  private static readonly endpoint = 'https://nominatim.openstreetmap.org/search?format=json';

Mustafa-Omran

const settings: Settings = {
  backendUrl: 'http://...',
};