Skip to content

Commit

Permalink
taskmanager v0.9.19.1
Browse files Browse the repository at this point in the history
  • Loading branch information
@chinonso098
chinonso098 committed Nov 3, 2023
1 parent 89d1b1a commit 8f6f3fa
Show file tree
Hide file tree
Showing 3 changed files with 23 additions and 14 deletions.
5 changes: 5 additions & 0 deletions src/app/system-apps/taskmanager/taskmanager.component.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -420,5 +420,10 @@ input[type=checkbox] {
.checkBox {
width: 19px;
height: 19px;
}

.checkBox.active {
width: 19px;
height: 19px;
background-color: #98ccf4;
}
28 changes: 16 additions & 12 deletions src/app/system-apps/taskmanager/taskmanager.component.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -52,11 +52,15 @@
<div class='card'>
<div class='card-body'>
<div class='table-responsive'>

<!-- add class="data" data-rtc-resizable-table="table.one" to the first <table> to activate resize.[ngClass]="
add data-rtc-resizable=columnName to the first <th> of each column were resize is desired
" -->
<table class='table' *ngIf = 'processes.length > 0' #tableId>
<thead>
<span style="height:10px; border-top: none;"></span>
<tr>
<th [style]="thStyle" (click)="sortTable('Name', true)" (contextmenu)="showTableHeaderList($event)" (focusout)="closeHeaderList()">
<th [style]="thStyle" (click)="sortTable('Name', true)" (contextmenu)="showTableHeaderList($event)">
<span style="margin-left:50%; height:50%">
<span *ngIf="isDescSorting('Name')">v</span>
<span *ngIf="isAscSorting('Name')">ᴧ</span>
Expand All @@ -67,7 +71,7 @@
</span>
<span class="vertical-menu" style="width:25%; left:60px;" *ngIf="showHeaderList">
<a style="display: inline-flex; width: 100%;" (click)="toggleColumnVisibility('Type')">
<span class="checkBox" >
<span class="checkBox" [class.active]="typeColumnVisible" >
<figure *ngIf = 'typeColumnVisible' style="align-content: center;">
<img style="position:relative; width:13px; height:13px; padding-left: 3px; padding-top:4px;" [src]="'osdrive/icons/chkmark26.png'">
</figure>
Expand All @@ -76,7 +80,7 @@
<p style="text-align:left; padding-left:12px; right:0;">Type</p>
</a>
<a style="display: inline-flex; width: 100%;" (click)="toggleColumnVisibility('Status')">
<span class="checkBox" >
<span class="checkBox" [class.active]="statusColumnVisible" >
<figure *ngIf = 'statusColumnVisible' style="align-content: center;">
<img style="position:relative; width:13px; height:13px; padding-left: 3px; padding-top:4px;" [src]="'osdrive/icons/chkmark26.png'">
</figure>
Expand All @@ -86,7 +90,7 @@
<p style="text-align:left; padding-left:12px; right:0;">Status</p>
</a>
<a style="display: inline-flex; width: 100%;" (click)="toggleColumnVisibility('PID')">
<span class="checkBox" >
<span class="checkBox" [class.active]="pidColumnVisible">
<figure *ngIf = 'pidColumnVisible' style="align-content: center;">
<img style="position:relative; width:13px; height:13px; padding-left: 3px; padding-top:4px;" [src]="'osdrive/icons/chkmark26.png'">
</figure>
Expand All @@ -95,7 +99,7 @@
<p style="text-align:left; padding-left:12px; right:0;">PID</p>
</a>
<a style="display: inline-flex; width: 100%;" (click)="toggleColumnVisibility('Process name')">
<span class="checkBox" >
<span class="checkBox" [class.active]="processNameColumnVisible">
<figure *ngIf = 'processNameColumnVisible' style="align-content: center;">
<img style="position:relative; width:13px; height:13px; padding-left: 3px; padding-top:4px;" [src]="'osdrive/icons/chkmark26.png'">
</figure>
Expand All @@ -104,7 +108,7 @@
<p style="text-align:left; padding-left:12px; right:0;">Process name</p>
</a>
<a style="display: inline-flex; width: 100%;" (click)="toggleColumnVisibility('CPU')">
<span class="checkBox" >
<span class="checkBox" [class.active]="cpuColumnVisible">
<figure *ngIf = 'cpuColumnVisible' style="align-content: center;">
<img style="position:relative; width:13px; height:13px; padding-left: 3px; padding-top:4px;" [src]="'osdrive/icons/chkmark26.png'">
</figure>
Expand All @@ -113,7 +117,7 @@
<p style="text-align:left; padding-left:12px; right:0;">CPU</p>
</a>
<a style="display: inline-flex; width: 100%;" (click)="toggleColumnVisibility('Memory')">
<span class="checkBox" >
<span class="checkBox" [class.active]="memoryColumnVisible" >
<figure *ngIf = 'memoryColumnVisible' style="align-content: center;">
<img style="position:relative; width:13px; height:13px; padding-left: 3px; padding-top:4px;" [src]="'osdrive/icons/chkmark26.png'">
</figure>
Expand All @@ -122,7 +126,7 @@
<p style="text-align:left; padding-left:12px; right:0;">Memory</p>
</a>
<a style="display: inline-flex; width: 100%;" (click)="toggleColumnVisibility('Disk')">
<span class="checkBox" >
<span class="checkBox" [class.active]="diskColumnVisible">
<figure *ngIf = 'diskColumnVisible' style="align-content: center;">
<img style="position:relative; width:13px; height:13px; padding-left: 3px; padding-top:4px;" [src]="'osdrive/icons/chkmark26.png'">
</figure>
Expand All @@ -131,7 +135,7 @@
<p style="text-align:left; padding-left:12px; right:0;">Disk</p>
</a>
<a style="display: inline-flex; width: 100%;" (click)="toggleColumnVisibility('Network')">
<span class="checkBox" >
<span class="checkBox" [class.active]="networkColumnVisible">
<figure *ngIf = 'networkColumnVisible' style="align-content: center;">
<img style="position:relative; width:13px; height:13px; padding-left: 3px; padding-top:4px;" [src]="'osdrive/icons/chkmark26.png'">
</figure>
Expand All @@ -140,7 +144,7 @@
<p style="text-align:left; padding-left:12px; right:0;">Network</p>
</a>
<a style="display: inline-flex; width: 100%;" (click)="toggleColumnVisibility('GPU')">
<span class="checkBox" >
<span class="checkBox" [class.active]="gpuColumnVisible">
<figure *ngIf = 'gpuColumnVisible' style="align-content: center;">
<img style="position:relative; width:13px; height:13px; padding-left: 3px; padding-top:4px;" [src]="'osdrive/icons/chkmark26.png'">
</figure>
Expand All @@ -149,7 +153,7 @@
<p style="text-align:left; padding-left:12px; right:0;">GPU</p>
</a>
<a style="display: inline-flex; width: 100%;" (click)="toggleColumnVisibility('Power usage')">
<span class="checkBox" >
<span class="checkBox" [class.active]="powerColumnVisible">
<figure *ngIf = 'powerColumnVisible' style="align-content: center;">
<img style="position:relative; width:13px; height:13px; padding-left: 3px; padding-top:4px;" [src]="'osdrive/icons/chkmark26.png'">
</figure>
Expand Down Expand Up @@ -269,7 +273,7 @@
<td [style]="setUtilColoumnColors(process.getMemoryUsage)" #memoryId>{{ process.getMemoryUsage}} MB</td>
<td [style]="setUtilColoumnColors(process.getDiskUsage)" #diskId>{{ process.getDiskUsage}} MB/s</td>
<td [style]="setUtilColoumnColors(process.getNetworkUsage)" #networkId>{{ process.getNetworkUsage}} Mbps</td>
<td [style]="setUtilColoumnColors(process.getGpuUsage)" #gpuId>{{ process.getCpuUsage}}%</td>
<td [style]="setUtilColoumnColors(process.getGpuUsage)" #gpuId>{{ process.getGpuUsage}}%</td>
<td [style]="setUtilColoumnColors(process.getPowerUsage)" #pwruseId> {{ process.getPowerUsage}}</td>
</tr>
</tbody>
Expand Down
4 changes: 2 additions & 2 deletions src/app/system-apps/taskmanager/taskmanager.component.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,8 +10,8 @@ import { StateManagmentService } from 'src/app/shared/system-service/state.manag
import { FileInfo } from 'src/app/system-files/fileinfo';
import { RefreshRates, RefreshRatesIntervals, TableColumns } from './taskmanager.enum';
import { TriggerProcessService } from 'src/app/shared/system-service/trigger.process.service';
import { ResizableTableColumns } from '@validide/resizable-table-columns';
import { IStore } from 'resizable-options';
// import { ResizableTableColumns } from '@validide/resizable-table-columns';
// import { IStore } from 'resizable-options';


@Component({
Expand Down

0 comments on commit 8f6f3fa

Please sign in to comment.