Compare commits

...

33 Commits

Author SHA1 Message Date
e758078a8d Started working on the app menu
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
ci/woodpecker/manual/woodpecker Pipeline was successful
2023-04-12 21:22:11 -04:00
e8bf1e0d81 Fixed sizing issue with the footer
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
2023-04-12 19:31:51 -04:00
a8c5f3a694 Set minimum window size 2023-04-12 19:31:24 -04:00
8d47e4c4f5 Updated version of systeminformation module
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
2023-04-12 19:31:00 -04:00
f9102eb707 Version bump to v0.3.3
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
ci/woodpecker/tag/woodpecker Pipeline was successful
2023-04-12 16:02:42 -04:00
139568415e Updated woodpecker config to not install SASS
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
2023-04-12 16:01:39 -04:00
b74bf3be3c Changed from using grunt-contrib-sass to grunt-dart-sass so that building the SASS stylesheets don't rely on having a system installation of ruby and sass 2023-04-12 16:01:09 -04:00
07fbd43cbe Fixed some styles on the tab bar
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
2023-04-07 10:32:41 -04:00
ac9696f38a Version bump to v0.3.2
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
ci/woodpecker/tag/woodpecker Pipeline was successful
2023-04-07 00:13:01 -04:00
582a54617e Edited some styles
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
2023-04-07 00:12:29 -04:00
4a59b8b1d3 Added code to open external links in the user's default browser
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
2023-04-06 09:49:59 -04:00
338f29272c Version bump to v0.3.1
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
ci/woodpecker/tag/woodpecker Pipeline was successful
2022-10-31 14:39:50 -04:00
d2d6317b4e Added some padding at the bottom of the page so the device statistics don't get covered by the footer
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
2022-10-31 14:38:34 -04:00
ae155b2d7e Made the tabs look better
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
2022-10-29 01:14:08 -04:00
c878447c45 Changed to using a tabbed layout instead of separate pages for everything
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
2022-10-28 01:06:09 -04:00
c451237ab9 Version bump to v0.3.0
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
ci/woodpecker/tag/woodpecker Pipeline was successful
2022-08-24 00:29:48 -04:00
b4fb652727 Updated dependencies
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
2022-08-24 00:28:51 -04:00
a23827355a Added a temperature reading for the current selected disk
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
2022-08-24 00:23:36 -04:00
be030532ea Fixed the hardware info tables to use the full section width
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
2022-08-23 23:59:05 -04:00
0656a1ff34 Added page for storage device info
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
2022-08-23 23:54:13 -04:00
40841a82a2 Updated packaging information to signify this is now a Bit Goblin project
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
ci/woodpecker/tag/woodpecker Pipeline was successful
2022-08-23 19:24:19 -04:00
6f93d8d87c Version bump to v0.2.2
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
2022-08-23 19:21:05 -04:00
da7ca2029c Updated footer info
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
2022-08-23 19:16:49 -04:00
1756478ef7 Added more info to CPU page; removed vendorId call for GPU page; added table to CPU and GPU pages
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
2022-08-23 19:13:49 -04:00
4d4c5b2f16 Added more CPU information the CPU page
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
2022-08-23 18:45:53 -04:00
a57ce3dc94 Version bump to v0.2.1
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
ci/woodpecker/tag/woodpecker Pipeline was successful
2022-08-23 18:21:51 -04:00
bd9533182f Added styles to the CPU temperature gauge
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
ci/woodpecker/tag/woodpecker Pipeline was successful
2022-06-08 22:46:56 -04:00
9d8678e421 Added a basic temperature display to the CPU page
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
2022-06-08 00:46:56 -04:00
5b42a1ef05 Version bump to v0.2.0
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
ci/woodpecker/tag/woodpecker Pipeline was successful
2022-05-26 22:30:14 -04:00
f88eeafafa Added a page for memory stats
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
2022-05-26 22:28:59 -04:00
90d8191e54 Removed the GPU vendor ID field since it doesn't seem to work
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
2022-05-26 22:07:54 -04:00
b65e62cd8c Added a selector to switch what info is showing on the GPU page
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
2022-05-26 22:07:18 -04:00
a7b1d6ab84 Added a GPU info page
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
2022-05-26 21:12:59 -04:00
22 changed files with 1634 additions and 756 deletions

