src/app/modules/pro/channel/channel.component.html

@@ -30,40 +30,45 @@
  [routerLink]="feedRouterLink"
  routerLinkActive="active"
  i18n
- >Feed</a
  >
+ Feed
+ </a>
 
  <a
  class="m-proChannelTopbar__navItem"
  [routerLink]="videosRouterLink"
  routerLinkActive="active"
  i18n
- >Videos</a
  >
+ Videos
+ </a>
 
  <a
  class="m-proChannelTopbar__navItem"
  [routerLink]="imagesRouterLink"
  routerLinkActive="active"
  i18n
- >Images</a
  >
+ Images
+ </a>
 
  <a
  class="m-proChannelTopbar__navItem"
  [routerLink]="articlesRouterLink"
  routerLinkActive="active"
  i18n
- >Articles</a
  >
+ Articles
+ </a>
 
  <a
  class="m-proChannelTopbar__navItem"
  [routerLink]="groupsRouterLink"
  routerLinkActive="active"
  i18n
- >Groups</a
  >
+ Groups
+ </a>
 
  <ng-container
  *ngIf="currentUser?.guid != channel.guid; else ownerNavLinks"
@@ -79,11 +84,12 @@
  <ng-container
  *ngIf="!channel.subscribed; else subscribedActionButton"
  i18n
- >Subscribe</ng-container
- >
- <ng-template #subscribedActionButton
- ><ng-container i18n>Subscribed</ng-container></ng-template
  >
+ Subscribe
+ </ng-container>
+ <ng-template #subscribedActionButton>
+ <ng-container i18n>Subscribed</ng-container>
+ </ng-template>
  </span>
 
  <span class="m-proChannelTopbar__subscribe--counter">
@@ -98,23 +104,28 @@
  [href]="proSettingsHref"
  target="root_minds"
  i18n
- >Settings</a
  >
+ Settings
+ </a>
 
  <a
  *ngIf="!isStandalone"
  class="m-proChannelTopbar__navItem"
  [routerLink]="proSettingsLink"
  i18n
- >Settings</a
  >
+ Settings
+ </a>
  </ng-template>
  </ng-container>
 
  <div class="m-proChannelTopbar_menu m-dropdown">
- <a class="m-proChannelTopbarMenu__Anchor" (click)="toggleMenu()"
- ><i class="material-icons">menu</i></a
+ <a
+ class="m-proChannelTopbarMenu__Anchor"
+ (click)="toggleMenu()"
  >
+ <i class="material-icons">menu</i>
+ </a>
 
  <ul
  class="m-dropdown__list m-proChannelTopbarMenu__dropdown mdl-shadow--3dp"
@@ -125,43 +136,54 @@
  class="m-dropdownList__item m-proChannelTopbarMenuDropdown__item"
  (click)="closeMenu()"
  >
- <a [routerLink]="videosRouterLink" routerLinkActive="active" i18n
- >Videos</a
- >
+ <a
+ [routerLink]="feedRouterLink" routerLinkActive="active" i18n>
+ Feed
+ </a>
+ </li>
+ <li
+ class="m-dropdownList__item m-proChannelTopbarMenuDropdown__item"
+ (click)="closeMenu()"
+ >
+ <a [routerLink]="videosRouterLink" routerLinkActive="active" i18n>
+ Videos
+ </a>
  </li>
 
  <li
  class="m-dropdownList__item m-proChannelTopbarMenuDropdown__item"
  (click)="closeMenu()"
  >
- <a [routerLink]="imagesRouterLink" routerLinkActive="active" i18n
- >Images</a
- >
+ <a [routerLink]="imagesRouterLink" routerLinkActive="active" i18n>
+ Images
+ </a>
  </li>
 
  <li
  class="m-dropdownList__item m-proChannelTopbarMenuDropdown__item"
  (click)="closeMenu()"
  >
- <a [routerLink]="articlesRouterLink" routerLinkActive="active" i18n
- >Articles</a
- >
+ <a [routerLink]="articlesRouterLink" routerLinkActive="active" i18n>
+ Articles
+ </a>
  </li>
 
  <li
  class="m-dropdownList__item m-proChannelTopbarMenuDropdown__item"
  (click)="closeMenu()"
  >
- <a [routerLink]="groupsRouterLink" routerLinkActive="active" i18n
- >Groups</a
- >
+ <a [routerLink]="groupsRouterLink" routerLinkActive="active" i18n>
+ Groups
+ </a>
  </li>
 
  <li
  class="m-dropdownList__item m-proChannelTopbarMenuDropdown__item"
  (click)="closeMenu()"
  >
- <a (click)="wire()" routerLinkActive="active">Wire</a>
+ <a (click)="wire()" routerLinkActive="active">
+ Wire
+ </a>
  </li>
  </ng-container>
  </ul>

src/app/modules/pro/pro.module.ts

@@ -23,6 +23,12 @@ import { ProUnsubscribeModalComponent } from './channel/unsubscribe-modal/modal.
 import { ProCategoriesComponent } from './channel/categories/categories.component';
 import { BlogView } from '../blogs/view/view';
 import { MediaModalComponent } from '../media/modal/modal.component';
+import { NewsfeedSingleComponent } from "../newsfeed/single/single.component";
+import { MediaViewComponent } from "../media/view/view.component";
+import { MediaEditComponent } from "../media/edit/edit.component";
+import { BlogViewInfinite } from "../blogs/view/infinite";
+import { BlogEdit } from "../blogs/edit/edit";
+import { CanDeactivateGuardService } from "../../services/can-deactivate-guard";
 
 const routes: Routes = [
  {
@@ -77,6 +83,36 @@ export const STANDALONE_ROUTES = [
  },
  ],
  },
+ {
+ path: 'newsfeed/:guid',
+ component: NewsfeedSingleComponent,
+ },
+ {
+ path: 'media/:guid',
+ component: MediaViewComponent,
+ },
+ {
+ path: 'media/edit/:guid',
+ component: MediaEditComponent
+ },
+ {
+ path: 'blog/view/:guid/:title',
+ component: BlogViewInfinite
+ },
+ {
+ path: 'blog/view/:guid',
+ component: BlogViewInfinite
+ },
+ {
+ path: 'blog/edit/:guid',
+ component: BlogEdit,
+ canDeactivate: [CanDeactivateGuardService],
+ },
+ {
+ path: 'blog/:slugid',
+ component: BlogViewInfinite
+ },
+
 ];
 
 @NgModule({
@@ -114,4 +150,5 @@ export const STANDALONE_ROUTES = [
  BlogView,
  ],
 })
-export class ProModule {}
+export class ProModule {
+}