node-red-contrib-uibuilder
Version:
Easily create data-driven web UI's for Node-RED. Single- & Multi-page. Multiple UI's. Work with existing web development workflows or mix and match with no-code/low-code features.
39 lines (27 loc) • 1.89 kB
HTML
<html lang="en"><head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>VueJS + bootstrap-vue simple template - Node-RED uibuilder</title>
<meta name="description" content="Node-RED uibuilder - VueJS + bootstrap-vue simple template">
<link rel="icon" href="../uibuilder/images/node-blue.ico">
<!-- #region Supporting CSS. -->
<link type="text/css" rel="stylesheet" href="../uibuilder/vendor/bootstrap/dist/css/bootstrap.min.css" />
<link type="text/css" rel="stylesheet" href="../uibuilder/vendor/bootstrap-vue/dist/bootstrap-vue.css" />
<link type="text/css" rel="stylesheet" href="./index.css" media="all"><!-- Your own CSS -->
<!-- #endregion -->
<!-- #region Supporting Scripts. These MUST be in the right order. Note no leading / - socket.io no longer needed -->
<script defer src="../uibuilder/vendor/vue/dist/vue.min.js">/* prod version with component compiler */</script>
<script defer src="../uibuilder/vendor/bootstrap-vue/dist/bootstrap-vue.min.js">/* remove 'min.' to use dev version */</script>
<script defer src="../uibuilder/uibuilder.iife.min.js">/* THE UIBUILDER LIBRARY MUST BE IN THE HTML! DO NOT REMOVE */</script>
<script defer src="./index.js">/* OPTIONAL: Put your custom code in that */</script>
<!-- #endregion -->
</head><body>
<div id="app" class="uib" v-cloak><!-- All UI code needs to be in here -->
<b-container id="app_container"><!-- Wraps the bootstrap-vue formatting -->
<h1 class="with-subtitle">uibuilder + Vue v2 + bootstrap-vue - Simple Template</h1>
<div role="doc-subtitle">Using the uibuilder IIFE library.</div>
<div id="more"><!-- '#more' is used as a parent for dynamic content in examples --></div>
</b-container>
</div>
</body></html>