sysinfoapp/index.html at master · tobamaestro/sysinfoapp · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>SysInfoApp</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://bootswatch.com/4/darkly/bootstrap.min.css" />
</head>
<body>
    <div class="container">
        <h1><center>SysInfoApp</center></h1>
        <div id="output"></div>
    </div>
</body>
<script>
    console.log(process);
    let output = `
        <h2 class="page-header">App Version Data</h2>
        <ul class="list-group">
            <li class="list-group-item">Node: ${process.versions.node}</li>
            <li class="list-group-item">Chrome: ${process.versions.chrome}</li>
            <li class="list-group-item">Electron: ${process.versions.electron}</li>
        </ul>

        <h2 class="page-header">System Specs</h2>
        <ul class="list-group">
            <li class="list-group-item">System Architecture: ${process.arch}</li>
            <li class="list-group-item">SSH Agent PID: ${process.env.SSH_AGENT_PID}</li>
        </ul>

        <h2 class="page-header">System Memory</h2>
        <ul class="list-group">
            <li class="list-group-item">Total: ${process.getSystemMemoryInfo().total} KB</li>
            <li class="list-group-item">Free: ${process.getSystemMemoryInfo().free} KB</li>
        </ul>

        <h2 class="page-header">Computer Info</h2>
        <ul class="list-group">
            <li class="list-group-item">Username: ${process.env.USER}</li>
            <li class="list-group-item">User Home Path: ${process.env.HOME}</li>
            <li class="list-group-item">Editor: ${process.env.EDITOR}</li>
        </ul>
    `;
    document.getElementById('output').innerHTML = output;
</script>
<script>
    require('./renderer.js');
</script>
</html>