jmn-basic-elements
Version:
A collection of HMI elements representing P&ID entities made with JS-HMI.
42 lines (37 loc) • 1.29 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script type="module" src="./main.js"></script>
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
<style>
div.container{
display: flex;
flex-direction: row;
justify-content: space-evenly;
flex-wrap: wrap;
align-items: center;
width: 100%;
height: 90vh;
}
</style>
</head>
<body>
<div class="container">
<valve-pr name="PV01"></valve-pr>
<color-box name="FC01">
<numeric-ind name="FC01" unit="slpm"></numeric-ind>
<set-number name="setFC01"></set-number>
</color-box>
<valve-pd name="PV02"></valve-pd>
<color-box name="FC02">
<set-number name="setFC02">Whatever</set-number>
</color-box>
<vacum-pump name="KNF" ></vacum-pump>
<h3><a href="pID.html">Go to P&ID demo</a></h3>
</div>
</body>
</html>