angular.json

@@ -149,48 +149,48 @@
 
 
 
-    "app-vniigaz": {
+    "vniigaz": {
       "projectType": "application",
       "schematics": {
         "@schematics/angular:component": {
           "style": "scss"
         }
       },
-      "root": "projects/app-vniigaz",
+      "root": "projects/vniigaz",
-      "sourceRoot": "projects/app-vniigaz/src",
+      "sourceRoot": "projects/vniigaz/src",
       "prefix": "app",
       "architect": {
         "build": {
           "builder": "@angular-devkit/build-angular:browser",
           "options": {
-            "outputPath": "dist/app-vniigaz",
+            "outputPath": "dist/vniigaz",
-            "index": "projects/app-vniigaz/src/index.html",
+            "index": "projects/vniigaz/src/index.html",
-            "main": "projects/app-vniigaz/src/main.ts",
+            "main": "projects/vniigaz/src/main.ts",
             "polyfills": [
               "zone.js"
             ],
-            "tsConfig": "projects/app-vniigaz/tsconfig.app.json",
+            "tsConfig": "projects/vniigaz/tsconfig.app.json",
             "inlineStyleLanguage": "scss",
             "assets": [
-              "projects/app-vniigaz/src/favicon.ico",
+              "projects/vniigaz/src/favicon.ico",
-              "projects/app-vniigaz/src/assets"
+              "projects/vniigaz/src/assets"
             ],
             "styles": [
-              "projects/app-vniigaz/src/assets/css/fonts.scss",
+              "projects/vniigaz/src/assets/css/fonts.scss",
-              "projects/app-vniigaz/src/assets/css/basics.scss",
+              "projects/vniigaz/src/assets/css/basics.scss",
-              "projects/app-vniigaz/src/assets/css/main-menu.scss",
+              "projects/vniigaz/src/assets/css/main-menu.scss",
-              "projects/app-vniigaz/src/assets/css/registry.scss",
+              "projects/vniigaz/src/assets/css/registry.scss",
-              "projects/app-vniigaz/src/assets/css/page-top-panel.scss",
+              "projects/vniigaz/src/assets/css/page-top-panel.scss",
-              "projects/app-vniigaz/src/assets/css/buttons.scss",
+              "projects/vniigaz/src/assets/css/buttons.scss",
-              "projects/app-vniigaz/src/assets/css/dropdown.scss",
+              "projects/vniigaz/src/assets/css/dropdown.scss",
-              "projects/app-vniigaz/src/assets/css/forms.scss",
+              "projects/vniigaz/src/assets/css/forms.scss",
-              "projects/app-vniigaz/src/assets/css/grid.scss",
+              "projects/vniigaz/src/assets/css/grid.scss",
-              "projects/app-vniigaz/src/assets/css/tables.scss",
+              "projects/vniigaz/src/assets/css/tables.scss",
-              "projects/app-vniigaz/src/assets/css/tabs.scss",
+              "projects/vniigaz/src/assets/css/tabs.scss",
-              "projects/app-vniigaz/src/assets/css/list-items.scss",
+              "projects/vniigaz/src/assets/css/list-items.scss",
-              "projects/app-vniigaz/src/assets/css/documents-lists.scss",
+              "projects/vniigaz/src/assets/css/documents-lists.scss",
-              "projects/app-vniigaz/src/assets/css/slider.scss",
+              "projects/vniigaz/src/assets/css/slider.scss",
-              "projects/app-vniigaz/src/styles.scss"
+              "projects/vniigaz/src/styles.scss"
             ],
             "scripts": []
           },
@@ -212,11 +212,11 @@
               "fileReplacements": [
                 {
                   "replace": "projects/environments/environment.ts",
-                  "with": "projects/app-vniigaz/environments/environment.ts"
+                  "with": "projects/vniigaz/environments/environment.ts"
                 },
                 {
                   "replace": "projects/environments/htmlenv.ts",
-                  "with": "projects/app-vniigaz/environments/htmlenv.ts"
+                  "with": "projects/vniigaz/environments/htmlenv.ts"
                 }
               ]
             },
@@ -230,7 +230,7 @@
               "fileReplacements": [
                 {
                   "replace": "projects/environments/htmlenv.ts",
-                  "with": "projects/app-vniigaz/environments/htmlenv.ts"
+                  "with": "projects/vniigaz/environments/htmlenv.ts"
                 }
               ]
             }
@@ -241,10 +241,10 @@
           "builder": "@angular-devkit/build-angular:dev-server",
           "configurations": {
             "production": {
-              "browserTarget": "app-vniigaz:build:production"
+              "browserTarget": "vniigaz:build:production"
             },
             "development": {
-              "browserTarget": "app-vniigaz:build:development"
+              "browserTarget": "vniigaz:build:development"
             }
           },
           "defaultConfiguration": "development"
@@ -252,7 +252,7 @@
         "extract-i18n": {
           "builder": "@angular-devkit/build-angular:extract-i18n",
           "options": {
-            "browserTarget": "app-vniigaz:build"
+            "browserTarget": "vniigaz:build"
           }
         },
         "test": {
@@ -262,28 +262,28 @@
               "zone.js",
               "zone.js/testing"
             ],
-            "tsConfig": "projects/app-vniigaz/tsconfig.spec.json",
+            "tsConfig": "projects/vniigaz/tsconfig.spec.json",
             "inlineStyleLanguage": "scss",
             "assets": [
-              "projects/app-vniigaz/src/favicon.ico",
+              "projects/vniigaz/src/favicon.ico",
-              "projects/app-vniigaz/src/assets"
+              "projects/vniigaz/src/assets"
             ],
             "styles": [
-              "projects/app-vniigaz/src/assets/css/fonts.scss",
+              "projects/vniigaz/src/assets/css/fonts.scss",
-              "projects/app-vniigaz/src/assets/css/basics.scss",
+              "projects/vniigaz/src/assets/css/basics.scss",
-              "projects/app-vniigaz/src/assets/css/main-menu.scss",
+              "projects/vniigaz/src/assets/css/main-menu.scss",
-              "projects/app-vniigaz/src/assets/css/registry.scss",
+              "projects/vniigaz/src/assets/css/registry.scss",
-              "projects/app-vniigaz/src/assets/css/page-top-panel.scss",
+              "projects/vniigaz/src/assets/css/page-top-panel.scss",
-              "projects/app-vniigaz/src/assets/css/buttons.scss",
+              "projects/vniigaz/src/assets/css/buttons.scss",
-              "projects/app-vniigaz/src/assets/css/dropdown.scss",
+              "projects/vniigaz/src/assets/css/dropdown.scss",
-              "projects/app-vniigaz/src/assets/css/forms.scss",
+              "projects/vniigaz/src/assets/css/forms.scss",
-              "projects/app-vniigaz/src/assets/css/grid.scss",
+              "projects/vniigaz/src/assets/css/grid.scss",
-              "projects/app-vniigaz/src/assets/css/tables.scss",
+              "projects/vniigaz/src/assets/css/tables.scss",
-              "projects/app-vniigaz/src/assets/css/tabs.scss",
+              "projects/vniigaz/src/assets/css/tabs.scss",
-              "projects/app-vniigaz/src/assets/css/list-items.scss",
+              "projects/vniigaz/src/assets/css/list-items.scss",
-              "projects/app-vniigaz/src/assets/css/documents-lists.scss",
+              "projects/vniigaz/src/assets/css/documents-lists.scss",
-              "projects/app-vniigaz/src/assets/css/slider.scss",
+              "projects/vniigaz/src/assets/css/slider.scss",
-              "projects/app-vniigaz/src/styles.scss"
+              "projects/vniigaz/src/styles.scss"
             ],
             "scripts": []
           }

package-lock.json

@@ -520,7 +520,7 @@
         "@material/textfield": "15.0.0-canary.7971d6ad5.0",
         "@material/theme": "15.0.0-canary.7971d6ad5.0",
         "@material/tooltip": "15.0.0-canary.7971d6ad5.0",
-        "@material/top-app-vniigazar": "15.0.0-canary.7971d6ad5.0",
+        "@material/top-vniigazar": "15.0.0-canary.7971d6ad5.0",
         "@material/touch-target": "15.0.0-canary.7971d6ad5.0",
         "@material/typography": "15.0.0-canary.7971d6ad5.0",
         "tslib": "^2.3.0"
@@ -3596,9 +3596,9 @@
         "tslib": "^2.1.0"
       }
     },
