Skip to content

Instantly share code, notes, and snippets.

View isaacplmann's full-sized avatar
🎩
✌️

Isaac Mann isaacplmann

🎩
✌️
View GitHub Profile
@isaacplmann
isaacplmann / diagram.css
Last active January 3, 2022 07:19
D3 Diagram with left/right aligned links
#chart text {
fill: white;
font: 10px Helvetica;
text-anchor: end;
}
line {
/*stroke: black;*/
}
line:first-child.notify,
line:first-child.precheck,
@isaacplmann
isaacplmann / dataDirectives.html
Last active April 10, 2017 16:46
Data Directives
<list usersData></list>
<chooser usersData></chooser>
<list ordersData></list>
<chooser ordersData></chooser>
<list productsData></list>
<thumbnail-grid productsData></thumbnail-grid>
<chooser productsData></chooser>
@isaacplmann
isaacplmann / dataComponents.html
Created April 10, 2017 16:47
Data Components
<user-list></user-list>
<user-chooser></user-chooser>
<orders-list></orders-list>
<order-chooser></order-chooser>
<products-list></products-list>
<products-thumbnail-grid></products-thumbnail-grid>
<product-chooser></product-chooser>
@isaacplmann
isaacplmann / dataDirective.ts
Created April 10, 2017 18:06
Data Directive Implementation
@Directive({
exportAs: 'nqConnect',
selector: '[nqConnect]',
})
export class ConnectRequestDirective implements OnInit, OnDestroy {
// tslint:disable-next-line:no-input-rename
@Input('nqConnect')
config: any = <ConnectRequestParams>undefined;
@Output() response: EventEmitter<any> = new EventEmitter();
@Directive({ selector: '[rangerListData]' })
export class RangerListDataDirective extends ConnectRequestDirective {
constructor(private connect: ConnectService, @Optional() public host: NqConnectedComponent) {
super(connect, host);
this.config = Object.assign(
{},
// config object defining http request and how to store the response data in the local cache (i.e. ngrx store)
createGetRangerListQuery(),
{ selector: rangerListSelector }
);
export abstract class NqConnectedComponent {
nqData: any;
nqRefresh: EventEmitter<any>;
}
export function provideNqConnectedComponent(component: any, parentType?: any): Provider {
return { provide: parentType || NqConnectedComponent, useExisting: forwardRef(() => component) };
};
<list rangerListData></list>
<list #list (response)="list.someProperty = $event"
rangerDataList #nqConnect (customRefreshEvent)="nqConnect.forceRequest()"></list>
@Directive({
exportAs: 'ngxToggle',
selector: 'ngxToggle',
})
export class ToggleDirective {
defaultOn: boolean = false;
toggled: EventEmitter<boolean> = new EventEmitter();
private _on: boolean;
@HostBinding('attr.aria-expanded')
@isaacplmann
isaacplmann / cloudSettings
Created December 13, 2017 14:47
Visual Studio Code Settings Sync Gist
{"lastUpload":"2017-12-13T14:47:09.856Z","extensionVersion":"v2.8.6"}