mirror of
https://github.com/esiur/esiur-dotnet.git
synced 2025-10-29 23:21:36 +00:00
106 lines
4.1 KiB
HTML
106 lines
4.1 KiB
HTML
|
|
<html lang="ar-iq">
|
|
<head>
|
|
|
|
<base href="/" target="_blank">
|
|
|
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
<meta charset="utf-8">
|
|
|
|
<link rel="apple-touch-icon" sizes="180x180" href="img/fi/apple-touch-icon.png">
|
|
<link rel="icon" type="image/png" sizes="32x32" href="img/fi/favicon-32x32.png">
|
|
<link rel="icon" type="image/png" sizes="16x16" href="img/fi/favicon-16x16.png">
|
|
<link rel="manifest" href="img/fi/site.webmanifest">
|
|
<link rel="mask-icon" href="img/fi/safari-pinned-tab.svg" color="#5bbad5">
|
|
<meta name="msapplication-TileColor" content="#da532c">
|
|
<meta name="theme-color" content="#ffffff">
|
|
|
|
<script src="node_modules/esiur/src/esiur.js" type="module"></script>
|
|
<script src="node_modules/@esiur/iui/src/iui.js" type="module"></script>
|
|
|
|
|
|
<title>Esiur Demo</title>
|
|
|
|
<script src="js/app.js"></script>
|
|
|
|
<!--IUI 2.0 -->
|
|
<link href="node_modules/@esiur/iui/css/iui.css" rel="stylesheet" />
|
|
<link href="css/style.css" rel="stylesheet" />
|
|
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<i-app onload="init()">
|
|
|
|
<div class="footer">
|
|
Esiur Foundation
|
|
<br />
|
|
Nahrain University, College of Information Technology Engineering
|
|
</div>
|
|
|
|
<div class="title-bar" >
|
|
<img src="img/coie.jpg" class="logo desktop">
|
|
<h1 class="desktop">Esiur Demo</h1>
|
|
<h3 class="desktop">${FORMAT_CONNECTION_STATUS(d?.status ?? 0)}</h3>
|
|
<div ::class="`logo connection-${(d?.status ?? 0)}`"></div>
|
|
</div>
|
|
|
|
|
|
<div class="content" async:data="d?.get('sys/demo')">
|
|
<div id="label" contenteditable="true" oninput="this.data.Label = this.innerText" class="label">
|
|
${d.Label}
|
|
|
|
</div>
|
|
<!--<div>
|
|
<input type="range" id="volume" name="volume" min="0" max="100" :value="d.Color" @input="this.data.Color = this.value" />
|
|
</div>-->
|
|
|
|
<canvas id="canvas" width="400" height="320"></canvas>
|
|
<div style="padding: 10px; background: #e3e3e3; border-radius: 10px">
|
|
|
|
<input type="radio" name="color" id="black" value="1" checked/>
|
|
<label for="black"><span class="black"></span></label>
|
|
|
|
<input type="radio" name="color" id="white" value="0" />
|
|
<label for="white"><span class="white"></span></label>
|
|
|
|
<input type="radio" name="color" id="red" value="2" />
|
|
<label for="red"><span class="red"></span></label>
|
|
|
|
<input type="radio" name="color" id="green" value="3"/>
|
|
<label for="green"><span class="green"></span></label>
|
|
|
|
<input type="radio" name="color" id="yellow" value="4"/>
|
|
<label for="yellow"><span class="yellow"></span></label>
|
|
|
|
<input type="radio" name="color" id="olive" value="5"/>
|
|
<label for="olive"><span class="olive"></span></label>
|
|
|
|
<input type="radio" name="color" id="orange" value="6"/>
|
|
<label for="orange"><span class="orange"></span></label>
|
|
|
|
<input type="radio" name="color" id="teal" value="7"/>
|
|
<label for="teal"><span class="teal"></span></label>
|
|
|
|
<input type="radio" name="color" id="blue" value="8"/>
|
|
<label for="blue"><span class="blue"></span></label>
|
|
|
|
<input type="radio" name="color" id="violet" value="9"/>
|
|
<label for="violet"><span class="violet"></span></label>
|
|
|
|
<input type="radio" name="color" id="purple" value="10"/>
|
|
<label for="purple"><span class="purple"></span></label>
|
|
|
|
<input type="radio" name="color" id="pink" value="11"/>
|
|
<label for="pink"><span class="pink"></span></label>
|
|
</div>
|
|
|
|
<i-button style="margin: 10px" onclick="demo.Clear();">Clear</i-button>
|
|
</div>
|
|
</i-app>
|
|
</body>
|
|
</html> |