taskmanager v0.9.12

chinonso098 · Oct 30, 2023 · 0c385c8 · 0c385c8
1 parent 18c7f21
commit 0c385c8
Show file tree

Hide file tree

Showing 3 changed files with 39 additions and 10 deletions.
diff --git 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;
 }
diff --git 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
@@ -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> = {};