header template

src/core/DOM.js

@@ -198,7 +198,7 @@ NS.apply = function(a,b) {
         tr: null,
         Text: function( val ){ return document.createTextNode( val );}
     };
-    'div,span,input,label,canvas,span,textarea,table,tr,td,th,tBody,tHead'.split( ',' ).forEach( function( name ){
+    'div,template,span,input,label,canvas,span,textarea,table,tr,td,th,tBody,tHead'.split( ',' ).forEach( function( name ){
         D[ name ] = function(){
             return domEl.apply( null, [ name ].concat([].slice.call(arguments)))
         };
@@ -240,7 +240,7 @@ NS.apply = function(a,b) {
         }
         if( type !== 'object' ){
             if( type === 'function' ){
-                var tmp = D.span( {} );
+                var tmp = D.div( {cls: 'zero-wrapper'} );
                 el.appendChild( tmp );
                 subEl( function(){
                     D.removeChildren( tmp );

src/core/data/store/Store.js

@@ -225,4 +225,7 @@ Store.IF = function(cfg, children){
       } );
   }
 };
+Store.NOT = Store.AGGREGATE(function(values, length) {
+  return !values[0];
+});
 typeof module === 'object' && (module.exports = Store);

src/view/block/header/Header.jsx

 import './Header.scss';
-
+const {IF, NOT} = Store;
 export default D.declare('view.block.Header', () => {
     return <header class="page-header">
         {
@@ -10,7 +10,9 @@ export default D.declare('view.block.Header', () => {
                 <button type={'button'} onClick={() => store.set('navigation.current', name)}>{name}</button>
             )
         }
-
+        <IF condition={NOT(store.valEqual( 'navigation.current', 'login'))}>
+            <b>kkk</b>
+        </IF>
 
     </header>
 });

src/view/block/info/Info.jsx

 export default D.declare('view.block.Info', function(cfg, children) {
-  return <div>
-    <div class={'img-baba'}>{cfg.img}</div>
-    <div class={'img-butn'}>{children}{cfg.buttons}</div>
+  return <div class="welcome-page__inner">
+    <div class={'welcome-page__image'}>{cfg.img}</div>
+    <div class={'welcome-page__info'}>{children}{cfg.buttons}</div>
   </div>
 });

src/view/page/account/Account.jsx

@@ -4,12 +4,10 @@ import './welcomePage.scss';
 export default D.declare('view.page.Account', () =>
     <div class="welcome-page">
         <div class="welcome-page__wrapper">
-            Hello, {store.val('account.name')}
-
             <Info
                 img={
                     <picture>
-                        <source />
+                        <source srcset="/uploads/images/assistant-welcome-mob.svg" media={"(max-width: 767px)"}/>
                         <img src="/uploads/images/assistant-welcome.svg" alt={"Изображение помощника"}/>
                     </picture>
                     }

src/view/page/account/welcomePage.scss

@@ -5,5 +5,12 @@
 
 .welcome-page__wrapper {
 	@include container;
+}
+
+.welcome-page__inner {
 	display: flex;
 }
+
+.welcome-page__info {
+	order: -1;
+}