UBER-615 HR Management: Add departments sidebar (#3522)

Signed-off-by: Alexander Onnikov <alexander.onnikov@xored.com>

plugins/workbench-resources/src/components/NavFooter.svelte

@@ -0,0 +1,35 @@
+<!--
+// Copyright © 2023 Hardcore Engineering Inc.
+// 
+// Licensed under the Eclipse Public License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License. You may
+// obtain a copy of the License at https://www.eclipse.org/legal/epl-2.0
+// 
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// 
+// See the License for the specific language governing permissions and
+// limitations under the License.
+-->
+<script lang="ts">
+  import setting from '@hcengineering/setting'
+  import { Icon, Label, showPopup } from '@hcengineering/ui'
+  import workbench from '../plugin'
+  import HelpAndSupport from './HelpAndSupport.svelte'
+</script>
+
+<div class="antiNav-footer-line" />
+<div class="antiNav-footer-grower" />
+<div class="antiNav-footer">
+  <!-- svelte-ignore a11y-click-events-have-key-events -->
+  <div class="antiNav-element" style:flex-grow={1} on:click={() => showPopup(HelpAndSupport, {}, 'help-center')}>
+    <div class="an-element__icon">
+      <Icon icon={setting.icon.Support} size={'small'} />
+    </div>
+    <span class="an-element__label title dark">
+      <Label label={workbench.string.HelpAndSupport} />
+    </span>
+  </div>
+  <slot />
+</div>

plugins/workbench-resources/src/components/Navigator.svelte

@@ -17,13 +17,10 @@
   import { getResource } from '@hcengineering/platform'
   import preference, { SpacePreference } from '@hcengineering/preference'
   import { createQuery, getClient } from '@hcengineering/presentation'
-  import setting from '@hcengineering/setting'
-  import { Icon, Label, Scroller, showPopup } from '@hcengineering/ui'
+  import { Scroller } from '@hcengineering/ui'
   import { NavLink } from '@hcengineering/view-resources'
   import type { Application, NavigatorModel, SpecialNavModel } from '@hcengineering/workbench'
-  import workbench from '../plugin'
   import { getSpecialSpaceClass } from '../utils'
-  import HelpAndSupport from './HelpAndSupport.svelte'
   import SpacesNav from './navigator/SpacesNav.svelte'
   import SpecialElement from './navigator/SpecialElement.svelte'
   import StarredNav from './navigator/StarredNav.svelte'
@@ -184,17 +181,3 @@
     <div class="antiNav-space" />
   </Scroller>
 {/if}
-<div class="antiNav-footer-line" />
-<div class="antiNav-footer-grower" />
-<div class="antiNav-footer">
-  <!-- svelte-ignore a11y-click-events-have-key-events -->
-  <div class="antiNav-element" style:flex-grow={1} on:click={() => showPopup(HelpAndSupport, {}, 'help-center')}>
-    <div class="an-element__icon">
-      <Icon icon={setting.icon.Support} size={'small'} />
-    </div>
-    <span class="an-element__label title dark">
-      <Label label={workbench.string.HelpAndSupport} />
-    </span>
-  </div>
-  <slot />
-</div>

plugins/workbench-resources/src/components/Workbench.svelte

@@ -69,6 +69,7 @@
   import AppSwitcher from './AppSwitcher.svelte'
   import Applications from './Applications.svelte'
   import Logo from './Logo.svelte'
+  import NavFooter from './NavFooter.svelte'
   import NavHeader from './NavHeader.svelte'
   import Navigator from './Navigator.svelte'
   import SelectWorkspaceMenu from './SelectWorkspaceMenu.svelte'
@@ -695,11 +696,18 @@
               {/await}
             {/if}
           {/if}
-          <Navigator {currentSpace} {currentSpecial} model={navigatorModel} {currentApplication} on:open={checkOnHide}>
+          <Navigator
+            {currentSpace}
+            {currentSpecial}
+            model={navigatorModel}
+            {currentApplication}
+            on:open={checkOnHide}
+          />
+          <NavFooter>
             {#if currentApplication.navFooterComponent}
               <Component is={currentApplication.navFooterComponent} props={{ currentSpace }} />
             {/if}
-          </Navigator>
+          </NavFooter>
         </div>
       {/if}
       <div