ing

src/app/pages/home/home-page.component.html

@@ -5,8 +5,10 @@
         <path d="M8.3,193.5c0.1,2.4,0.8,4.9,2.1,7.1c4.5,7.7,14.3,10.4,22.1,5.9l152.1-87.8c2-1.3,3.8-3.1,5.1-5.4
         c4.5-7.7,1.8-17.6-5.9-22.1L31.6,3.4c-2.2-1.1-4.6-1.7-7.2-1.7c-8.9,0-16.2,7.2-16.2,16.2V193.5z">
         </path>
-        <animateTransform attributeName="transform" type="scale" values="1 1; 1.1 1.1; 1 1" dur="3s" repeatCount="indefinite" />
+        <animateTransform *ngIf="!(blockPagesContent$ | async)" attributeName="transform" type="scale" values="1 1; 1.1 1.1; 1 1"
-        <animate attributeName="fill" values="gray;white;gray" dur="3s" repeatCount="indefinite" />
+          dur="3s" repeatCount="indefinite" />
+        <animate *ngIf="!(blockPagesContent$ | async)" attributeName="fill" values="gray;white;gray" dur="3s"
+          repeatCount="indefinite" />
       </svg>
     </div>
     <div class="home-description">

src/app/pages/home/home-page.component.ts

@@ -24,6 +24,7 @@ import { DiscoverySession } from '../../core/discovery/discovery-session';
 export class HomePageComponent implements OnInit, OnDestroy {
 
   showWelcomPage$: Observable<boolean>;
+  blockPagesContent$ = this.store.pipe(select(AppStore.UISelector.LayoutSelector.selectBlockPagesContent));
 
   constructor(
     private probeService: ProbeService,

src/app/store/ui/layout/layout.action.ts

@@ -1,9 +1,16 @@
 import { Action } from '@ngrx/store';
 
 export enum ActionType {
+  ChangeBlockAppContent = '[app.ui.layout] ChangeBlockAppContent',
   ChangeBlockPagesContent = '[app.ui.layout] ChangeBlockPagesContent',
 }
 
+export class ChangeBlockAppContent implements Action {
+  readonly type = ActionType.ChangeBlockAppContent;
+
+  constructor(public payload: { blockAppContent: boolean }) { }
+}
+
 export class ChangeBlockPagesContent implements Action {
   readonly type = ActionType.ChangeBlockPagesContent;
 
@@ -11,6 +18,7 @@ export class ChangeBlockPagesContent implements Action {
 }
 
 export type Actions =
+  | ChangeBlockAppContent
   | ChangeBlockPagesContent
 
   ;

src/app/store/ui/layout/layout.reducer.ts

@@ -10,6 +10,13 @@ import {
 
 export function reducer(state: State = initialState, action: Actions): State {
   switch (action.type) {
+    case ActionType.ChangeBlockAppContent: {
+      return {
+        ...state,
+        blockAppContent: action.payload.blockAppContent,
+      };
+    }
+
     case ActionType.ChangeBlockPagesContent: {
       return {
         ...state,

src/app/store/ui/layout/layout.state.ts

@@ -1,15 +1,18 @@
 import { Selector, createSelector } from '@ngrx/store';
 
 export interface State {
+  blockAppContent: boolean;
   blockPagesContent: boolean;
 }
 
 export const initialState: State = {
+  blockAppContent: false,
   blockPagesContent: false,
 };
 
 export function getSelectors<S>(selector: Selector<any, State>) {
   return {
+    selectBlockAppContent: createSelector(selector, (state: State) => state.blockAppContent),
     selectBlockPagesContent: createSelector(selector, (state: State) => state.blockPagesContent),
   };
 }