node-red/packages/node_modules/@node-red/editor-client/templates/index.mst

<!DOCTYPE html>
<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"/>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="mobile-web-app-capable" content="yes">
<!--
  Copyright JS Foundation and other contributors, http://js.foundation

  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.
-->
<title>{{ page.title }}</title>
<link rel="icon" type="image/png" href="{{ page.favicon }}">
<link rel="mask-icon" href="{{ page.tabicon.icon }}" color="{{ page.tabicon.colour }}">
<link rel="stylesheet" href="vendor/jquery/css/base/jquery-ui.min.css">
<link rel="stylesheet" href="vendor/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="red/style.min.css">
{{#page.css}}
<link rel="stylesheet" href="{{.}}">
{{/page.css}}
{{#asset.vendorMonaco}}
<link rel="stylesheet" href="vendor/monaco/style.css">
{{/asset.vendorMonaco}}
</head>
<body spellcheck="false">
<div id="red-ui-editor"></div>
<script src="vendor/vendor.js"></script>
{{#asset.vendorMonaco}}
<script src="{{ asset.vendorMonaco }}"></script>
{{/asset.vendorMonaco}}
<script src="{{ asset.red }}"></script>
<script src="{{ asset.main }}"></script>
{{# page.scripts }}
<script src="{{.}}"></script>
{{/ page.scripts }}

</body>
</html>
Add editorTheme setting 2015-04-13 01:11:11 +02:00			`<!DOCTYPE html>`
			`<html>`
Put <meta> inside <head> to keep IE11 happy 2019-09-30 11:59:20 +02:00			`<head>`
Add editorTheme setting 2015-04-13 01:11:11 +02:00			`<meta charset="utf-8">`
Add meta tag for IE edge compatibility 2015-04-28 15:25:41 +02:00			`<meta http-equiv="X-UA-Compatible" content="IE=edge" />`
Add editorTheme setting 2015-04-13 01:11:11 +02:00			`<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/>`
			`<meta name="apple-mobile-web-app-capable" content="yes">`
			`<meta name="mobile-web-app-capable" content="yes">`
			`<!--`
Update copyright header for JS Foundation 2017-01-11 16:24:33 +01:00			`Copyright JS Foundation and other contributors, http://js.foundation`
Add editorTheme setting 2015-04-13 01:11:11 +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.`
			`-->`
			`<title>{{ page.title }}</title>`
			`<link rel="icon" type="image/png" href="{{ page.favicon }}">`
Add support for colouring tab icon in settings.js ``` editorTheme: { page: { tabicon: { icon: "full/path/of/tabicon.svg", colour: "#008f00" } } ``` The old way still works also (but doesn't allow the tabicon to be coloured: ``` editorTheme: { page: { tabicon: "full/path/of/tabicon.svg" } } ``` 2021-09-10 03:10:01 +02:00			`<link rel="mask-icon" href="{{ page.tabicon.icon }}" color="{{ page.tabicon.colour }}">`
Get rid of Bootstrap 2019-05-02 18:03:42 +02:00			`<link rel="stylesheet" href="vendor/jquery/css/base/jquery-ui.min.css">`
Add editorTheme setting 2015-04-13 01:11:11 +02:00			`<link rel="stylesheet" href="vendor/font-awesome/css/font-awesome.min.css">`
			`<link rel="stylesheet" href="red/style.min.css">`
			`{{#page.css}}`
			`<link rel="stylesheet" href="{{.}}">`
			`{{/page.css}}`
integrate monaco - refactors createEditor out to own code files - moves ace editor to own code file - adds monaco editor to own code file - add monaco bootstrap - update mst to include monaco asset - update grunt to include new files and integrate 2021-04-29 18:58:41 +02:00			`{{#asset.vendorMonaco}}`
			`<link rel="stylesheet" href="vendor/monaco/style.css">`
			`{{/asset.vendorMonaco}}`
Add editorTheme setting 2015-04-13 01:11:11 +02:00			`</head>`
			`<body spellcheck="false">`
Simplify index.mst to a single div to insert the editor 2019-05-02 17:09:13 +02:00			`<div id="red-ui-editor"></div>`
Add editorTheme setting 2015-04-13 01:11:11 +02:00			`<script src="vendor/vendor.js"></script>`
integrate monaco - refactors createEditor out to own code files - moves ace editor to own code file - adds monaco editor to own code file - add monaco bootstrap - update mst to include monaco asset - update grunt to include new files and integrate 2021-04-29 18:58:41 +02:00			`{{#asset.vendorMonaco}}`
			`<script src="{{ asset.vendorMonaco }}"></script>`
			`{{/asset.vendorMonaco}}`
Set NODE_ENV in grunt dev task to serve non-minified assets 2015-05-11 21:24:15 +02:00			`<script src="{{ asset.red }}"></script>`
Make red.min.js a reusable library 2016-11-02 23:53:18 +01:00			`<script src="{{ asset.main }}"></script>`
Make theme able to load custom javascript (#1211) * Make theme able to load custom javascript - Look for the field 'customScript' in editorTheme (settings.js) - Add it to mustach context - Load list on template side (index.mst) * Add unit tests for customScripts * Code review edits : generic behavior for theme.page.[css\|scripts] - Use the same way to share css and javascript files from a theme - Allow string instead of array for theme.page.scripts - Remove old customScript field 2017-04-10 16:46:44 +02:00			`{{# page.scripts }}`
			`<script src="{{.}}"></script>`
			`{{/ page.scripts }}`
Add editorTheme setting 2015-04-13 01:11:11 +02:00
			`</body>`
			`</html>`