Skip to content

Instantly share code, notes, and snippets.

Alex Vitari alexnoise79

Block or report user

Report or block alexnoise79

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
@alexnoise79
alexnoise79 / slide-toggle.component.html
Created Mar 14, 2019
Angular 2 Two and Tri state slide toggle component,
View slide-toggle.component.html
<ng-container [ngSwitch]="triState">
<ng-container *ngSwitchCase="true">
<input type="radio" id="mf" class="trigger mf" [value]="false" [(ngModel)]="model" (change)="update(model)" [disabled]="isDisabled">
<label for="mf"></label>
<input id="st_{{formControlName}}_off" [name]="formControlName" type="radio" class="trigger minus" [value]="-1" [(ngModel)]="model" (change)="update(model)" [disabled]="isDisabled">
<label for="st_{{formControlName}}_off">
<div class="pin">
<div class="ink"></div>
@alexnoise79
alexnoise79 / _date-selector.scss
Last active Mar 12, 2019
Angular2 date-selector component, made of 3 options
View _date-selector.scss
date-selector {
@include flexbox((display: flex));
width: 100%;
select {
width: auto;
&.month {
@include flex(1 0 auto);
margin: 0 6px;
You can’t perform that action at this time.