input-block/index.html at master · OpenSourceSync/input-block · 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
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <title>Hello World!</title>
</head>

<body>
  <button onclick="openFilter()">Open</button>
  <button onclick="closeFilter()">Close</button>
  <script>
    const app = require('electron').remote.app;

    const {
      BrowserWindow
    } = require('electron').remote

    const {
      screen
    } = require('electron').remote

    const path = require('path')
    const url = require('url')
    const os = require('os')

    let win;

    function openFilter() {
      if (os.platform() == 'win32') {
        win = new BrowserWindow({
          width: 800,
          height: 600,
          transparent: true,
          frame: false,
          alwaysOnTop: true,
          skipTaskbar: true,
          enableLargerThanScreen: true,
          thickFrame: false
        })

        win.loadURL(url.format({
          pathname: path.join(__dirname, 'hide.html'),
          protocol: 'file:',
          slashes: true
        }))

        var allScreens = screen.getAllDisplays();

        win.setSize(allScreens[0].bounds.width + 100, allScreens[0].bounds.height + 100)
        win.setResizable(false)
        win.setPosition(-50, -50)

        app.focus()
        win.focus()
      }
    }

    function closeFilter() {
      if (os.platform() == 'win32')
      {
        win.close();
      }
    }
  </script>
</body>

</html>