Add angular material

gregmagolan · gregmagolan · commit 8a6d4a0c3db1 · 2018-10-26T22:41:03.000-07:00
diff --git a/WORKSPACE b/WORKSPACE
@@ -35,6 +35,13 @@ http_archive(
     sha256 = "72b0b4e517f43358f554c125e40e39f67688cd2738a8998b4a266981ed32f403",
 )
 
+# Angular material
+http_archive(
+    name = "angular_material",
+    url = "https://github.com/gregmagolan/material2/archive/5e6a2279a17f822d443785246777467b259869b5.zip",
+    strip_prefix = "material2-5e6a2279a17f822d443785246777467b259869b5",
+)
+
 # Rules for compiling sass
 http_archive(
     name = "io_bazel_rules_sass",
@@ -97,3 +104,7 @@ sass_repositories()
 load("@angular//:index.bzl", "ng_setup_workspace")
 
 ng_setup_workspace()
+
+load("@angular_material//:index.bzl", "mat_setup_workspace")
+
+mat_setup_workspace()
diff --git a/src/hello-world/BUILD.bazel b/src/hello-world/BUILD.bazel
@@ -25,6 +25,7 @@ ng_module(
         "@angular//packages/core",
         "@angular//packages/forms",
         "@angular//packages/router",
+        "@angular_material//src/lib:material",
         "@npm//@types",
     ],
 )
diff --git a/src/hello-world/hello-world.component.html b/src/hello-world/hello-world.component.html
@@ -1,5 +1,7 @@
 <h1>Home</h1>
 
+<div><mat-icon>mood</mat-icon></div>
+
 <div>Hello {{ name }}</div>
 
 <input type="text" [(ngModel)]="name"/>
diff --git a/src/hello-world/hello-world.module.ts b/src/hello-world/hello-world.module.ts
@@ -1,13 +1,15 @@
 import {NgModule} from '@angular/core';
 import {FormsModule} from '@angular/forms';
+import {MatIconModule} from '@angular/material';
 import {RouterModule} from '@angular/router';
 
 import {HelloWorldComponent} from './hello-world.component';
 
 @NgModule({
   declarations: [HelloWorldComponent],
   imports: [
-    FormsModule, RouterModule, RouterModule.forChild([{path: '', component: HelloWorldComponent}])
+    MatIconModule, FormsModule, RouterModule,
+    RouterModule.forChild([{path: '', component: HelloWorldComponent}])
   ],
   exports: [HelloWorldComponent],
 })
diff --git a/src/index.html b/src/index.html
@@ -4,6 +4,7 @@
   <head>
     <title>Angular Bazel Example</title>
     <base href="/">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
   </head>
   <body>
     <!-- The Angular application will be bootstrapped into this element. -->

Original file line number	Diff line number	Diff line change
`@@ -25,6 +25,7 @@ ng_module(`
`25`	`25`	`"@angular//packages/core",`
`26`	`26`	`"@angular//packages/forms",`
`27`	`27`	`"@angular//packages/router",`
	`28`	`+ "@angular_material//src/lib:material",`
`28`	`29`	`"@npm//@types",`
`29`	`30`	`],`
`30`	`31`	`)`