From 0c385c8259af1686f7f6e7108d2f1a0d89e9f665 Mon Sep 17 00:00:00 2001
From: chinons098 <chinonsoakolam@outlook.com>
Date: Mon, 30 Oct 2023 18:46:35 -0400
Subject: [PATCH] taskmanager v0.9.12

---
 .../taskmanager/taskmanager.component.css     | 25 ++++++++++++++-----
 .../taskmanager/taskmanager.component.html    | 18 ++++++++++---
 .../taskmanager/taskmanager.component.ts      |  6 +++++
 3 files changed, 39 insertions(+), 10 deletions(-)

diff --git a/src/app/system-apps/taskmanager/taskmanager.component.css b/src/app/system-apps/taskmanager/taskmanager.component.css
index 4cd6e087..3c08353b 100644
--- a/src/app/system-apps/taskmanager/taskmanager.component.css
+++ b/src/app/system-apps/taskmanager/taskmanager.component.css
@@ -261,13 +261,20 @@ img{
 
 /* Hover state for the primary button */
 .btn.btn-primary:hover {
-  background-color: #0056b3; /* Background color when hovered */
+  background-color: #84b3e4; /* Background color when hovered */
   border: 1px solid #0056b3; /* Border color when hovered */
-  color: #fff; /* Text color when hovered */
+  color: #000; /* Text color when hovered */
 }
 
 /* Active (clicked) state for the primary button */
 .btn.btn-primary:active, .btn.btn-primary:focus {
+  background-color: #ccc; /* Background color when active or focused */
+  border: 1px solid #ccc; /* Border color when active or focused */
+  color: #000; /* Text color when active or focused */
+}
+
+/* Active (clicked) state for the primary button */
+.btn.btn-primary.head:active, .btn.btn-primary.head:focus {
   background-color: #0056b3; /* Background color when active or focused */
   border: 1px solid #0056b3; /* Border color when active or focused */
   color: #fff; /* Text color when active or focused */
@@ -297,9 +304,6 @@ img{
   padding: 1px 5px 
 }
 
-#admin-list li{
-  padding: 2px 5px;
-}
 .navigation ul li {
   display: inline-flex;
   padding: 1px 5px;
@@ -311,22 +315,31 @@ img{
 
 .navigation ul li.active {
   font-weight: bold;
+  background-color: yellowgreen;
 }
+
 .navigation ul ul {
   display: none;
 }
+ 
 .navigation ul li:hover > ul {
   display: inline-block;
   position: absolute;
-  background-color: #ccc;
   color: #000;
   margin-left: -8px;
   margin-top: 19px;
 }
+
 .navigation ul ul li {
   float: none;
   display: list-item;
   position: relative;
   text-align: center;
+  background-color: #f2f2f2;
   min-width: 100px;
+}
+
+li:hover {
+  color: #84b3e4;
+  background-color: #84b3e4;
 }
\ No newline at end of file
diff --git a/src/app/system-apps/taskmanager/taskmanager.component.html b/src/app/system-apps/taskmanager/taskmanager.component.html
index 04b2b4db..1c64e628 100644
--- a/src/app/system-apps/taskmanager/taskmanager.component.html
+++ b/src/app/system-apps/taskmanager/taskmanager.component.html
@@ -4,16 +4,26 @@
       <li  class="btn btn-primary head" title="File" (click)="showDropDownList()" (focusout)="showDropDownList()">
         File
         <ul *ngIf="showDDList">
-          <li>Sub 1</li>
-          <li>Sub 2</li>
-          <li>Sub 3</li>
+          <li>Run new task</li>
+          <li (click)="onExitBtnClick()">Exit</li>
         </ul>
       </li>
       <li class="btn btn-primary head">
         Options
       </li>
-      <li class="btn btn-primary head">
+      <li class="btn btn-primary head" (click)="showDropDownList()" (focusout)="showDropDownList()">
         View
+        <ul *ngIf="showDDList">
+          <li>Refresh now</li>
+          <li>Update Speed   >
+            <ul>
+              <li>High</li>
+              <li>Normal</li>
+              <li>Low</li>
+              <li>Paused</li>
+            </ul>
+          </li>
+        </ul>
       </li>
     </ul>
   </span>
diff --git a/src/app/system-apps/taskmanager/taskmanager.component.ts b/src/app/system-apps/taskmanager/taskmanager.component.ts
index 4a96560a..5c0df35a 100644
--- a/src/app/system-apps/taskmanager/taskmanager.component.ts
+++ b/src/app/system-apps/taskmanager/taskmanager.component.ts
@@ -292,6 +292,12 @@ export class TaskmanagerComponent implements BaseComponent,OnInit,OnDestroy,Afte
     this._runningProcessService.closeProcessNotify.next(processToClose);
   }
 
+  onExitBtnClick():void{
+    const processToClose = this._runningProcessService.getProcess(this.processId);
+    this._stateManagmentService.removeState(this.processId);
+    this._runningProcessService.closeProcessNotify.next(processToClose);
+  }
+
 
   setUtilColoumnColors(cellValue:number){
     let  baseStyle: Record<string, unknown> = {};