add vars

frontend/src/resources/css/components-dashboard.css

@@ -1,6 +1,5 @@
 @charset "utf-8";
 
-/*
 .webbpm.ervu_dashboard div[id="page"], 
 .webbpm.ervu_dashboard div[id="page"] > div, 
 .webbpm.ervu_dashboard div[id="page"] > div > div {
@@ -8,7 +7,7 @@
     flex-direction: column;
     height: 100%;
 }
-
+/*
 .webbpm.ervu_dashboard [id="page"] > div > div > [page-object]:first-child {
     padding-top: 15px;
 }

frontend/src/resources/css/inbox-dashboard.css

@@ -15,6 +15,35 @@
     src: url('../fonts/gilroy-extrabold.otf');
 }
 
+.webbpm.ervu_dashboard {
+    --color-text-primary: #f4fcff;
+    --color-text-secondary: #b1daea;
+    --color-text-mute: #6b7e9b;
+
+    --color-success: #00db5d;
+    --color-error: #db0d00;
+    --color-dark: #070e1a;
+
+    --border-light: #0883c6;
+    --border-dark: #01536f;
+    --bg-blur: blur(40px);
+    --bg-block: radial-gradient(50% 50% at 50% 50%, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 100%), linear-gradient(180deg, rgba(19, 46, 55, 0.16) 0%, rgba(19, 46, 55, 0.32) 100%), linear-gradient(180deg, rgba(8, 131, 198, 0) 0%, rgba(8, 131, 198, 0.2) 100%);
+    --bg-group: linear-gradient(360deg, rgba(19, 46, 55, 0.2) 0%, rgba(19, 46, 55, 0.2) 100%), linear-gradient(180deg, rgba(8, 131, 198, 0.4) 0%, rgba(8, 131, 198, 0.4) 100%);
+
+    --size-text-title: 32px;
+    --size-text-subtitle: 24px;
+    --size-text-primary: 18px;    
+    /*--size-text-secondary: 14px;*/
+    --size-num-title: 60px;
+    --size-num-subtitle: 48px;
+    --size-num-primary: 32px; 
+    --size-num-secondary: 24px;
+
+    --h-header: 88px;
+    --w-screen: 40px;     
+}
+
+
 .webbpm.ervu_dashboard a {
     color: var(--color-link);    
     &:hover,
@@ -30,11 +59,12 @@ body.webbpm.ervu_dashboard {
     flex-direction: column;
     color: var(--color-text-primary);
     font-family: 'GilroyM';
-    background-color: var(--white);
+    background-color: var(--color-dark);
+    background-image: url('../img/bg_image.png');
 }
 
 .webbpm.ervu_dashboard .container {
-    padding: 70px 0 0;
+    padding: var(--h-header) 0 0;
 }
 
 body.webbpm.ervu_dashboard [id="page"],
@@ -52,7 +82,7 @@ body.webbpm.ervu_dashboard [id="page"],
     display: flex;
     flex-direction: row;
     align-items: center;
-    margin-left: 40px;
+    margin-left: var(--w-screen);
     
     .logo a {
         background: url('../../../src/resources/img/logo-full.png') no-repeat 0 50%;
@@ -63,13 +93,11 @@ body.webbpm.ervu_dashboard [id="page"],
     display: flex;
     flex-direction: row;
     margin-left: auto;
-    margin-right: 40px;
-    & > * {
-        margin-right: 20px;
-        &:last-child {
-            margin-right: 0;
-        }
+    margin-right: var(--w-screen);
+    process, process + div, admin-menu {
+        display: none;
     }
+/*    
     .nav-link {
         display: flex;
         align-items: center;
@@ -94,6 +122,7 @@ body.webbpm.ervu_dashboard [id="page"],
             background-color: var(--color-link);
         }
     }
+*/    
     .logout .user-info {
         display: flex;
         flex-direction: column;    
@@ -117,11 +146,6 @@ body.webbpm.ervu_dashboard [id="page"],
             margin-bottom: 0;
             border-bottom: 0;
         }
-
-        .user-department {
-            color: #a0b1bc;
-            line-height: 1.2;
-        }
     }
 }
 
@@ -130,10 +154,8 @@ body.webbpm.ervu_dashboard [id="page"],
     font-family: 'GilroyM';
     width: 100%;
     height: auto;
-    min-height: 70px;
-    border-bottom: 1px solid var(--bg-light);
-    background: var(--white);
-    box-shadow: 0px 15px 20px 0px rgb(0 0 0 / 4%);
+    min-height: var(--h-header);
+    background: transparent;
 
     & > div > * {
         position: relative;
@@ -142,7 +164,7 @@ body.webbpm.ervu_dashboard [id="page"],
     }
 
     .dropdown-menu.show {
-        top: 69px !important;
+        top: var(--h-header) !important;
         right: 0px !important;
         left: auto !important;
         transform: none !important;
@@ -182,20 +204,10 @@ body.webbpm.ervu_dashboard [id="page"],
     }
 }
 
-.webbpm.ervu_dashboard footer {
-    color: var(--color-text-primary);
-    font-size: var(--size-text-secondary);
-    left: 0;
-    right: 0;
-    padding: 15px 40px;
-    border-top: 1px solid var(--border-light);
-    a {
-        color: var(--color-text-primary);
-        &:hover {
-            color: var(--color-link);
-        }
-    }
-}
+
+
+
+
 
 /*----------------- Login ---------------- */
 .webbpm.ervu_dashboard :is(.form-signin, .form-signup, .confirm) {
@@ -218,7 +230,7 @@ body.webbpm.ervu_dashboard [id="page"],
 .webbpm.ervu_dashboard .form-signin h2,
 .webbpm.ervu_dashboard .form-signup h2,
 .webbpm.ervu_dashboard .confirm h2 {
-    font-family: 'SegoeB';
+    font-family: 'GilroySB';
     font-size: 32px;
     text-align: left;
     margin-bottom: 20px;

frontend/src/resources/template/app/component/app_footer.html

@@ -1,10 +1,6 @@
+<!--
 <footer>
     <div  id="webbpm-footer">
-        <div class="fl-left"><span>Web-BPM</span></div>
-        <div class="fl-right">
-            <span><a href="mailto:info@micord.ru">Поддержка</a></span>
-            <span><a href="http://www.micord.ru" target="_blank">Компания "Микорд"</a></span>
-            <span><application-version></application-version></span>
-        </div>
     </div>
 </footer>
+-->

frontend/src/resources/template/app/component/log_out.html

@@ -2,8 +2,10 @@
 <div ngbDropdownMenu *ngIf="currentSession | async as session">
 	<div class="user-info">
 	    <div class="user-fio">{{session.fullUserName}}</div>
+<!--	    
 	    <div class="user-login">{{session.username}}</div>
 		<div class="user-department">{{getOrgUnitName()}}</div>
+-->		
 	</div>
     <button ngbDropdownItem *ngIf="isLogoutButtonVisible()" (click)="logout()">Выход</button>
 </div>