@skysoftware-co/bayan-core-widgets-ui 0.0.6 → 0.0.8

package/projects/bayan-core-ui/src/public-api.ts

@@ -0,0 +1,14 @@
+/*
+ * Public API Surface of bayan-core-ui
+ */
+
+export * from './lib/top-menu-widget/top-menu-widget.component';
+export * from './lib/top-menu-widget/components/about-dialog-widget/about-dialog-widget.component';
+export * from './lib/top-menu-widget/components/change-password-widget/change-password-widget.component';
+export * from './lib/top-menu-widget/components/global-search-widget/global-search-widget.component';
+export * from './lib/top-menu-widget/components/item-widget/item-widget.component';
+export * from './lib/top-menu-widget/components/notifications-widget/notifications-widget.component';
+export * from './lib/top-menu-widget/components/settings-widget/settings-widget.component';
+export * from './lib/top-menu-widget/components/user-panel-widget/user-panel-widget.component';
+export * from './lib/shared/menu.dtos';
+export * from './lib/shared/menu.service';

package/tsconfig.json

@@ -0,0 +1,40 @@
+/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
+/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
+{
+  "compileOnSave": false,
+  "compilerOptions": {
+    "paths": {
+      "BayanCoreComponents": [
+        "./dist/bayan-core-ui"
+      ]
+    },
+    "rootDir": "./projects/bayan-core-ui/src",
+    "outDir": "./dist/out-tsc",
+    "strict": true,
+    "noImplicitOverride": true,
+    "noPropertyAccessFromIndexSignature": true,
+    "noImplicitReturns": true,
+    "noFallthroughCasesInSwitch": true,
+    "skipLibCheck": true,
+    "isolatedModules": true,
+    "esModuleInterop": true,
+    "resolveJsonModule": true,
+    "sourceMap": true,
+    "declaration": false,
+    "experimentalDecorators": true,
+    "moduleResolution": "bundler",
+    "importHelpers": true,
+    "target": "ES2022",
+    "module": "ES2022",
+    "lib": [
+      "ES2022",
+      "dom"
+    ]
+  },
+  "angularCompilerOptions": {
+    "enableI18nLegacyMessageIdFormat": false,
+    "strictInjectionParameters": true,
+    "strictInputAccessModifiers": true,
+    "strictTemplates": true
+  }
+}

package/src/lib/top-menu-widget/components/settings-widget/settings-widget.component.html

@@ -1,119 +0,0 @@
-<div [class]="dropdownHostClass" [class.open]="dropdownOpen()">
-  <a href="#" [class]="toggleBtnClass" (click)="toggleDropdown($event)" [title]="'Settings' | translate">
-    <fa-icon [icon]="cogIcon" class="fs-6"></fa-icon>
-  </a>
-
-  @if (dropdownOpen()) {
-    <ul [class]="menuPanelClass">
-      @if (preferences?.UseAlternateNames) {
-        <li>
-          <a [class]="alternateNamesLinkClass" (click)="onAlternateNamesClick($event)">
-            @if (preferences?.UseAlternateNames) {
-              <fa-icon [class]="indicatorActiveClass" [icon]="checkIcon"></fa-icon>
-            } @else {
-              <fa-icon [class]="indicatorInvisibleClass" [icon]="checkIcon"></fa-icon>
-            }
-            {{ 'DisplayAlternateNames' | translate }}
-          </a>
-        </li>
-        <li><hr class="dropdown-divider"></li>
-      }
-
-      @if (hrBlockState?.UserCanBlockModule) {
-        <li>
-          @if (hrBlockState?.IsBlocked) {
-            <a [class]="alternateNamesLinkClass" (click)="releaseModule(BlockableModule.HumanResources, $event)">
-              <fa-icon [class]="indicatorActiveClass" [icon]="checkIcon"></fa-icon>
-              {{ 'ReleaseHR' | translate }}
-            </a>
-          } @else {
-            <a [class]="alternateNamesLinkClass" (click)="blockModule(BlockableModule.HumanResources, $event)">
-              <fa-icon [class]="indicatorInvisibleClass" [icon]="checkIcon"></fa-icon>
-              {{ 'BlockHR' | translate }}
-            </a>
-          }
-        </li>
-      }
-
-      @if (tkBlockState?.UserCanBlockModule) {
-        <li>
-          @if (tkBlockState?.IsBlocked) {
-            <a [class]="alternateNamesLinkClass" (click)="releaseModule(BlockableModule.Timekeeping, $event)">
-              <fa-icon [class]="indicatorActiveClass" [icon]="checkIcon"></fa-icon>
-              {{ 'ReleaseTK' | translate }}
-            </a>
-          } @else {
-            <a [class]="alternateNamesLinkClass" (click)="blockModule(BlockableModule.Timekeeping, $event)">
-              <fa-icon [class]="indicatorInvisibleClass" [icon]="checkIcon"></fa-icon>
-              {{ 'BlockTK' | translate }}
-            </a>
-          }
-        </li>
-      }
-
-      @if (hrBlockState?.UserCanBlockModule || tkBlockState?.UserCanBlockModule) {
-        <li><hr class="dropdown-divider"></li>
-      }
-
-      <li>
-        <span [class]="sectionLabelClass">{{ 'EmployeeNamesMode' | translate }}</span>
-      </li>
-      <li>
-        <a [class]="menuRowClass" (click)="onNameModeClick(EmployeeNamesModeOption.ShortNames, $event); $event.stopPropagation()">
-          @if (preferences?.EmployeeNamesMode === EmployeeNamesModeOption.ShortNames) {
-            <fa-icon [class]="indicatorClass" [icon]="checkIcon"></fa-icon>
-          }
-          {{ 'ShortNames' | translate }}
-        </a>
-      </li>
-      <li>
-        <a [class]="menuRowClass" (click)="onNameModeClick(EmployeeNamesModeOption.StandardNames, $event); $event.stopPropagation()">
-          @if (preferences?.EmployeeNamesMode === EmployeeNamesModeOption.StandardNames) {
-            <fa-icon [class]="indicatorClass" [icon]="checkIcon"></fa-icon>
-          }
-          {{ 'StandardNames' | translate }}
-        </a>
-      </li>
-      <li>
-        <a [class]="menuRowClass" (click)="onNameModeClick(EmployeeNamesModeOption.FullNames, $event); $event.stopPropagation()">
-          @if (preferences?.EmployeeNamesMode === EmployeeNamesModeOption.FullNames) {
-            <fa-icon [class]="indicatorClass" [icon]="checkIcon"></fa-icon>
-          }
-          {{ 'FullNames' | translate }}
-        </a>
-      </li>
-      <li><hr [class]="dividerClass"></li>
-
-      <li>
-        <a [class]="menuRowClass" (click)="onChangePasswordClick($event)">
-          <span [class]="indicatorClass"></span>
-          {{ 'ChangePassword' | translate }}
-        </a>
-      </li>
-
-      <li><hr [class]="dividerClass"></li>
-
-      <li>
-        <a [class]="menuRowClass" (click)="onOpenAboutClick($event)">
-          <fa-icon [class]="indicatorClass" [icon]="infoIcon"></fa-icon>
-          {{ 'About' | translate }}
-        </a>
-      </li>
-    </ul>
-  }
-</div>
-
-<bayan-core-change-password-widget
-    [visible]="showChangePassword"
-    [config]="changePasswordDialog"
-    (visibleChange)="showChangePassword = !!$event">
-  </bayan-core-change-password-widget>
-
-  <bayan-core-about-dialog-widget
-    [visible]="showAbout"
-    [config]="aboutDialog"
-    [licenseUrl]="licenseUrl"
-    [releaseNotesUrl]="releaseNotesUrl"
-    [supportUrl]="supportUrl"
-    (visibleChange)="showAbout = !!$event">
-  </bayan-core-about-dialog-widget>