View File

@ -6,7 +6,6 @@ pipeline:
build: build:
image: node:16 image: node:16
commands: commands:
- apt update && apt install -y ruby ruby-dev && gem install sass
- npm install - npm install
- npm run grunt - npm run grunt

View File

@ -4,7 +4,7 @@ module.exports = function(grunt) {
// Project configuration. // Project configuration.
grunt.initConfig({ grunt.initConfig({
sass: { 'dart-sass': {
dist: { dist: {
options: { options: {
style: 'compressed' style: 'compressed'
@ -69,7 +69,7 @@ module.exports = function(grunt) {
}, },
css: { css: {
files: ['assets/sass/*.sass'], files: ['assets/sass/*.sass'],
tasks: ['sass'], tasks: ['dart-sass'],
options: { options: {
atBegin: true, atBegin: true,
spawn: false spawn: false
@ -96,12 +96,12 @@ module.exports = function(grunt) {
// Load task plugins // Load task plugins
grunt.loadNpmTasks('grunt-twig-render'); grunt.loadNpmTasks('grunt-twig-render');
grunt.loadNpmTasks('grunt-contrib-sass'); grunt.loadNpmTasks('grunt-dart-sass');
grunt.loadNpmTasks('grunt-contrib-coffee'); grunt.loadNpmTasks('grunt-contrib-coffee');
grunt.loadNpmTasks('grunt-contrib-copy'); grunt.loadNpmTasks('grunt-contrib-copy');
grunt.loadNpmTasks('grunt-contrib-watch'); grunt.loadNpmTasks('grunt-contrib-watch');
// Default task(s). // Default task(s).
grunt.registerTask('default', ['twigRender', 'sass', 'coffee', 'copy']); grunt.registerTask('default', ['twigRender', 'dart-sass', 'coffee', 'copy']);
}; };

View File

@ -1,26 +1,27 @@
si = require('systeminformation') si = require('systeminformation')
window.onload = () -> window.addEventListener('load', () ->
# Grab the static CPU information # Grab the static CPU information
si.cpu() si.cpu()
.then((data) -> .then((data) ->
document.getElementById('cpuInfo').innerText = data.brand document.getElementById('cpuInfo').innerText = data.brand
document.getElementById('cpuCores').innerText = data.physicalCores document.getElementById('cpuCores').innerText = data.physicalCores
document.getElementById('cpuThreads').innerText = data.cores document.getElementById('cpuThreads').innerText = data.cores
document.getElementById('cpuClock').innerText = data.speed document.getElementById('cpuClockBase').innerText = data.speed
console.log(data) document.getElementById('cpuClockBoost').innerText = data.speedMax
).catch((error) -> ).catch((error) ->
console.error(error) console.error(error)
) )
# Start the CPU temperature loop # Start the CPU temperature loop
setCpuTemp() setCpuTemp()
, false)
setCpuTemp = () -> setCpuTemp = () ->
si.cpuTemperature() si.cpuTemperature()
.then((data) -> .then((data) ->
document.getElementById('cpuTemp').innerText = data.main document.getElementById('cpuTemp').innerText = data.main
console.log(data) document.getElementById('cpuTempDisplay').children.item(0).style.height = ((100 - parseFloat(data.main)) + '%')
).catch((error) -> ).catch((error) ->
console.error(error) console.error(error)
) )

View File

@ -1,10 +1,39 @@
si = require('systeminformation') si = require('systeminformation')
window.onload = () -> window.addEventListener('load', () ->
# Set the option selector to trigger an info grab on element change
document.getElementById('gpuSelector').addEventListener('change', () ->
updateGpuInfo(@value)
)
# Load GPUs into the selector
loadGpus()
# Run the updateGpuInfo function with the default value of 0
updateGpuInfo()
, false)
loadGpus = () ->
si.graphics() si.graphics()
.then((data) -> .then((data) ->
document.getElementById('gpuInfo').innerText = data.controllers[0].model i = 0
console.log(data) while i < data.controllers.length
optionElem = document.createElement('option')
optionElem.innerText = data.controllers[i].model
optionElem.setAttribute('value', i)
document.getElementById('gpuSelector').appendChild(optionElem)
i++
).catch((error) ->
console.error(error)
)
updateGpuInfo = (gpuId = 0) ->
si.graphics()
.then((data) ->
document.getElementById('gpuInfo').innerText = data.controllers[gpuId].model
document.getElementById('gpuVendor').innerText = data.controllers[gpuId].vendor
document.getElementById('gpuVram').innerText = data.controllers[gpuId].vram + 'MB'
document.getElementById('gpuBus').innerText = data.controllers[gpuId].bus
).catch((error) -> ).catch((error) ->
console.error(error) console.error(error)
) )

View File

@ -0,0 +1,25 @@
si = require('systeminformation')
window.addEventListener('load', () ->
# Grab the static CPU information
si.mem()
.then((data) ->
document.getElementById('memoryTotal').innerText = @formatBytes(data.total)
).catch((error) ->
console.error(error)
)
# Start the CPU temperature loop
getMemoryUsage()
, false)
getMemoryUsage = () ->
si.mem()
.then((data) ->
document.getElementById('memoryFree').innerText = @formatBytes(data.free)
document.getElementById('memoryActive').innerText = @formatBytes(data.active)
document.getElementById('memoryBuffCache').innerText = @formatBytes(data.buffcache)
).catch((error) ->
console.error(error)
)
setTimeout(getMemoryUsage, 2000)

View File

@ -1,2 +1,45 @@
@loadPage = (pagePath) -> shell = require('electron').shell
window.location.href = pagePath + '.html'
document.addEventListener('DOMContentLoaded', () ->
links = document.querySelectorAll('a[href^="http"]')
i = 0
while i < links.length
links[i].addEventListener('click', (event) ->
event.preventDefault()
shell.openExternal(this.href)
)
i++
)
@openTab = (tab) ->
# show the component info that's selected
tabs = document.querySelectorAll('.tab-button')
displays = document.querySelectorAll('.component-display')
i = 0
while i < displays.length
if displays[i].getAttribute('data-component') == tab
displays[i].classList.add('active')
tabs[i].classList.add('active')
else
displays[i].classList.remove('active')
tabs[i].classList.remove('active')
i++
@formatBytes = (bytes, decimals = 2) ->
if bytes == 0
return '0 Bytes'
k = 1024
dm = if decimals < 0 then 0 else decimals
sizes = [
'Bytes'
'KB'
'MB'
'GB'
'TB'
'PB'
'EB'
'ZB'
'YB'
]
i = Math.floor(Math.log(bytes) / Math.log(k))
parseFloat((bytes / k ** i).toFixed(dm)) + ' ' + sizes[i]

View File

@ -0,0 +1,61 @@
si = require('systeminformation')
window.addEventListener('load', () ->
# Set the option selector to trigger an info grab on element change
document.getElementById('diskSelector').addEventListener('change', () ->
updateDiskInfo(@value)
)
# Load GPUs into the selector
loadDisks()
# Run the updateGpuInfo function with the default value of 0
updateDiskInfo()
# Start running our function to update the drive's temperature
setDiskTemp()
, false)
loadDisks = () ->
si.diskLayout()
.then((data) ->
i = 0
while i < data.length
optionElem = document.createElement('option')
diskName = data[i].name + ' (' + data[i].device + ')'
optionElem.innerText = diskName
optionElem.setAttribute('value', i)
document.getElementById('diskSelector').appendChild(optionElem)
i++
).catch((error) ->
console.error(error)
)
updateDiskInfo = (diskId = 0) ->
si.diskLayout()
.then((data) ->
document.getElementById('diskInfo').innerText = data[diskId].name
document.getElementById('diskPath').innerText = data[diskId].device
document.getElementById('diskType').innerText = data[diskId].type
document.getElementById('diskSize').innerText = formatBytes(data[diskId].size)
document.getElementById('diskVendor').innerText = data[diskId].vendor
).catch((error) ->
console.error(error)
)
setDiskTemp = (diskId = -1) ->
selector = document.getElementById('diskSelector')
if selector.length < 1
return
if (diskId = -1)
diskId = selector.value
si.diskLayout()
.then((data) ->
if (data[diskId].temperature)
document.getElementById('diskTemp').innerText = data[diskId].temperature
).catch((error) ->
console.error(error)
)
setTimeout(setDiskTemp, 2000)

View File

@ -1,26 +1,40 @@
$tab-bar-height: 50px
$primary-color: #009688
$primary-color-light: lighten($primary-color, 10%)
$primary-color-dark: darken($primary-color, 10%)
$default-transition: all 230ms ease-in-out
body body
margin: 0
padding: $tab-bar-height 0 90px
background: white background: white
font-size: 18px
a a
color: cornflowerblue color: $primary-color
transition: all 200ms ease-in-out transition: $default-transition
&:hover &:hover
color: darken(cornflowerblue, 10%) color: $primary-color-light
input input
transition: all 200ms ease-in-out transition: $default-transition
input[type=submit], input[type=submit],
button button
background-color: cornflowerblue background-color: cornflowerblue
color: #f0f0f0 color: #f0f0f0
transition: all 200ms ease-in-out transition: $default-transition
&:hover &:hover
background-color: darken(cornflowerblue, 10%) background-color: darken(cornflowerblue, 10%)
color: white color: white
.faded-text
color: #999
.u-text-center .u-text-center
text-align: center text-align: center
@ -28,7 +42,54 @@ button
max-width: 1024px max-width: 1024px
.container.fluid .container.fluid
width: 100%
max-width: 100% max-width: 100%
margin: 0
#wrapper
margin-top: 25px
#tab-bar
position: fixed
top: 0
left: 0
z-index: 10
width: 100%
height: $tab-bar-height
margin: 0
padding: 0
background: #eee
border-bottom: 1px solid #bbb
box-shadow: 0 1px 2px rgba(0, 0, 0, .25)
.container.fluid
width: 100%
margin-right: 0
.row
display: relative
.tab-button
float: left
height: 50px
margin: 0
background-color: #eee
border: none
border-right: 1px solid #999
border-radius: 0
color: #212121
font-size: 2rem
font-weight: bold
transition: $default-transition
&.active,
&:hover
background-color: white
.component-display
display: none
&.active
display: block
.pageLink .pageLink
text-decoration: none text-decoration: none
@ -40,6 +101,39 @@ button
font-size: 2.5rem font-size: 2.5rem
text-decoration: none text-decoration: none
table.hardware-info
border-spacing: 0
padding: 8px
border: 1px solid #999
td
border: none
td:not(:nth-child(2))
border-right: 1px solid #bbb
tr:not(:last-child) td
border-bottom: 1px solid #bbb
.tempGauge
position: relative
box-sizing: border-box
width: 100%
max-width: 175px
height: 300px
margin-left: auto
margin-right: auto
border: 4px solid #212121
background: rgb(61,191,37)
background: linear-gradient(0deg, rgba(61,191,37,1) 45%, rgba(253,255,2,1) 65%, rgba(253,255,2,1) 75%, rgba(253,45,45,1) 100%)
.tempGaugeFill
display: block
position: absolute
left: 0
top: 0
box-sizing: border-box
width: 100%
height: 0
background: white
#header h1 #header h1
text-align: center text-align: center
@ -50,10 +144,19 @@ button
bottom: 0 bottom: 0
padding-top: 25px padding-top: 25px
padding-bottom: 25px padding-bottom: 25px
background: white
border-top: 1px solid #999 border-top: 1px solid #999
font-size: 16px
.row .row
position: relative position: relative
p.no-margin p.no-margin
margin-bottom: 0 margin-bottom: 0
p#version-info
text-decoration: underline
#systemPages
> div:nth-child(2n + 3)
margin-left: 0

12
assets/twig/about.twig Normal file
View File

@ -0,0 +1,12 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>About Sentry</title>
</head>
<body>
<p>This is a test.</p>
</body>
</html>

View File

@ -1,27 +1,38 @@
{% extends 'layout.twig' %}
{% block scripts %}
<script src="./js/cpu.js" charset="utf-8"></script>
{% endblock %}
{% block content %}
<header class="row"> <header class="row">
<div class="columns twelve u-text-center"> <div class="columns twelve u-text-center">
<h1>Sentry System Info</h1> <h1>Sentry CPU Info</h1>
</div> </div>
</header> </header>
<section class="row"> <section class="row">
<article class="columns eight">
<h5>CPU Model: <span id="cpuInfo">Random CPU</span></h5> <h5>CPU Model: <span id="cpuInfo">Random CPU</span></h5>
<p><span id="cpuCores">2</span>c/<span id="cpuThreads">4</span>t @ <span id="cpuClock">2.0</span>Ghz</p> <table class="hardware-info u-full-width">
<tbody>
<tr>
<td>Physical cores</td>
<td><span id="cpuCores">2</span> cores</td>
</tr>
<tr>
<td>Logical threads</td>
<td><span id="cpuThreads">4</span> threads</td>
</tr>
<tr>
<td>Base clock</td>
<td><span id="cpuClockBase">2.0</span>Ghz</td>
</tr>
<tr>
<td>Boost clock</td>
<td><span id="cpuClockBoost">2.0</span>Ghz</td>
</tr>
</tbody>
</table>
<p>CPU temperature: <span id="cpuTemp">12</span>&deg;C</p> <p>CPU temperature: <span id="cpuTemp">12</span>&deg;C</p>
</section> </article>
<section class="row"> <article class="columns four">
<div class="columns twelve"> <div id="cpuTempDisplay" class="tempGauge">
<a href="index.html">Back</a> <div class="tempGaugeFill"></div>
</div> </div>
</article>
</section> </section>
{% endblock %}

28
assets/twig/gpu.twig Normal file
View File

@ -0,0 +1,28 @@
<header class="row">
<div class="columns twelve u-text-center">
<h1>GPU Info</h1>
<select id="gpuSelector"></select>
</div>
</header>
<section class="row">
<article class="columns twelve">
<h5>GPU Model: <span id="gpuInfo">Random GPU</span></h5>
<table class="hardware-info u-full-width">
<tbody>
<tr>
<td>GPU vendor</td>
<td><span id="gpuVendor">N/a</span></td>
</tr>
<tr>
<td>GPU memory</td>
<td><span id="gpuVram">N/a</span></td>
</tr>
<tr>
<td>Bus</td>
<td><span id="gpuBus">N/a</span></td>
</tr>
</tbody>
</table>
</article>
</section>

View File

@ -8,7 +8,7 @@
</div> </div>
</header> </header>
<section class="row"> <section id="systemPages" class="row">
<!-- CPU info page link --> <!-- CPU info page link -->
<div class="columns six u-text-center"> <div class="columns six u-text-center">
<a class="pageLink" href="cpu.html"> <a class="pageLink" href="cpu.html">
@ -24,6 +24,22 @@
<p class="u-text-center">Graphics Card</p> <p class="u-text-center">Graphics Card</p>
</a> </a>
</div> </div>
<!-- Memory info page link -->
<div class="columns six u-text-center">
<a href="memory.html" class="pageLink">
<i class="fa-solid fa-memory"></i>
<p class="u-text-center">Memory</p>
</a>
</div>
<!-- Storage devices page link -->
<div class="columns six u-text-center">
<a href="storage.html" class="pageLink">
<i class="fa-solid fa-hard-drive"></i>
<p class="u-text-center">Storage devices</p>
</a>
</div>
</section> </section>
{% endblock %} {% endblock %}

View File

@ -8,24 +8,56 @@
<link rel="stylesheet" href="./styles/sentry.css"> <link rel="stylesheet" href="./styles/sentry.css">
<title>Sentry System Monitor</title> <title>Sentry System Monitor</title>
<script src="./js/sentry.js" charset="utf-8"></script> <script src="./js/sentry.js" charset="utf-8"></script>
{% block scripts %}{% endblock %} <script src="./js/cpu.js"></script>
<script src="./js/memory.js"></script>
<script src="./js/storage.js"></script>
<script src="./js/gpu.js"></script>
</head> </head>
<body> <body>
<div class="container"> <!-- tab buttons -->
{% block content %}{% endblock %} <div id="tab-bar">
<div class="container fluid">
<div class="row">
<div class="columns twelve">
<button class="tab-button active" onclick="openTab('overview')">Overview</button>
<button class="tab-button" onclick="openTab('cpu')">CPU</button>
<button class="tab-button" onclick="openTab('memory')">Memory</button>
<button class="tab-button" onclick="openTab('storage')">Storage</button>
<button class="tab-button" onclick="openTab('gpu')">GPU</button>
</div>
</div>
</div>
</div>
<div id="wrapper" class="container">
<div class="component-display active" data-component="overview">
{% include 'overview.twig' %}
</div>
<div class="component-display" data-component="cpu">
{% include 'cpu.twig' %}
</div>
<div class="component-display" data-component="memory">
{% include 'memory.twig' %}
</div>
<div class="component-display" data-component="storage">
{% include 'storage.twig' %}
</div>
<div class="component-display" data-component="gpu">
{% include 'gpu.twig' %}
</div>
</div> </div>
<footer id="footer"> <footer id="footer">
<div class="container fluid"> <div class="container fluid">
<div class="row"> <div class="row">
<div class="columns three"><p></p></div> <div class="columns three">
<p id="version-info" class="no-margin u-text-center">Sentry v<span id="app-version"></span></p>
</div>
<div class="columns six"> <div class="columns six">
<p class="no-margin">This app was built using:</p> <p class="no-margin u-text-center">Developed by Bit Goblin free of charge.</p>
<p class="no-margin"> </div>
Node.js <span id="node-version"></span>, <div class="columns three">
Chromium <span id="chrome-version"></span>, <p class="no-margin u-text-center"><a href="https://git.metaunix.net/BitGoblin/Sentry">Source code</a></p>
and Electron <span id="electron-version"></span>.
</p>
</div> </div>
</div> </div>
</div> </div>

10
assets/twig/memory.twig Normal file
View File

@ -0,0 +1,10 @@
<header class="row">
<div class="columns twelve u-text-center">
<h1>Memory Info</h1>
</div>
</header>
<section class="row">
<p><span id="memoryFree">N/a</span> free out of <span id="memoryTotal">N/a</span>.</p>
<p><span id="memoryActive">N/a</span> is actively used | <span id="memoryBuffCache">N/a</span> is used in buffers/cache.</p>
</section>

View File

@ -0,0 +1,5 @@
<header class="row">
<div class="columns twelve u-text-center">
<h1>Sentry Overview</h1>
</div>
</header>

36
assets/twig/storage.twig Normal file
View File

@ -0,0 +1,36 @@
<header class="row">
<div class="columns twelve u-text-center">
<h1>Storage Device Info</h1>
<select id="diskSelector"></select>
</div>
</header>
<section class="row">
<article class="columns twelve">
<h5>Device Model: <span id="diskInfo">Loading...</span></h5>
<table class="hardware-info u-full-width">
<tbody>
<tr>
<td>Disk Path</td>
<td><span id="diskPath">N/a</span></td>
</tr>
<tr>
<td>Device Type</td>
<td><span id="diskType">N/a</span></td>
</tr>
<tr>
<td>Capacity</td>
<td><span id="diskSize">N/a</span></td>
</tr>
<tr>
<td>Vendor</td>
<td><span id="diskVendor">N/a</span></td>
</tr>
<tr>
<td>Current Temperature</td>
<td><span id="diskTemp">N/a</span></td>
</tr>
</tbody>
</table>
</article>
</section>

10
main.js
View File

@ -1,12 +1,14 @@
// Modules to control application life and create native browser window // Modules to control application life and create native browser window
const {app, BrowserWindow} = require('electron'); const { app, BrowserWindow, Menu } = require('electron');
const path = require('path'); const path = require('path');
function createWindow () { function createWindow () {
// Create the browser window. // Create the browser window.
const mainWindow = new BrowserWindow({ const mainWindow = new BrowserWindow({
width: 800, width: 800,
height: 600, height: 700,
minWidth: 735,
minHeight: 600,
webPreferences: { webPreferences: {
nodeIntegration: true, nodeIntegration: true,
contextIsolation: false, contextIsolation: false,
@ -21,6 +23,10 @@ function createWindow () {
// mainWindow.webContents.openDevTools() // mainWindow.webContents.openDevTools()
} }
// Set the application menu
const menu = require('./src/menu').createMenu(app);
Menu.setApplicationMenu(menu);
// This method will be called when Electron has finished // This method will be called when Electron has finished
// initialization and is ready to create browser windows. // initialization and is ready to create browser windows.
// Some APIs can only be used after this event occurs. // Some APIs can only be used after this event occurs.

1804
package-lock.json generated

File diff suppressed because it is too large Load Diff

View File

@ -1,6 +1,6 @@
{ {
"name": "sentry", "name": "sentry",
"version": "0.1.1", "version": "0.3.3",
"description": "Desktop app to view system information and sensors", "description": "Desktop app to view system information and sensors",
"main": "main.js", "main": "main.js",
"scripts": { "scripts": {
@ -9,15 +9,15 @@
"build-windows": "electron-builder build --win", "build-windows": "electron-builder build --win",
"grunt": "grunt" "grunt": "grunt"
}, },
"repository": "https://git.metaunix.net/metaunix/sentry", "repository": "https://git.metaunix.net/BitGoblin/sentry",
"homepage": "https://git.metaunix.net/metaunix/sentry#readme", "homepage": "https://git.metaunix.net/BitGoblin/sentry#readme",
"keywords": [ "keywords": [
"sensors", "sensors",
"cpu", "cpu",
"gpu", "gpu",
"memory" "memory"
], ],
"author": "Gregory Ballantine <gballantine@metaunix.net>", "author": "Gregory Ballantine <gballantine@bitgoblin.tech>",
"license": "BSD-2-Clause", "license": "BSD-2-Clause",
"devDependencies": { "devDependencies": {
"electron": "^18.2.4", "electron": "^18.2.4",
@ -25,15 +25,15 @@
"grunt": "^1.5.3", "grunt": "^1.5.3",
"grunt-contrib-coffee": "^2.1.0", "grunt-contrib-coffee": "^2.1.0",
"grunt-contrib-copy": "^1.0.0", "grunt-contrib-copy": "^1.0.0",
"grunt-contrib-sass": "^2.0.0",
"grunt-contrib-watch": "^1.1.0", "grunt-contrib-watch": "^1.1.0",
"grunt-dart-sass": "^2.0.1",
"grunt-twig-render": "^1.8.3" "grunt-twig-render": "^1.8.3"
}, },
"dependencies": { "dependencies": {
"systeminformation": "^5.11.15" "systeminformation": "^5.17.12"
}, },
"build": { "build": {
"appId": "net.metaunix.sentry", "appId": "tech.bitgoblin.sentry",
"copyright": "Copyright © 2022 ${author}", "copyright": "Copyright © 2022 ${author}",
"win": { "win": {
"target": "nsis", "target": "nsis",

View File

@ -1,3 +1,5 @@
const appInfo = require('./package.json');
// All of the Node.js APIs are available in the preload process. // All of the Node.js APIs are available in the preload process.
// It has the same sandbox as a Chrome extension. // It has the same sandbox as a Chrome extension.
window.addEventListener('DOMContentLoaded', () => { window.addEventListener('DOMContentLoaded', () => {
@ -6,7 +8,5 @@ window.addEventListener('DOMContentLoaded', () => {
if (element) element.innerText = text if (element) element.innerText = text
} }
for (const type of ['chrome', 'node', 'electron']) { replaceText('app-version', appInfo.version);
replaceText(`${type}-version`, process.versions[type]) });
}
})

15
src/menu/help.js Normal file
View File

@ -0,0 +1,15 @@
const { BrowserWindow } = require('electron');
exports.about = function() {
const aboutWindow = new BrowserWindow({
width: 600,
height: 400,
webPreferences: {
nodeIntegration: true,
contextIsolation: false
}
});
// and load the about.html of the app.
aboutWindow.loadFile('public/about.html');
};

30
src/menu/index.js Normal file
View File

@ -0,0 +1,30 @@
const electron = require('electron');
// load event handlers
const helpHandlers = require('./help');
exports.createMenu = function(app) {
return electron.Menu.buildFromTemplate([
{
label: 'File',
submenu: [
{
label: 'Close',
click: function() {
app.quit();
}
}
]
},
{
label: 'Help',
submenu: [
{
label: 'About',
click: helpHandlers.about
}
]
}
]);
};