diff --git a/src/app/system-apps/desktop/desktop.component.html b/src/app/system-apps/desktop/desktop.component.html index 2497d5a..43f4ae3 100644 --- a/src/app/system-apps/desktop/desktop.component.html +++ b/src/app/system-apps/desktop/desktop.component.html @@ -8,6 +8,5 @@ - diff --git a/src/app/system-apps/startmenu/startmenu.component.html b/src/app/system-apps/startmenu/startmenu.component.html index a200b85..c6f6edd 100644 --- a/src/app/system-apps/startmenu/startmenu.component.html +++ b/src/app/system-apps/startmenu/startmenu.component.html @@ -1,81 +1,82 @@ -
- -
-
-
-
-
-
- -
+
+
+
+
+
+
+
+
+ +
+
+
+

START

+
-
-

START

+ +
+ +
+
+
+ +
+
+
+

{{Documents}}

+
-
- -
- -
-
-
- -
-
-
-

{{Documents}}

-
-
- -
-
-
- -
-
-
-

{{Pictures}}

+ +
+
+
+ +
+
+
+

{{Pictures}}

+
-
- -
-
-
- -
+ +
+
+
+ +
+
+
+

{{Music}}

+
-
-

{{Music}}

-
-
- -
-
-
- -
-
-
-

Power

+ +
+
+
+ +
+
+
+

Power

+
-
- -
-
-
-
-
    -
  1. - -
    2. -
+ +
+
+
+
+
    +
  1. + +
    2. +
+
diff --git a/src/app/system-apps/startmenu/startmenu.component.ts b/src/app/system-apps/startmenu/startmenu.component.ts index 59a133e..f705d6b 100644 --- a/src/app/system-apps/startmenu/startmenu.component.ts +++ b/src/app/system-apps/startmenu/startmenu.component.ts @@ -1,4 +1,6 @@ import { Component, ElementRef, OnInit, AfterViewInit } from '@angular/core'; +import { animate, keyframes, style, transition, trigger } from '@angular/animations'; + import { ProcessIDService } from 'src/app/shared/system-service/process.id.service'; import { RunningProcessService } from 'src/app/shared/system-service/running.process.service'; import { ComponentType } from 'src/app/system-files/component.types'; @@ -11,11 +13,21 @@ import { FileEntry } from 'src/app/system-files/file.entry'; import { applyEffect } from "src/osdrive/Cheetah/System/Fluent Effect"; import { TriggerProcessService } from 'src/app/shared/system-service/trigger.process.service'; + @Component({ selector: 'cos-startmenu', templateUrl: './startmenu.component.html', - styleUrls: ['./startmenu.component.css'] + styleUrls: ['./startmenu.component.css'], + animations: [ + trigger('slideUpToggle', [ + transition(':enter', [ + style({ transform: 'translateY(-100%)' }), // Start from 100% down + animate('0.3s ease-out', style({ transform: 'translateY(0%)' })) // Slide up to its original position + ]), + ]) + ] }) + export class StartMenuComponent implements OnInit, AfterViewInit { private _processIdService:ProcessIDService; private _runningProcessService:RunningProcessService; @@ -32,6 +44,7 @@ export class StartMenuComponent implements OnInit, AfterViewInit { Pictures = 'Pictures' Music = 'Music'; + delayStartMenuOverlayHideTimeoutId!: NodeJS.Timeout; delayStartMenuOverlayShowTimeoutId!: NodeJS.Timeout; @@ -65,7 +78,6 @@ export class StartMenuComponent implements OnInit, AfterViewInit { } async ngAfterViewInit():Promise{ - setTimeout(async () => { await this.loadFilesInfoAsync(); }, this.SECONDS_DELAY); diff --git a/tsconfig.json b/tsconfig.json index 2aed2f8..abeaec7 100644 --- a/tsconfig.json +++ b/tsconfig.json @@ -20,13 +20,12 @@ "experimentalDecorators": true, "importHelpers": true, "target": "es2022", - "module": "ESNext", - "moduleResolution": "Bundler", + "module": "es2022", + "moduleResolution": "node", "lib": [ "es2022", "dom", - "DOM.Iterable", - "ESNext.Promise" + "DOM.Iterable" ], "resolveJsonModule": true, "esModuleInterop": true