Skip to content

Instantly share code, notes, and snippets.

@DerekTBrown
Created June 5, 2016 06:46
Show Gist options
  • Save DerekTBrown/012fc799e07cf0948216e44d7c422be4 to your computer and use it in GitHub Desktop.
Save DerekTBrown/012fc799e07cf0948216e44d7c422be4 to your computer and use it in GitHub Desktop.
Angular2Material/Icon with Meteor
/* App - App.ts */
// Meteor Imports
import { Meteor } from 'meteor/meteor';
import 'reflect-metadata';
import 'zone.js/dist/zone';
// Angular Imports
import { Component, ViewEncapsulation, provide } from '@angular/core';
import { bootstrap } from 'angular2-meteor-auto-bootstrap';
import { APP_BASE_HREF } from '@angular/common';
import { RouterLink } from '@angular/router-deprecated';
import { ROUTER_PROVIDERS, ROUTER_DIRECTIVES, RouteConfig } from '@angular/router-deprecated';
import { InjectUser } from 'angular2-meteor-accounts-ui';
// Angular Material Imports
import {MATERIAL_PROVIDERS, MATERIAL_DIRECTIVES} from 'ng2-material';
import {MeteorComponent} from 'angular2-meteor';
// Toolbar
import {MD_TOOLBAR_DIRECTIVES} from '@angular2-material/toolbar';
import '../node_modules/@angular2-material/toolbar/toolbar.css'
// Icon
import {MD_ICON_DIRECTIVES, MdIconRegistry} from '@angular2-material/icon'
// Component Decorator
@Component({
selector: 'App',
templateUrl: '/client/App.html',
directives: [ROUTER_DIRECTIVES,
MATERIAL_DIRECTIVES,
MD_TOOLBAR_DIRECTIVES,
MD_ICON_DIRECTIVES,
RouterLink],
viewProviders: [MdIconRegistry],
encapsulation: ViewEncapsulation.None,
})
class App extends Meteor{
user: Meteor.User;
// Setup Icon Font
constructor(MdIconRegistry: MdIconRegistry) {
MdIconRegistry.registerFontClassAlias('tux','Appicon');
super();
}
// Logout Function
logout() {
this.autorun(() => {
Meteor.logout();
});
}
}
bootstrap(App, [
MATERIAL_PROVIDERS,
MdIconRegistry,
ROUTER_PROVIDERS,
provide(APP_BASE_HREF, { useValue: '/' })]);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment