node-red-desktop/settings.html at master · sakazuki/node-red-desktop · 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
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
<title>Node-RED-Desktop</title>
<link rel="icon" type="image/png" href="file:./node_modules/@node-red/editor-client/public/favicon.ico">
<link rel="mask-icon" href="file:./node_modules/@node-red/editor-client/public/red/images/node-red-icon-black.svg" color="#8f0000">
<link rel="stylesheet" href="file:./node_modules/@node-red/editor-client/public/vendor/jquery/css/base/jquery-ui.min.css">
<link rel="stylesheet" href="file:./node_modules/@node-red/editor-client/public/vendor/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="file:./node_modules/@node-red/editor-client/public/red/style.min.css">
<style>
.red-ui-tray {
  position: unset;
  right: unset;
  width: 100%;
  border-bottom: unset;
}
.red-ui-tray-body {
  height: 100%;
}
.red-ui-tabs.red-ui-tabs-vertical ul {
  height: 2em;
}
.red-ui-settings-tab {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  padding: 8px 20px 20px;
  overflow-y: scroll;
}
.red-ui-settings-tabs-content input[type='number'] {
  width: unset;
}
.error {
  color: red;
}
</style>
</head>
<body>
<div class="red-ui-editor">
  <div class="red-ui-tray ui-draggable">
    <form id="configForm">
      <div class="red-ui-tray-header editor-tray-header">
        <div class="red-ui-tray-titlebar">
          <ul class="red-ui-tray-breadcrumbs">
            <li>Settings</li>
          </ul>
        </div>
        <div class="red-ui-tray-toolbar">
          <button class="ui-button ui-corner-all ui-widget" id="button-cancel">Cancel</button>
          <button class="ui-button ui-corner-all ui-widget primary" id="button-submit">Submit</button>
        </div>
      </div>
      <div class="red-ui-tray-body-wrapper">
        <div class="red-ui-tray-body editor-tray-body">
          <div>
            <div class="red-ui-settings-tabs-container">
              <div class="red-ui-tabs red-ui-tabs-vertical">
                <div>
                  <ul id="user-settings-tabs">
                    <li class="red-ui-tab active" id="red-ui-tab-user-settings-nodered">
                      <a href="#user-settings-nodered" class="red-ui-tab-label" title="Node-RED"><span class="red-ui-text-bidi-aware" dir="">Node-RED</span></a>
                      <span class="red-ui-tabs-badges"></span>
                    </li>
                    <li class="red-ui-tab" id="red-ui-tab-user-settings-other">
                      <a href="#user-settings-other" class="red-ui-tab-label" title="Other"><span class="red-ui-text-bidi-aware" dir="">Other</span></a>
                      <span class="red-ui-tabs-badges"></span>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
            <div class="red-ui-settings-tabs-content">
              <div id="user-settings-nodered" class="red-ui-settings-tab">
                <h3>Runtime Configuration</h3>
                <div class="red-ui-settings-row form-row">
                    <label id="label-userdir" for="userdir">Userdir</label>
                    <input type="text" id="userdir" name="userdir" autocomplete="off" dir="" placeholder="Userdir">
                </div>
                <div class="red-ui-settings-row form-row">
                    <label id="label-credentialsecret" for="credentialsecret">Credential secret</label>
                    <input type="text" id="credentialsecret" name="credentialsecret" autocomplete="off" dir="" placeholder="Secret">
                </div>
                <div class="red-ui-settings-row">
                  <label id="label-nodesexcludes" for="node-input-blacklist">Nodes blacklist</label>
                  <textarea id="nodesexcludes" name="nodesexcludes" style="display: none;"></textarea>
                  <div style="height: 100px;" class="node-text-editor" id="node-input-blacklist"></div>
                </div>
                <div class="red-ui-settings-row">
                    <label id="label-projects" for="projects">Enable Projects</label>
                    <input type="checkbox" id="projects" name="projects">
                </div>
                <div class="red-ui-settings-row">
                  <label id="label-listenport" for="listenport">Listen port</label>
                  <input type="number" id="listenport" name="listenport" autocomplete="off" placeholder="">
                </div>
                <h4 id="label-httpnodeauth">HTTP Node Auth</h4>
                <div class="red-ui-settings-row">
                    <label id="label-httpnodeauthuser" for="httpnodeauthuser">Username</label>
                    <input type="text" id="httpnodeauthuser" name="httpnodeauthuser" autocomplete="off" dir="" placeholder="Username">
                    <label id="label-httpnodeauthpass" for="httpnodeauthpass">Password</label>
                    <input type="text" id="httpnodeauthpass" name="httpnodeauthpass" autocomplete="off" dir="" placeholder="Password">
                </div>
              </div>

              <div id="user-settings-other" class="red-ui-settings-tab" style="display: none;">
                <div class="red-ui-settings-row">
                  <input type="checkbox" id="hideonminimize" name="hideonminimize">
                  <label id="label-hideonminimize" for="hideonminimize">Hide app on miminize</label>
                </div>
                <div class="red-ui-settings-row">
                  <input type="checkbox" id="autocheckupdate" name="autocheckupdate">
                  <label id="label-autocheckupdate" for="autocheckupdate">Check update on startup</label>
                </div>
                <div class="red-ui-settings-row">
                  <input type="checkbox" id="allowprerelease" name="allowprerelease">
                  <label id="label-allowprerelease" for="allowprerelease">Allow usging prerelase</label>
                </div>
                <div class="red-ui-settings-row">
                  <input type="checkbox" id="openlastfile" name="openlastfile">
                  <label id="label-openlastfile" for="openlastfile">Open a last file on startup</label>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </form>
  </div>
</div>
<script src="file:./node_modules/@node-red/editor-client/public/vendor/vendor.js"></script>
<script src="file:./node_modules/jquery-validation/dist/jquery.validate.min.js"></script>
<script src="file:./node_modules/jquery-validation/dist/additional-methods.min.js"></script>
<script src="renderer/settings.js"></script>
</body>
</html>