Featured assets and asset groups

frontend/src/app/app-routing.module.ts

@@ -10,7 +10,7 @@ import { TelevisionComponent } from './components/television/television.componen
 import { StatisticsComponent } from './components/statistics/statistics.component';
 import { MempoolBlockComponent } from './components/mempool-block/mempool-block.component';
 import { AssetComponent } from './components/asset/asset.component';
-import { AssetsComponent } from './assets/assets.component';
+import { AssetsNavComponent } from './components/assets/assets-nav/assets-nav.component';
 import { StatusViewComponent } from './components/status-view/status-view.component';
 import { DashboardComponent } from './dashboard/dashboard.component';
 import { LatestBlocksComponent } from './components/latest-blocks/latest-blocks.component';
@@ -23,6 +23,9 @@ import { SponsorComponent } from './components/sponsor/sponsor.component';
 import { LiquidMasterPageComponent } from './components/liquid-master-page/liquid-master-page.component';
 import { PushTransactionComponent } from './components/push-transaction/push-transaction.component';
 import { PoolRankingComponent } from './components/pool-ranking/pool-ranking.component';
+import { AssetGroupComponent } from './components/assets/asset-group/asset-group.component';
+import { AssetsFeaturedComponent } from './components/assets/assets-featured/assets-featured.component';
+import { AssetsComponent } from './components/assets/assets.component';
 
 let routes: Routes = [
   {
@@ -343,13 +346,31 @@ if (browserWindowEnv && browserWindowEnv.BASE_MODULE === 'liquid') {
         path: 'address/:id',
         component: AddressComponent
       },
-      {
-        path: 'asset/:id',
-        component: AssetComponent
-      },
       {
         path: 'assets',
-        component: AssetsComponent,
+        component: AssetsNavComponent,
+        children: [
+          {
+            path: 'featured',
+            component: AssetsFeaturedComponent,
+          },
+          {
+            path: 'all',
+            component: AssetsComponent,
+          },
+          {
+            path: 'asset/:id',
+            component: AssetComponent
+          },
+          {
+            path: 'asset-group/:id',
+            component: AssetGroupComponent
+          },
+          {
+            path: '**',
+            redirectTo: 'featured'
+          }
+        ]
       },
       {
         path: 'docs/api/:type',
@@ -440,7 +461,7 @@ if (browserWindowEnv && browserWindowEnv.BASE_MODULE === 'liquid') {
           },
           {
             path: 'assets',
-            component: AssetsComponent,
+            component: AssetsNavComponent,
           },
           {
             path: 'docs/api/:type',