Angular template diff

productPageAdmin.html.md

-<div>
-  <ru-page-header class="admin">
-    <main-left>
-      <h1>Product Manager</h1>
-    </main-left>
-    <main-right>
-      <a href="#/product_pages/new">
-        <button class="primary">Create New Product</button>
-      </a>
-    </main-right>
-  </ru-page-header>
-  <grid limit="25" query="$ctrl.query">
-    <grid-cells>
-      <grid-cell class="rho-col-md-10" header-text="Title">
-        <a class="underline" ng-href="#/product_pages/{{$row.id}}" ng-bind="$row.title" id="{{$row.id}}"></a>
-      </grid-cell>
-      <grid-cell class="rho-col-md-2 center-text" header-text="Show on Mobile">
-        {{$row.mobile_enabled ? "Yes" : "No"}}
-      </grid-cell>
-    </grid-cells>
-    <grid-empty-state>
-      There are no results!
-    </grid-empty-state>
-  </grid>
-</div>
+<product-manager></product-manager>