Rooba
/
tacticalrmm
mirror of https://github.com/amidaware/tacticalrmm.git
1
1
Fork 0
Code Issues Packages Projects Releases Wiki Activity

new icons

This commit is contained in:
wh1te909 2019-12-01 00:17:06 +00:00
parent d4e53cda7c
commit 499ca032c9
2 changed files with 54 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

57
web/src/components/AgentTable.vue
View File

@ -1,7 +1,42 @@
<template>
<div class="q-pa-sm">
<q-table dense class="agents-tbl-sticky" :data="filter" :columns="columns"
row-key="id" binary-state-sort :pagination.sync="pagination" hide-bottom>
<q-table
dense
class="agents-tbl-sticky"
:data="filter"
:columns="columns"
row-key="id"
binary-state-sort
:pagination.sync="pagination"
hide-bottom
>
<!-- header slots -->
<template v-slot:header-cell-smsalert="props">
<q-th auto-width :props="props">
<q-icon name="phone_android" size="1.5em"><q-tooltip>SMS Alert</q-tooltip></q-icon>
</q-th>
</template>
<template v-slot:header-cell-emailalert="props">
<q-th auto-width :props="props">
<q-icon name="email" size="1.5em"><q-tooltip>Email Alert</q-tooltip></q-icon>
</q-th>
</template>
<template v-slot:header-cell-patchespending="props">
<q-th auto-width :props="props">
<q-icon name="system_update_alt" size="1.5em" color="warning"><q-tooltip>Patches Pending</q-tooltip></q-icon>
</q-th>
</template>
<template v-slot:header-cell-antivirus="props">
<q-th auto-width :props="props">
<q-icon name="fas fa-shield-alt" size="1.2em" color="primary"><q-tooltip>Anti Virus</q-tooltip></q-icon>
</q-th>
</template>
<template v-slot:header-cell-agentstatus="props">
<q-th auto-width :props="props">
<q-icon name="fas fa-signal" size="1.2em" color="accent"><q-tooltip>Agent Status</q-tooltip></q-icon>
</q-th>
</template>
<!-- body slots -->
<template slot="body" slot-scope="props" :props="props">
<q-tr
@contextmenu.native="agentRowSelected(props.row.id, props.row.agent_id)"
@ -123,17 +158,19 @@
<q-td key="hostname" :props="props">{{ props.row.hostname }}</q-td>
<q-td key="description" :props="props">{{ props.row.description }}</q-td>
<q-td key="patches_pending">
<q-icon name="fas fa-power-off" color="blue">
<q-tooltip>Patches Pending</q-tooltip>
</q-icon>
<q-td key="patchespending">
<q-icon name="fas fa-power-off" color="primary" />
</q-td>
<q-td key="take_control">
<q-icon name="fas fa-check" color="green">
<q-tooltip>Take Control</q-tooltip>
<q-td :props="props" key="antivirus">
<q-icon v-if="props.row.antivirus !== 'n/a' && props.row.antivirus === 'windowsdefender'" name="fas fa-exclamation" color="warning">
<q-tooltip>{{ props.row.antivirus }}</q-tooltip>
</q-icon>
<q-icon v-else-if="props.row.antivirus !== 'n/a'" name="fas fa-check" color="positive">
<q-tooltip>{{ props.row.antivirus }}</q-tooltip>
</q-icon>
<q-icon v-else name="fas fa-times-circle" color="negative" />
</q-td>
<q-td key="agent_status">
<q-td key="agentstatus">
<q-icon v-if="props.row.status ==='overdue'" name="fas fa-exclamation-triangle" color="negative">
<q-tooltip>Agent overdue</q-tooltip>
</q-icon>

36
web/src/components/Dashboard.vue
View File

@ -110,17 +110,16 @@ export default {
columns: [
{
name: "smsalert",
classes: "sms-alert",
style: "opacity: 1",
align: "left"
},
{
name: "emailalert",
classes: "email-alert",
style: "opacity: 1",
align: "left"
},
{ name: "platform", align: "left" },
{
name: "platform",
align: "left"
},
{
name: "client",
label: "Client",
@ -150,19 +149,15 @@ export default {
align: "left"
},
{
name: "patches_pending",
classes: "patches-pending",
style: "opacity: 1",
name: "patchespending",
align: "left"
},
{
name: "take_control",
classes: "take-control",
style: "opacity: 1",
name: "antivirus",
align: "left"
},
{
name: "agent_status",
name: "agentstatus",
field: "status",
align: "left"
},
@ -273,21 +268,4 @@ export default {
color: white;
background: lightgray;
}
.email-alert {
background: url("../assets/email-alert.png") no-repeat center;
width: 16px;
}
.sms-alert {
background: url("../assets/sms-alert.png") no-repeat center;
width: 16px;
}
.patches-pending {
background: url("../assets/patches-pending.png") no-repeat center;
width: 16px;
}
.take-control {
background: url("../assets/take-control.png") no-repeat center;
width: 16px;
}
</style>