codef0rmer
/ legends-directive.html
Created
March 17, 2019 10:01
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="btn-toolbar btn-toolbar-success" [appToolbarLegends]="{position: 'right'}" > | |
| <i class="fa fa-bitcoin"></i> | |
| </div> | |
| <div class="toolbar-icons hidden"> | |
| <a href="#"><i class="fa fa-bitcoin"></i></a> | |
| <a href="#"><i class="fa fa-eur"></i></a> | |
| <a href="#"><i class="fa fa-cny"></i></a> | |
| </div> | |
codef0rmer
/ legends-component.ts
Created
February 26, 2019 18:02
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import { | |
| Component, | |
| ElementRef, | |
| OnInit, | |
| ViewChild, | |
| Input, | |
| Renderer2, | |
| ChangeDetectionStrategy, | |
| NgZone | |
| } from '@angular/core'; |
codef0rmer
/ legends-component.html
Created
February 26, 2019 18:01
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <app-toolbar-legends class="btn-toolbar-success" icon="fa-bitcoin" [toolbarConfig]="{position: 'right'}"> | |
| <div class="toolbar-icons hidden"> | |
| <a href="#"><i class="fa fa-bitcoin"></i></a> | |
| <a href="#"><i class="fa fa-eur"></i></a> | |
| <a href="#"><i class="fa fa-cny"></i></a> | |
| </div> | |
| </app-toolbar-legends> | |
| <app-toolbar-legends class="btn-toolbar-dark" icon="fa-apple" [toolbarConfig]="{position: 'right', style: 'primary', animation: 'flip'}"> | |
| <div class="toolbar-icons hidden"> | |
| <a href="#"><i class="fa fa-android"></i></a> |
codef0rmer
/ viewchild-elementref.ts
Created
February 26, 2019 18:01
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @ViewChild('el', { read: ElementRef }) el: ElementRef; |
codef0rmer
/ men-component.ts
Created
February 26, 2019 18:00
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import { | |
| Component, | |
| ElementRef, | |
| OnInit, | |
| ViewChild | |
| } from '@angular/core'; | |
| declare const $: any; | |
| @Component({ |
codef0rmer
/ men-component.html
Created
February 26, 2019 17:59
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <app-toolbar-men> | |
| <div id="toolbar-men-options" class="hidden"> | |
| <a href="#"><i class="fa fa-heart"></i></a> | |
| <a href="#"><i class="fa fa-heart-o"></i></a> | |
| <a href="#"><i class="fa fa-heartbeat"></i></a> | |
| </div> | |
| </app-toolbar-men> |
codef0rmer
/ men-component.html
Created
February 26, 2019 17:58
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <app-toolbar-men> | |
| <div id="toolbar-men-options" class="hidden"> | |
| <a href="#"><i class="fa fa-heart"></i></a> | |
| <a href="#"><i class="fa fa-heart-o"></i></a> | |
| <a href="#"><i class="fa fa-heartbeat"></i></a> | |
| </div> | |
| </app-toolbar-men> |
codef0rmer
/ boys-directive.ts
Created
February 26, 2019 17:56
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // boys.directive.ts | |
| import { Directive, ElementRef } from '@angular/core'; | |
| declare const $: any; | |
| @Directive({ | |
| selector: '[appToolbarBoys]' | |
| }) | |
| export class BoysDirective { | |
| constructor(private el: ElementRef) { |
codef0rmer
/ boys-directive.html
Created
February 26, 2019 17:55
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!-- Actual toolbar --> | |
| <div id="toolbar-boys-options" class="hidden"> | |
| <a href="#"><i class="fa fa-plane"></i></a> | |
| <a href="#"><i class="fa fa-car"></i></a> | |
| <a href="#"><i class="fa fa-bicycle"></i></a> | |
| </div> | |
| <!-- Invoking the toolbar --> | |
| <div appToolbarBoys class="btn-toolbar"><i class="fa fa-cog"></i></div> |
codef0rmer
/ jquery-toolbar.js
Created
February 26, 2019 17:53
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| $('#toolbarBtn').toolbar({ | |
| content: '#toolbar', | |
| position: 'top' | |
| }); |
NewerOlder