-    "node_modules/@material/top-app-vniigazar": {
+    "node_modules/@material/top-vniigazar": {
       "version": "15.0.0-canary.7971d6ad5.0",
-      "resolved": "https://registry.npmjs.org/@material/top-app-vniigazar/-/top-app-vniigazar-15.0.0-canary.7971d6ad5.0.tgz",
+      "resolved": "https://registry.npmjs.org/@material/top-vniigazar/-/top-vniigazar-15.0.0-canary.7971d6ad5.0.tgz",
       "integrity": "sha512-ztvglUBK0y4LDHD8xhvNGCpbsHYoAVtI06cJHu5G241WD5wAmseEnLMY+ty86FHMzs796PzhUqUmahEHeBNlEg==",
       "dependencies": {
         "@material/animation": "15.0.0-canary.7971d6ad5.0",
@@ -12883,7 +12883,7 @@
         "@material/textfield": "15.0.0-canary.7971d6ad5.0",
         "@material/theme": "15.0.0-canary.7971d6ad5.0",
         "@material/tooltip": "15.0.0-canary.7971d6ad5.0",
-        "@material/top-app-vniigazar": "15.0.0-canary.7971d6ad5.0",
+        "@material/top-vniigazar": "15.0.0-canary.7971d6ad5.0",
         "@material/touch-target": "15.0.0-canary.7971d6ad5.0",
         "@material/typography": "15.0.0-canary.7971d6ad5.0",
         "tslib": "^2.3.0"
@@ -15159,9 +15159,9 @@
         "tslib": "^2.1.0"
       }
     },
-    "@material/top-app-vniigazar": {
+    "@material/top-vniigazar": {
       "version": "15.0.0-canary.7971d6ad5.0",
-      "resolved": "https://registry.npmjs.org/@material/top-app-vniigazar/-/top-app-vniigazar-15.0.0-canary.7971d6ad5.0.tgz",
+      "resolved": "https://registry.npmjs.org/@material/top-vniigazar/-/top-vniigazar-15.0.0-canary.7971d6ad5.0.tgz",
       "integrity": "sha512-ztvglUBK0y4LDHD8xhvNGCpbsHYoAVtI06cJHu5G241WD5wAmseEnLMY+ty86FHMzs796PzhUqUmahEHeBNlEg==",
       "requires": {
         "@material/animation": "15.0.0-canary.7971d6ad5.0",

projects/app-root/environments/htmlenv.ts

@@ -1,8 +1,3 @@
 export const html = {
-    project:'app-root',
+    project:'app-root'
-    header: null,
-    leftContent: null,
-    footer: null,
-    rightContent: null,
-    ico:null,
 }

projects/app-vniigaz/environments/htmlenv.ts

@@ -1,8 +0,0 @@
-export const html = {
-    project:'app-vniigaz',
-    header:'../../../../../projects/app-vniigaz/src/assets/html/header.component.html',
-    leftContent:'../../../../../projects/app-vniigaz/src/assets/html/left-content.component.html',
-    footer:'../../../../../projects/app-vniigaz/src/assets/html/footer.component.html',
-    rightContent:'../../../../../projects/app-vniigaz/src/assets/html/right-content.component.html',
-    ico:"assets/images/ico/"
-}

projects/app-vniigaz/src/assets/css/registry.scss

@@ -1,56 +0,0 @@
-.registry {
-  .bar {
-    background-color: #3E3D40;
-    color: #ffffff;
-    .menu {
-      button {
-        background: transparent 50% 50% no-repeat;
-        &.add.category {background-image: url('~projects/app-vniigaz/src/assets/images/icons/add_library_24.svg');}
-        &.add.entry {background-image: url('~projects/app-vniigaz/src/assets/images/icons/add_notes_24.svg');}
-        &.move {
-          background-image: url('~projects/app-vniigaz/src/assets/images/icons/drag-n-drop_24w.svg');
-          cursor: move;
-        }
-        &.edit {background-image: url('~projects/app-vniigaz/src/assets/images/icons/edit_24.svg');}
-        &.delete {background-image: url('~projects/app-vniigaz/src/assets/images/icons/close_white_24dp.svg');}
-      }
-    }
-    .expand {
-      button {
-        background: url('~projects/app-vniigaz/src/assets/images/icons/expand_less_24.svg') 50% 50% no-repeat;
-      }
-    }
-  }
-  registry-category {
-    display: block;
-    .bar {
-      background-color: #86898E;
-    }
-
-    registry-category {
-      .bar {
-        background-color: #F5F4F4;
-        color: #86898E;
-
-        .menu {
-          button {
-            &.add.category {background-image: url('~projects/app-vniigaz/src/assets/images/icons/add_library_dark_24.svg');}
-            &.add.entry {background-image: url('~projects/app-vniigaz/src/assets/images/icons/add_notes_dark_24.svg');}
-            &.move {background-image: url('~projects/app-vniigaz/src/assets/images/icons/drag-n-drop_24.svg');}
-            &.edit {background-image: url('~projects/app-vniigaz/src/assets/images/icons/edit_dark_24.svg');}
-            &.delete {background-image: url('~projects/app-vniigaz/src/assets/images/icons/close_24dp.svg');}
-          }
-        }
-        .expand {
-          button {
-            background: url('~projects/app-vniigaz/src/assets/images/icons/expand_less_dark_24.svg') 50% 50% no-repeat;
-          }
-        }
-      }
-
-      registry-category {
-        padding-left: 24px;
-      }
-    }
-  }
-}

projects/app/_modules/pages/menu/item/pages-menu-item.component.html

@@ -1,10 +1,12 @@
 <div class="item" [ngClass]="itemClass">
     <drop-down *ngIf="children?.length" 
-        ico="chevron_right_24" [visible]="toggle" (toggle)="toggle=$event" [target]="menu" [angle]="[0,90]">
+        ico="chevron_right_24" [visible]="toggle" [target]="menu" [angle]="[0,90]">
     </drop-down>
     <a [routerLink]="item.link">
         {{item.name}}
     </a>
 </div>
-<div #menu class="sub-menu" [ngClass]="itemClass">
+
-    <pages-menu  *ngIf="children?.length" [items]="children" [lavel]="lavel+1"></pages-menu>
+<div #menu class="sub-menu" [ngClass]="menuClass">
+    <pages-menu *ngIf="children?.length" [items]="children" [level]="level+1"></pages-menu>
+</div>

projects/app/_modules/pages/menu/item/pages-menu-item.component.ts

@@ -9,7 +9,7 @@ import {Subscription} from 'rxjs';
 })
 export class PagesMenuItemComponent {
   @Input() item: any;
-  @Input() lavel: number;
+  @Input() level: number;
   public toggle=false;
 
   currentURL:string;
@@ -45,7 +45,7 @@ export class PagesMenuItemComponent {
     let menuClass = {
       selected: this.toggle
     }
-    menuClass['lavel-'+(this.lavel+1)] = true;
+    menuClass['level-'+(this.level+1)] = true;
     return  menuClass
   }
 
@@ -55,7 +55,6 @@ export class PagesMenuItemComponent {
       parent: this.parent&&!this.current,
       current: this.current
     }
-    itemClass['lavel-'+(this.lavel+1)] = true;
     return itemClass
   }
 }

projects/app/_modules/viget/ico/ico.component.ts

@@ -1,5 +1,4 @@
 import { Component, Input, OnChanges } from '@angular/core';
-import { html } from '@environments/htmlenv'; 
 
 @Component({
   selector: 'ico',
@@ -28,9 +27,7 @@ export class IcoComponent {
       this.width = this.size[0]
       this.height = this.size[1]
     }
-    let src = html.ico||'assets/images/icons/';
+    this.url = `assets/images/icons/${this.ico}.svg#ico`
-    this.url = `${src}${this.ico}.svg#ico`
-    console.log(this.url)
   }
 
 

projects/environments/htmlenv.ts

@@ -3,6 +3,5 @@ export const html = {
     header: null,
     leftContent: null,
     footer: null,
-    rightContent: null,
+    rightContent: null
-    ico:null,
 }

projects/vniigaz/environments/htmlenv.ts

@@ -0,0 +1,7 @@
+export const html = {
+    project:'vniigaz',
+    header:'../../../../../projects/vniigaz/src/assets/html/header.component.html',
+    leftContent:'../../../../../projects/vniigaz/src/assets/html/left-content.component.html',
+    footer:'../../../../../projects/vniigaz/src/assets/html/footer.component.html',
+    rightContent:'../../../../../projects/vniigaz/src/assets/html/right-content.component.html',
+}

projects/vniigaz/src/assets/css/basics.scss

@@ -234,7 +234,7 @@ a {
       height: 20px;
       margin-right: 8px;
       flex-shrink: 0;
-      background: transparent url('~projects/app-vniigaz/src/assets/images/icons/document/document_20.svg') 50% 50% no-repeat;
+      background: transparent url('~projects/vniigaz/src/assets/images/icons/document/document_20.svg') 50% 50% no-repeat;
       content: '';
     }
   }

projects/vniigaz/src/assets/css/buttons.scss

@@ -77,22 +77,22 @@ button, .btn, a.btn {
   }
 
   &.trash {
-    background-image: url('~projects/app-vniigaz/src/assets/images/icons/trash_grey_24dp.svg');
+    background-image: url('~projects/vniigaz/src/assets/images/icons/trash_grey_24dp.svg');
   }
   &.add-child {
-    background-image: url('~projects/app-vniigaz/src/assets/images/icons/add_web_page_24dp.svg');
+    background-image: url('~projects/vniigaz/src/assets/images/icons/add_web_page_24dp.svg');
   }
   &.edit {
-    background-image: url('~projects/app-vniigaz/src/assets/images/icons/edit_24dp.svg');
+    background-image: url('~projects/vniigaz/src/assets/images/icons/edit_24dp.svg');
   }
   &.close {
-    background-image: url('~projects/app-vniigaz/src/assets/images/icons/close_24dp.svg');
+    background-image: url('~projects/vniigaz/src/assets/images/icons/close_24dp.svg');
   }
   &.close-blue {
-    background-image: url('~projects/app-vniigaz/src/assets/images/icons/close_blue_24dp.svg');
+    background-image: url('~projects/vniigaz/src/assets/images/icons/close_blue_24dp.svg');
   };
   &.move {
-    background-image: url('~projects/app-vniigaz/src/assets/images/icons/drag-n-drop_24.svg');
+    background-image: url('~projects/vniigaz/src/assets/images/icons/drag-n-drop_24.svg');
   };
 
 }
