2013-09-05 16:02:48 +02:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<meta charset="utf-8">
|
2014-05-08 22:50:19 +02:00
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/>
|
2014-05-13 00:59:27 +02:00
|
|
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
|
|
|
<meta name="mobile-web-app-capable" content="yes">
|
|
|
|
|
|
2013-09-05 16:02:48 +02:00
|
|
|
<!--
|
2015-02-26 22:29:56 +01:00
|
|
|
Copyright 2013, 2015 IBM Corp.
|
2013-09-05 16:02:48 +02:00
|
|
|
|
|
|
|
|
Licensed under the Apache License, Version 2.0 (the "License");
|
|
|
|
|
you may not use this file except in compliance with the License.
|
|
|
|
|
You may obtain a copy of the License at
|
|
|
|
|
|
|
|
|
|
http://www.apache.org/licenses/LICENSE-2.0
|
|
|
|
|
|
|
|
|
|
Unless required by applicable law or agreed to in writing, software
|
|
|
|
|
distributed under the License is distributed on an "AS IS" BASIS,
|
|
|
|
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
|
|
|
See the License for the specific language governing permissions and
|
|
|
|
|
limitations under the License.
|
|
|
|
|
-->
|
|
|
|
|
<head>
|
|
|
|
|
<title>Node-RED</title>
|
|
|
|
|
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
|
|
|
|
|
<link href="jquery/css/smoothness/jquery-ui-1.10.3.custom.min.css" rel="stylesheet" media="screen">
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="orion/built-editor.css"/>
|
2014-05-31 01:01:22 +02:00
|
|
|
<link rel="stylesheet" type="text/css" href="font-awesome/css/font-awesome.min.css"/>
|
2013-09-05 16:02:48 +02:00
|
|
|
<link rel="stylesheet" href="style.css">
|
2014-09-01 03:18:12 +02:00
|
|
|
</head>
|
2013-09-05 16:02:48 +02:00
|
|
|
<body spellcheck="false">
|
2014-08-20 22:58:54 +02:00
|
|
|
<div id="header">
|
2014-08-22 12:07:32 +02:00
|
|
|
<span class="logo"><img src="node-red.png"> <span>Node-RED</span></span>
|
2014-12-10 15:58:53 +01:00
|
|
|
<ul class="header-toolbar hide">
|
2015-01-15 11:27:18 +01:00
|
|
|
<li><span class="deploy-button-group button-group">
|
|
|
|
|
<a id="btn-deploy" class="action-deploy disabled" href="#"><img id="btn-icn-deploy" src="images/deploy-full-o.png"> <span>Deploy</span></a>
|
|
|
|
|
<a id="btn-deploy-options" data-toggle="dropdown" class="" href="#"><i class="fa fa-caret-down"></i></a>
|
|
|
|
|
</span></li>
|
2014-12-10 15:58:53 +01:00
|
|
|
<li><a id="btn-usermenu" class="button hide" data-toggle="dropdown" href="#"><i class="fa fa-user"></i></a></li>
|
2015-01-15 11:27:18 +01:00
|
|
|
<li><a id="btn-sidemenu" class="button" data-toggle="dropdown" href="#"><i class="fa fa-bars"></i></a></li>
|
|
|
|
|
<ul>
|
2013-09-05 16:02:48 +02:00
|
|
|
</div>
|
2014-11-11 11:15:02 +01:00
|
|
|
<div id="main-container" class="sidebar-closed hide">
|
2013-09-05 16:02:48 +02:00
|
|
|
<div id="palette">
|
2014-11-11 11:15:02 +01:00
|
|
|
<img src="spin.svg" class="palette-spinner hide"/>
|
2014-06-30 17:31:02 +02:00
|
|
|
<div id="palette-container" class="palette-scroll">
|
2014-01-19 13:12:07 +01:00
|
|
|
</div>
|
|
|
|
|
<div id="palette-search">
|
2014-08-19 23:58:52 +02:00
|
|
|
<i class="fa fa-search"></i><input id="palette-search-input" type="text" placeholder="filter"><a href="#" id="palette-search-clear"><i class="fa fa-times"></i></a></input>
|
2013-09-05 16:02:48 +02:00
|
|
|
</div>
|
|
|
|
|
</div><!-- /palette -->
|
|
|
|
|
|
2013-10-23 01:02:22 +02:00
|
|
|
<div id="workspace">
|
2013-10-25 22:34:00 +02:00
|
|
|
<ul id="workspace-tabs"></ul>
|
2014-08-19 23:58:52 +02:00
|
|
|
<div id="workspace-add-tab"><a id="btn-workspace-add-tab" href="#"><i class="fa fa-plus"></i></a></div>
|
2013-10-23 11:44:08 +02:00
|
|
|
<div id="chart"></div>
|
2014-02-21 10:54:50 +01:00
|
|
|
<div id="workspace-toolbar">
|
2015-01-17 22:02:28 +01:00
|
|
|
<a class="button" id="workspace-subflow-edit" href="#"><i class="fa fa-pencil"></i> edit name</a>
|
2014-11-13 13:59:28 +01:00
|
|
|
<a class="button disabled" id="workspace-subflow-add-input" href="#"><i class="fa fa-plus"></i> input</a>
|
|
|
|
|
<a class="button" id="workspace-subflow-add-output" href="#"><i class="fa fa-plus"></i> output</a>
|
2015-01-17 22:02:28 +01:00
|
|
|
<a class="button" id="workspace-subflow-delete" href="#"><i class="fa fa-trash"></i> delete subflow</a>
|
2014-02-21 10:54:50 +01:00
|
|
|
</div>
|
2013-10-23 01:02:22 +02:00
|
|
|
</div>
|
2013-09-05 16:02:48 +02:00
|
|
|
|
|
|
|
|
<div id="chart-zoom-controls">
|
|
|
|
|
<div class="btn-group">
|
2014-08-19 23:58:52 +02:00
|
|
|
<a class="btn btn-mini" id="btn-zoom-out" href="#"><i class="fa fa-search-minus"></i></a>
|
|
|
|
|
<a class="btn btn-mini" id="btn-zoom-zero" href="#"><i class="fa fa-dot-circle-o"></i></a>
|
|
|
|
|
<a class="btn btn-mini" id="btn-zoom-in" href="#"><i class="fa fa-search-plus"></i></a>
|
2013-09-05 16:02:48 +02:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="sidebar">
|
2013-10-28 21:06:46 +01:00
|
|
|
<ul id="sidebar-tabs"></ul>
|
|
|
|
|
<div id="sidebar-content"></div>
|
2013-09-05 16:02:48 +02:00
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="sidebar-separator"></div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="notifications"></div>
|
2014-08-20 22:58:54 +02:00
|
|
|
<div id="dropTarget"><div>Drop the flow here<br/><i class="fa fa-download"></i></div></div>
|
2014-11-11 11:15:02 +01:00
|
|
|
<div id="shade"></div>
|
2013-09-05 16:02:48 +02:00
|
|
|
|
|
|
|
|
<div id="dialog" class="hide"><form id="dialog-form" class="form-horizontal"></form></div>
|
|
|
|
|
<div id="node-config-dialog" class="hide"><form id="dialog-config-form" class="form-horizontal"></form><div class="form-tips" id="node-config-dialog-user-count"></div></div>
|
2014-02-25 00:35:11 +01:00
|
|
|
<div id="subflow-dialog" class="hide">
|
|
|
|
|
<form class="form-horizontal">
|
|
|
|
|
<div class="form-row">
|
|
|
|
|
<label>Name</label><input type="text" id="subflow-input-name">
|
|
|
|
|
</div>
|
|
|
|
|
</form>
|
|
|
|
|
<div class="form-tips" id="subflow-dialog-user-count"></div>
|
|
|
|
|
</div>
|
2013-09-05 16:02:48 +02:00
|
|
|
|
|
|
|
|
<div id="node-dialog-confirm-deploy" class="hide">
|
|
|
|
|
<form class="form-horizontal">
|
2013-12-12 16:51:15 +01:00
|
|
|
<div id="node-dialog-confirm-deploy-config" style="text-align: center; padding-top: 30px;">
|
2013-09-05 16:02:48 +02:00
|
|
|
Some of the nodes are not properly configured. Are you sure you want to deploy?
|
|
|
|
|
</div>
|
2013-12-12 16:51:15 +01:00
|
|
|
<div id="node-dialog-confirm-deploy-unknown" style="text-align: center; padding-top: 10px;">
|
|
|
|
|
The workspace contains some unknown node types:
|
|
|
|
|
<ul style="width: 300px; margin: auto; text-align: left;" id="node-dialog-confirm-deploy-unknown-list"></ul>
|
|
|
|
|
Are you sure you want to deploy?
|
|
|
|
|
</div>
|
2013-09-05 16:02:48 +02:00
|
|
|
</form>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="node-dialog-library-save-confirm" class="hide">
|
|
|
|
|
<form class="form-horizontal">
|
|
|
|
|
<div style="text-align: center; padding-top: 30px;">
|
|
|
|
|
A <span id="node-dialog-library-save-type"></span> called <span id="node-dialog-library-save-name"></span> already exists. Overwrite?
|
|
|
|
|
</div>
|
|
|
|
|
</form>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="node-dialog-library-save" class="hide">
|
|
|
|
|
<form class="form-horizontal">
|
|
|
|
|
<div class="form-row">
|
2014-08-19 23:58:52 +02:00
|
|
|
<label for="node-dialog-library-save-folder"><i class="fa fa-folder-open"></i> Folder</label>
|
2013-09-05 16:02:48 +02:00
|
|
|
<input type="text" id="node-dialog-library-save-folder" placeholder="Folder">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="form-row">
|
2014-08-19 23:58:52 +02:00
|
|
|
<label for="node-dialog-library-save-filename"><i class="fa fa-file"></i> Filename</label>
|
2013-09-05 16:02:48 +02:00
|
|
|
<input type="text" id="node-dialog-library-save-filename" placeholder="Filename">
|
|
|
|
|
</div>
|
|
|
|
|
</form>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="node-dialog-library-lookup" class="hide">
|
|
|
|
|
<form class="form-horizontal">
|
|
|
|
|
<div class="form-row">
|
|
|
|
|
<ul id="node-dialog-library-breadcrumbs" class="breadcrumb">
|
2014-04-21 00:07:54 +02:00
|
|
|
<li class="active"><a href="#">Library</a></li>
|
2013-09-05 16:02:48 +02:00
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="form-row">
|
|
|
|
|
<div style="vertical-align: top; display: inline-block; height: 100%; width: 30%; padding-right: 20px;">
|
|
|
|
|
<div id="node-select-library" style="border: 1px solid #999; width: 100%; height: 100%; overflow:scroll;"><ul></ul></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div style="vertical-align: top; display: inline-block;width: 65%; height: 100%;">
|
|
|
|
|
<div style="height: 100%; width: 95%;" class="node-text-editor" id="node-select-library-text" ></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</form>
|
|
|
|
|
</div>
|
2013-10-26 23:29:24 +02:00
|
|
|
<div id="node-dialog-rename-workspace" class="hide">
|
|
|
|
|
<form class="form-horizontal">
|
|
|
|
|
<div class="form-row">
|
2014-08-19 23:58:52 +02:00
|
|
|
<label for="node-input-workspace-name" ><i class="fa fa-tag"></i> Name:</label>
|
2013-10-26 23:29:24 +02:00
|
|
|
<input type="text" id="node-input-workspace-name">
|
|
|
|
|
</div>
|
|
|
|
|
</form>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="node-dialog-delete-workspace" class="hide">
|
|
|
|
|
<form class="form-horizontal">
|
|
|
|
|
<div style="text-align: center; padding-top: 30px;">
|
|
|
|
|
Are you sure you want to delete '<span id="node-dialog-delete-workspace-name"></span>'?
|
|
|
|
|
</div>
|
|
|
|
|
</form>
|
|
|
|
|
</div>
|
2015-03-13 00:38:37 +01:00
|
|
|
|
2013-09-05 16:02:48 +02:00
|
|
|
<script type="text/x-red" data-template-name="export-library-dialog">
|
|
|
|
|
<div class="form-row">
|
2014-08-20 22:58:54 +02:00
|
|
|
<label for="node-input-filename" ><i class="fa fa-file"></i> Filename:</label>
|
2013-09-05 16:02:48 +02:00
|
|
|
<input type="text" id="node-input-filename" placeholder="Filename">
|
|
|
|
|
</div>
|
|
|
|
|
</script>
|
|
|
|
|
|
2014-02-25 00:35:11 +01:00
|
|
|
<script type="text/x-red" data-template-name="subflow">
|
|
|
|
|
<div class="form-row">
|
|
|
|
|
<label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
|
|
|
|
|
<input type="text" id="node-input-name" placeholder="name">
|
|
|
|
|
</div>
|
|
|
|
|
</script>
|
|
|
|
|
|
2014-08-20 22:58:54 +02:00
|
|
|
<script src="jquery/js/jquery-1.11.1.min.js"></script>
|
2013-09-05 16:02:48 +02:00
|
|
|
<script src="bootstrap/js/bootstrap.min.js"></script>
|
|
|
|
|
<script src="jquery/js/jquery-ui-1.10.3.custom.min.js"></script>
|
2014-05-08 22:47:58 +02:00
|
|
|
<script src="jquery/js/jquery.ui.touch-punch.min.js"></script>
|
2015-01-29 16:57:05 +01:00
|
|
|
<script src="marked/marked.min.js"></script>
|
2013-09-05 16:02:48 +02:00
|
|
|
<script src="orion/built-editor.min.js"></script>
|
2015-02-13 01:14:11 +01:00
|
|
|
<script src="ace/ace.js"></script>
|
|
|
|
|
<script src="ace/ext-language_tools.js"></script>
|
2013-09-05 16:02:48 +02:00
|
|
|
<script src="d3.v3.min.js"></script>
|
|
|
|
|
<script src="red/main.js"></script>
|
2014-11-12 14:21:39 +01:00
|
|
|
<script src="red/settings.js"></script>
|
2014-12-10 15:16:07 +01:00
|
|
|
<script src="red/user.js"></script>
|
2014-05-08 15:15:54 +02:00
|
|
|
<script src="red/comms.js"></script>
|
2013-09-05 16:02:48 +02:00
|
|
|
<script src="red/ui/state.js"></script>
|
|
|
|
|
<script src="red/nodes.js"></script>
|
|
|
|
|
<script src="red/history.js"></script>
|
|
|
|
|
<script src="red/validators.js"></script>
|
2014-08-20 22:58:54 +02:00
|
|
|
<script src="red/ui/menu.js"></script>
|
2013-09-05 16:02:48 +02:00
|
|
|
<script src="red/ui/keyboard.js"></script>
|
2013-10-23 01:02:22 +02:00
|
|
|
<script src="red/ui/tabs.js"></script>
|
2015-03-13 00:38:37 +01:00
|
|
|
<script src="red/ui/workspaces.js"></script>
|
2013-09-05 16:02:48 +02:00
|
|
|
<script src="red/ui/view.js"></script>
|
|
|
|
|
<script src="red/ui/sidebar.js"></script>
|
|
|
|
|
<script src="red/ui/palette.js"></script>
|
2014-02-26 23:58:44 +01:00
|
|
|
<script src="red/ui/tab-info.js"></script>
|
2014-01-25 23:31:43 +01:00
|
|
|
<script src="red/ui/tab-config.js"></script>
|
2013-09-05 16:02:48 +02:00
|
|
|
<script src="red/ui/editor.js"></script>
|
2015-03-13 00:38:37 +01:00
|
|
|
<script src="red/ui/clipboard.js"></script>
|
2013-09-05 16:02:48 +02:00
|
|
|
<script src="red/ui/library.js"></script>
|
|
|
|
|
<script src="red/ui/notifications.js"></script>
|
2015-03-12 01:08:47 +01:00
|
|
|
<script src="red/ui/subflow.js"></script>
|
2014-05-15 23:49:07 +02:00
|
|
|
<script src="red/ui/touch/radialMenu.js"></script>
|
2015-01-29 16:57:05 +01:00
|
|
|
|
2013-09-05 16:02:48 +02:00
|
|
|
</body>
|
|
|
|
|
</html>
|
