View safe.pipe.ts
import { Pipe, PipeTransform } from '@angular/core'; | |
import { DomSanitizer, SafeHtml, SafeStyle, SafeScript, SafeUrl, SafeResourceUrl } from '@angular/platform-browser'; | |
@Pipe({ | |
name: 'safe' | |
}) | |
export class SafePipe implements PipeTransform { | |
constructor(protected sanitizer: DomSanitizer) {} | |
public transform(value: any, type: string): SafeHtml | SafeStyle | SafeScript | SafeUrl | SafeResourceUrl { |
View .htaccess
<Directory "****"> | |
SetEnvIf Origin "^http(s)?://.+$" AccessControlAllowOrigin=$0 | |
Header always set Access-Control-Allow-Origin %{AccessControlAllowOrigin}e env=AccessControlAllowOrigin | |
Header always set Access-Control-Allow-Credentials true env=AccessControlAllowOrigin | |
Header always set Access-Control-Allow-Methods "HEAD, POST, GET, OPTIONS, DELETE, PUT" | |
Header always set Access-Control-Allow-Headers "x-requested-with, Content-Type, origin, authorization, accept, client-security-token" | |
</Directory> |
View InputWrapperDirective.ts
import { Directive, Renderer2, ElementRef, AfterViewInit } from '@angular/core' | |
@Directive({ | |
selector: '[inputWrapper]' | |
}) | |
export class InputWrapperDirective implements AfterViewInit { | |
constructor(private _renderer:Renderer2, private _el: ElementRef) { | |
} |
View country-select.component.ts
import { Component, EventEmitter, Input, Output } from '@angular/core'; | |
import * as iso3166 from 'iso-3166-2/iso3166.min'; | |
@Component({ | |
selector: 'app-country-select', | |
template: ` | |
<select name="theme" [class]="'form-control' + (size ? ' form-control-' + size : '')" | |
[ngModel]="countryIsoCode" (ngModelChange)="change($event)"> | |
<option *ngFor="let country of countries" [ngValue]="country.value">{{country.display}}</option> |
View sortable-list.abstract.ts
import { ChangeDetectorRef } from '@angular/core'; | |
/** | |
* @whatItDoes decorates Component with toggleOrder(property), get list() and get(CSS)Class functions. | |
* | |
* @howToUse | |
* \@Component({ | |
* template: ` | |
* <table> | |
* <tr> |
View show-hide-password.component.ts
import { | |
Component, ElementRef, Input, OnInit, Renderer2 | |
} from '@angular/core'; | |
/** | |
* @whatItDoes Add show hide button to text/password input fields. | |
* | |
* @howToUse | |
* <show-hide-password size="sm|lg"> | |
* <input type="password" name=... /> |