@@ -103,7 +103,7 @@ div.move{
   width: 24px;
   height: 24px;
   background: center no-repeat;
-  background-image: url('~projects/app-vniigaz/src/assets/images/icons/drag-n-drop_24.svg');
+  background-image: url('~projects/vniigaz/src/assets/images/icons/drag-n-drop_24.svg');
 }
 
 // .inline-menu.default {
@@ -118,10 +118,10 @@ div.move{
 //     width: 20px;
 //     height: 20px;
 //     background: transparent none 50% 50% no-repeat;
-//     &.add {background-image: url('~projects/app-vniigaz/src/assets/images/icons/note_add_20.svg');}
+//     &.add {background-image: url('~projects/vniigaz/src/assets/images/icons/note_add_20.svg');}
-//     &.edit {background-image: url('~projects/app-vniigaz/src/assets/images/icons/edit_20.svg');}
+//     &.edit {background-image: url('~projects/vniigaz/src/assets/images/icons/edit_20.svg');}
-//     &.delete {background-image: url('~projects/app-vniigaz/src/assets/images/icons/trash_20.svg');}
+//     &.delete {background-image: url('~projects/vniigaz/src/assets/images/icons/trash_20.svg');}
-//     &.move {background-image: url('~projects/app-vniigaz/src/assets/images/icons/drag-n-drop_24.svg');}
+//     &.move {background-image: url('~projects/vniigaz/src/assets/images/icons/drag-n-drop_24.svg');}
 //   }
 // }
 
@@ -153,7 +153,7 @@ div.move{
 //     }
 //     &.add {
 //       &:before {
-//         //background-image: url('~projects/app-vniigaz/src/assets/images/icons/add_circle_white_24dp.svg');
+//         //background-image: url('~projects/vniigaz/src/assets/images/icons/add_circle_white_24dp.svg');
 //       }
 //     }
 //   }
@@ -179,11 +179,11 @@ div.move{
 //     padding: 0;
 //     border-color: transparent;
 //     background: transparent none 50% 50% no-repeat;
-//     //&.reply {background-image: url('~projects/app-vniigaz/src/assets/images/icons/add_comment_20dp.svg');}
+//     //&.reply {background-image: url('~projects/vniigaz/src/assets/images/icons/add_comment_20dp.svg');}
-//     //&.delete {background-image: url('~projects/app-vniigaz/src/assets/images/icons/close_20dp.svg');}
+//     //&.delete {background-image: url('~projects/vniigaz/src/assets/images/icons/close_20dp.svg');}
-//     &.trash {background-image: url('~projects/app-vniigaz/src/assets/images/icons/delete_24dp.svg');}
+//     &.trash {background-image: url('~projects/vniigaz/src/assets/images/icons/delete_24dp.svg');}
-//     &.edit {background-image: url('~projects/app-vniigaz/src/assets/images/icons/edit_dark_24.svg');}
+//     &.edit {background-image: url('~projects/vniigaz/src/assets/images/icons/edit_dark_24.svg');}
-//     //&.chain {background-image: url('~projects/app-vniigaz/src/assets/images/icons/linked_24dp.svg');}
+//     //&.chain {background-image: url('~projects/vniigaz/src/assets/images/icons/linked_24dp.svg');}
 //     &.checkbox {
 //       display: flex;
 //       width: 18px;
@@ -195,7 +195,7 @@ div.move{
 //         border-color: #2c86cd;
 //       }
 //       &.checked {
-//         //background-image: url('~projects/app-vniigaz/src/assets/images/icons/checkbox_24dp.svg');
+//         //background-image: url('~projects/vniigaz/src/assets/images/icons/checkbox_24dp.svg');
 //       }
 //       &.mixed {
 //         &:before {

projects/vniigaz/src/assets/css/documents-lists.scss

@@ -1,5 +1,5 @@
 .documents.list.default {
-  background: transparent url('~projects/app-vniigaz/src/assets/images/icons/document/document_pdf_60dp.svg') 0 0 no-repeat;
+  background: transparent url('~projects/vniigaz/src/assets/images/icons/document/document_pdf_60dp.svg') 0 0 no-repeat;
   min-height: 60px;
   padding-left: 72px;
   font-size: 20px;
@@ -40,7 +40,7 @@
     margin: 0 12px 4px 0;
     border: solid 1px rgba(0, 0, 0, 0.06);
     border-radius: 12px;
-    //background: #e3eff9 url('~projects/app-vniigaz/src/assets/images/icons/open_in_new_18dp.svg') calc(100% - 8px) 50% no-repeat;
+    //background: #e3eff9 url('~projects/vniigaz/src/assets/images/icons/open_in_new_18dp.svg') calc(100% - 8px) 50% no-repeat;
     font-size: 0.875rem;
     a {
       color: #000000;

projects/vniigaz/src/assets/css/list-items.scss

@@ -52,15 +52,15 @@
   .green, .active {color: #669933;}
   .red, .declined {color: #e60046;}
   .edit {
-    //background-image: url("~projects/app-vniigaz/src/assets/images/icons/edit_24dp.svg");
+    //background-image: url("~projects/vniigaz/src/assets/images/icons/edit_24dp.svg");
   }
   .delete {
-    //background-image: url("~projects/app-vniigaz/src/assets/images/icons/delete_24dp.svg");
+    //background-image: url("~projects/vniigaz/src/assets/images/icons/delete_24dp.svg");
   }
   .toggle {
     margin-top: auto;
     margin-left: auto;
-    //background-image: url("~projects/app-vniigaz/src/assets/images/icons/arrow_down_24dp.svg");
+    //background-image: url("~projects/vniigaz/src/assets/images/icons/arrow_down_24dp.svg");
     transition: transform 0.2s;
     &.active {
       transform: rotateZ(180deg);

projects/vniigaz/src/assets/css/page-top-panel.scss

@@ -34,7 +34,7 @@
         padding: 8px 52px 8px 16px;
         border: #BFBFBF solid 1px;
         border-radius: 12px;
-        background: #ffffff url('~projects/app-vniigaz/src/assets/images/icons/search_24dp.svg') calc(100% - 12px) 50% no-repeat;
+        background: #ffffff url('~projects/vniigaz/src/assets/images/icons/search_24dp.svg') calc(100% - 12px) 50% no-repeat;
       }
     }
     .advanced {
@@ -55,11 +55,11 @@
         &:before {
           width: 24px;
           height: 24px;
-          background: transparent url('~projects/app-vniigaz/src/assets/images/icons/filter_empty_24.svg') 50% 50% no-repeat;
+          background: transparent url('~projects/vniigaz/src/assets/images/icons/filter_empty_24.svg') 50% 50% no-repeat;
           content: '';
         }
         &.filled:before {
-          background-image: url('~projects/app-vniigaz/src/assets/images/icons/filter_filled_24.svg');
+          background-image: url('~projects/vniigaz/src/assets/images/icons/filter_filled_24.svg');
         }
       }
     }

projects/vniigaz/src/assets/css/registry.scss

@@ -0,0 +1,56 @@
+.registry {
+  .bar {
+    background-color: #3E3D40;
+    color: #ffffff;
+    .menu {
+      button {
+        background: transparent 50% 50% no-repeat;
+        &.add.category {background-image: url('~projects/vniigaz/src/assets/images/icons/add_library_24.svg');}
+        &.add.entry {background-image: url('~projects/vniigaz/src/assets/images/icons/add_notes_24.svg');}
+        &.move {
+          background-image: url('~projects/vniigaz/src/assets/images/icons/drag-n-drop_24w.svg');
+          cursor: move;
+        }
+        &.edit {background-image: url('~projects/vniigaz/src/assets/images/icons/edit_24.svg');}
+        &.delete {background-image: url('~projects/vniigaz/src/assets/images/icons/close_white_24dp.svg');}
+      }
+    }
+    .expand {
+      button {
+        background: url('~projects/vniigaz/src/assets/images/icons/expand_less_24.svg') 50% 50% no-repeat;
+      }
+    }
+  }
+  registry-category {
+    display: block;
+    .bar {
+      background-color: #86898E;
+    }
+
+    registry-category {
+      .bar {
+        background-color: #F5F4F4;
+        color: #86898E;
+
+        .menu {
+          button {
+            &.add.category {background-image: url('~projects/vniigaz/src/assets/images/icons/add_library_dark_24.svg');}
+            &.add.entry {background-image: url('~projects/vniigaz/src/assets/images/icons/add_notes_dark_24.svg');}
+            &.move {background-image: url('~projects/vniigaz/src/assets/images/icons/drag-n-drop_24.svg');}
+            &.edit {background-image: url('~projects/vniigaz/src/assets/images/icons/edit_dark_24.svg');}
+            &.delete {background-image: url('~projects/vniigaz/src/assets/images/icons/close_24dp.svg');}
+          }
+        }
+        .expand {
+          button {
+            background: url('~projects/vniigaz/src/assets/images/icons/expand_less_dark_24.svg') 50% 50% no-repeat;
+          }
+        }
+      }
+
+      registry-category {
+        padding-left: 24px;
+      }
+    }
+  }
+}

projects/vniigaz/src/assets/css/slider.scss

@@ -62,7 +62,7 @@
               top: 0;
               width: 13px;
               height: 100%;
-              background: transparent url('~projects/app-vniigaz/src/assets/images/icons/step_upcoming.svg') 100% 50% no-repeat;
+              background: transparent url('~projects/vniigaz/src/assets/images/icons/step_upcoming.svg') 100% 50% no-repeat;
               content: '';
             }
           }
@@ -75,7 +75,7 @@
               background-color: #B88E12;
               color: #ffffff;
               &:after {
-                background-image: url('~projects/app-vniigaz/src/assets/images/icons/step_active.svg');
+                background-image: url('~projects/vniigaz/src/assets/images/icons/step_active.svg');
               }
             }
             .name {
@@ -88,7 +88,7 @@
               background-color: rgba(184, 142, 18, 0.2);
               color: #B88E12;
               &:after {
-                background-image: url('~projects/app-vniigaz/src/assets/images/icons/step_finished.svg');
+                background-image: url('~projects/vniigaz/src/assets/images/icons/step_finished.svg');
               }
             }
             .name {
@@ -277,7 +277,7 @@
 //               top: 0;
 //               width: 13px;
 //               height: 100%;
-//               background: transparent url('~projects/app-vniigaz/src/assets/images/icons/step_upcoming.svg') 100% 50% no-repeat;
+//               background: transparent url('~projects/vniigaz/src/assets/images/icons/step_upcoming.svg') 100% 50% no-repeat;
 //               content: '';
 //             }
 //           }
@@ -290,7 +290,7 @@
 //               background-color: #B88E12;
 //               color: #ffffff;
 //               &:after {
-//                 background-image: url('~projects/app-vniigaz/src/assets/images/icons/step_active.svg');
+//                 background-image: url('~projects/vniigaz/src/assets/images/icons/step_active.svg');
 //               }
 //             }
 //             .name {
@@ -303,7 +303,7 @@
 //               background-color: rgba(184, 142, 18, 0.2);
 //               color: #B88E12;
 //               &:after {
-//                 background-image: url('~projects/app-vniigaz/src/assets/images/icons/step_finished.svg');
+//                 background-image: url('~projects/vniigaz/src/assets/images/icons/step_finished.svg');
 //               }
 //             }
 //             .name {